@qoretechnologies/reqore 0.73.2 → 0.73.3-pr.636.g3b4c1bd
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/EntityRow/index.d.ts.map +1 -1
- package/dist/components/EntityRow/index.js +51 -20
- package/dist/components/EntityRow/index.js.map +1 -1
- package/dist/components/SeverityRow/index.d.ts.map +1 -1
- package/dist/components/SeverityRow/index.js +16 -31
- package/dist/components/SeverityRow/index.js.map +1 -1
- package/dist/helpers/utils.d.ts +17 -0
- package/dist/helpers/utils.d.ts.map +1 -1
- package/dist/helpers/utils.js +24 -1
- package/dist/helpers/utils.js.map +1 -1
- package/dist/hooks/useNarrowContainer.d.ts +37 -0
- package/dist/hooks/useNarrowContainer.d.ts.map +1 -0
- package/dist/hooks/useNarrowContainer.js +68 -0
- package/dist/hooks/useNarrowContainer.js.map +1 -0
- package/package.json +1 -1
- package/tests.json +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EntityRow/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAGpF,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EntityRow/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAGpF,OAAO,EAGL,aAAa,EAEd,MAAM,qBAAqB,CAAC;AAI7B,OAAO,EACL,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAe,kBAAkB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAExF,OAAuB,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,EAAE,aAAa,EAAgB,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC5E,OAAmB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAKjD,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC;IAClF,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAClC,mEAAmE;IACnE,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAeD,MAAM,WAAW,qBACf,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACnD,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB;IACpB,wCAAwC;IACxC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,yDAAyD;IACzD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,sEAAsE;IACtE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACtC,2CAA2C;IAC3C,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACtC,mCAAmC;IACnC,OAAO,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACnC,oFAAoF;IACpF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;OAOG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,2CAA2C;IAC3C,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AA0KD,QAAA,MAAM,eAAe,4JA2LpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -69,6 +69,7 @@ var styled_components_1 = __importStar(require("styled-components"));
|
|
|
69
69
|
var sizes_1 = require("../../constants/sizes");
|
|
70
70
|
var colors_1 = require("../../helpers/colors");
|
|
71
71
|
var utils_1 = require("../../helpers/utils");
|
|
72
|
+
var useNarrowContainer_1 = require("../../hooks/useNarrowContainer");
|
|
72
73
|
var useTheme_1 = require("../../hooks/useTheme");
|
|
73
74
|
var styles_1 = require("../../styles");
|
|
74
75
|
var Button_1 = __importStar(require("../Button"));
|
|
@@ -87,7 +88,7 @@ var TooltipComponent_1 = require("../TooltipComponent");
|
|
|
87
88
|
* handler closes over nothing, so one shared instance is all that is ever needed —
|
|
88
89
|
* `useCallback` would still allocate one per row.
|
|
89
90
|
*/
|
|
90
|
-
var stopRowClick =
|
|
91
|
+
var stopRowClick = (0, utils_1.withStoppedPropagation)();
|
|
91
92
|
/** Same reasoning: a stable predicate instead of a new closure per render. */
|
|
92
93
|
var isSubActionShown = function (_a) {
|
|
93
94
|
var show = _a.show;
|
|
@@ -107,7 +108,14 @@ var tintedBgFor = function (theme, intent) {
|
|
|
107
108
|
? (0, polished_1.rgba)(theme.intents[intent], 0.06)
|
|
108
109
|
: (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.04), 1);
|
|
109
110
|
};
|
|
110
|
-
|
|
111
|
+
/* Wrapper the ResizeObserver measures. Width follows the row's `fluid` prop so a
|
|
112
|
+
`fluid={false}` row nested in a flex parent still shrinks to content and the
|
|
113
|
+
observer sees the shrunk width. Mirrors ReqoreSeverityRow. */
|
|
114
|
+
var StyledContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: ", ";\n"], ["\n width: ", ";\n"])), function (_a) {
|
|
115
|
+
var $fluid = _a.$fluid;
|
|
116
|
+
return ($fluid ? '100%' : 'auto');
|
|
117
|
+
});
|
|
118
|
+
var StyledRow = (0, styled_components_1.default)(Effect_1.StyledEffect)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: grid;\n grid-template-columns: ", ";\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, driven by the data-narrow attribute the row's\n ResizeObserver stamps on it. See useNarrowContainer for why this is an\n attribute selector rather than a CSS container query.\n\n row-gap is deliberately tighter than the (horizontal) column gap: once the\n actions sit under the label the row already has breathing room from the\n description above them, so a full column-gap reads as a dead band. */\n &[data-narrow='true'] {\n grid-template-columns: ", ";\n grid-auto-rows: max-content;\n row-gap: ", "px;\n }\n &[data-narrow='true'] > .reqore-entity-row-actions {\n grid-column: ", ";\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: ", ";\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, driven by the data-narrow attribute the row's\n ResizeObserver stamps on it. See useNarrowContainer for why this is an\n attribute selector rather than a CSS container query.\n\n row-gap is deliberately tighter than the (horizontal) column gap: once the\n actions sit under the label the row already has breathing room from the\n description above them, so a full column-gap reads as a dead band. */\n &[data-narrow='true'] {\n grid-template-columns: ", ";\n grid-auto-rows: max-content;\n row-gap: ", "px;\n }\n &[data-narrow='true'] > .reqore-entity-row-actions {\n grid-column: ", ";\n grid-row: 2;\n max-width: 100%;\n justify-content: flex-start;\n }\n\n ", "\n\n ", "\n\n ", "\n"])), function (_a) {
|
|
111
119
|
var $hasIcon = _a.$hasIcon, $iconHasBackground = _a.$iconHasBackground, size = _a.size;
|
|
112
120
|
return $hasIcon
|
|
113
121
|
? "".concat($iconHasBackground ? "".concat(ICON_TILE_SIZE_FROM_SIZE[size], "px") : 'auto', " 1fr auto")
|
|
@@ -140,9 +148,20 @@ var StyledRow = (0, styled_components_1.default)(Effect_1.StyledEffect)(template
|
|
|
140
148
|
}, function (_a) {
|
|
141
149
|
var theme = _a.theme;
|
|
142
150
|
return (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
|
|
151
|
+
}, function (_a) {
|
|
152
|
+
var $hasIcon = _a.$hasIcon, $iconHasBackground = _a.$iconHasBackground, size = _a.size;
|
|
153
|
+
return $hasIcon
|
|
154
|
+
? "".concat($iconHasBackground ? "".concat(ICON_TILE_SIZE_FROM_SIZE[size], "px") : 'auto', " 1fr")
|
|
155
|
+
: '1fr';
|
|
156
|
+
}, function (_a) {
|
|
157
|
+
var size = _a.size;
|
|
158
|
+
return sizes_1.PADDING_FROM_SIZE[size];
|
|
159
|
+
}, function (_a) {
|
|
160
|
+
var $hasIcon = _a.$hasIcon;
|
|
161
|
+
return ($hasIcon ? '2 / -1' : '1 / -1');
|
|
143
162
|
}, function (_a) {
|
|
144
163
|
var $clickable = _a.$clickable, theme = _a.theme, $intent = _a.$intent, $transparent = _a.$transparent;
|
|
145
|
-
return $clickable && (0, styled_components_1.css)(
|
|
164
|
+
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
|
|
146
165
|
? (0, polished_1.rgba)(theme.intents[$intent], $transparent ? 0.04 : 0.1)
|
|
147
166
|
: $transparent
|
|
148
167
|
? (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.08), 0.08)
|
|
@@ -154,7 +173,7 @@ var StyledRow = (0, styled_components_1.default)(Effect_1.StyledEffect)(template
|
|
|
154
173
|
var disabled = _a.disabled;
|
|
155
174
|
return disabled && styles_1.DisabledElement;
|
|
156
175
|
});
|
|
157
|
-
var StyledIconTile = styled_components_1.default.div(
|
|
176
|
+
var StyledIconTile = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: ", "px;\n height: ", "px;\n border-radius: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n background-color: ", ";\n"], ["\n width: ", "px;\n height: ", "px;\n border-radius: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n background-color: ", ";\n"])), function (_a) {
|
|
158
177
|
var $size = _a.$size;
|
|
159
178
|
return ICON_TILE_SIZE_FROM_SIZE[$size];
|
|
160
179
|
}, function (_a) {
|
|
@@ -169,8 +188,8 @@ var StyledIconTile = styled_components_1.default.div(templateObject_3 || (templa
|
|
|
169
188
|
? (0, polished_1.rgba)(theme.intents[$intent], 0.15)
|
|
170
189
|
: (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.06), 1);
|
|
171
190
|
});
|
|
172
|
-
var StyledBody = styled_components_1.default.div(
|
|
173
|
-
var StyledLabelLine = styled_components_1.default.div(
|
|
191
|
+
var StyledBody = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n flex-flow: column;\n gap: 2px;\n min-width: 0;\n"], ["\n display: flex;\n flex-flow: column;\n gap: 2px;\n min-width: 0;\n"])));
|
|
192
|
+
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) {
|
|
174
193
|
var $wrap = _a.$wrap;
|
|
175
194
|
return ($wrap ? 'wrap' : 'nowrap');
|
|
176
195
|
});
|
|
@@ -178,9 +197,9 @@ var StyledLabelLine = styled_components_1.default.div(templateObject_5 || (templ
|
|
|
178
197
|
// not its wrapper. Cascade into the inner <ReqoreP>/<ReqoreSpan> via `& > *`
|
|
179
198
|
// so the `…` glyph appears. The wrapper itself stays a flex item that can
|
|
180
199
|
// shrink below its content (`min-width: 0; flex: 1 1 auto`).
|
|
181
|
-
var StyledTextSlot = styled_components_1.default.div(
|
|
200
|
+
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) {
|
|
182
201
|
var $wrap = _a.$wrap;
|
|
183
|
-
return !$wrap && (0, styled_components_1.css)(
|
|
202
|
+
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 "])));
|
|
184
203
|
});
|
|
185
204
|
var ReqoreEntityRow = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
|
|
186
205
|
var label = _a.label, description = _a.description, metadata = _a.metadata, badge = _a.badge, icon = _a.icon, iconImage = _a.iconImage, iconColor = _a.iconColor, iconProps = _a.iconProps, actions = _a.actions, intent = _a.intent, _b = _a.transparent, transparent = _b === void 0 ? false : _b, showIcon = _a.showIcon, iconHasBackground = _a.iconHasBackground, _c = _a.padded, padded = _c === void 0 ? true : _c, paddingSize = _a.paddingSize, _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, metadataEffect = _a.metadataEffect, _h = _a.wrap, wrap = _h === void 0 ? true : _h, className = _a.className, rest = __rest(_a, ["label", "description", "metadata", "badge", "icon", "iconImage", "iconColor", "iconProps", "actions", "intent", "transparent", "showIcon", "iconHasBackground", "padded", "paddingSize", "size", "flat", "fluid", "rounded", "raised", "customTheme", "inheritCustomTheme", "disabled", "tooltip", "effect", "labelEffect", "descriptionEffect", "metadataEffect", "wrap", "className"]);
|
|
@@ -193,6 +212,11 @@ var ReqoreEntityRow = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, re
|
|
|
193
212
|
// bare icon does not sit on a tinted square that fights transparency.
|
|
194
213
|
// Explicit prop overrides in either direction.
|
|
195
214
|
var resolvedIconHasBackground = iconHasBackground !== null && iconHasBackground !== void 0 ? iconHasBackground : !transparent;
|
|
215
|
+
/* Track the WRAPPER's own width (not the viewport's) so the grid responds to
|
|
216
|
+
the box the row actually sits in — a narrow drawer on a wide screen. The
|
|
217
|
+
result is stamped as `data-narrow`; an attribute selector rewrites the
|
|
218
|
+
grid so the actions move under the label. Shared with ReqoreSeverityRow. */
|
|
219
|
+
var _j = (0, useNarrowContainer_1.useNarrowContainer)(), containerRef = _j[0], isNarrow = _j[1];
|
|
196
220
|
var resolvedIconColor = (0, react_1.useMemo)(function () {
|
|
197
221
|
if (iconColor)
|
|
198
222
|
return iconColor;
|
|
@@ -200,18 +224,25 @@ var ReqoreEntityRow = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, re
|
|
|
200
224
|
return theme.intents[intent];
|
|
201
225
|
return (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
|
|
202
226
|
}, [iconColor, intent, theme]);
|
|
203
|
-
return ((0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, 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, disabled: disabled, "$hasIcon": hasIcon, "$iconHasBackground": resolvedIconHasBackground, "$padded": padded, "$paddingSize": paddingSize !== null && paddingSize !== void 0 ? paddingSize : size, effect: effect, className: "".concat(className || '', " reqore-entity-row"), children: [hasIcon &&
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
227
|
+
return ((0, jsx_runtime_1.jsx)(StyledContainer, { ref: containerRef, "$fluid": fluid, className: 'reqore-entity-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, disabled: disabled, "$hasIcon": hasIcon, "$iconHasBackground": resolvedIconHasBackground, "$padded": padded, "$paddingSize": paddingSize !== null && paddingSize !== void 0 ? paddingSize : size, effect: effect, className: "".concat(className || '', " reqore-entity-row"), children: [hasIcon &&
|
|
228
|
+
(resolvedIconHasBackground ? ((0, jsx_runtime_1.jsx)(StyledIconTile, { theme: theme, "$intent": intent, "$size": size, className: 'reqore-entity-row-icon-tile', children: (0, jsx_runtime_1.jsx)(Icon_1.default, __assign({}, iconProps, { icon: icon, image: iconImage, size: size, color: resolvedIconColor })) })) : ((0, jsx_runtime_1.jsx)(Icon_1.default, __assign({}, iconProps, { icon: icon, image: iconImage, size: size, color: resolvedIconColor, className: "reqore-entity-row-icon ".concat((iconProps === null || iconProps === void 0 ? void 0 : iconProps.className) || '').trim() })))), (0, jsx_runtime_1.jsxs)(StyledBody, { className: 'reqore-entity-row-body', children: [(0, jsx_runtime_1.jsxs)(StyledLabelLine, { "$wrap": wrap, className: 'reqore-entity-row-label', children: [(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.7 }, descriptionEffect), className: 'reqore-entity-row-description', children: description }) })), metadata && ((0, jsx_runtime_1.jsx)(StyledTextSlot, { "$wrap": wrap, children: (0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, { size: secondarySize, effect: __assign({ opacity: 0.5 }, metadataEffect), className: 'reqore-entity-row-metadata', children: metadata }) }))] }), actions && actions.length > 0 && ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { gapSize: 'small', className: 'reqore-entity-row-actions', children: actions.map(function (_a, idx) {
|
|
229
|
+
var _b, _c;
|
|
230
|
+
var subActions = _a.actions, actionsProps = _a.actionsProps, action = __rest(_a, ["actions", "actionsProps"]);
|
|
231
|
+
return (subActions === null || subActions === void 0 ? void 0 : subActions.length) ? (
|
|
232
|
+
// An action carrying sub-actions is a menu, not a button — same
|
|
233
|
+
// contract as ReqorePanel. The click is stopped here because the row
|
|
234
|
+
// itself is commonly clickable: opening the menu must not also
|
|
235
|
+
// trigger the row.
|
|
236
|
+
(0, jsx_runtime_1.jsx)(Dropdown_1.default, __assign({ fixed: true, size: size, intent: (_b = action.intent) !== null && _b !== void 0 ? _b : intent }, action, actionsProps, { items: subActions.filter(isSubActionShown), onClick: stopRowClick }), idx)) : ((0, jsx_runtime_1.jsx)(Button_1.default, __assign({ size: size, intent: (_c = action.intent) !== null && _c !== void 0 ? _c : intent }, action, {
|
|
237
|
+
// After the spread, so it wraps the consumer's handler rather
|
|
238
|
+
// than being replaced by it. Applied even to an action with no
|
|
239
|
+
// handler of its own: an action button is a control, and a click
|
|
240
|
+
// that lands on one should never read as a click on the row.
|
|
241
|
+
// Without it both fire, and an action that toggles what the row
|
|
242
|
+
// toggles cancels itself out. Matches ReqoreSeverityRow.
|
|
243
|
+
onClick: (0, utils_1.withStoppedPropagation)(action.onClick), children: action.label }), idx));
|
|
244
|
+
}) }))] })) }));
|
|
214
245
|
}));
|
|
215
246
|
exports.default = ReqoreEntityRow;
|
|
216
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
247
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
217
248
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EntityRow/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAgC;AAChC,+BAAkD;AAClD,qEAAgD;AAChD,+CAAoF;AAEpF,+CAAiG;AACjG,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EntityRow/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,
|
|
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,EAGL,aAAa,EAEd,MAAM,qBAAqB,CAAC;AAO7B,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;AAsKD,QAAA,MAAM,iBAAiB,8JA4ItB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -69,6 +69,7 @@ var styled_components_1 = __importStar(require("styled-components"));
|
|
|
69
69
|
var sizes_1 = require("../../constants/sizes");
|
|
70
70
|
var colors_1 = require("../../helpers/colors");
|
|
71
71
|
var utils_1 = require("../../helpers/utils");
|
|
72
|
+
var useNarrowContainer_1 = require("../../hooks/useNarrowContainer");
|
|
72
73
|
var useTheme_1 = require("../../hooks/useTheme");
|
|
73
74
|
var styles_1 = require("../../styles");
|
|
74
75
|
var Button_1 = __importStar(require("../Button"));
|
|
@@ -104,8 +105,6 @@ var StyledContainer = styled_components_1.default.div(templateObject_1 || (templ
|
|
|
104
105
|
var $fluid = _a.$fluid;
|
|
105
106
|
return ($fluid ? '100%' : 'auto');
|
|
106
107
|
});
|
|
107
|
-
/** Below this container width, the actions wrap under the label. */
|
|
108
|
-
var NARROW_BREAKPOINT_PX = 640;
|
|
109
108
|
/** Width of the coloured severity strip on the row's left edge. Constant
|
|
110
109
|
* across sizes so the marker reads at the same visual weight regardless
|
|
111
110
|
* of the row's text scale. Referenced by the grid template (wide and
|
|
@@ -184,37 +183,23 @@ var ReqoreSeverityRow = (0, react_1.memo)((0, react_1.forwardRef)(function (_a,
|
|
|
184
183
|
var secondarySize = (0, react_1.useMemo)(function () { return (0, utils_1.getOneLessSize)(size); }, [size]);
|
|
185
184
|
var interactive = !!(rest.onClick || rest.onDoubleClick);
|
|
186
185
|
var hasBadge = badge !== undefined && badge !== null;
|
|
187
|
-
/* Track
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
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
|
-
}, []);
|
|
186
|
+
/* Track the WRAPPER's own width (not the viewport's) so the grid responds
|
|
187
|
+
to the box the row actually sits in — the drawer / sidebar / split-panel
|
|
188
|
+
case, where a narrow container sits on a wide screen. The result is
|
|
189
|
+
stamped on StyledRow as `data-narrow` and an attribute selector rewrites
|
|
190
|
+
the grid. Shared with ReqoreEntityRow so both rows break at one width. */
|
|
191
|
+
var _k = (0, useNarrowContainer_1.useNarrowContainer)(useNarrowContainer_1.SEVERITY_ROW_NARROW_BREAKPOINT_PX), containerRef = _k[0], isNarrow = _k[1];
|
|
215
192
|
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
193
|
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, {
|
|
194
|
+
return ((0, jsx_runtime_1.jsx)(Button_1.default, __assign({ size: size, intent: (_a = action.intent) !== null && _a !== void 0 ? _a : intent }, action, {
|
|
195
|
+
// After the spread: `action` carries the consumer's raw
|
|
196
|
+
// handler and this has to be the one that wins. Applied
|
|
197
|
+
// even when the action has no handler of its own — an
|
|
198
|
+
// action button is a control, and a click that lands on
|
|
199
|
+
// one should never read as a click on the row. Without it
|
|
200
|
+
// an action and the row both fire, and a caret that
|
|
201
|
+
// toggles what the row toggles cancels itself out.
|
|
202
|
+
onClick: (0, utils_1.withStoppedPropagation)(action.onClick), children: action.label }), idx));
|
|
218
203
|
}) }))] })) }));
|
|
219
204
|
}));
|
|
220
205
|
exports.default = ReqoreSeverityRow;
|
|
@@ -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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"}
|
package/dist/helpers/utils.d.ts
CHANGED
|
@@ -47,4 +47,21 @@ export declare function decycle(obj: any, stack?: any[]): any;
|
|
|
47
47
|
export declare const stringifyAndDecycleObject: (obj: any) => string;
|
|
48
48
|
export declare function parseInputValue(input: any): any;
|
|
49
49
|
export declare function buildTooltipForComponents(tooltip: TReqoreTooltipProp): import("../types/global").IReqoreTooltip;
|
|
50
|
+
/**
|
|
51
|
+
* Wraps a click handler so the click stops at the element that owns it.
|
|
52
|
+
*
|
|
53
|
+
* Row-shaped components (`ReqoreSeverityRow`, `ReqoreEntityRow`) and
|
|
54
|
+
* `ReqorePanel` all render their actions *inside* a surface that may carry its
|
|
55
|
+
* own `onClick`. Without this the two handlers both run, and where they do the
|
|
56
|
+
* same thing — the common "the row and its caret toggle one disclosure" shape —
|
|
57
|
+
* they cancel out and the action reads as dead.
|
|
58
|
+
*
|
|
59
|
+
* The wrapper is what each of those components applies to every action it
|
|
60
|
+
* renders, so a consumer never has to remember. An action that genuinely wants
|
|
61
|
+
* the surface to react as well calls the surface's handler itself: explicit, at
|
|
62
|
+
* one call site, rather than implicit at all of them.
|
|
63
|
+
*
|
|
64
|
+
* Call with no argument for a pure stopper (`onClick={withStoppedPropagation()}`).
|
|
65
|
+
*/
|
|
66
|
+
export declare const withStoppedPropagation: <T extends HTMLElement>(onClick?: (event: React.MouseEvent<T>) => void) => (event: React.MouseEvent<T>) => void;
|
|
50
67
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/helpers/utils.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,EAML,MAAM,EACP,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,eAAO,MAAM,KAAK,GAAU,IAAI,MAAM,qBAAgD,CAAC;AAEvF,eAAO,MAAM,gBAAgB,GAAI,MAAM,GAAG,KAAG,MA8B5C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,GAAG,IAAI,KAAG,MAMnD,CAAC;AAIF,eAAO,MAAM,YAAY,GAAI,UAAU,GAAG,EAAE,KAAG,MAS9C,CAAC;AAEF,eAAO,MAAM,2BAA2B,GACtC,OAAO,MAAW,EAClB,UAAU,MAAM,EAChB,SAAQ,MAAU,KACjB,MAsBF,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,GAAG,MAAM,GAAG,MAAM,YAE3D,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,GAAI,aAAY,MAAM,GAAG,MAAiB,KAAG,MACkB,CAAC;AAE9F,eAAO,MAAM,cAAc,GAAI,OAAM,MAAiB,KAAG,MAOxD,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,YAAY,GAAG,UAAU,CAAC;AAEhE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,cAAc,GAAI,oEAK5B;IACD,MAAM,EAAE,aAAa,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;CAC9B,KAAG,MAOH,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,KAAG,MAO/C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,QAAQ,kBAAkB,GAAG,qBAAqB,YACzD,CAAC;AAExB,eAAO,MAAM,gBAAgB,GAC3B,OAAO,MAAM,GAAG,OAAO,GAAG,QAAQ,KACjC,YAAY,GAAG,QAAQ,GAAG,UAW5B,CAAC;AAEF,wBAAgB,OAAO,CAAC,GAAG,KAAA,EAAE,KAAK,QAAK,OAUtC;AAED,eAAO,MAAM,yBAAyB,GAAI,KAAK,GAAG,KAAG,MAQpD,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,KAAA,OAiCpC;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,kBAAkB,4CAMpE"}
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/helpers/utils.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,EAML,MAAM,EACP,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,eAAO,MAAM,KAAK,GAAU,IAAI,MAAM,qBAAgD,CAAC;AAEvF,eAAO,MAAM,gBAAgB,GAAI,MAAM,GAAG,KAAG,MA8B5C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,GAAG,IAAI,KAAG,MAMnD,CAAC;AAIF,eAAO,MAAM,YAAY,GAAI,UAAU,GAAG,EAAE,KAAG,MAS9C,CAAC;AAEF,eAAO,MAAM,2BAA2B,GACtC,OAAO,MAAW,EAClB,UAAU,MAAM,EAChB,SAAQ,MAAU,KACjB,MAsBF,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,GAAG,MAAM,GAAG,MAAM,YAE3D,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,GAAI,aAAY,MAAM,GAAG,MAAiB,KAAG,MACkB,CAAC;AAE9F,eAAO,MAAM,cAAc,GAAI,OAAM,MAAiB,KAAG,MAOxD,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,YAAY,GAAG,UAAU,CAAC;AAEhE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,cAAc,GAAI,oEAK5B;IACD,MAAM,EAAE,aAAa,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;CAC9B,KAAG,MAOH,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,KAAG,MAO/C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,QAAQ,kBAAkB,GAAG,qBAAqB,YACzD,CAAC;AAExB,eAAO,MAAM,gBAAgB,GAC3B,OAAO,MAAM,GAAG,OAAO,GAAG,QAAQ,KACjC,YAAY,GAAG,QAAQ,GAAG,UAW5B,CAAC;AAEF,wBAAgB,OAAO,CAAC,GAAG,KAAA,EAAE,KAAK,QAAK,OAUtC;AAED,eAAO,MAAM,yBAAyB,GAAI,KAAK,GAAG,KAAG,MAQpD,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,KAAA,OAiCpC;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,kBAAkB,4CAMpE;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,sBAAsB,GAChC,CAAC,SAAS,WAAW,EAAE,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,MACrE,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,SAG1B,CAAC"}
|
package/dist/helpers/utils.js
CHANGED
|
@@ -45,7 +45,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
45
45
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
46
46
|
};
|
|
47
47
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
|
-
exports.stringifyAndDecycleObject = exports.alignToFlexAlign = exports.isActionShown = exports.getOneHigherSize = exports.resolvePadding = exports.getOneLessSize = exports.resolveAccentSize = exports.isStringSize = exports.calculateStringSizeInPixels = exports.convertToCSV = exports.getLineCount = exports.getTypeFromValue = exports.sleep = void 0;
|
|
48
|
+
exports.withStoppedPropagation = exports.stringifyAndDecycleObject = exports.alignToFlexAlign = exports.isActionShown = exports.getOneHigherSize = exports.resolvePadding = exports.getOneLessSize = exports.resolveAccentSize = exports.isStringSize = exports.calculateStringSizeInPixels = exports.convertToCSV = exports.getLineCount = exports.getTypeFromValue = exports.sleep = void 0;
|
|
49
49
|
exports.decycle = decycle;
|
|
50
50
|
exports.parseInputValue = parseInputValue;
|
|
51
51
|
exports.buildTooltipForComponents = buildTooltipForComponents;
|
|
@@ -268,4 +268,27 @@ function buildTooltipForComponents(tooltip) {
|
|
|
268
268
|
}
|
|
269
269
|
return tooltip;
|
|
270
270
|
}
|
|
271
|
+
/**
|
|
272
|
+
* Wraps a click handler so the click stops at the element that owns it.
|
|
273
|
+
*
|
|
274
|
+
* Row-shaped components (`ReqoreSeverityRow`, `ReqoreEntityRow`) and
|
|
275
|
+
* `ReqorePanel` all render their actions *inside* a surface that may carry its
|
|
276
|
+
* own `onClick`. Without this the two handlers both run, and where they do the
|
|
277
|
+
* same thing — the common "the row and its caret toggle one disclosure" shape —
|
|
278
|
+
* they cancel out and the action reads as dead.
|
|
279
|
+
*
|
|
280
|
+
* The wrapper is what each of those components applies to every action it
|
|
281
|
+
* renders, so a consumer never has to remember. An action that genuinely wants
|
|
282
|
+
* the surface to react as well calls the surface's handler itself: explicit, at
|
|
283
|
+
* one call site, rather than implicit at all of them.
|
|
284
|
+
*
|
|
285
|
+
* Call with no argument for a pure stopper (`onClick={withStoppedPropagation()}`).
|
|
286
|
+
*/
|
|
287
|
+
var withStoppedPropagation = function (onClick) {
|
|
288
|
+
return function (event) {
|
|
289
|
+
event.stopPropagation();
|
|
290
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
291
|
+
};
|
|
292
|
+
};
|
|
293
|
+
exports.withStoppedPropagation = withStoppedPropagation;
|
|
271
294
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/helpers/utils.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/helpers/utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Default width below which a row's actions wrap under its label.
|
|
3
|
+
*
|
|
4
|
+
* `ReqoreSeverityRow` overrides this upward: its row carries a severity strip, a
|
|
5
|
+
* leading tag, a label AND a description before the actions, so it is genuinely
|
|
6
|
+
* out of room sooner than a plainer row is.
|
|
7
|
+
*
|
|
8
|
+
* The default matches Reqore's documented mobile threshold rather than being a
|
|
9
|
+
* number invented here. It is deliberately NOT SeverityRow's 640: at 640 an
|
|
10
|
+
* `EntityRow` sitting in a ~600px panel wraps a single "Open" button onto its own
|
|
11
|
+
* line with most of the row still empty, which reads as a bug rather than as
|
|
12
|
+
* responsiveness. Wrapping should mean "there was no room", not "the container
|
|
13
|
+
* was under some number".
|
|
14
|
+
*/
|
|
15
|
+
export declare const NARROW_CONTAINER_BREAKPOINT_PX = 480;
|
|
16
|
+
/** `ReqoreSeverityRow`'s threshold — see above for why it is higher. */
|
|
17
|
+
export declare const SEVERITY_ROW_NARROW_BREAKPOINT_PX = 640;
|
|
18
|
+
/**
|
|
19
|
+
* Measures a container's own inline size and reports whether it is narrower than
|
|
20
|
+
* `breakpoint`.
|
|
21
|
+
*
|
|
22
|
+
* The measurement is of the CONTAINER, not the viewport, which is the whole point:
|
|
23
|
+
* the case this exists for is a narrow drawer / sidebar / split panel sitting on a
|
|
24
|
+
* wide screen, where a media query is looking at the wrong box entirely.
|
|
25
|
+
*
|
|
26
|
+
* Callers stamp the result on the row as a `data-narrow` attribute and let a plain
|
|
27
|
+
* attribute selector rewrite the grid. That is deliberately not a CSS container
|
|
28
|
+
* query: styled-components 5.3.11's stylis 4.0.13 emits `@container` to the DOM but
|
|
29
|
+
* the rule never matches, even with `container-type: inline-size` correctly set and
|
|
30
|
+
* the width under the threshold — confirmed via a CI debug pass. Attribute selectors
|
|
31
|
+
* match everywhere Reqore ships.
|
|
32
|
+
*
|
|
33
|
+
* Degrades to "never narrow" where `ResizeObserver` is unavailable, which keeps the
|
|
34
|
+
* wide layout rather than guessing.
|
|
35
|
+
*/
|
|
36
|
+
export declare const useNarrowContainer: <T extends HTMLElement = HTMLDivElement>(breakpoint?: number) => [React.MutableRefObject<T | null>, boolean];
|
|
37
|
+
//# sourceMappingURL=useNarrowContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useNarrowContainer.d.ts","sourceRoot":"","sources":["../../src/hooks/useNarrowContainer.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,8BAA8B,MAAM,CAAC;AAElD,wEAAwE;AACxE,eAAO,MAAM,iCAAiC,MAAM,CAAC;AAErD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,WAAW,GAAG,cAAc,EACvE,aAAY,MAAuC,KAClD,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,OAAO,CA8B5C,CAAC"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useNarrowContainer = exports.SEVERITY_ROW_NARROW_BREAKPOINT_PX = exports.NARROW_CONTAINER_BREAKPOINT_PX = void 0;
|
|
4
|
+
var react_1 = require("react");
|
|
5
|
+
/**
|
|
6
|
+
* Default width below which a row's actions wrap under its label.
|
|
7
|
+
*
|
|
8
|
+
* `ReqoreSeverityRow` overrides this upward: its row carries a severity strip, a
|
|
9
|
+
* leading tag, a label AND a description before the actions, so it is genuinely
|
|
10
|
+
* out of room sooner than a plainer row is.
|
|
11
|
+
*
|
|
12
|
+
* The default matches Reqore's documented mobile threshold rather than being a
|
|
13
|
+
* number invented here. It is deliberately NOT SeverityRow's 640: at 640 an
|
|
14
|
+
* `EntityRow` sitting in a ~600px panel wraps a single "Open" button onto its own
|
|
15
|
+
* line with most of the row still empty, which reads as a bug rather than as
|
|
16
|
+
* responsiveness. Wrapping should mean "there was no room", not "the container
|
|
17
|
+
* was under some number".
|
|
18
|
+
*/
|
|
19
|
+
exports.NARROW_CONTAINER_BREAKPOINT_PX = 480;
|
|
20
|
+
/** `ReqoreSeverityRow`'s threshold — see above for why it is higher. */
|
|
21
|
+
exports.SEVERITY_ROW_NARROW_BREAKPOINT_PX = 640;
|
|
22
|
+
/**
|
|
23
|
+
* Measures a container's own inline size and reports whether it is narrower than
|
|
24
|
+
* `breakpoint`.
|
|
25
|
+
*
|
|
26
|
+
* The measurement is of the CONTAINER, not the viewport, which is the whole point:
|
|
27
|
+
* the case this exists for is a narrow drawer / sidebar / split panel sitting on a
|
|
28
|
+
* wide screen, where a media query is looking at the wrong box entirely.
|
|
29
|
+
*
|
|
30
|
+
* Callers stamp the result on the row as a `data-narrow` attribute and let a plain
|
|
31
|
+
* attribute selector rewrite the grid. That is deliberately not a CSS container
|
|
32
|
+
* query: styled-components 5.3.11's stylis 4.0.13 emits `@container` to the DOM but
|
|
33
|
+
* the rule never matches, even with `container-type: inline-size` correctly set and
|
|
34
|
+
* the width under the threshold — confirmed via a CI debug pass. Attribute selectors
|
|
35
|
+
* match everywhere Reqore ships.
|
|
36
|
+
*
|
|
37
|
+
* Degrades to "never narrow" where `ResizeObserver` is unavailable, which keeps the
|
|
38
|
+
* wide layout rather than guessing.
|
|
39
|
+
*/
|
|
40
|
+
var useNarrowContainer = function (breakpoint) {
|
|
41
|
+
if (breakpoint === void 0) { breakpoint = exports.NARROW_CONTAINER_BREAKPOINT_PX; }
|
|
42
|
+
var containerRef = (0, react_1.useRef)(null);
|
|
43
|
+
var _a = (0, react_1.useState)(false), isNarrow = _a[0], setIsNarrow = _a[1];
|
|
44
|
+
(0, react_1.useEffect)(function () {
|
|
45
|
+
var node = containerRef.current;
|
|
46
|
+
if (!node || typeof ResizeObserver === 'undefined') {
|
|
47
|
+
return undefined;
|
|
48
|
+
}
|
|
49
|
+
var observer = new ResizeObserver(function (entries) {
|
|
50
|
+
var _a, _b;
|
|
51
|
+
for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
|
|
52
|
+
var entry = entries_1[_i];
|
|
53
|
+
// `contentBoxSize` is the modern read; fall back to the entry's
|
|
54
|
+
// boundingClientRect for older browsers that still call the callback but
|
|
55
|
+
// don't populate the newer field.
|
|
56
|
+
var width = Array.isArray(entry.contentBoxSize)
|
|
57
|
+
? (_b = (_a = entry.contentBoxSize[0]) === null || _a === void 0 ? void 0 : _a.inlineSize) !== null && _b !== void 0 ? _b : entry.contentRect.width
|
|
58
|
+
: entry.contentRect.width;
|
|
59
|
+
setIsNarrow(width > 0 && width <= breakpoint);
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
observer.observe(node);
|
|
63
|
+
return function () { return observer.disconnect(); };
|
|
64
|
+
}, [breakpoint]);
|
|
65
|
+
return [containerRef, isNarrow];
|
|
66
|
+
};
|
|
67
|
+
exports.useNarrowContainer = useNarrowContainer;
|
|
68
|
+
//# sourceMappingURL=useNarrowContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useNarrowContainer.js","sourceRoot":"","sources":["../../src/hooks/useNarrowContainer.ts"],"names":[],"mappings":";;;AAAA,+BAAoD;AAEpD;;;;;;;;;;;;;GAaG;AACU,QAAA,8BAA8B,GAAG,GAAG,CAAC;AAElD,wEAAwE;AAC3D,QAAA,iCAAiC,GAAG,GAAG,CAAC;AAErD;;;;;;;;;;;;;;;;;GAiBG;AACI,IAAM,kBAAkB,GAAG,UAChC,UAAmD;IAAnD,2BAAA,EAAA,aAAqB,sCAA8B;IAEnD,IAAM,YAAY,GAAG,IAAA,cAAM,EAAW,IAAI,CAAC,CAAC;IACtC,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAEhD,IAAA,iBAAS,EAAC;QACR,IAAM,IAAI,GAAG,YAAY,CAAC,OAAO,CAAC;QAElC,IAAI,CAAC,IAAI,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE,CAAC;YACnD,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,IAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,UAAC,OAAO;;YAC1C,KAAoB,UAAO,EAAP,mBAAO,EAAP,qBAAO,EAAP,IAAO,EAAE,CAAC;gBAAzB,IAAM,KAAK,gBAAA;gBACd,gEAAgE;gBAChE,yEAAyE;gBACzE,kCAAkC;gBAClC,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC;oBAC/C,CAAC,CAAC,MAAA,MAAA,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,0CAAE,UAAU,mCAAI,KAAK,CAAC,WAAW,CAAC,KAAK;oBAChE,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;gBAE5B,WAAW,CAAC,KAAK,GAAG,CAAC,IAAI,KAAK,IAAI,UAAU,CAAC,CAAC;YAChD,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAEvB,OAAO,cAAM,OAAA,QAAQ,CAAC,UAAU,EAAE,EAArB,CAAqB,CAAC;IACrC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;AAClC,CAAC,CAAC;AAhCW,QAAA,kBAAkB,sBAgC7B"}
|
package/package.json
CHANGED