@qoretechnologies/reqore 0.72.10-pr.629.ge4f6e94 → 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 +1 -1
- package/dist/components/Callout/index.d.ts.map +1 -1
- package/dist/components/Callout/index.js +4 -6
- package/dist/components/Callout/index.js.map +1 -1
- package/dist/components/Panel/index.d.ts +1 -1
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +88 -42
- package/dist/components/Panel/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 +3 -3
- package/dist/constants/sizes.d.ts.map +1 -1
- package/dist/constants/sizes.js +3 -3
- 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
|
@@ -37,7 +37,7 @@ export interface IReqoreCalloutProps extends React.HTMLAttributes<HTMLDivElement
|
|
|
37
37
|
accentPosition?: 'left' | 'top';
|
|
38
38
|
/**
|
|
39
39
|
* Thickness of the accent strip — a raw pixel number, or a `TSizes` name
|
|
40
|
-
* resolved through `ACCENT_SIZE_TO_PX
|
|
40
|
+
* resolved through `ACCENT_SIZE_TO_PX`. Defaults to `'normal'` (5px).
|
|
41
41
|
*/
|
|
42
42
|
accentSize?: number | TSizes;
|
|
43
43
|
/** Effect applied to the legacy `children` slot. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/index.tsx"],"names":[],"mappings":"AAGA,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"}
|
|
@@ -160,15 +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
|
-
//
|
|
168
|
-
//
|
|
169
|
-
var accentSizePx = (0, utils_1.
|
|
170
|
-
? sizes_1.ACCENT_SIZE_TO_PX[accentSize]
|
|
171
|
-
: accentSize;
|
|
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]);
|
|
172
170
|
var hasBadge = badge !== undefined && badge !== null;
|
|
173
171
|
var hasIcon = !!icon || !!(iconProps === null || iconProps === void 0 ? void 0 : iconProps.image);
|
|
174
172
|
var hasStructuredContent = !!label || !!description;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Callout/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAgC;AAChC,+BAAkD;AAClD,qEAAgD;AAChD,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Callout/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -130,7 +130,7 @@ export interface IReqorePanelProps extends IReqoreComponent, IWithReqoreSize, IW
|
|
|
130
130
|
accentPosition?: 'left' | 'top';
|
|
131
131
|
/**
|
|
132
132
|
* Thickness of the accent strip — a raw pixel number, or a `TSizes` name
|
|
133
|
-
* resolved through `ACCENT_SIZE_TO_PX
|
|
133
|
+
* resolved through `ACCENT_SIZE_TO_PX`. Defaults to `'normal'` (5px).
|
|
134
134
|
*/
|
|
135
135
|
accentSize?: number | TSizes;
|
|
136
136
|
}
|
|
@@ -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,EASL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAkBpE,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAA0B,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAqB,EAAe,kBAAkB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAExF,OAA2B,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC/E,OAAuB,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAEL,aAAa,EAGb,kBAAkB,EACnB,MAAM,WAAW,CAAC;AAEnB,OAAmB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAUvD,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC;IAC/E,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AACD,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB,EAAE,kBAAkB,EAAE,aAAa;IAC/F,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC7B,OAAO,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAClC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,KAAK,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,CAAA;KAAE,GAAG,SAAS,CAAC;IAEpD,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAEzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,mBAAmB;CAAG;AACvC,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,EAAE,CAAC;AACvD,MAAM,MAAM,yBAAyB,GAAG,wBAAwB,EAAE,CAAC;AAEnE,MAAM,WAAW,iBACf,SAAQ,gBAAgB,EACtB,eAAe,EACf,sBAAsB,EACtB,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,QAAQ,CAAC,EAAE,GAAG,CAAC;IAEf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;;OAOG;IACH,iBAAiB,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAChD,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,kBAAkB,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC/C,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B,WAAW,CAAC,EAAE,uBAAuB,CAAC;IAEtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,kBAAkB,CAAC;IAEtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAEpD,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,aAAa,CAAC,EAAE,yBAAyB,CAAC;IAC1C,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,GAAG,CAAC;IAE7C,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IAC3C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,cAAc,CAAC;IAEpC,6BAA6B,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,CAAC;IAClE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6FAA6F;IAC7F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAChC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,iBAAiB,EAAE,YAAY,CAAC;IACzE,KAAK,EAAE,YAAY,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;yFACqF;IACrF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;kDAE8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAeD,eAAO,MAAM,sBAAsB,KAOlC,CAAC;AAEF,eAAO,MAAM,6BAA6B,KAoFzC,CAAC;AAEF,eAAO,MAAM,yCAAyC,KAMrD,CAAC;AAEF,eAAO,MAAM,mCAAmC,KAI/C,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE,CAChC,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,MAAM,CAAC,GAC1C,cAAc,GAAG;IACf,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CACJ,CAAC;
|
|
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.$accentSize, $accentSize = _b === void 0 ?
|
|
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,13 +365,11 @@ 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,
|
|
321
|
-
//
|
|
322
|
-
//
|
|
323
|
-
var accentSizePx = (0, utils_1.
|
|
324
|
-
|
|
325
|
-
: accentSize;
|
|
326
|
-
var _z = (0, react_2.useState)(isCollapsed || false), _isCollapsed = _z[0], setIsCollapsed = _z[1];
|
|
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]);
|
|
372
|
+
var _y = (0, react_2.useState)(isCollapsed || false), _isCollapsed = _y[0], setIsCollapsed = _y[1];
|
|
327
373
|
var primaryContentGradient = (0, Effect_1.getPrimaryGradient)(contentEffect === null || contentEffect === void 0 ? void 0 : contentEffect.gradient);
|
|
328
374
|
var primaryContentColors = primaryContentGradient && typeof primaryContentGradient.colors === 'object'
|
|
329
375
|
? primaryContentGradient.colors
|
|
@@ -341,8 +387,8 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
341
387
|
}, []);
|
|
342
388
|
var isMobile = (0, useReqoreContext_1.useReqoreProperty)('isMobile');
|
|
343
389
|
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
344
|
-
var
|
|
345
|
-
var
|
|
390
|
+
var _z = (0, react_use_1.useMeasure)(), measureRef = _z[0], width = _z[1].width;
|
|
391
|
+
var _0 = (0, react_2.useState)(false), _isHovered = _0[0], setIsHovered = _0[1];
|
|
346
392
|
var floatingActionsRef = (0, react_2.useRef)(null);
|
|
347
393
|
var panelRef = (0, react_2.useRef)(null);
|
|
348
394
|
var hoverTimerRef = (0, react_2.useRef)(null);
|
|
@@ -360,7 +406,7 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
360
406
|
// triggers it. Only wired when `stickyHeader` is on, so ordinary panels pay
|
|
361
407
|
// nothing.
|
|
362
408
|
var stickySentinelRef = (0, react_2.useRef)(null);
|
|
363
|
-
var
|
|
409
|
+
var _1 = (0, react_2.useState)(false), isHeaderStuck = _1[0], setIsHeaderStuck = _1[1];
|
|
364
410
|
(0, react_2.useEffect)(function () {
|
|
365
411
|
var _a;
|
|
366
412
|
if (!rest.stickyHeader) {
|
|
@@ -614,7 +660,7 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
614
660
|
if (skeleton) {
|
|
615
661
|
return (0, jsx_runtime_1.jsx)(exports.ReqorePanelSkeleton, { size: panelSize, isCollapsed: _isCollapsed });
|
|
616
662
|
}
|
|
617
|
-
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, "$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) {
|
|
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) {
|
|
618
664
|
handleRef(node);
|
|
619
665
|
panelRef.current = node;
|
|
620
666
|
}, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [rest.stickyHeader ? ((0, jsx_runtime_1.jsx)("div", { ref: stickySentinelRef, "aria-hidden": 'true', style: { height: 0 } })) : null, _isHovered &&
|
|
@@ -663,5 +709,5 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
663
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] })) })));
|
|
664
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] })) })));
|
|
665
711
|
});
|
|
666
|
-
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;
|
|
667
713
|
//# sourceMappingURL=index.js.map
|