@qoretechnologies/reqore 0.72.10-pr.629.gdd0bcee → 0.72.10
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 +9 -3
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +84 -33
- package/dist/components/Panel/index.js.map +1 -1
- package/dist/components/Tag/index.d.ts +20 -0
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +10 -4
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Textarea/index.d.ts +2 -0
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +5 -5
- package/dist/components/Textarea/index.js.map +1 -1
- package/dist/constants/sizes.d.ts +30 -0
- package/dist/constants/sizes.d.ts.map +1 -1
- package/dist/constants/sizes.js +31 -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/dist/hooks/useTextareaAutoSize.d.ts.map +1 -1
- package/dist/hooks/useTextareaAutoSize.js +6 -2
- package/dist/hooks/useTextareaAutoSize.js.map +1 -1
- package/package.json +2 -2
- package/tests.json +1 -0
- package/vitest.config.ts +12 -4
|
@@ -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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"}
|
|
@@ -128,13 +128,19 @@ export interface IReqorePanelProps extends IReqoreComponent, IWithReqoreSize, IW
|
|
|
128
128
|
* entirely on `flat` panels) so the strip carries the color alone.
|
|
129
129
|
*/
|
|
130
130
|
accentPosition?: 'left' | 'top';
|
|
131
|
-
/**
|
|
132
|
-
|
|
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;
|
|
133
136
|
}
|
|
134
|
-
export interface IStyledPanel extends IReqorePanelProps {
|
|
137
|
+
export interface IStyledPanel extends Omit<IReqorePanelProps, 'accentSize'> {
|
|
135
138
|
theme: IReqoreTheme;
|
|
136
139
|
noHorizontalPadding?: boolean;
|
|
137
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;
|
|
138
144
|
/** True once a sticky header has pinned to its scroll container (detected at
|
|
139
145
|
* runtime). The header drops its top radius while stuck so it reads as a
|
|
140
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,13 +132,37 @@ 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) {
|
|
@@ -146,16 +170,38 @@ exports.StyledPanel = (0, styled_components_1.default)(Effect_1.StyledEffect).wi
|
|
|
146
170
|
return rounded ? (0, sizes_1.resolveRadius)('normal', radiusSize) : 0;
|
|
147
171
|
}, function (_a) {
|
|
148
172
|
var theme = _a.theme, flat = _a.flat, intent = _a.intent, accentPosition = _a.accentPosition;
|
|
149
|
-
return flat
|
|
150
|
-
?
|
|
151
|
-
:
|
|
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);
|
|
155
179
|
}, function (_a) {
|
|
156
|
-
var accentPosition = _a.accentPosition, _b = _a
|
|
157
|
-
|
|
158
|
-
|
|
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
|
|
159
205
|
? theme.intents[intent]
|
|
160
206
|
: (0, colors_2.changeLightness)((0, colors_2.getMainBackgroundColor)(theme), 0.22));
|
|
161
207
|
}, function (_a) {
|
|
@@ -171,25 +217,25 @@ exports.StyledPanel = (0, styled_components_1.default)(Effect_1.StyledEffect).wi
|
|
|
171
217
|
var fluid = _a.fluid;
|
|
172
218
|
return (fluid ? '1 auto' : '0 0 auto');
|
|
173
219
|
}, function (_a) {
|
|
174
|
-
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;
|
|
175
221
|
return interactive
|
|
176
|
-
? (0, styled_components_1.css)(
|
|
177
|
-
? undefined
|
|
178
|
-
: (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
|
|
179
223
|
? undefined
|
|
180
|
-
:
|
|
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;
|
|
181
227
|
}, function (_a) {
|
|
182
|
-
var raised = _a.raised, flat = _a.flat, intent = _a.intent;
|
|
183
|
-
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;
|
|
184
230
|
}, function (_a) {
|
|
185
231
|
var fill = _a.fill, isCollapsed = _a.isCollapsed;
|
|
186
232
|
return !isCollapsed && fill
|
|
187
|
-
? (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;
|
|
188
234
|
}, function (_a) {
|
|
189
235
|
var disabled = _a.disabled;
|
|
190
236
|
return disabled && styles_1.DisabledElement;
|
|
191
237
|
});
|
|
192
|
-
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) {
|
|
193
239
|
var responsive = _a.responsive, isMobile = _a.isMobile;
|
|
194
240
|
return (responsive ? (isMobile ? 'column' : 'row') : 'row');
|
|
195
241
|
}, function (_a) {
|
|
@@ -205,12 +251,12 @@ exports.StyledPanelTitle = styled_components_1.default.div(templateObject_18 ||
|
|
|
205
251
|
: null;
|
|
206
252
|
}, sizes_1.GAP_FROM_SIZE.normal, exports.StyledPanelTitleHeaderContent, styles_1.INACTIVE_ICON_SCALE, function (_a) {
|
|
207
253
|
var collapsible = _a.collapsible;
|
|
208
|
-
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) {
|
|
209
255
|
var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
|
|
210
256
|
return (0, polished_1.rgba)((0, colors_2.changeLightness)((0, colors_2.getMainBackgroundColor)(theme), 0.05), opacity);
|
|
211
257
|
});
|
|
212
258
|
});
|
|
213
|
-
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) {
|
|
214
260
|
var padded = _a.padded, size = _a.size, isCollapsed = _a.isCollapsed, minimal = _a.minimal;
|
|
215
261
|
return !padded || isCollapsed || !minimal
|
|
216
262
|
? "".concat(getPaddingSize(padded, size), "px")
|
|
@@ -234,18 +280,20 @@ exports.StyledPanelTopBar = (0, styled_components_1.default)(exports.StyledPanel
|
|
|
234
280
|
var stickyHeader = _a.stickyHeader;
|
|
235
281
|
return (stickyHeader ? 2 : undefined);
|
|
236
282
|
}, function (_a) {
|
|
237
|
-
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;
|
|
238
284
|
return stickyHeader && rounded
|
|
239
285
|
? isStuck
|
|
240
286
|
? '0px'
|
|
241
|
-
: "".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")
|
|
242
289
|
: undefined;
|
|
243
290
|
}, function (_a) {
|
|
244
|
-
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;
|
|
245
292
|
return stickyHeader && rounded
|
|
246
293
|
? isStuck
|
|
247
294
|
? '0px'
|
|
248
|
-
: "".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")
|
|
249
297
|
: undefined;
|
|
250
298
|
}, function (_a) {
|
|
251
299
|
var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
|
|
@@ -253,9 +301,9 @@ exports.StyledPanelTopBar = (0, styled_components_1.default)(exports.StyledPanel
|
|
|
253
301
|
}, function (_a) {
|
|
254
302
|
var stickyHeader = _a.stickyHeader, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
|
|
255
303
|
return stickyHeader &&
|
|
256
|
-
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 "])));
|
|
257
305
|
});
|
|
258
|
-
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) {
|
|
259
307
|
var padded = _a.padded, size = _a.size, minimal = _a.minimal;
|
|
260
308
|
return !padded || !minimal
|
|
261
309
|
? "".concat(getPaddingSize(padded, size), "px")
|
|
@@ -275,7 +323,7 @@ exports.StyledPanelBottomActions = (0, styled_components_1.default)(exports.Styl
|
|
|
275
323
|
? "1px solid ".concat((0, polished_1.rgba)((0, colors_2.changeLightness)((0, colors_2.getMainBackgroundColor)(theme), 0.08), opacity))
|
|
276
324
|
: null;
|
|
277
325
|
});
|
|
278
|
-
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) {
|
|
279
327
|
var isCollapsed = _a.isCollapsed;
|
|
280
328
|
return (isCollapsed ? 'none !important' : undefined);
|
|
281
329
|
}, function (_a) {
|
|
@@ -289,7 +337,7 @@ exports.StyledPanelContent = styled_components_1.default.div(templateObject_22 |
|
|
|
289
337
|
var size = _a.size;
|
|
290
338
|
return sizes_1.TEXT_FROM_SIZE[size];
|
|
291
339
|
});
|
|
292
|
-
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) {
|
|
293
341
|
var size = _a.size;
|
|
294
342
|
return sizes_1.PADDING_FROM_SIZE[size];
|
|
295
343
|
}, function (_a) {
|
|
@@ -317,7 +365,10 @@ exports.ReqorePanelSkeleton = (0, react_2.memo)(function (_a) {
|
|
|
317
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' }) })))] }));
|
|
318
366
|
});
|
|
319
367
|
exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
320
|
-
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]);
|
|
321
372
|
var _y = (0, react_2.useState)(isCollapsed || false), _isCollapsed = _y[0], setIsCollapsed = _y[1];
|
|
322
373
|
var primaryContentGradient = (0, Effect_1.getPrimaryGradient)(contentEffect === null || contentEffect === void 0 ? void 0 : contentEffect.gradient);
|
|
323
374
|
var primaryContentColors = primaryContentGradient && typeof primaryContentGradient.colors === 'object'
|
|
@@ -609,7 +660,7 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
609
660
|
if (skeleton) {
|
|
610
661
|
return (0, jsx_runtime_1.jsx)(exports.ReqorePanelSkeleton, { size: panelSize, isCollapsed: _isCollapsed });
|
|
611
662
|
}
|
|
612
|
-
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) {
|
|
613
664
|
handleRef(node);
|
|
614
665
|
panelRef.current = node;
|
|
615
666
|
}, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [rest.stickyHeader ? ((0, jsx_runtime_1.jsx)("div", { ref: stickySentinelRef, "aria-hidden": 'true', style: { height: 0 } })) : null, _isHovered &&
|
|
@@ -658,5 +709,5 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
658
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] })) })));
|
|
659
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] })) })));
|
|
660
711
|
});
|
|
661
|
-
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;
|
|
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;
|
|
662
713
|
//# sourceMappingURL=index.js.map
|