@qoretechnologies/reqore 0.72.8 → 0.72.10-pr.629.g0b2cd73
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/Callout/index.d.ts +5 -2
- package/dist/components/Callout/index.d.ts.map +1 -1
- package/dist/components/Callout/index.js +12 -9
- package/dist/components/Callout/index.js.map +1 -1
- package/dist/components/Panel/index.d.ts +17 -1
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +88 -31
- package/dist/components/Panel/index.js.map +1 -1
- package/dist/constants/sizes.d.ts +12 -0
- package/dist/constants/sizes.d.ts.map +1 -1
- package/dist/constants/sizes.js +13 -1
- package/dist/constants/sizes.js.map +1 -1
- package/dist/helpers/utils.d.ts +12 -0
- package/dist/helpers/utils.d.ts.map +1 -1
- package/dist/helpers/utils.js +17 -1
- package/dist/helpers/utils.js.map +1 -1
- package/package.json +1 -1
- package/tests.json +0 -1
|
@@ -35,8 +35,11 @@ export interface IReqoreCalloutProps extends React.HTMLAttributes<HTMLDivElement
|
|
|
35
35
|
closeTooltip?: TReqoreTooltipProp;
|
|
36
36
|
/** Where the accent strip is rendered. */
|
|
37
37
|
accentPosition?: 'left' | 'top';
|
|
38
|
-
/**
|
|
39
|
-
|
|
38
|
+
/**
|
|
39
|
+
* Thickness of the accent strip — a raw pixel number, or a `TSizes` name
|
|
40
|
+
* resolved through `ACCENT_SIZE_TO_PX`. Defaults to `'normal'` (5px).
|
|
41
|
+
*/
|
|
42
|
+
accentSize?: number | TSizes;
|
|
40
43
|
/** Effect applied to the legacy `children` slot. */
|
|
41
44
|
contentEffect?: IReqoreEffect;
|
|
42
45
|
/** Round the corners. Default `true`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAQ/B,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAQ/B,OAAO,EAAqC,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGvF,OAAO,EACL,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAe,kBAAkB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAExF,OAAO,EAAE,aAAa,EAAkC,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC9F,OAAmB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAKvD,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB;IACpB,sDAAsD;IACtD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mCAAmC;IACnC,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,oEAAoE;IACpE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,8DAA8D;IAC9D,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACtC,8EAA8E;IAC9E,KAAK,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACtC,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAC/C;;;;;OAKG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAChC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,oDAAoD;IACpD,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAuID,eAAO,MAAM,aAAa,0JA6JzB,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -86,13 +86,13 @@ var StyledCallout = (0, styled_components_1.default)(Effect_1.StyledEffect)(temp
|
|
|
86
86
|
var fluid = _a.fluid, fixed = _a.fixed;
|
|
87
87
|
return (fluid && !fixed ? '100%' : undefined);
|
|
88
88
|
}, function (_a) {
|
|
89
|
-
var $padded = _a.$padded, $paddingSize = _a.$paddingSize, _b = _a.accentPosition, accentPosition = _b === void 0 ? 'left' : _b,
|
|
89
|
+
var $padded = _a.$padded, $paddingSize = _a.$paddingSize, _b = _a.accentPosition, accentPosition = _b === void 0 ? 'left' : _b, $accentSize = _a.$accentSize;
|
|
90
90
|
if ($padded === false) {
|
|
91
91
|
// Even with no padding requested, the side that hosts the accent strip
|
|
92
92
|
// must reserve `accentSize` so the content does not collide with it.
|
|
93
93
|
return accentPosition === 'left'
|
|
94
|
-
? "0 0 0 ".concat(accentSize, "px")
|
|
95
|
-
: "".concat(accentSize, "px 0 0 0");
|
|
94
|
+
? "0 0 0 ".concat($accentSize, "px")
|
|
95
|
+
: "".concat($accentSize, "px 0 0 0");
|
|
96
96
|
}
|
|
97
97
|
var v2_5 = sizes_1.PADDING_FROM_SIZE[$paddingSize] * 2.5;
|
|
98
98
|
var v3 = sizes_1.PADDING_FROM_SIZE[$paddingSize] * 3;
|
|
@@ -104,11 +104,11 @@ var StyledCallout = (0, styled_components_1.default)(Effect_1.StyledEffect)(temp
|
|
|
104
104
|
var top_1 = horizontalOnly ? 0 : v2_5;
|
|
105
105
|
var right_1 = verticalOnly ? 0 : h3;
|
|
106
106
|
var bottom_1 = horizontalOnly ? 0 : v2_5;
|
|
107
|
-
var left_1 = verticalOnly ? accentSize : h3 + accentSize;
|
|
107
|
+
var left_1 = verticalOnly ? $accentSize : h3 + $accentSize;
|
|
108
108
|
return "".concat(top_1, "px ").concat(right_1, "px ").concat(bottom_1, "px ").concat(left_1, "px");
|
|
109
109
|
}
|
|
110
110
|
// accentPosition === 'top' — top side hosts the strip
|
|
111
|
-
var top = horizontalOnly ? accentSize : v3 + accentSize;
|
|
111
|
+
var top = horizontalOnly ? $accentSize : v3 + $accentSize;
|
|
112
112
|
var right = verticalOnly ? 0 : h3;
|
|
113
113
|
var bottom = horizontalOnly ? 0 : v3;
|
|
114
114
|
var left = verticalOnly ? 0 : h3;
|
|
@@ -128,9 +128,9 @@ var StyledCallout = (0, styled_components_1.default)(Effect_1.StyledEffect)(temp
|
|
|
128
128
|
var fluid = _a.fluid;
|
|
129
129
|
return (fluid ? '1 auto' : '0 0 auto');
|
|
130
130
|
}, function (_a) {
|
|
131
|
-
var _b = _a.accentPosition, accentPosition = _b === void 0 ? 'left' : _b,
|
|
131
|
+
var _b = _a.accentPosition, accentPosition = _b === void 0 ? 'left' : _b, $accentSize = _a.$accentSize;
|
|
132
132
|
return accentPosition === 'left'
|
|
133
|
-
? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n top: 0;\n bottom: 0;\n left: 0;\n width: ", "px;\n "], ["\n top: 0;\n bottom: 0;\n left: 0;\n width: ", "px;\n "])), accentSize) : (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n top: 0;\n right: 0;\n left: 0;\n height: ", "px;\n "], ["\n top: 0;\n right: 0;\n left: 0;\n height: ", "px;\n "])), accentSize);
|
|
133
|
+
? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n top: 0;\n bottom: 0;\n left: 0;\n width: ", "px;\n "], ["\n top: 0;\n bottom: 0;\n left: 0;\n width: ", "px;\n "])), $accentSize) : (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n top: 0;\n right: 0;\n left: 0;\n height: ", "px;\n "], ["\n top: 0;\n right: 0;\n left: 0;\n height: ", "px;\n "])), $accentSize);
|
|
134
134
|
}, function (_a) {
|
|
135
135
|
var theme = _a.theme, intent = _a.intent;
|
|
136
136
|
return intent ? theme.intents[intent] : (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.22);
|
|
@@ -160,10 +160,13 @@ var StyledCalloutContent = (0, styled_components_1.default)(Effect_1.StyledTextE
|
|
|
160
160
|
});
|
|
161
161
|
exports.ReqoreCallout = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
|
|
162
162
|
var _b, _c, _d, _e, _f, _g;
|
|
163
|
-
var children = _a.children, label = _a.label, labelEffect = _a.labelEffect, description = _a.description, descriptionEffect = _a.descriptionEffect, icon = _a.icon, iconColor = _a.iconColor, iconProps = _a.iconProps, badge = _a.badge, onClose = _a.onClose, closeButtonProps = _a.closeButtonProps, _h = _a.closeTooltip, closeTooltip = _h === void 0 ? 'Dismiss' : _h, _j = _a.size, size = _j === void 0 ? 'normal' : _j, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, intent = _a.intent, className = _a.className, flat = _a.flat, fluid = _a.fluid, fixed = _a.fixed, disabled = _a.disabled, tooltip = _a.tooltip, _k = _a.rounded, rounded = _k === void 0 ? true : _k, _l = _a.transparent, transparent = _l === void 0 ? false : _l, raised = _a.raised, effect = _a.effect, contentEffect = _a.contentEffect, interactive = _a.interactive, onClick = _a.onClick, _m = _a.accentPosition, accentPosition = _m === void 0 ? 'left' : _m,
|
|
163
|
+
var children = _a.children, label = _a.label, labelEffect = _a.labelEffect, description = _a.description, descriptionEffect = _a.descriptionEffect, icon = _a.icon, iconColor = _a.iconColor, iconProps = _a.iconProps, badge = _a.badge, onClose = _a.onClose, closeButtonProps = _a.closeButtonProps, _h = _a.closeTooltip, closeTooltip = _h === void 0 ? 'Dismiss' : _h, _j = _a.size, size = _j === void 0 ? 'normal' : _j, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, intent = _a.intent, className = _a.className, flat = _a.flat, fluid = _a.fluid, fixed = _a.fixed, disabled = _a.disabled, tooltip = _a.tooltip, _k = _a.rounded, rounded = _k === void 0 ? true : _k, _l = _a.transparent, transparent = _l === void 0 ? false : _l, raised = _a.raised, effect = _a.effect, contentEffect = _a.contentEffect, interactive = _a.interactive, onClick = _a.onClick, _m = _a.accentPosition, accentPosition = _m === void 0 ? 'left' : _m, accentSize = _a.accentSize, _o = _a.padded, padded = _o === void 0 ? true : _o, paddingSize = _a.paddingSize, rest = __rest(_a, ["children", "label", "labelEffect", "description", "descriptionEffect", "icon", "iconColor", "iconProps", "badge", "onClose", "closeButtonProps", "closeTooltip", "size", "customTheme", "inheritCustomTheme", "intent", "className", "flat", "fluid", "fixed", "disabled", "tooltip", "rounded", "transparent", "raised", "effect", "contentEffect", "interactive", "onClick", "accentPosition", "accentSize", "padded", "paddingSize"]);
|
|
164
164
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, undefined, undefined, inheritCustomTheme);
|
|
165
165
|
var isInteractive = interactive || !!onClick;
|
|
166
166
|
var descriptionSize = (0, react_1.useMemo)(function () { return (0, utils_1.getOneLessSize)(size); }, [size]);
|
|
167
|
+
// Resolved ONCE, here — the styles do arithmetic with the value (padding
|
|
168
|
+
// reservation), so they must only ever see a number. Shared with ReqorePanel.
|
|
169
|
+
var accentSizePx = (0, react_1.useMemo)(function () { return (0, utils_1.resolveAccentSize)(accentSize); }, [accentSize]);
|
|
167
170
|
var hasBadge = badge !== undefined && badge !== null;
|
|
168
171
|
var hasIcon = !!icon || !!(iconProps === null || iconProps === void 0 ? void 0 : iconProps.image);
|
|
169
172
|
var hasStructuredContent = !!label || !!description;
|
|
@@ -174,7 +177,7 @@ exports.ReqoreCallout = (0, react_1.memo)((0, react_1.forwardRef)(function (_a,
|
|
|
174
177
|
return theme.intents[intent];
|
|
175
178
|
return (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
|
|
176
179
|
}, [iconColor, intent, theme]);
|
|
177
|
-
return ((0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, rest, { ref: ref, Component: StyledCallout, theme: theme, customTheme: customTheme, inheritCustomTheme: inheritCustomTheme, intent: intent, flat: flat, fluid: fluid, fixed: fixed, disabled: disabled, tooltip: tooltip, rounded: rounded, "$transparent": transparent, "$raised": raised, effect: __assign({ interactive: isInteractive }, effect), interactive: isInteractive, onClick: onClick, size: size, accentPosition: accentPosition, accentSize:
|
|
180
|
+
return ((0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, rest, { ref: ref, Component: StyledCallout, theme: theme, customTheme: customTheme, inheritCustomTheme: inheritCustomTheme, intent: intent, flat: flat, fluid: fluid, fixed: fixed, disabled: disabled, tooltip: tooltip, rounded: rounded, "$transparent": transparent, "$raised": raised, effect: __assign({ interactive: isInteractive }, effect), interactive: isInteractive, onClick: onClick, size: size, accentPosition: accentPosition, "$accentSize": accentSizePx, "$padded": padded, "$paddingSize": paddingSize !== null && paddingSize !== void 0 ? paddingSize : size, className: "".concat(className || '', " reqore-callout"), children: [hasIcon && ((0, jsx_runtime_1.jsx)(Icon_1.default, __assign({}, iconProps, { icon: icon, size: size, color: resolvedIconColor, className: 'reqore-callout-icon' }))), hasStructuredContent ? ((0, jsx_runtime_1.jsxs)(StyledCalloutBody, { className: 'reqore-callout-body', children: [label && ((0, jsx_runtime_1.jsxs)(StyledCalloutLabelRow, { className: 'reqore-callout-label-row', children: [(0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, { size: size, effect: __assign({ weight: 'bold' }, labelEffect), className: 'reqore-callout-label', children: label }), hasBadge && (0, jsx_runtime_1.jsx)(Button_1.ButtonBadge, { size: size, content: badge, margin: 'none' })] })), description && ((0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, { size: descriptionSize, effect: __assign({ opacity: 0.78 }, descriptionEffect), className: 'reqore-callout-description', children: description })), !label && hasBadge && (0, jsx_runtime_1.jsx)(Button_1.ButtonBadge, { size: size, content: badge, margin: 'none' })] })) : ((0, jsx_runtime_1.jsxs)(StyledCalloutContent, { theme: theme, size: size, effect: contentEffect || {}, className: 'reqore-callout-content', children: [children, hasBadge && ((0, jsx_runtime_1.jsx)(Button_1.ButtonBadge, { size: size, content: badge, margin: 'left' }))] })), onClose && ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { className: 'reqore-callout-actions', gapSize: 'small', children: (0, jsx_runtime_1.jsx)(Button_1.default, __assign({}, closeButtonProps, { icon: (_b = closeButtonProps === null || closeButtonProps === void 0 ? void 0 : closeButtonProps.icon) !== null && _b !== void 0 ? _b : 'CloseLine', tooltip: (_c = closeButtonProps === null || closeButtonProps === void 0 ? void 0 : closeButtonProps.tooltip) !== null && _c !== void 0 ? _c : closeTooltip, minimal: (_d = closeButtonProps === null || closeButtonProps === void 0 ? void 0 : closeButtonProps.minimal) !== null && _d !== void 0 ? _d : true, flat: (_e = closeButtonProps === null || closeButtonProps === void 0 ? void 0 : closeButtonProps.flat) !== null && _e !== void 0 ? _e : true, size: (_f = closeButtonProps === null || closeButtonProps === void 0 ? void 0 : closeButtonProps.size) !== null && _f !== void 0 ? _f : size, onClick: function (event) {
|
|
178
181
|
var _a;
|
|
179
182
|
event.stopPropagation();
|
|
180
183
|
(_a = closeButtonProps === null || closeButtonProps === void 0 ? void 0 : closeButtonProps.onClick) === null || _a === void 0 ? void 0 : _a.call(closeButtonProps, event);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Callout/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAgC;AAChC,+BAAkD;AAClD,qEAAgD;AAChD,+CAK+B;AAE/B,+CAK8B;AAC9B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Callout/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -120,11 +120,27 @@ export interface IReqorePanelProps extends IReqoreComponent, IWithReqoreSize, IW
|
|
|
120
120
|
* because the border already provides surface definition.
|
|
121
121
|
*/
|
|
122
122
|
raised?: boolean;
|
|
123
|
+
/**
|
|
124
|
+
* Renders the intent color (or a neutral highlight when no intent is set) as a
|
|
125
|
+
* single accent strip on one edge instead of tinting the whole border — the
|
|
126
|
+
* quiet "severity rail" treatment, mirroring `ReqoreCallout`'s accent API.
|
|
127
|
+
* When set, the panel's own border drops the intent tint (and is omitted
|
|
128
|
+
* entirely on `flat` panels) so the strip carries the color alone.
|
|
129
|
+
*/
|
|
130
|
+
accentPosition?: 'left' | 'top';
|
|
131
|
+
/**
|
|
132
|
+
* Thickness of the accent strip — a raw pixel number, or a `TSizes` name
|
|
133
|
+
* resolved through `ACCENT_SIZE_TO_PX`. Defaults to `'normal'` (5px).
|
|
134
|
+
*/
|
|
135
|
+
accentSize?: number | TSizes;
|
|
123
136
|
}
|
|
124
|
-
export interface IStyledPanel extends IReqorePanelProps {
|
|
137
|
+
export interface IStyledPanel extends Omit<IReqorePanelProps, 'accentSize'> {
|
|
125
138
|
theme: IReqoreTheme;
|
|
126
139
|
noHorizontalPadding?: boolean;
|
|
127
140
|
stickyHeaderOffset?: number;
|
|
141
|
+
/** Always a resolved pixel number — the component maps `TSizes` names before
|
|
142
|
+
* it reaches the styles, so the css (which interpolates px) never sees a string. */
|
|
143
|
+
$accentSize?: number;
|
|
128
144
|
/** True once a sticky header has pinned to its scroll container (detected at
|
|
129
145
|
* runtime). The header drops its top radius while stuck so it reads as a
|
|
130
146
|
* full-width bar, and regains it at rest. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAGL,YAAY,EAMb,MAAM,OAAO,CAAC;AAKf,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -132,26 +132,78 @@ exports.StyledPanelTitleHeaderContent = styled_components_1.default.div(template
|
|
|
132
132
|
});
|
|
133
133
|
exports.StyledPanelTitleHeaderLabelAndDescription = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n flex-flow: column;\n gap: 3px;\n min-width: 0;\n flex: 1 auto;\n"], ["\n display: flex;\n flex-flow: column;\n gap: 3px;\n min-width: 0;\n flex: 1 auto;\n"])));
|
|
134
134
|
exports.StyledPanelTitleHeaderLabelAndBadge = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n"], ["\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n"])));
|
|
135
|
+
/**
|
|
136
|
+
* Does the panel wrapper draw its 1px border?
|
|
137
|
+
*
|
|
138
|
+
* `accentPosition` moves the intent onto the edge strip, so an accent panel never tints its
|
|
139
|
+
* border — and a `flat` one draws no border at all, leaving the strip to carry the colour alone.
|
|
140
|
+
*
|
|
141
|
+
* This lives in one place because FOUR style rules branch on it — the border itself, the
|
|
142
|
+
* interactive hover border, the `raised` inset highlight, and the sticky header's radius inset.
|
|
143
|
+
* They were four separate copies of `flat && !intent`, and only the first was taught about
|
|
144
|
+
* `accentPosition`, so hover repainted the intent border the strip had just removed and `raised`
|
|
145
|
+
* silently vanished on accent panels.
|
|
146
|
+
*/
|
|
147
|
+
var hasPanelBorder = function (_a) {
|
|
148
|
+
var flat = _a.flat, intent = _a.intent, accentPosition = _a.accentPosition;
|
|
149
|
+
return !(flat && (!intent || accentPosition));
|
|
150
|
+
};
|
|
151
|
+
/** The colour the panel border (and its hover variant) is derived from. With `accentPosition`
|
|
152
|
+
* the intent belongs to the strip, so the border falls back to the neutral surface colour. */
|
|
153
|
+
var getPanelBorderBaseColor = function (theme, _a) {
|
|
154
|
+
var intent = _a.intent, accentPosition = _a.accentPosition;
|
|
155
|
+
return (intent && !accentPosition ? theme.intents[intent] : (0, colors_2.getMainBackgroundColor)(theme));
|
|
156
|
+
};
|
|
135
157
|
exports.StyledPanel = (0, styled_components_1.default)(Effect_1.StyledEffect).withConfig({
|
|
136
|
-
// `fill` controls panel layout and must not become a boolean DOM attribute.
|
|
137
|
-
//
|
|
138
|
-
//
|
|
158
|
+
// `fill` controls panel layout and must not become a boolean DOM attribute. Neither must
|
|
159
|
+
// `accentPosition`: when the panel renders as a `Resizable` (a COMPONENT target) the rule
|
|
160
|
+
// below forwards everything, and re-resizable spreads the leftovers onto its wrapper div.
|
|
161
|
+
// Filtering here still leaves the styled-component's own interpolations reading the prop.
|
|
162
|
+
// Everything else follows styled-components' own rule, so re-resizable still receives its
|
|
139
163
|
// `enable` / size / handle config — those are component props, not HTML attributes.
|
|
140
|
-
shouldForwardProp: (0, styled_1.omitStyleProps)('fill'),
|
|
141
|
-
})(
|
|
164
|
+
shouldForwardProp: (0, styled_1.omitStyleProps)('fill', 'accentPosition'),
|
|
165
|
+
})(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n background-color: ", ";\n border-radius: ", "px;\n border: ", ";\n color: ", ";\n ", "\n overflow: ", ";\n display: flex;\n flex-flow: column;\n position: relative;\n backdrop-filter: ", ";\n width: ", ";\n max-width: 100%;\n flex: ", ";\n\n /* Hover-hiding applies ONLY where the pointer can hover. A touch device never\n fires :hover, so without this gate a `show: 'hover'` action is display:none\n forever \u2014 not merely invisible but absent from the layout, with nothing on\n screen hinting it exists. Where hover is unavailable the action stays\n visible; losing the tidiness beats losing the action. */\n @media (hover: hover) and (pointer: fine) {\n &:not(:hover) {\n .reqore-panel-action-hidden {\n display: none;\n }\n }\n }\n\n &.reqore-panel-floating-active {\n border-top-right-radius: 0;\n }\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n"], ["\n background-color: ", ";\n border-radius: ", "px;\n border: ", ";\n color: ", ";\n ", "\n overflow: ", ";\n display: flex;\n flex-flow: column;\n position: relative;\n backdrop-filter: ", ";\n width: ", ";\n max-width: 100%;\n flex: ", ";\n\n /* Hover-hiding applies ONLY where the pointer can hover. A touch device never\n fires :hover, so without this gate a \\`show: 'hover'\\` action is display:none\n forever \u2014 not merely invisible but absent from the layout, with nothing on\n screen hinting it exists. Where hover is unavailable the action stays\n visible; losing the tidiness beats losing the action. */\n @media (hover: hover) and (pointer: fine) {\n &:not(:hover) {\n .reqore-panel-action-hidden {\n display: none;\n }\n }\n }\n\n &.reqore-panel-floating-active {\n border-top-right-radius: 0;\n }\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n"])), function (_a) {
|
|
142
166
|
var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
|
|
143
167
|
return (0, polished_1.rgba)((0, colors_2.changeDarkness)((0, colors_2.getMainBackgroundColor)(theme), 0.03), opacity);
|
|
144
168
|
}, function (_a) {
|
|
145
169
|
var rounded = _a.rounded, radiusSize = _a.radiusSize;
|
|
146
170
|
return rounded ? (0, sizes_1.resolveRadius)('normal', radiusSize) : 0;
|
|
147
171
|
}, function (_a) {
|
|
148
|
-
var theme = _a.theme, flat = _a.flat, intent = _a.intent;
|
|
149
|
-
return flat
|
|
150
|
-
?
|
|
151
|
-
:
|
|
172
|
+
var theme = _a.theme, flat = _a.flat, intent = _a.intent, accentPosition = _a.accentPosition;
|
|
173
|
+
return hasPanelBorder({ flat: flat, intent: intent, accentPosition: accentPosition })
|
|
174
|
+
? "1px solid ".concat((0, colors_2.changeLightness)(getPanelBorderBaseColor(theme, { intent: intent, accentPosition: accentPosition }), 0.08))
|
|
175
|
+
: undefined;
|
|
152
176
|
}, function (_a) {
|
|
153
177
|
var theme = _a.theme;
|
|
154
178
|
return (0, colors_2.getReadableColor)(theme, undefined, undefined, true);
|
|
179
|
+
}, function (_a) {
|
|
180
|
+
var accentPosition = _a.accentPosition, _b = _a.$accentSize, $accentSize = _b === void 0 ? sizes_1.ACCENT_SIZE_TO_PX.normal : _b, theme = _a.theme, intent = _a.intent, flat = _a.flat, rounded = _a.rounded, radiusSize = _a.radiusSize, stickyHeader = _a.stickyHeader;
|
|
181
|
+
if (!accentPosition) {
|
|
182
|
+
return undefined;
|
|
183
|
+
}
|
|
184
|
+
// The wrapper normally clips the strip into its rounded corners via `overflow: hidden`
|
|
185
|
+
// (see the `overflow` rule below) — EXCEPT with a sticky header, which forces
|
|
186
|
+
// `overflow: visible` so the header can escape. Unclipped, a square strip pokes out past
|
|
187
|
+
// the panel's corners, so in THAT CASE ONLY the strip carries its own matching radius.
|
|
188
|
+
//
|
|
189
|
+
// Deliberately not applied unconditionally: where the wrapper already clips, a redundant
|
|
190
|
+
// radius re-renders the strip as a rounded box that is then clipped to the same curve —
|
|
191
|
+
// identical shape, but a different antialiasing blend along the whole edge, which shows up
|
|
192
|
+
// as a diff on every existing accent snapshot for no visual gain.
|
|
193
|
+
//
|
|
194
|
+
// The strip sits in the padding box, inside any border, so inset by the border width to
|
|
195
|
+
// land on the wrapper's INNER curve — the same adjustment StyledPanelTopBar makes.
|
|
196
|
+
var stripRadius = stickyHeader && rounded
|
|
197
|
+
? Math.max(0, (0, sizes_1.resolveRadius)('normal', radiusSize) -
|
|
198
|
+
(hasPanelBorder({ flat: flat, intent: intent, accentPosition: accentPosition }) ? 1 : 0))
|
|
199
|
+
: 0;
|
|
200
|
+
return (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n position: relative;\n /* Reserve the strip's thickness so the title bar and content never sit\n under it \u2014 the same reservation ReqoreCallout makes. */\n padding-", ": ", "px;\n\n &::before {\n content: '';\n position: absolute;\n ", "\n ", "\n background-color: ", ";\n }\n "], ["\n position: relative;\n /* Reserve the strip's thickness so the title bar and content never sit\n under it \u2014 the same reservation ReqoreCallout makes. */\n padding-", ": ", "px;\n\n &::before {\n content: '';\n position: absolute;\n ", "\n ", "\n background-color: ", ";\n }\n "])), accentPosition === 'left' ? 'left' : 'top', $accentSize, accentPosition === 'left'
|
|
201
|
+
? (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n top: 0;\n bottom: 0;\n left: 0;\n width: ", "px;\n "], ["\n top: 0;\n bottom: 0;\n left: 0;\n width: ", "px;\n "])), $accentSize) : (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n top: 0;\n right: 0;\n left: 0;\n height: ", "px;\n "], ["\n top: 0;\n right: 0;\n left: 0;\n height: ", "px;\n "])), $accentSize), stripRadius
|
|
202
|
+
? accentPosition === 'left'
|
|
203
|
+
? (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n border-top-left-radius: ", "px;\n border-bottom-left-radius: ", "px;\n "], ["\n border-top-left-radius: ", "px;\n border-bottom-left-radius: ", "px;\n "])), stripRadius, stripRadius) : (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n border-top-left-radius: ", "px;\n border-top-right-radius: ", "px;\n "], ["\n border-top-left-radius: ", "px;\n border-top-right-radius: ", "px;\n "])), stripRadius, stripRadius)
|
|
204
|
+
: undefined, intent
|
|
205
|
+
? theme.intents[intent]
|
|
206
|
+
: (0, colors_2.changeLightness)((0, colors_2.getMainBackgroundColor)(theme), 0.22));
|
|
155
207
|
}, function (_a) {
|
|
156
208
|
var stickyHeader = _a.stickyHeader;
|
|
157
209
|
return (stickyHeader ? 'visible' : 'hidden');
|
|
@@ -165,25 +217,25 @@ exports.StyledPanel = (0, styled_components_1.default)(Effect_1.StyledEffect).wi
|
|
|
165
217
|
var fluid = _a.fluid;
|
|
166
218
|
return (fluid ? '1 auto' : '0 0 auto');
|
|
167
219
|
}, function (_a) {
|
|
168
|
-
var interactive = _a.interactive, theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b, flat = _a.flat, intent = _a.intent;
|
|
220
|
+
var interactive = _a.interactive, theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b, flat = _a.flat, intent = _a.intent, accentPosition = _a.accentPosition;
|
|
169
221
|
return interactive
|
|
170
|
-
? (0, styled_components_1.css)(
|
|
171
|
-
? undefined
|
|
172
|
-
: (0, polished_1.rgba)((0, polished_1.darken)(0.025, (0, polished_1.rgba)((0, colors_2.changeDarkness)((0, colors_2.getMainBackgroundColor)(theme), 0.03), opacity)), opacity), flat && !intent
|
|
222
|
+
? (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n cursor: pointer;\n\n &:hover {\n ", " ", " .reqore-panel-title-icon {\n transform: scale(", ");\n }\n\n background-color: ", ";\n\n border-color: ", ";\n\n ", "\n }\n "], ["\n cursor: pointer;\n\n &:hover {\n ", " ", " .reqore-panel-title-icon {\n transform: scale(", ");\n }\n\n background-color: ", ";\n\n border-color: ", ";\n\n ", "\n }\n "])), exports.StyledPanelTitle, exports.StyledPanelTitleHeaderContent, styles_1.ACTIVE_ICON_SCALE, opacity === 0 && flat
|
|
173
223
|
? undefined
|
|
174
|
-
:
|
|
224
|
+
: (0, polished_1.rgba)((0, polished_1.darken)(0.025, (0, polished_1.rgba)((0, colors_2.changeDarkness)((0, colors_2.getMainBackgroundColor)(theme), 0.03), opacity)), opacity), hasPanelBorder({ flat: flat, intent: intent, accentPosition: accentPosition })
|
|
225
|
+
? (0, colors_2.changeLightness)(getPanelBorderBaseColor(theme, { intent: intent, accentPosition: accentPosition }), 0.25)
|
|
226
|
+
: undefined, opacity !== 0 && (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n ", ":after {\n background: linear-gradient(\n to top,\n ", "\n 0%,\n transparent 100%\n );\n }\n "], ["\n ", ":after {\n background: linear-gradient(\n to top,\n ", "\n 0%,\n transparent 100%\n );\n }\n "])), item_1.StyledCollectionItemContent, (0, polished_1.rgba)((0, polished_1.darken)(0.025, (0, polished_1.rgba)((0, colors_2.changeDarkness)((0, colors_2.getMainBackgroundColor)(theme), 0.03), opacity)), opacity))) : undefined;
|
|
175
227
|
}, function (_a) {
|
|
176
|
-
var raised = _a.raised, flat = _a.flat, intent = _a.intent;
|
|
177
|
-
return raised && flat
|
|
228
|
+
var raised = _a.raised, flat = _a.flat, intent = _a.intent, accentPosition = _a.accentPosition;
|
|
229
|
+
return raised && !hasPanelBorder({ flat: flat, intent: intent, accentPosition: accentPosition }) && styles_1.RaisedElement;
|
|
178
230
|
}, function (_a) {
|
|
179
231
|
var fill = _a.fill, isCollapsed = _a.isCollapsed;
|
|
180
232
|
return !isCollapsed && fill
|
|
181
|
-
? (0, styled_components_1.css)(
|
|
233
|
+
? (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n height: 100%;\n flex: 1;\n "], ["\n height: 100%;\n flex: 1;\n "]))) : undefined;
|
|
182
234
|
}, function (_a) {
|
|
183
235
|
var disabled = _a.disabled;
|
|
184
236
|
return disabled && styles_1.DisabledElement;
|
|
185
237
|
});
|
|
186
|
-
exports.StyledPanelTitle = styled_components_1.default.div(
|
|
238
|
+
exports.StyledPanelTitle = styled_components_1.default.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n display: flex;\n flex-flow: ", ";\n background-color: ", ";\n justify-content: space-between;\n\n padding: ", ";\n\n align-items: center;\n border-bottom: ", ";\n transition: background-color 0.2s ease-out;\n overflow: hidden;\n flex: 0 0 auto;\n gap: ", "px;\n\n ", " .reqore-panel-title-icon {\n transform: scale(", ");\n }\n\n ", "\n"], ["\n display: flex;\n flex-flow: ", ";\n background-color: ", ";\n justify-content: space-between;\n\n padding: ", ";\n\n align-items: center;\n border-bottom: ", ";\n transition: background-color 0.2s ease-out;\n overflow: hidden;\n flex: 0 0 auto;\n gap: ", "px;\n\n ", " .reqore-panel-title-icon {\n transform: scale(", ");\n }\n\n ", "\n"])), function (_a) {
|
|
187
239
|
var responsive = _a.responsive, isMobile = _a.isMobile;
|
|
188
240
|
return (responsive ? (isMobile ? 'column' : 'row') : 'row');
|
|
189
241
|
}, function (_a) {
|
|
@@ -199,12 +251,12 @@ exports.StyledPanelTitle = styled_components_1.default.div(templateObject_15 ||
|
|
|
199
251
|
: null;
|
|
200
252
|
}, sizes_1.GAP_FROM_SIZE.normal, exports.StyledPanelTitleHeaderContent, styles_1.INACTIVE_ICON_SCALE, function (_a) {
|
|
201
253
|
var collapsible = _a.collapsible;
|
|
202
|
-
return collapsible && (0, styled_components_1.css)(
|
|
254
|
+
return collapsible && (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n cursor: pointer;\n &:hover {\n ", " .reqore-panel-title-icon {\n transform: scale(", ");\n }\n\n background-color: ", ";\n }\n "], ["\n cursor: pointer;\n &:hover {\n ", " .reqore-panel-title-icon {\n transform: scale(", ");\n }\n\n background-color: ", ";\n }\n "])), exports.StyledPanelTitleHeaderContent, styles_1.ACTIVE_ICON_SCALE, function (_a) {
|
|
203
255
|
var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
|
|
204
256
|
return (0, polished_1.rgba)((0, colors_2.changeLightness)((0, colors_2.getMainBackgroundColor)(theme), 0.05), opacity);
|
|
205
257
|
});
|
|
206
258
|
});
|
|
207
|
-
exports.StyledPanelTopBar = (0, styled_components_1.default)(exports.StyledPanelTitle)(
|
|
259
|
+
exports.StyledPanelTopBar = (0, styled_components_1.default)(exports.StyledPanelTitle)(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n padding-bottom: ", ";\n padding-top: ", ";\n position: ", ";\n top: ", ";\n z-index: ", ";\n // A sticky header forces the panel wrapper to overflow visible (so the\n // header can stick), which stops the wrapper from clipping the header's top\n // corners \u2014 so without this the panel reads as square-topped even at rest.\n // AT REST, round the header's own top corners to the panel's inner radius so\n // the panel keeps its radius (inset 1px past a visible border to match the\n // wrapper's inner curve; flat border-less panels need no inset). ONCE STUCK\n // (pinned to the scroll container, detected at runtime via isStuck), drop the\n // radius to 0 so the pinned header reads as a full-width bar and only loses\n // its corners while it is actually moving with the scroll.\n border-top-left-radius: ", ";\n border-top-right-radius: ", ";\n background: ", ";\n // When the header is sticky AND the panel is minimal / transparent (opacity === 0), the\n // header has no surface of its own \u2014 scrolling content slides straight under it and the\n // label / actions become illegible. Apply a backdrop blur so the underlying content stays\n // visible but is softened enough for the header text to read clearly. Idle (no overflow,\n // nothing behind) the blur is a no-op so the static appearance is unchanged.\n ", "\n"], ["\n padding-bottom: ", ";\n padding-top: ", ";\n position: ", ";\n top: ", ";\n z-index: ", ";\n // A sticky header forces the panel wrapper to overflow visible (so the\n // header can stick), which stops the wrapper from clipping the header's top\n // corners \u2014 so without this the panel reads as square-topped even at rest.\n // AT REST, round the header's own top corners to the panel's inner radius so\n // the panel keeps its radius (inset 1px past a visible border to match the\n // wrapper's inner curve; flat border-less panels need no inset). ONCE STUCK\n // (pinned to the scroll container, detected at runtime via isStuck), drop the\n // radius to 0 so the pinned header reads as a full-width bar and only loses\n // its corners while it is actually moving with the scroll.\n border-top-left-radius: ", ";\n border-top-right-radius: ", ";\n background: ", ";\n // When the header is sticky AND the panel is minimal / transparent (opacity === 0), the\n // header has no surface of its own \u2014 scrolling content slides straight under it and the\n // label / actions become illegible. Apply a backdrop blur so the underlying content stays\n // visible but is softened enough for the header text to read clearly. Idle (no overflow,\n // nothing behind) the blur is a no-op so the static appearance is unchanged.\n ", "\n"])), function (_a) {
|
|
208
260
|
var padded = _a.padded, size = _a.size, isCollapsed = _a.isCollapsed, minimal = _a.minimal;
|
|
209
261
|
return !padded || isCollapsed || !minimal
|
|
210
262
|
? "".concat(getPaddingSize(padded, size), "px")
|
|
@@ -228,18 +280,20 @@ exports.StyledPanelTopBar = (0, styled_components_1.default)(exports.StyledPanel
|
|
|
228
280
|
var stickyHeader = _a.stickyHeader;
|
|
229
281
|
return (stickyHeader ? 2 : undefined);
|
|
230
282
|
}, function (_a) {
|
|
231
|
-
var stickyHeader = _a.stickyHeader, rounded = _a.rounded, radiusSize = _a.radiusSize, flat = _a.flat, intent = _a.intent, isStuck = _a.isStuck;
|
|
283
|
+
var stickyHeader = _a.stickyHeader, rounded = _a.rounded, radiusSize = _a.radiusSize, flat = _a.flat, intent = _a.intent, accentPosition = _a.accentPosition, isStuck = _a.isStuck;
|
|
232
284
|
return stickyHeader && rounded
|
|
233
285
|
? isStuck
|
|
234
286
|
? '0px'
|
|
235
|
-
: "".concat(Math.max(0, (0, sizes_1.resolveRadius)('normal', radiusSize) -
|
|
287
|
+
: "".concat(Math.max(0, (0, sizes_1.resolveRadius)('normal', radiusSize) -
|
|
288
|
+
(hasPanelBorder({ flat: flat, intent: intent, accentPosition: accentPosition }) ? 1 : 0)), "px")
|
|
236
289
|
: undefined;
|
|
237
290
|
}, function (_a) {
|
|
238
|
-
var stickyHeader = _a.stickyHeader, rounded = _a.rounded, radiusSize = _a.radiusSize, flat = _a.flat, intent = _a.intent, isStuck = _a.isStuck;
|
|
291
|
+
var stickyHeader = _a.stickyHeader, rounded = _a.rounded, radiusSize = _a.radiusSize, flat = _a.flat, intent = _a.intent, accentPosition = _a.accentPosition, isStuck = _a.isStuck;
|
|
239
292
|
return stickyHeader && rounded
|
|
240
293
|
? isStuck
|
|
241
294
|
? '0px'
|
|
242
|
-
: "".concat(Math.max(0, (0, sizes_1.resolveRadius)('normal', radiusSize) -
|
|
295
|
+
: "".concat(Math.max(0, (0, sizes_1.resolveRadius)('normal', radiusSize) -
|
|
296
|
+
(hasPanelBorder({ flat: flat, intent: intent, accentPosition: accentPosition }) ? 1 : 0)), "px")
|
|
243
297
|
: undefined;
|
|
244
298
|
}, function (_a) {
|
|
245
299
|
var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
|
|
@@ -247,9 +301,9 @@ exports.StyledPanelTopBar = (0, styled_components_1.default)(exports.StyledPanel
|
|
|
247
301
|
}, function (_a) {
|
|
248
302
|
var stickyHeader = _a.stickyHeader, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
|
|
249
303
|
return stickyHeader &&
|
|
250
|
-
opacity === 0 && (0, styled_components_1.css)(
|
|
304
|
+
opacity === 0 && (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n backdrop-filter: blur(30px);\n -webkit-backdrop-filter: blur(30px);\n "], ["\n backdrop-filter: blur(30px);\n -webkit-backdrop-filter: blur(30px);\n "])));
|
|
251
305
|
});
|
|
252
|
-
exports.StyledPanelBottomActions = (0, styled_components_1.default)(exports.StyledPanelTitle)(
|
|
306
|
+
exports.StyledPanelBottomActions = (0, styled_components_1.default)(exports.StyledPanelTitle)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n padding-top: ", ";\n padding-bottom: ", ";\n border-bottom: 0;\n border-top: ", ";\n"], ["\n padding-top: ", ";\n padding-bottom: ", ";\n border-bottom: 0;\n border-top: ", ";\n"])), function (_a) {
|
|
253
307
|
var padded = _a.padded, size = _a.size, minimal = _a.minimal;
|
|
254
308
|
return !padded || !minimal
|
|
255
309
|
? "".concat(getPaddingSize(padded, size), "px")
|
|
@@ -269,7 +323,7 @@ exports.StyledPanelBottomActions = (0, styled_components_1.default)(exports.Styl
|
|
|
269
323
|
? "1px solid ".concat((0, polished_1.rgba)((0, colors_2.changeLightness)((0, colors_2.getMainBackgroundColor)(theme), 0.08), opacity))
|
|
270
324
|
: null;
|
|
271
325
|
});
|
|
272
|
-
exports.StyledPanelContent = styled_components_1.default.div(
|
|
326
|
+
exports.StyledPanelContent = styled_components_1.default.div(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n display: ", ";\n padding: ", ";\n flex: 1;\n /* A flex child's min-height defaults to its content size, so without this the\n scrollable content can't shrink: a panel/drawer body taller than the panel\n pushes the (flex: 0 0 auto) bottom-actions footer past the panel's clipped\n edge and strands it, instead of scrolling. */\n min-height: 0;\n overflow: auto;\n overflow-wrap: anywhere;\n font-size: ", "px;\n"], ["\n display: ", ";\n padding: ", ";\n flex: 1;\n /* A flex child's min-height defaults to its content size, so without this the\n scrollable content can't shrink: a panel/drawer body taller than the panel\n pushes the (flex: 0 0 auto) bottom-actions footer past the panel's clipped\n edge and strands it, instead of scrolling. */\n min-height: 0;\n overflow: auto;\n overflow-wrap: anywhere;\n font-size: ", "px;\n"])), function (_a) {
|
|
273
327
|
var isCollapsed = _a.isCollapsed;
|
|
274
328
|
return (isCollapsed ? 'none !important' : undefined);
|
|
275
329
|
}, function (_a) {
|
|
@@ -283,7 +337,7 @@ exports.StyledPanelContent = styled_components_1.default.div(templateObject_19 |
|
|
|
283
337
|
var size = _a.size;
|
|
284
338
|
return sizes_1.TEXT_FROM_SIZE[size];
|
|
285
339
|
});
|
|
286
|
-
exports.StyledFloatingActions = styled_components_1.default.div(
|
|
340
|
+
exports.StyledFloatingActions = styled_components_1.default.div(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n position: fixed;\n z-index: 999999;\n display: flex;\n padding: ", "px;\n background-color: ", ";\n border: ", ";\n border-bottom: none;\n border-radius: ", "px\n ", "px 0 0;\n gap: ", "px;\n pointer-events: auto;\n"], ["\n position: fixed;\n z-index: 999999;\n display: flex;\n padding: ", "px;\n background-color: ", ";\n border: ", ";\n border-bottom: none;\n border-radius: ", "px\n ", "px 0 0;\n gap: ", "px;\n pointer-events: auto;\n"])), function (_a) {
|
|
287
341
|
var size = _a.size;
|
|
288
342
|
return sizes_1.PADDING_FROM_SIZE[size];
|
|
289
343
|
}, function (_a) {
|
|
@@ -311,7 +365,10 @@ exports.ReqorePanelSkeleton = (0, react_2.memo)(function (_a) {
|
|
|
311
365
|
(children ? (children) : ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { vertical: true, children: (0, jsx_runtime_1.jsx)(Skeleton_1.ReqoreSkeleton, { lines: 5, width: '100%', size: 'tiny' }) })))] }));
|
|
312
366
|
});
|
|
313
367
|
exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
314
|
-
var children = _a.children, label = _a.label, description = _a.description, _b = _a.collapseButtonProps, collapseButtonProps = _b === void 0 ? {} : _b, collapsible = _a.collapsible, onClose = _a.onClose, _c = _a.closeButtonProps, closeButtonProps = _c === void 0 ? {} : _c, _d = _a.rounded, rounded = _d === void 0 ? true : _d, _e = _a.actions, actions = _e === void 0 ? [] : _e, _f = _a.bottomActions, bottomActions = _f === void 0 ? [] : _f, isCollapsed = _a.isCollapsed, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, icon = _a.icon, iconImage = _a.iconImage, _g = _a.iconWithLabel, iconWithLabel = _g === void 0 ? false : _g, _h = _a.iconVerticalAlign, iconVerticalAlign = _h === void 0 ? 'center' : _h, intent = _a.intent, className = _a.className, flat = _a.flat, _j = _a.unMountContentOnCollapse, unMountContentOnCollapse = _j === void 0 ? true : _j, onCollapseChange = _a.onCollapseChange, _k = _a.padded, padded = _k === void 0 ? true : _k, _l = _a.wrapperPadding, wrapperPadding = _l === void 0 ? 'both' : _l, contentStyle = _a.contentStyle, contentEffect = _a.contentEffect, _m = _a.labelEffect, labelEffect = _m === void 0 ? {} : _m, _o = _a.descriptionEffect, descriptionEffect = _o === void 0 ? {} : _o, descriptionIntent = _a.descriptionIntent, labelSize = _a.labelSize, contentSize = _a.contentSize, minimal = _a.minimal, badge = _a.badge, iconColor = _a.iconColor, _p = _a.iconProps, iconProps = _p === void 0 ? {} : _p, fluid = _a.fluid, _q = _a.responsiveActions, responsiveActions = _q === void 0 ? true : _q, _r = _a.responsiveTitle, responsiveTitle = _r === void 0 ? true : _r, _s = _a.size, panelSize = _s === void 0 ? 'normal' : _s, getContentRef = _a.getContentRef, _t = _a.labelProps, labelProps = _t === void 0 ? {} : _t, disabled = _a.disabled, breadcrumbs = _a.breadcrumbs, _u = _a.showActionsWhenCollapsed, showActionsWhenCollapsed = _u === void 0 ? true : _u, showLabelTooltip = _a.showLabelTooltip, customLabelTooltip = _a.customLabelTooltip, resizable = _a.resizable, onLabelEdit = _a.onLabelEdit, responsiveActionsWrapperProps = _a.responsiveActionsWrapperProps, loading = _a.loading, loadingIconType = _a.loadingIconType, skeleton = _a.skeleton, errorBoundaryOptions = _a.errorBoundaryOptions, floatingActions = _a.floatingActions, _v = _a.collapseTooltip, collapseTooltip = _v === void 0 ? 'Collapse' : _v, _w = _a.expandTooltip, expandTooltip = _w === void 0 ? 'Expand' : _w, _x = _a.closeTooltip, closeTooltip = _x === void 0 ? 'Close' : _x, rest = __rest(_a, ["children", "label", "description", "collapseButtonProps", "collapsible", "onClose", "closeButtonProps", "rounded", "actions", "bottomActions", "isCollapsed", "customTheme", "inheritCustomTheme", "icon", "iconImage", "iconWithLabel", "iconVerticalAlign", "intent", "className", "flat", "unMountContentOnCollapse", "onCollapseChange", "padded", "wrapperPadding", "contentStyle", "contentEffect", "labelEffect", "descriptionEffect", "descriptionIntent", "labelSize", "contentSize", "minimal", "badge", "iconColor", "iconProps", "fluid", "responsiveActions", "responsiveTitle", "size", "getContentRef", "labelProps", "disabled", "breadcrumbs", "showActionsWhenCollapsed", "showLabelTooltip", "customLabelTooltip", "resizable", "onLabelEdit", "responsiveActionsWrapperProps", "loading", "loadingIconType", "skeleton", "errorBoundaryOptions", "floatingActions", "collapseTooltip", "expandTooltip", "closeTooltip"]);
|
|
368
|
+
var children = _a.children, label = _a.label, description = _a.description, _b = _a.collapseButtonProps, collapseButtonProps = _b === void 0 ? {} : _b, collapsible = _a.collapsible, onClose = _a.onClose, _c = _a.closeButtonProps, closeButtonProps = _c === void 0 ? {} : _c, _d = _a.rounded, rounded = _d === void 0 ? true : _d, _e = _a.actions, actions = _e === void 0 ? [] : _e, _f = _a.bottomActions, bottomActions = _f === void 0 ? [] : _f, isCollapsed = _a.isCollapsed, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, icon = _a.icon, iconImage = _a.iconImage, _g = _a.iconWithLabel, iconWithLabel = _g === void 0 ? false : _g, _h = _a.iconVerticalAlign, iconVerticalAlign = _h === void 0 ? 'center' : _h, intent = _a.intent, className = _a.className, flat = _a.flat, _j = _a.unMountContentOnCollapse, unMountContentOnCollapse = _j === void 0 ? true : _j, onCollapseChange = _a.onCollapseChange, _k = _a.padded, padded = _k === void 0 ? true : _k, _l = _a.wrapperPadding, wrapperPadding = _l === void 0 ? 'both' : _l, contentStyle = _a.contentStyle, contentEffect = _a.contentEffect, _m = _a.labelEffect, labelEffect = _m === void 0 ? {} : _m, _o = _a.descriptionEffect, descriptionEffect = _o === void 0 ? {} : _o, descriptionIntent = _a.descriptionIntent, labelSize = _a.labelSize, contentSize = _a.contentSize, minimal = _a.minimal, badge = _a.badge, iconColor = _a.iconColor, _p = _a.iconProps, iconProps = _p === void 0 ? {} : _p, fluid = _a.fluid, _q = _a.responsiveActions, responsiveActions = _q === void 0 ? true : _q, _r = _a.responsiveTitle, responsiveTitle = _r === void 0 ? true : _r, _s = _a.size, panelSize = _s === void 0 ? 'normal' : _s, getContentRef = _a.getContentRef, _t = _a.labelProps, labelProps = _t === void 0 ? {} : _t, disabled = _a.disabled, breadcrumbs = _a.breadcrumbs, _u = _a.showActionsWhenCollapsed, showActionsWhenCollapsed = _u === void 0 ? true : _u, showLabelTooltip = _a.showLabelTooltip, customLabelTooltip = _a.customLabelTooltip, resizable = _a.resizable, onLabelEdit = _a.onLabelEdit, responsiveActionsWrapperProps = _a.responsiveActionsWrapperProps, loading = _a.loading, loadingIconType = _a.loadingIconType, skeleton = _a.skeleton, errorBoundaryOptions = _a.errorBoundaryOptions, floatingActions = _a.floatingActions, _v = _a.collapseTooltip, collapseTooltip = _v === void 0 ? 'Collapse' : _v, _w = _a.expandTooltip, expandTooltip = _w === void 0 ? 'Expand' : _w, _x = _a.closeTooltip, closeTooltip = _x === void 0 ? 'Close' : _x, accentPosition = _a.accentPosition, accentSize = _a.accentSize, rest = __rest(_a, ["children", "label", "description", "collapseButtonProps", "collapsible", "onClose", "closeButtonProps", "rounded", "actions", "bottomActions", "isCollapsed", "customTheme", "inheritCustomTheme", "icon", "iconImage", "iconWithLabel", "iconVerticalAlign", "intent", "className", "flat", "unMountContentOnCollapse", "onCollapseChange", "padded", "wrapperPadding", "contentStyle", "contentEffect", "labelEffect", "descriptionEffect", "descriptionIntent", "labelSize", "contentSize", "minimal", "badge", "iconColor", "iconProps", "fluid", "responsiveActions", "responsiveTitle", "size", "getContentRef", "labelProps", "disabled", "breadcrumbs", "showActionsWhenCollapsed", "showLabelTooltip", "customLabelTooltip", "resizable", "onLabelEdit", "responsiveActionsWrapperProps", "loading", "loadingIconType", "skeleton", "errorBoundaryOptions", "floatingActions", "collapseTooltip", "expandTooltip", "closeTooltip", "accentPosition", "accentSize"]);
|
|
369
|
+
// Resolved ONCE, here — the accent styles interpolate px and reserve padding,
|
|
370
|
+
// so they must only ever see a number. Shared with ReqoreCallout.
|
|
371
|
+
var accentSizePx = (0, react_2.useMemo)(function () { return (0, utils_1.resolveAccentSize)(accentSize); }, [accentSize]);
|
|
315
372
|
var _y = (0, react_2.useState)(isCollapsed || false), _isCollapsed = _y[0], setIsCollapsed = _y[1];
|
|
316
373
|
var primaryContentGradient = (0, Effect_1.getPrimaryGradient)(contentEffect === null || contentEffect === void 0 ? void 0 : contentEffect.gradient);
|
|
317
374
|
var primaryContentColors = primaryContentGradient && typeof primaryContentGradient.colors === 'object'
|
|
@@ -603,7 +660,7 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
603
660
|
if (skeleton) {
|
|
604
661
|
return (0, jsx_runtime_1.jsx)(exports.ReqorePanelSkeleton, { size: panelSize, isCollapsed: _isCollapsed });
|
|
605
662
|
}
|
|
606
|
-
return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ReqoreErrorBoundary, __assign({}, errorBoundaryOptions, { children: (0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, (0, lodash_1.omit)(rest, ['onResize']), _resizable, { as: rest.as || (!!resizable && !disabled && !_isCollapsed) ? re_resizable_1.Resizable : 'div', isCollapsed: _isCollapsed, rounded: rounded, flat: flat, intent: intent, className: "".concat(className || '', " reqore-panel").concat(_isHovered && (0, lodash_1.size)(floatingActionsList) > 0 ? ' reqore-panel-floating-active' : ''), interactive: interactive, theme: theme, effect: transformedContentEffect, opacity: opacity, fluid: fluid, disabled: disabled, Component: exports.StyledPanel, ref: function (node) {
|
|
663
|
+
return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ReqoreErrorBoundary, __assign({}, errorBoundaryOptions, { children: (0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, (0, lodash_1.omit)(rest, ['onResize']), _resizable, { as: rest.as || (!!resizable && !disabled && !_isCollapsed) ? re_resizable_1.Resizable : 'div', isCollapsed: _isCollapsed, rounded: rounded, flat: flat, intent: intent, accentPosition: accentPosition, "$accentSize": accentSizePx, className: "".concat(className || '', " reqore-panel").concat(_isHovered && (0, lodash_1.size)(floatingActionsList) > 0 ? ' reqore-panel-floating-active' : ''), interactive: interactive, theme: theme, effect: transformedContentEffect, opacity: opacity, fluid: fluid, disabled: disabled, Component: exports.StyledPanel, ref: function (node) {
|
|
607
664
|
handleRef(node);
|
|
608
665
|
panelRef.current = node;
|
|
609
666
|
}, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [rest.stickyHeader ? ((0, jsx_runtime_1.jsx)("div", { ref: stickySentinelRef, "aria-hidden": 'true', style: { height: 0 } })) : null, _isHovered &&
|
|
@@ -652,5 +709,5 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
652
709
|
return ((0, jsx_runtime_1.jsx)(exports.StyledPanelTitleHeaderContent, __assign({ size: panelSize }, labelProps, { hasLabel: !!label, hasIcon: useOuterGrid, iconSize: sizes_1.ICON_FROM_HEADER_SIZE[labelSize || sizes_1.HEADER_SIZE_TO_NUMBER[panelSize]], "$hasOuterIcon": useOuterGrid, "$iconVerticalAlign": iconVerticalAlign, "$hasDescription": !!description, children: useOuterGrid ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [panelIcon, labelRow, descriptionRow] })) : ((0, jsx_runtime_1.jsxs)(exports.StyledPanelTitleHeaderLabelAndDescription, { children: [labelRow, descriptionRow] })) })));
|
|
653
710
|
})()) : null, breadcrumbs && (badge || badge === 0) ? ((0, jsx_runtime_1.jsx)(Button_1.ButtonBadge, { size: (0, utils_1.getOneHigherSize)(panelSize), content: badge, wrapGroup: isSmall, margin: label ? 'left' : 'none' })) : null, (0, jsx_runtime_1.jsx)(NonResponsiveActions_1.ReqorePanelNonResponsiveActions, { show: isSmall && (!!onClose || collapsible), isSmall: isSmall, showControlButtons: true, size: panelSize, hasResponsiveActions: hasResponsiveActions(nonFloatingActions), customTheme: theme, isCollapsed: _isCollapsed, onCollapseClick: collapsible ? handleCollapseClick : undefined, onCloseClick: onClose, closeButtonProps: closeButtonProps, collapseButtonProps: collapseButtonProps, collapseTooltip: collapseTooltip, expandTooltip: expandTooltip, closeTooltip: closeTooltip, fluid: false, style: { marginLeft: 'auto' } })] })), hasResponsiveActions(nonFloatingActions) && ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, __assign({ responsive: responsiveActions, fluid: responsiveActions || isSmall, horizontalAlign: 'flex-end', customTheme: theme, size: panelSize }, responsiveActionsWrapperProps, { children: nonFloatingActions.map(renderResponsiveActions()) }))), (0, jsx_runtime_1.jsx)(NonResponsiveActions_1.ReqorePanelNonResponsiveActions, { show: showNonResponsiveGroup(), isSmall: isSmall, showControlButtons: !isSmall, size: panelSize, hasResponsiveActions: hasResponsiveActions(nonFloatingActions), customTheme: theme, isCollapsed: _isCollapsed, onCollapseClick: collapsible ? handleCollapseClick : undefined, onCloseClick: onClose, closeButtonProps: closeButtonProps, collapseButtonProps: collapseButtonProps, collapseTooltip: collapseTooltip, expandTooltip: expandTooltip, closeTooltip: closeTooltip, fluid: !hasTitleHeader || isSmall, children: nonFloatingActions.map(renderNonResponsiveActions()) })] })), !_isCollapsed || (_isCollapsed && !unMountContentOnCollapse) ? ((0, jsx_runtime_1.jsx)(exports.StyledPanelContent, { as: 'div', className: 'reqore-panel-content', hasLabel: !!hasTitleBar, hasBottomActions: hasBottomActions, isCollapsed: _isCollapsed, style: contentStyle, padded: padded, minimal: minimal || opacity === 0, size: contentSize || panelSize, ref: getContentRef, noHorizontalPadding: noHorizontalPadding, children: children })) : null, hasBottomActions && !_isCollapsed ? ((0, jsx_runtime_1.jsxs)(exports.StyledPanelBottomActions, { flat: flat, className: 'reqore-panel-bottom-actions', theme: theme, padded: padded, intent: intent, minimal: minimal || opacity === 0, opacity: minimal ? 0 : opacity !== null && opacity !== void 0 ? opacity : 1, size: contentSize || panelSize, noHorizontalPadding: noHorizontalPadding, children: [hasNonResponsiveActions(leftBottomActions) ? ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { size: panelSize, style: { marginRight: 'auto' }, children: leftBottomActions.map(renderNonResponsiveActions('flex-start')) })) : null, hasResponsiveActions(leftBottomActions) && ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { fluid: responsiveActions, responsive: responsiveActions, customTheme: theme, size: panelSize, style: { marginRight: 'auto' }, children: leftBottomActions.map(renderResponsiveActions('flex-start')) })), hasResponsiveActions(rightBottomActions) && ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { fluid: responsiveActions, horizontalAlign: 'flex-end', responsive: responsiveActions, customTheme: theme, style: { marginLeft: 'auto' }, size: panelSize, children: rightBottomActions.map(renderResponsiveActions()) })), hasNonResponsiveActions(rightBottomActions) ? ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { horizontalAlign: 'flex-end', size: panelSize, style: { marginLeft: 'auto' }, children: rightBottomActions.map(renderNonResponsiveActions()) })) : null] })) : null] })) })));
|
|
654
711
|
});
|
|
655
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20;
|
|
712
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25;
|
|
656
713
|
//# sourceMappingURL=index.js.map
|