@qoretechnologies/reqore 0.71.16 → 0.72.6
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/.claude/CLAUDE.md +19 -0
- package/dist/components/FadeScroller/index.d.ts +56 -0
- package/dist/components/FadeScroller/index.d.ts.map +1 -0
- package/dist/components/FadeScroller/index.js +149 -0
- package/dist/components/FadeScroller/index.js.map +1 -0
- package/dist/components/SeverityRow/index.d.ts.map +1 -1
- package/dist/components/SeverityRow/index.js +71 -12
- package/dist/components/SeverityRow/index.js.map +1 -1
- package/dist/components/Table/index.d.ts +11 -1
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/index.js +2 -2
- package/dist/components/Table/index.js.map +1 -1
- package/dist/components/Table/row.d.ts +17 -2
- package/dist/components/Table/row.d.ts.map +1 -1
- package/dist/components/Table/row.js +26 -5
- package/dist/components/Table/row.js.map +1 -1
- package/dist/components/Tabs/index.d.ts +12 -1
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.js +2 -2
- package/dist/components/Tabs/index.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -3
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/tests.json +1 -1
package/.claude/CLAUDE.md
CHANGED
|
@@ -153,6 +153,25 @@ an existing version).
|
|
|
153
153
|
|
|
154
154
|
**Where to look if unsure:** `git log --oneline -20 -- package.json`.
|
|
155
155
|
|
|
156
|
+
**Once per PR, not per commit.** The rule is about the version at MERGE TIME, not per push
|
|
157
|
+
to the PR branch. `beta_release.yml` fires on push to `develop`, so intermediate versions
|
|
158
|
+
on a feature branch never publish. Bump ONCE — at the first commit of the PR or when
|
|
159
|
+
opening it — and then LEAVE `package.json` alone through follow-up commits (Qlip feedback
|
|
160
|
+
fixes, review responses, iteration on the same branch). Re-bump ONLY when both of these
|
|
161
|
+
are true:
|
|
162
|
+
|
|
163
|
+
- `develop` moved during your PR (`git fetch origin && git log HEAD..origin/develop --oneline` is non-empty)
|
|
164
|
+
- Your current branch version is now taken on npm
|
|
165
|
+
(`npm view @qoretechnologies/reqore@$(jq -r .version package.json)` resolves — either
|
|
166
|
+
because a parallel PR shipped the same version, or because the maintainer cut a release
|
|
167
|
+
onto that number)
|
|
168
|
+
|
|
169
|
+
If either check comes back empty, keep the current version. Bumping "just in case" on
|
|
170
|
+
every follow-up commit inflates the version history (a single iterative PR ending up as
|
|
171
|
+
`0.72.5` instead of the correct `0.72.0`) without any release-mechanics benefit — every
|
|
172
|
+
intermediate `0.72.1-0.72.4` was only ever a git tag on a feature branch, never a
|
|
173
|
+
release on npm.
|
|
174
|
+
|
|
156
175
|
### Testing Patterns
|
|
157
176
|
- **Setup:** `__tests__/setup.js` disables console debug/info/error.
|
|
158
177
|
- **Wrapper:** always wrap tests with
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { TSizes } from '../../constants/sizes';
|
|
3
|
+
import { TReqoreHexColor } from '../Effect';
|
|
4
|
+
import { IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreFluid, IWithReqoreTooltip } from '../../types/global';
|
|
5
|
+
export interface IReqoreFadeScrollerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>, IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreFluid, IWithReqoreTooltip {
|
|
6
|
+
/** The row's contents. Laid out horizontally and never wrapped. */
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* Gap between children, on the standard size scale.
|
|
10
|
+
* @default normal
|
|
11
|
+
*/
|
|
12
|
+
gapSize?: TSizes;
|
|
13
|
+
/**
|
|
14
|
+
* Cross-axis alignment of the row.
|
|
15
|
+
* @default center
|
|
16
|
+
*/
|
|
17
|
+
verticalAlign?: 'flex-start' | 'center' | 'flex-end' | 'stretch';
|
|
18
|
+
/**
|
|
19
|
+
* Keep children at their natural width (`flex: 0 0 auto`) so they overflow into
|
|
20
|
+
* the scroll area instead of being squashed. Right for text, tags and chips.
|
|
21
|
+
* Pass `false` for a row of self-sizing grow-tiles (a stat rail) whose own
|
|
22
|
+
* `flex` should win.
|
|
23
|
+
* @default true
|
|
24
|
+
*/
|
|
25
|
+
rigid?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Edge fade colour. Defaults to the surface the row sits on — the resolved
|
|
28
|
+
* `intent` colour when one is set, otherwise the main background — so the fade
|
|
29
|
+
* reads as the content dissolving into its surface rather than as a grey smudge.
|
|
30
|
+
* Set it explicitly when the row sits on something neither of those describes.
|
|
31
|
+
*/
|
|
32
|
+
fadeColor?: TReqoreHexColor;
|
|
33
|
+
/**
|
|
34
|
+
* Show a fade on an edge that has content scrolled out of view.
|
|
35
|
+
* @default true
|
|
36
|
+
*/
|
|
37
|
+
fade?: boolean;
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* A single-line horizontal scroller that fades whichever edge has content out of
|
|
41
|
+
* view — for chip strips, tag rows, stat rails, breadcrumb trails and any other row
|
|
42
|
+
* of peers that would otherwise wrap into a ragged block on a narrow screen.
|
|
43
|
+
*
|
|
44
|
+
* Wrapping is the wrong answer for a row of equal-weight items: on a phone five
|
|
45
|
+
* tiles become five lines and push the page's actual content below the fold. One
|
|
46
|
+
* swipeable band keeps the row one row. The fade is what makes the overflow
|
|
47
|
+
* discoverable — without it a clipped row looks like a complete one.
|
|
48
|
+
*
|
|
49
|
+
* @example
|
|
50
|
+
* <ReqoreFadeScroller gapSize='small'>
|
|
51
|
+
* {tags.map((tag) => <ReqoreTag key={tag} label={tag} />)}
|
|
52
|
+
* </ReqoreFadeScroller>
|
|
53
|
+
*/
|
|
54
|
+
export declare const ReqoreFadeScroller: import("react").MemoExoticComponent<(props: IReqoreFadeScrollerProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null>;
|
|
55
|
+
export default ReqoreFadeScroller;
|
|
56
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FadeScroller/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EAOV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAiB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAI5C,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAS5B,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB;IACpB,mEAAmE;IACnE,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IACjE;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AA4FD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kBAAkB,+JAuG9B,CAAC;AAIF,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
|
+
var t = {};
|
|
19
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
20
|
+
t[p] = s[p];
|
|
21
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
22
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
24
|
+
t[p[i]] = s[p[i]];
|
|
25
|
+
}
|
|
26
|
+
return t;
|
|
27
|
+
};
|
|
28
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
+
};
|
|
31
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
+
exports.ReqoreFadeScroller = void 0;
|
|
33
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
34
|
+
var react_1 = require("react");
|
|
35
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
36
|
+
var sizes_1 = require("../../constants/sizes");
|
|
37
|
+
var colors_1 = require("../../helpers/colors");
|
|
38
|
+
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
39
|
+
var useTheme_1 = require("../../hooks/useTheme");
|
|
40
|
+
var TooltipComponent_1 = require("../TooltipComponent");
|
|
41
|
+
/**
|
|
42
|
+
* Width of the edge fade, in pixels. Wide enough to read as a gradient rather than
|
|
43
|
+
* a hard edge, narrow enough not to obscure a whole item.
|
|
44
|
+
*/
|
|
45
|
+
var FADE_WIDTH = 36;
|
|
46
|
+
/*
|
|
47
|
+
* The fades are overlay gradients on the wrapper rather than a mask on the scroller,
|
|
48
|
+
* so they sit above the content without entering the scroll flow — a `::before` inside
|
|
49
|
+
* the scrolling element would scroll away with everything else. `pointer-events: none`
|
|
50
|
+
* keeps them from swallowing clicks on the items underneath.
|
|
51
|
+
*/
|
|
52
|
+
var StyledFadeScrollerWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n /* Fluid fills its container (a rail spanning a panel). Non-fluid sizes to its\n content, so the row can sit BESIDE something in a flex layout \u2014 a forced 100%\n makes a wrapping flex parent break it onto its own line. */\n width: ", ";\n max-width: 100%;\n min-width: 0;\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n width: ", "px;\n pointer-events: none;\n z-index: 2;\n transition: opacity 0.15s ease-out;\n }\n\n &::before {\n left: 0;\n background: linear-gradient(to right, ", ", transparent);\n opacity: ", ";\n }\n\n &::after {\n right: 0;\n background: linear-gradient(to left, ", ", transparent);\n opacity: ", ";\n }\n"], ["\n position: relative;\n /* Fluid fills its container (a rail spanning a panel). Non-fluid sizes to its\n content, so the row can sit BESIDE something in a flex layout \u2014 a forced 100%\n makes a wrapping flex parent break it onto its own line. */\n width: ", ";\n max-width: 100%;\n min-width: 0;\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n width: ", "px;\n pointer-events: none;\n z-index: 2;\n transition: opacity 0.15s ease-out;\n }\n\n &::before {\n left: 0;\n background: linear-gradient(to right, ", ", transparent);\n opacity: ", ";\n }\n\n &::after {\n right: 0;\n background: linear-gradient(to left, ", ", transparent);\n opacity: ", ";\n }\n"])), function (_a) {
|
|
53
|
+
var $fluid = _a.$fluid;
|
|
54
|
+
return ($fluid ? '100%' : 'auto');
|
|
55
|
+
}, FADE_WIDTH, function (_a) {
|
|
56
|
+
var $fadeColor = _a.$fadeColor;
|
|
57
|
+
return $fadeColor;
|
|
58
|
+
}, function (_a) {
|
|
59
|
+
var $fadeLeft = _a.$fadeLeft;
|
|
60
|
+
return ($fadeLeft ? 1 : 0);
|
|
61
|
+
}, function (_a) {
|
|
62
|
+
var $fadeColor = _a.$fadeColor;
|
|
63
|
+
return $fadeColor;
|
|
64
|
+
}, function (_a) {
|
|
65
|
+
var $fadeRight = _a.$fadeRight;
|
|
66
|
+
return ($fadeRight ? 1 : 0);
|
|
67
|
+
});
|
|
68
|
+
/*
|
|
69
|
+
* The scrollbar is hidden on purpose: the fade IS the affordance, and a native
|
|
70
|
+
* horizontal bar under a single row of chips is thicker than the row it describes.
|
|
71
|
+
* The row stays scrollable by wheel, trackpad, touch and keyboard regardless.
|
|
72
|
+
*/
|
|
73
|
+
var StyledFadeScrollerContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-wrap: nowrap;\n align-items: ", ";\n gap: ", "px;\n width: ", ";\n max-width: 100%;\n min-width: 0;\n overflow-x: auto;\n overflow-y: hidden;\n /* Keeps a focus ring on the last item from being clipped by the overflow box. */\n padding-bottom: 2px;\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &::-webkit-scrollbar {\n width: 0;\n height: 0;\n display: none;\n }\n\n ", "\n"], ["\n display: flex;\n flex-wrap: nowrap;\n align-items: ", ";\n gap: ", "px;\n width: ", ";\n max-width: 100%;\n min-width: 0;\n overflow-x: auto;\n overflow-y: hidden;\n /* Keeps a focus ring on the last item from being clipped by the overflow box. */\n padding-bottom: 2px;\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &::-webkit-scrollbar {\n width: 0;\n height: 0;\n display: none;\n }\n\n ", "\n"])), function (_a) {
|
|
74
|
+
var $verticalAlign = _a.$verticalAlign;
|
|
75
|
+
return $verticalAlign;
|
|
76
|
+
}, function (_a) {
|
|
77
|
+
var $gap = _a.$gap;
|
|
78
|
+
return $gap;
|
|
79
|
+
}, function (_a) {
|
|
80
|
+
var $fluid = _a.$fluid;
|
|
81
|
+
return ($fluid ? '100%' : 'auto');
|
|
82
|
+
}, function (_a) {
|
|
83
|
+
var $rigid = _a.$rigid;
|
|
84
|
+
return $rigid &&
|
|
85
|
+
"\n & > * {\n flex: 0 0 auto;\n }\n ";
|
|
86
|
+
});
|
|
87
|
+
/**
|
|
88
|
+
* A single-line horizontal scroller that fades whichever edge has content out of
|
|
89
|
+
* view — for chip strips, tag rows, stat rails, breadcrumb trails and any other row
|
|
90
|
+
* of peers that would otherwise wrap into a ragged block on a narrow screen.
|
|
91
|
+
*
|
|
92
|
+
* Wrapping is the wrong answer for a row of equal-weight items: on a phone five
|
|
93
|
+
* tiles become five lines and push the page's actual content below the fold. One
|
|
94
|
+
* swipeable band keeps the row one row. The fade is what makes the overflow
|
|
95
|
+
* discoverable — without it a clipped row looks like a complete one.
|
|
96
|
+
*
|
|
97
|
+
* @example
|
|
98
|
+
* <ReqoreFadeScroller gapSize='small'>
|
|
99
|
+
* {tags.map((tag) => <ReqoreTag key={tag} label={tag} />)}
|
|
100
|
+
* </ReqoreFadeScroller>
|
|
101
|
+
*/
|
|
102
|
+
exports.ReqoreFadeScroller = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
|
|
103
|
+
var children = _a.children, _b = _a.gapSize, gapSize = _b === void 0 ? 'normal' : _b, _c = _a.verticalAlign, verticalAlign = _c === void 0 ? 'center' : _c, _d = _a.rigid, rigid = _d === void 0 ? true : _d, fadeColor = _a.fadeColor, _e = _a.fade, fade = _e === void 0 ? true : _e, _f = _a.fluid, fluid = _f === void 0 ? true : _f, intent = _a.intent, customTheme = _a.customTheme, tooltip = _a.tooltip, className = _a.className, rest = __rest(_a, ["children", "gapSize", "verticalAlign", "rigid", "fadeColor", "fade", "fluid", "intent", "customTheme", "tooltip", "className"]);
|
|
104
|
+
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
|
|
105
|
+
var scrollRef = (0, react_1.useRef)(null);
|
|
106
|
+
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
107
|
+
var _g = (0, react_1.useState)({
|
|
108
|
+
left: false,
|
|
109
|
+
right: false,
|
|
110
|
+
}), edges = _g[0], setEdges = _g[1];
|
|
111
|
+
var update = (0, react_1.useCallback)(function () {
|
|
112
|
+
var element = scrollRef.current;
|
|
113
|
+
if (!element) {
|
|
114
|
+
return;
|
|
115
|
+
}
|
|
116
|
+
var left = element.scrollLeft > 1;
|
|
117
|
+
var right = element.scrollLeft + element.clientWidth < element.scrollWidth - 1;
|
|
118
|
+
// Only commit a real change — this runs after every render (below), and an
|
|
119
|
+
// unconditional setState would loop.
|
|
120
|
+
setEdges(function (current) {
|
|
121
|
+
return current.left === left && current.right === right ? current : { left: left, right: right };
|
|
122
|
+
});
|
|
123
|
+
}, []);
|
|
124
|
+
// After every render, because the children can change width without the
|
|
125
|
+
// scroller resizing (a chip's label loads, an item is removed).
|
|
126
|
+
(0, react_1.useLayoutEffect)(update);
|
|
127
|
+
(0, react_1.useEffect)(function () {
|
|
128
|
+
var element = scrollRef.current;
|
|
129
|
+
if (!element) {
|
|
130
|
+
return undefined;
|
|
131
|
+
}
|
|
132
|
+
element.addEventListener('scroll', update, { passive: true });
|
|
133
|
+
var observer = typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(update);
|
|
134
|
+
observer === null || observer === void 0 ? void 0 : observer.observe(element);
|
|
135
|
+
return function () {
|
|
136
|
+
element.removeEventListener('scroll', update);
|
|
137
|
+
observer === null || observer === void 0 ? void 0 : observer.disconnect();
|
|
138
|
+
};
|
|
139
|
+
}, [update]);
|
|
140
|
+
/* An intent tints the fade, because the fade IS this component's only
|
|
141
|
+
surface — there is no border or background for an intent to colour
|
|
142
|
+
instead. Without this, `intent` would type-check and paint nothing. */
|
|
143
|
+
var resolvedFadeColor = (0, react_1.useMemo)(function () { return fadeColor !== null && fadeColor !== void 0 ? fadeColor : (intent ? theme.intents[intent] : (0, colors_1.getMainBackgroundColor)(theme)); }, [fadeColor, intent, theme]);
|
|
144
|
+
return ((0, jsx_runtime_1.jsx)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, rest, { Component: StyledFadeScrollerWrapper, tooltip: tooltip, ref: targetRef, theme: theme, className: "".concat(className || '', " reqore-fade-scroller").trim(), "$fadeColor": resolvedFadeColor, "$fadeLeft": fade && edges.left, "$fadeRight": fade && edges.right, "$fluid": fluid, children: (0, jsx_runtime_1.jsx)(StyledFadeScrollerContent, { ref: scrollRef, className: 'reqore-fade-scroller-content', "$gap": sizes_1.GAP_FROM_SIZE[gapSize], "$verticalAlign": verticalAlign, "$rigid": rigid, "$fluid": fluid, children: children }) })));
|
|
145
|
+
}));
|
|
146
|
+
exports.ReqoreFadeScroller.displayName = 'ReqoreFadeScroller';
|
|
147
|
+
exports.default = exports.ReqoreFadeScroller;
|
|
148
|
+
var templateObject_1, templateObject_2;
|
|
149
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FadeScroller/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SeverityRow/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAGpF,OAAO,EAAkC,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGpF,OAAO,EACL,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAqB,EAAe,kBAAkB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAExF,OAAO,EAAE,aAAa,EAAgB,MAAM,WAAW,CAAC;AAKxD,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC;IACpF,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB;IACpB,0EAA0E;IAC1E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oFAAoF;IACpF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,6EAA6E;IAC7E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACtC,yDAAyD;IACzD,OAAO,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACrC,oFAAoF;IACpF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SeverityRow/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAGpF,OAAO,EAAkC,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGpF,OAAO,EACL,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAqB,EAAe,kBAAkB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAExF,OAAO,EAAE,aAAa,EAAgB,MAAM,WAAW,CAAC;AAKxD,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC;IACpF,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB;IACpB,0EAA0E;IAC1E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oFAAoF;IACpF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,6EAA6E;IAC7E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACtC,yDAAyD;IACzD,OAAO,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACrC,oFAAoF;IACpF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAyKD,QAAA,MAAM,iBAAiB,8JAqJtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -85,7 +85,35 @@ var tintedBgFor = function (theme, intent) {
|
|
|
85
85
|
? (0, polished_1.rgba)(theme.intents[intent], 0.06)
|
|
86
86
|
: (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.04), 1);
|
|
87
87
|
};
|
|
88
|
-
|
|
88
|
+
/* Container that measures its own width via a ResizeObserver and stamps
|
|
89
|
+
`data-narrow="true"` on the row when the container's inline size drops
|
|
90
|
+
below the wrap breakpoint. Delivers the same "actions wrap under
|
|
91
|
+
label on narrow containers" behaviour a CSS container query would —
|
|
92
|
+
without depending on styled-components 5.3.11's stylis 4.0.13
|
|
93
|
+
handling of `@container`, which we confirmed via a CI debug pass
|
|
94
|
+
silently no-ops (the rule emits to the DOM but never matches, even
|
|
95
|
+
when the container is correctly registered with `container-type:
|
|
96
|
+
inline-size` and its width falls under the threshold). Plain
|
|
97
|
+
attribute selectors on the row are bulletproof and match every
|
|
98
|
+
browser Reqore ships to.
|
|
99
|
+
|
|
100
|
+
`width` follows the row's `fluid` prop so a `fluid={false}` row
|
|
101
|
+
nested in a flex parent still shrinks to content — the observer sees
|
|
102
|
+
the shrunk width and updates the attribute accordingly. */
|
|
103
|
+
var StyledContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: ", ";\n"], ["\n width: ", ";\n"])), function (_a) {
|
|
104
|
+
var $fluid = _a.$fluid;
|
|
105
|
+
return ($fluid ? '100%' : 'auto');
|
|
106
|
+
});
|
|
107
|
+
/** Below this container width, the actions wrap under the label. */
|
|
108
|
+
var NARROW_BREAKPOINT_PX = 640;
|
|
109
|
+
/** Width of the coloured severity strip on the row's left edge. Constant
|
|
110
|
+
* across sizes so the marker reads at the same visual weight regardless
|
|
111
|
+
* of the row's text scale. Referenced by the grid template (wide and
|
|
112
|
+
* narrow), and by the aria-hidden placeholder rendered when the strip
|
|
113
|
+
* is suppressed via `showStrip={false}` so the grid geometry stays
|
|
114
|
+
* identical. */
|
|
115
|
+
var STRIP_WIDTH_PX = 4;
|
|
116
|
+
var StyledRow = (0, styled_components_1.default)(Effect_1.StyledEffect)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: grid;\n grid-template-columns: ", "px 1fr auto;\n gap: ", "px;\n padding: ", ";\n border-radius: ", ";\n background-color: ", ";\n border: ", ";\n align-items: center;\n width: ", ";\n color: ", ";\n transition: background-color 0.15s ease-out;\n\n /* Narrow-container layout \u2014 driven by a data-narrow attribute\n stamped on the row by a ResizeObserver on the wrapper. See the\n StyledContainer docstring for why we don't use CSS container\n queries here.\n\n row-gap is deliberately tighter than the (horizontal) column gap:\n when the actions wrap under the label the row already has extra\n visual breathing room from the description above it, so a full\n column-gap between description and buttons reads as a dead band.\n Uses PADDING_FROM_SIZE[size] directly (half the column gap) so it\n scales with the row's size scale. */\n &[data-narrow='true'] {\n grid-template-columns: ", "px 1fr;\n grid-auto-rows: max-content;\n row-gap: ", "px;\n }\n &[data-narrow='true'] > .reqore-severity-row-actions {\n grid-column: 2 / -1;\n grid-row: 2;\n max-width: 100%;\n justify-content: flex-start;\n }\n\n ", "\n\n ", "\n\n ", "\n"], ["\n display: grid;\n grid-template-columns: ", "px 1fr auto;\n gap: ", "px;\n padding: ", ";\n border-radius: ", ";\n background-color: ", ";\n border: ", ";\n align-items: center;\n width: ", ";\n color: ", ";\n transition: background-color 0.15s ease-out;\n\n /* Narrow-container layout \u2014 driven by a data-narrow attribute\n stamped on the row by a ResizeObserver on the wrapper. See the\n StyledContainer docstring for why we don't use CSS container\n queries here.\n\n row-gap is deliberately tighter than the (horizontal) column gap:\n when the actions wrap under the label the row already has extra\n visual breathing room from the description above it, so a full\n column-gap between description and buttons reads as a dead band.\n Uses PADDING_FROM_SIZE[size] directly (half the column gap) so it\n scales with the row's size scale. */\n &[data-narrow='true'] {\n grid-template-columns: ", "px 1fr;\n grid-auto-rows: max-content;\n row-gap: ", "px;\n }\n &[data-narrow='true'] > .reqore-severity-row-actions {\n grid-column: 2 / -1;\n grid-row: 2;\n max-width: 100%;\n justify-content: flex-start;\n }\n\n ", "\n\n ", "\n\n ", "\n"])), STRIP_WIDTH_PX, function (_a) {
|
|
89
117
|
var size = _a.size;
|
|
90
118
|
return sizes_1.PADDING_FROM_SIZE[size] * 2;
|
|
91
119
|
}, function (_a) {
|
|
@@ -113,9 +141,12 @@ var StyledRow = (0, styled_components_1.default)(Effect_1.StyledEffect)(template
|
|
|
113
141
|
}, function (_a) {
|
|
114
142
|
var theme = _a.theme;
|
|
115
143
|
return (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
|
|
144
|
+
}, STRIP_WIDTH_PX, function (_a) {
|
|
145
|
+
var size = _a.size;
|
|
146
|
+
return sizes_1.PADDING_FROM_SIZE[size];
|
|
116
147
|
}, function (_a) {
|
|
117
148
|
var $clickable = _a.$clickable, theme = _a.theme, $intent = _a.$intent, $transparent = _a.$transparent;
|
|
118
|
-
return $clickable && (0, styled_components_1.css)(
|
|
149
|
+
return $clickable && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n }\n "], ["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n }\n "])), $intent
|
|
119
150
|
? (0, polished_1.rgba)(theme.intents[$intent], $transparent ? 0.04 : 0.1)
|
|
120
151
|
: $transparent
|
|
121
152
|
? (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.08), 0.08)
|
|
@@ -127,15 +158,15 @@ var StyledRow = (0, styled_components_1.default)(Effect_1.StyledEffect)(template
|
|
|
127
158
|
var disabled = _a.disabled;
|
|
128
159
|
return disabled && styles_1.DisabledElement;
|
|
129
160
|
});
|
|
130
|
-
var StyledStrip = styled_components_1.default.div(
|
|
161
|
+
var StyledStrip = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n align-self: stretch;\n border-radius: 2px;\n background-color: ", ";\n // Subtle glow matching the strip colour \u2014 same pattern as FeatureCard's\n // line marker. Pulls focus to the row without using a heavier border.\n box-shadow: 0 0 22px ", ";\n"], ["\n align-self: stretch;\n border-radius: 2px;\n background-color: ", ";\n // Subtle glow matching the strip colour \u2014 same pattern as FeatureCard's\n // line marker. Pulls focus to the row without using a heavier border.\n box-shadow: 0 0 22px ", ";\n"])), function (_a) {
|
|
131
162
|
var theme = _a.theme, $intent = _a.$intent;
|
|
132
163
|
return stripColorFor(theme, $intent);
|
|
133
164
|
}, function (_a) {
|
|
134
165
|
var theme = _a.theme, $intent = _a.$intent;
|
|
135
166
|
return (0, polished_1.rgba)(stripColorFor(theme, $intent), 0.3);
|
|
136
167
|
});
|
|
137
|
-
var StyledBody = styled_components_1.default.div(
|
|
138
|
-
var StyledLabelLine = styled_components_1.default.div(
|
|
168
|
+
var StyledBody = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n flex-flow: column;\n gap: 4px;\n min-width: 0;\n"], ["\n display: flex;\n flex-flow: column;\n gap: 4px;\n min-width: 0;\n"])));
|
|
169
|
+
var StyledLabelLine = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: ", ";\n min-width: 0;\n font-weight: 500;\n"], ["\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: ", ";\n min-width: 0;\n font-weight: 500;\n"])), function (_a) {
|
|
139
170
|
var $wrap = _a.$wrap;
|
|
140
171
|
return ($wrap ? 'wrap' : 'nowrap');
|
|
141
172
|
});
|
|
@@ -143,9 +174,9 @@ var StyledLabelLine = styled_components_1.default.div(templateObject_5 || (templ
|
|
|
143
174
|
// not its wrapper. Cascade the ellipsis CSS into the child <ReqoreP>/<ReqoreSpan>
|
|
144
175
|
// so the `…` glyph actually appears, while keeping the wrapper itself a flex
|
|
145
176
|
// item that can shrink (`min-width: 0; flex: 1 1 auto`) inside its parent.
|
|
146
|
-
var StyledTextSlot = styled_components_1.default.div(
|
|
177
|
+
var StyledTextSlot = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n min-width: 0;\n ", "\n"], ["\n min-width: 0;\n ", "\n"])), function (_a) {
|
|
147
178
|
var $wrap = _a.$wrap;
|
|
148
|
-
return !$wrap && (0, styled_components_1.css)(
|
|
179
|
+
return !$wrap && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n flex: 1 1 auto;\n overflow: hidden;\n\n & > * {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: block;\n max-width: 100%;\n }\n "], ["\n flex: 1 1 auto;\n overflow: hidden;\n\n & > * {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: block;\n max-width: 100%;\n }\n "])));
|
|
149
180
|
});
|
|
150
181
|
var ReqoreSeverityRow = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
|
|
151
182
|
var label = _a.label, description = _a.description, leading = _a.leading, badge = _a.badge, actions = _a.actions, intent = _a.intent, _b = _a.transparent, transparent = _b === void 0 ? false : _b, _c = _a.showStrip, showStrip = _c === void 0 ? true : _c, _d = _a.size, size = _d === void 0 ? 'normal' : _d, _e = _a.flat, flat = _e === void 0 ? true : _e, _f = _a.fluid, fluid = _f === void 0 ? true : _f, _g = _a.rounded, rounded = _g === void 0 ? true : _g, raised = _a.raised, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, disabled = _a.disabled, tooltip = _a.tooltip, effect = _a.effect, labelEffect = _a.labelEffect, descriptionEffect = _a.descriptionEffect, _h = _a.wrap, wrap = _h === void 0 ? true : _h, _j = _a.padded, padded = _j === void 0 ? true : _j, paddingSize = _a.paddingSize, className = _a.className, rest = __rest(_a, ["label", "description", "leading", "badge", "actions", "intent", "transparent", "showStrip", "size", "flat", "fluid", "rounded", "raised", "customTheme", "inheritCustomTheme", "disabled", "tooltip", "effect", "labelEffect", "descriptionEffect", "wrap", "padded", "paddingSize", "className"]);
|
|
@@ -153,11 +184,39 @@ var ReqoreSeverityRow = (0, react_1.memo)((0, react_1.forwardRef)(function (_a,
|
|
|
153
184
|
var secondarySize = (0, react_1.useMemo)(function () { return (0, utils_1.getOneLessSize)(size); }, [size]);
|
|
154
185
|
var interactive = !!(rest.onClick || rest.onDoubleClick);
|
|
155
186
|
var hasBadge = badge !== undefined && badge !== null;
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
187
|
+
/* Track container width via a ResizeObserver so the row's grid can
|
|
188
|
+
respond to the WRAPPER's own width (not the viewport's) —
|
|
189
|
+
critical for the drawer / sidebar / split-panel case where a
|
|
190
|
+
narrow container sits on a wide screen. Pass the resolved state
|
|
191
|
+
to StyledRow as a `data-narrow` attribute; the CSS selector on
|
|
192
|
+
`&[data-narrow='true']` rewrites the grid. */
|
|
193
|
+
var containerRef = (0, react_1.useRef)(null);
|
|
194
|
+
var _k = (0, react_1.useState)(false), isNarrow = _k[0], setIsNarrow = _k[1];
|
|
195
|
+
(0, react_1.useEffect)(function () {
|
|
196
|
+
var node = containerRef.current;
|
|
197
|
+
if (!node || typeof ResizeObserver === 'undefined')
|
|
198
|
+
return undefined;
|
|
199
|
+
var observer = new ResizeObserver(function (entries) {
|
|
200
|
+
var _a, _b;
|
|
201
|
+
for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
|
|
202
|
+
var entry = entries_1[_i];
|
|
203
|
+
// `contentBoxSize` is the modern read; fall back to the entry's
|
|
204
|
+
// boundingClientRect for older browsers that still call the
|
|
205
|
+
// callback but don't populate the newer field.
|
|
206
|
+
var width = Array.isArray(entry.contentBoxSize)
|
|
207
|
+
? (_b = (_a = entry.contentBoxSize[0]) === null || _a === void 0 ? void 0 : _a.inlineSize) !== null && _b !== void 0 ? _b : entry.contentRect.width
|
|
208
|
+
: entry.contentRect.width;
|
|
209
|
+
setIsNarrow(width > 0 && width <= NARROW_BREAKPOINT_PX);
|
|
210
|
+
}
|
|
211
|
+
});
|
|
212
|
+
observer.observe(node);
|
|
213
|
+
return function () { return observer.disconnect(); };
|
|
214
|
+
}, []);
|
|
215
|
+
return ((0, jsx_runtime_1.jsx)(StyledContainer, { ref: containerRef, "$fluid": fluid, className: 'reqore-severity-row-container', children: (0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, __assign({ "data-narrow": isNarrow || undefined }, rest, { Component: StyledRow, tooltip: tooltip, ref: ref, theme: theme, "$intent": intent, "$transparent": transparent, size: size, "$fluid": fluid, flat: flat, rounded: rounded, "$raised": raised, "$clickable": interactive, "$padded": padded, "$paddingSize": paddingSize !== null && paddingSize !== void 0 ? paddingSize : size, disabled: disabled, effect: effect, className: "".concat(className || '', " reqore-severity-row"), children: [showStrip ? ((0, jsx_runtime_1.jsx)(StyledStrip, { theme: theme, "$intent": intent, className: 'reqore-severity-row-strip', "aria-hidden": true })) : ((0, jsx_runtime_1.jsx)("span", { "aria-hidden": true, style: { width: STRIP_WIDTH_PX } })), (0, jsx_runtime_1.jsxs)(StyledBody, { className: 'reqore-severity-row-body', children: [(0, jsx_runtime_1.jsxs)(StyledLabelLine, { "$wrap": wrap, className: 'reqore-severity-row-label', children: [leading, (0, jsx_runtime_1.jsx)(StyledTextSlot, { "$wrap": wrap, children: (0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, { size: size, effect: labelEffect, children: label }) }), hasBadge && ((0, jsx_runtime_1.jsx)(Button_1.ButtonBadge, { size: size, content: badge, margin: 'none' }))] }), description && ((0, jsx_runtime_1.jsx)(StyledTextSlot, { "$wrap": wrap, children: (0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, { size: secondarySize, effect: __assign({ opacity: 0.6 }, descriptionEffect), className: 'reqore-severity-row-description', children: description }) }))] }), actions && actions.length > 0 && ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { gapSize: 'small', className: 'reqore-severity-row-actions', children: actions.map(function (action, idx) {
|
|
216
|
+
var _a;
|
|
217
|
+
return ((0, jsx_runtime_1.jsx)(Button_1.default, __assign({ size: size, intent: (_a = action.intent) !== null && _a !== void 0 ? _a : intent }, action, { children: action.label }), idx));
|
|
218
|
+
}) }))] })) }));
|
|
160
219
|
}));
|
|
161
220
|
exports.default = ReqoreSeverityRow;
|
|
162
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
221
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
163
222
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SeverityRow/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAgC;AAChC,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SeverityRow/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -204,6 +204,16 @@ export interface IReqoreTableProps extends IReqorePanelProps {
|
|
|
204
204
|
headerCellComponent?: IReqoreCustomHeaderCellComponent;
|
|
205
205
|
rowComponent?: IReqoreTableRowOptions['rowComponent'];
|
|
206
206
|
bodyCellComponent?: IReqoreTableRowOptions['cellComponent'];
|
|
207
|
+
/**
|
|
208
|
+
* Per-row attribute mapper. Called for each rendered body row with its
|
|
209
|
+
* data + row index; return `className` / `style` / `data-*` / event
|
|
210
|
+
* handlers to spread onto the row `<div>`. Reqore's own baseline
|
|
211
|
+
* `className: 'reqore-table-row'` and its react-window absolute-position
|
|
212
|
+
* `style` are merged in — anything else you return replaces or extends
|
|
213
|
+
* them. Use this instead of `.reqore-table-row:has(...)` selectors when
|
|
214
|
+
* a consumer needs to key row appearance off a data condition.
|
|
215
|
+
*/
|
|
216
|
+
getRowProps?: IReqoreTableRowOptions['getRowProps'];
|
|
207
217
|
exportMapper?: TReqoreKeyValueTableExportMapper | ((data: unknown[]) => IReqoreExportModalProps['data']);
|
|
208
218
|
}
|
|
209
219
|
export interface IReqoreTableStyle {
|
|
@@ -225,6 +235,6 @@ export interface IReqoreTableExportModalProps {
|
|
|
225
235
|
onClose: () => void;
|
|
226
236
|
exportMapper?: IReqoreTableProps['exportMapper'];
|
|
227
237
|
}
|
|
228
|
-
declare const ReqoreTable: ({ className, height, width, columns, data, sort, onSortChange, selectable, selected, onSelectedChange, selectToggleTooltip, onRowClick, onScrollChange, striped, selectedRowIntent, size, wrapperSize, intent, fill, filterable, zoomable, filter, actions, onFilterChange, filterProps, emptyMessage, headerCellComponent, rowComponent, bodyCellComponent, onSelectClick, paging, exportable, exportMapper, showHelp, showColumnsOptions, virtualized, wrap, maxCellHeight, expandHeightButtonProps, rowHeight, selectToggleAllTooltip, columnsToggleLabel, filterPlaceholder, scrollToTopTooltip, resetAllLabel, helpLabel, helpModalLabel, helpContent, sortAscendingLabel, sortDescendingLabel, pinLeftLabel, pinRightLabel, hideColumnLabel, resetSizeLabel, otherActionsLabel, columnFilterPlaceholder, ...rest }: IReqoreTableProps) => import("react/jsx-runtime").JSX.Element;
|
|
238
|
+
declare const ReqoreTable: ({ className, height, width, columns, data, sort, onSortChange, selectable, selected, onSelectedChange, selectToggleTooltip, onRowClick, onScrollChange, striped, selectedRowIntent, size, wrapperSize, intent, fill, filterable, zoomable, filter, actions, onFilterChange, filterProps, emptyMessage, headerCellComponent, rowComponent, bodyCellComponent, getRowProps, onSelectClick, paging, exportable, exportMapper, showHelp, showColumnsOptions, virtualized, wrap, maxCellHeight, expandHeightButtonProps, rowHeight, selectToggleAllTooltip, columnsToggleLabel, filterPlaceholder, scrollToTopTooltip, resetAllLabel, helpLabel, helpModalLabel, helpContent, sortAscendingLabel, sortDescendingLabel, pinLeftLabel, pinRightLabel, hideColumnLabel, resetSizeLabel, otherActionsLabel, columnFilterPlaceholder, ...rest }: IReqoreTableProps) => import("react/jsx-runtime").JSX.Element;
|
|
229
239
|
export default ReqoreTable;
|
|
230
240
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -103,7 +103,7 @@ var ReqoreTableExportModal = function (_a) {
|
|
|
103
103
|
return (0, jsx_runtime_1.jsx)(ExportModal_1.ReqoreExportModal, { data: fixedData, onClose: onClose });
|
|
104
104
|
};
|
|
105
105
|
var ReqoreTable = function (_a) {
|
|
106
|
-
var className = _a.className, height = _a.height, width = _a.width, columns = _a.columns, _b = _a.data, data = _b === void 0 ? [] : _b, sort = _a.sort, onSortChange = _a.onSortChange, selectable = _a.selectable, selected = _a.selected, onSelectedChange = _a.onSelectedChange, selectToggleTooltip = _a.selectToggleTooltip, onRowClick = _a.onRowClick, onScrollChange = _a.onScrollChange, striped = _a.striped, _c = _a.selectedRowIntent, selectedRowIntent = _c === void 0 ? 'info' : _c, _d = _a.size, size = _d === void 0 ? 'normal' : _d, _e = _a.wrapperSize, wrapperSize = _e === void 0 ? 'normal' : _e, intent = _a.intent, fill = _a.fill, filterable = _a.filterable, zoomable = _a.zoomable, _f = _a.filter, filter = _f === void 0 ? '' : _f, _g = _a.actions, actions = _g === void 0 ? [] : _g, onFilterChange = _a.onFilterChange, filterProps = _a.filterProps, _h = _a.emptyMessage, emptyMessage = _h === void 0 ? 'No data in this table, try changing your search query or filters' : _h, headerCellComponent = _a.headerCellComponent, rowComponent = _a.rowComponent, bodyCellComponent = _a.bodyCellComponent, onSelectClick = _a.onSelectClick, paging = _a.paging, exportable = _a.exportable, exportMapper = _a.exportMapper, showHelp = _a.showHelp, showColumnsOptions = _a.showColumnsOptions, virtualized = _a.virtualized, wrap = _a.wrap, maxCellHeight = _a.maxCellHeight, expandHeightButtonProps = _a.expandHeightButtonProps, rowHeight = _a.rowHeight, _j = _a.selectToggleAllTooltip, selectToggleAllTooltip = _j === void 0 ? 'Toggle selection on all data' : _j, _k = _a.columnsToggleLabel, columnsToggleLabel = _k === void 0 ? 'Show / hide columns' : _k, filterPlaceholder = _a.filterPlaceholder, _l = _a.scrollToTopTooltip, scrollToTopTooltip = _l === void 0 ? 'Scroll to top' : _l, _m = _a.resetAllLabel, resetAllLabel = _m === void 0 ? 'Reset all' : _m, _o = _a.helpLabel, helpLabel = _o === void 0 ? 'Help' : _o, _p = _a.helpModalLabel, helpModalLabel = _p === void 0 ? 'Table help' : _p, helpContent = _a.helpContent, _q = _a.sortAscendingLabel, sortAscendingLabel = _q === void 0 ? 'Sort ascending' : _q, _r = _a.sortDescendingLabel, sortDescendingLabel = _r === void 0 ? 'Sort descending' : _r, _s = _a.pinLeftLabel, pinLeftLabel = _s === void 0 ? 'Pin left' : _s, _t = _a.pinRightLabel, pinRightLabel = _t === void 0 ? 'Pin Right' : _t, _u = _a.hideColumnLabel, hideColumnLabel = _u === void 0 ? 'Hide column' : _u, _v = _a.resetSizeLabel, resetSizeLabel = _v === void 0 ? 'Reset size' : _v, _w = _a.otherActionsLabel, otherActionsLabel = _w === void 0 ? 'Other' : _w, _x = _a.columnFilterPlaceholder, columnFilterPlaceholder = _x === void 0 ? 'Filter by this column...' : _x, rest = __rest(_a, ["className", "height", "width", "columns", "data", "sort", "onSortChange", "selectable", "selected", "onSelectedChange", "selectToggleTooltip", "onRowClick", "onScrollChange", "striped", "selectedRowIntent", "size", "wrapperSize", "intent", "fill", "filterable", "zoomable", "filter", "actions", "onFilterChange", "filterProps", "emptyMessage", "headerCellComponent", "rowComponent", "bodyCellComponent", "onSelectClick", "paging", "exportable", "exportMapper", "showHelp", "showColumnsOptions", "virtualized", "wrap", "maxCellHeight", "expandHeightButtonProps", "rowHeight", "selectToggleAllTooltip", "columnsToggleLabel", "filterPlaceholder", "scrollToTopTooltip", "resetAllLabel", "helpLabel", "helpModalLabel", "helpContent", "sortAscendingLabel", "sortDescendingLabel", "pinLeftLabel", "pinRightLabel", "hideColumnLabel", "resetSizeLabel", "otherActionsLabel", "columnFilterPlaceholder"]);
|
|
106
|
+
var className = _a.className, height = _a.height, width = _a.width, columns = _a.columns, _b = _a.data, data = _b === void 0 ? [] : _b, sort = _a.sort, onSortChange = _a.onSortChange, selectable = _a.selectable, selected = _a.selected, onSelectedChange = _a.onSelectedChange, selectToggleTooltip = _a.selectToggleTooltip, onRowClick = _a.onRowClick, onScrollChange = _a.onScrollChange, striped = _a.striped, _c = _a.selectedRowIntent, selectedRowIntent = _c === void 0 ? 'info' : _c, _d = _a.size, size = _d === void 0 ? 'normal' : _d, _e = _a.wrapperSize, wrapperSize = _e === void 0 ? 'normal' : _e, intent = _a.intent, fill = _a.fill, filterable = _a.filterable, zoomable = _a.zoomable, _f = _a.filter, filter = _f === void 0 ? '' : _f, _g = _a.actions, actions = _g === void 0 ? [] : _g, onFilterChange = _a.onFilterChange, filterProps = _a.filterProps, _h = _a.emptyMessage, emptyMessage = _h === void 0 ? 'No data in this table, try changing your search query or filters' : _h, headerCellComponent = _a.headerCellComponent, rowComponent = _a.rowComponent, bodyCellComponent = _a.bodyCellComponent, getRowProps = _a.getRowProps, onSelectClick = _a.onSelectClick, paging = _a.paging, exportable = _a.exportable, exportMapper = _a.exportMapper, showHelp = _a.showHelp, showColumnsOptions = _a.showColumnsOptions, virtualized = _a.virtualized, wrap = _a.wrap, maxCellHeight = _a.maxCellHeight, expandHeightButtonProps = _a.expandHeightButtonProps, rowHeight = _a.rowHeight, _j = _a.selectToggleAllTooltip, selectToggleAllTooltip = _j === void 0 ? 'Toggle selection on all data' : _j, _k = _a.columnsToggleLabel, columnsToggleLabel = _k === void 0 ? 'Show / hide columns' : _k, filterPlaceholder = _a.filterPlaceholder, _l = _a.scrollToTopTooltip, scrollToTopTooltip = _l === void 0 ? 'Scroll to top' : _l, _m = _a.resetAllLabel, resetAllLabel = _m === void 0 ? 'Reset all' : _m, _o = _a.helpLabel, helpLabel = _o === void 0 ? 'Help' : _o, _p = _a.helpModalLabel, helpModalLabel = _p === void 0 ? 'Table help' : _p, helpContent = _a.helpContent, _q = _a.sortAscendingLabel, sortAscendingLabel = _q === void 0 ? 'Sort ascending' : _q, _r = _a.sortDescendingLabel, sortDescendingLabel = _r === void 0 ? 'Sort descending' : _r, _s = _a.pinLeftLabel, pinLeftLabel = _s === void 0 ? 'Pin left' : _s, _t = _a.pinRightLabel, pinRightLabel = _t === void 0 ? 'Pin Right' : _t, _u = _a.hideColumnLabel, hideColumnLabel = _u === void 0 ? 'Hide column' : _u, _v = _a.resetSizeLabel, resetSizeLabel = _v === void 0 ? 'Reset size' : _v, _w = _a.otherActionsLabel, otherActionsLabel = _w === void 0 ? 'Other' : _w, _x = _a.columnFilterPlaceholder, columnFilterPlaceholder = _x === void 0 ? 'Filter by this column...' : _x, rest = __rest(_a, ["className", "height", "width", "columns", "data", "sort", "onSortChange", "selectable", "selected", "onSelectedChange", "selectToggleTooltip", "onRowClick", "onScrollChange", "striped", "selectedRowIntent", "size", "wrapperSize", "intent", "fill", "filterable", "zoomable", "filter", "actions", "onFilterChange", "filterProps", "emptyMessage", "headerCellComponent", "rowComponent", "bodyCellComponent", "getRowProps", "onSelectClick", "paging", "exportable", "exportMapper", "showHelp", "showColumnsOptions", "virtualized", "wrap", "maxCellHeight", "expandHeightButtonProps", "rowHeight", "selectToggleAllTooltip", "columnsToggleLabel", "filterPlaceholder", "scrollToTopTooltip", "resetAllLabel", "helpLabel", "helpModalLabel", "helpContent", "sortAscendingLabel", "sortDescendingLabel", "pinLeftLabel", "pinRightLabel", "hideColumnLabel", "resetSizeLabel", "otherActionsLabel", "columnFilterPlaceholder"]);
|
|
107
107
|
var mainTableRef = (0, react_1.useRef)(null);
|
|
108
108
|
var mainHeaderRef = (0, react_1.useRef)(null);
|
|
109
109
|
var hasColumnWrap = (0, react_1.useMemo)(function () {
|
|
@@ -552,7 +552,7 @@ var ReqoreTable = function (_a) {
|
|
|
552
552
|
}
|
|
553
553
|
return ((0, jsx_runtime_1.jsxs)(StyledTableWrapper, { ref: wrapperRef, className: 'reqore-table-wrapper', rounded: rest.rounded !== false && rest.flat !== false, size: rest.flat === false ? wrapperSize : helpers_1.zoomToSize[zoom], children: [(0, jsx_runtime_1.jsx)(header_1.default, { size: helpers_1.zoomToSize[zoom], columns: finalColumns, ref: mainHeaderRef, bodyRef: mainTableRef, onSortChange: handleSortChange, heightAsGroup: (0, helpers_1.hasGroupedColumns)(finalColumns), sortData: _sort, onColumnsUpdate: handleColumnsUpdate, onFilterChange: function (dataId, value) {
|
|
554
554
|
handleColumnsUpdate(dataId, 'filter', value);
|
|
555
|
-
}, component: headerCellComponent, tableWidth: sizes.width, minimal: rest.minimal, sortAscendingLabel: sortAscendingLabel, sortDescendingLabel: sortDescendingLabel, pinLeftLabel: pinLeftLabel, pinRightLabel: pinRightLabel, hideColumnLabel: hideColumnLabel, resetSizeLabel: resetSizeLabel, otherActionsLabel: otherActionsLabel, columnFilterPlaceholder: columnFilterPlaceholder }), (0, lodash_1.size)(items) === 0 ? null : ((0, jsx_runtime_1.jsx)(body_1.default, { ref: mainTableRef, headerRef: mainHeaderRef, data: items, columns: finalColumns, height: fill ? Math.max(0, sizes.height - headerHeight) : height, selectable: selectable, onSelectClick: handleSelectClick, onRowClick: onRowClick, onScrollChange: handleScrollChange, selected: _selected, selectedRowIntent: selectedRowIntent, size: helpers_1.zoomToSize[zoom], striped: striped, flat: rest.flat, wrap: wrap, maxCellHeight: maxCellHeight, expandHeightButtonProps: expandHeightButtonProps, rowHeight: rowHeight, virtualized: shouldVirtualize, rowComponent: rowComponent, cellComponent: bodyCellComponent, tableWidth: sizes.width }))] }));
|
|
555
|
+
}, component: headerCellComponent, tableWidth: sizes.width, minimal: rest.minimal, sortAscendingLabel: sortAscendingLabel, sortDescendingLabel: sortDescendingLabel, pinLeftLabel: pinLeftLabel, pinRightLabel: pinRightLabel, hideColumnLabel: hideColumnLabel, resetSizeLabel: resetSizeLabel, otherActionsLabel: otherActionsLabel, columnFilterPlaceholder: columnFilterPlaceholder }), (0, lodash_1.size)(items) === 0 ? null : ((0, jsx_runtime_1.jsx)(body_1.default, { ref: mainTableRef, headerRef: mainHeaderRef, data: items, columns: finalColumns, height: fill ? Math.max(0, sizes.height - headerHeight) : height, selectable: selectable, onSelectClick: handleSelectClick, onRowClick: onRowClick, onScrollChange: handleScrollChange, selected: _selected, selectedRowIntent: selectedRowIntent, size: helpers_1.zoomToSize[zoom], striped: striped, flat: rest.flat, wrap: wrap, maxCellHeight: maxCellHeight, expandHeightButtonProps: expandHeightButtonProps, rowHeight: rowHeight, virtualized: shouldVirtualize, rowComponent: rowComponent, cellComponent: bodyCellComponent, getRowProps: getRowProps, tableWidth: sizes.width }))] }));
|
|
556
556
|
};
|
|
557
557
|
var pagingOptions = (0, react_1.useMemo)(function () { return (paging ? (0, paging_1.getPagingObjectFromType)(paging) : undefined); }, [paging]);
|
|
558
558
|
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(__1.ReqorePanel, __assign({ transparent: true, flat: true, padded: false, contentStyle: { display: 'flex', flexFlow: 'column', overflow: 'hidden' }, responsiveActions: false }, rest, { size: wrapperSize, actions: tableActions, fill: fill, className: "".concat(className || '', " reqore-table"), style: __assign({ width: width }, (rest.style || {})), badge: badge, children: (0, jsx_runtime_1.jsx)(ThemeProvider_1.default, { theme: theme, customTheme: rest.customTheme, children: (0, jsx_runtime_1.jsx)(__1.ReqorePaginationContainer, { items: transformedData, type: pagingOptions
|