@qoretechnologies/reqore 0.65.0 → 0.66.0
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/Button/index.d.ts +7 -0
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +4 -1
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Callout/index.d.ts +37 -1
- package/dist/components/Callout/index.d.ts.map +1 -1
- package/dist/components/Callout/index.js +48 -12
- package/dist/components/Callout/index.js.map +1 -1
- package/dist/components/EmptyState/index.d.ts +6 -0
- package/dist/components/EmptyState/index.d.ts.map +1 -1
- package/dist/components/EmptyState/index.js +2 -2
- package/dist/components/EmptyState/index.js.map +1 -1
- package/dist/components/EntityRow/index.d.ts +57 -0
- package/dist/components/EntityRow/index.d.ts.map +1 -0
- package/dist/components/EntityRow/index.js +175 -0
- package/dist/components/EntityRow/index.js.map +1 -0
- package/dist/components/FeatureCard/index.d.ts +26 -0
- package/dist/components/FeatureCard/index.d.ts.map +1 -1
- package/dist/components/FeatureCard/index.js +24 -10
- package/dist/components/FeatureCard/index.js.map +1 -1
- package/dist/components/Icon/index.d.ts +14 -0
- package/dist/components/Icon/index.d.ts.map +1 -1
- package/dist/components/Icon/index.js +33 -2
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/Message/index.d.ts +6 -0
- package/dist/components/Message/index.d.ts.map +1 -1
- package/dist/components/Message/index.js.map +1 -1
- package/dist/components/Notifications/notification.d.ts +1 -0
- package/dist/components/Notifications/notification.d.ts.map +1 -1
- package/dist/components/Notifications/notification.js +4 -3
- package/dist/components/Notifications/notification.js.map +1 -1
- package/dist/components/Panel/index.d.ts +7 -0
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +4 -1
- package/dist/components/Panel/index.js.map +1 -1
- package/dist/components/Progress/index.d.ts +11 -0
- package/dist/components/Progress/index.d.ts.map +1 -1
- package/dist/components/Progress/index.js +38 -6
- package/dist/components/Progress/index.js.map +1 -1
- package/dist/components/SeverityRow/index.d.ts +45 -0
- package/dist/components/SeverityRow/index.d.ts.map +1 -0
- package/dist/components/SeverityRow/index.js +149 -0
- package/dist/components/SeverityRow/index.js.map +1 -0
- package/dist/components/Statistic/index.d.ts +6 -0
- package/dist/components/Statistic/index.d.ts.map +1 -1
- package/dist/components/Statistic/index.js +9 -4
- package/dist/components/Statistic/index.js.map +1 -1
- package/dist/containers/ReqoreProvider.d.ts.map +1 -1
- package/dist/containers/ReqoreProvider.js +3 -1
- package/dist/containers/ReqoreProvider.js.map +1 -1
- package/dist/containers/UIProvider.d.ts +1 -1
- package/dist/containers/UIProvider.d.ts.map +1 -1
- package/dist/containers/UIProvider.js.map +1 -1
- package/dist/context/ReqoreContext.d.ts +7 -0
- package/dist/context/ReqoreContext.d.ts.map +1 -1
- package/dist/context/ReqoreContext.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -2
- package/dist/index.js.map +1 -1
- package/dist/styles.d.ts +10 -0
- package/dist/styles.d.ts.map +1 -1
- package/dist/styles.js +12 -2
- package/dist/styles.js.map +1 -1
- package/package.json +1 -1
- package/tests.json +1 -1
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
40
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
41
|
+
var t = {};
|
|
42
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
43
|
+
t[p] = s[p];
|
|
44
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
45
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
46
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
47
|
+
t[p[i]] = s[p[i]];
|
|
48
|
+
}
|
|
49
|
+
return t;
|
|
50
|
+
};
|
|
51
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
52
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
53
|
+
};
|
|
54
|
+
exports.__esModule = true;
|
|
55
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
56
|
+
var polished_1 = require("polished");
|
|
57
|
+
var react_1 = require("react");
|
|
58
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
59
|
+
var sizes_1 = require("../../constants/sizes");
|
|
60
|
+
var colors_1 = require("../../helpers/colors");
|
|
61
|
+
var utils_1 = require("../../helpers/utils");
|
|
62
|
+
var useTheme_1 = require("../../hooks/useTheme");
|
|
63
|
+
var styles_1 = require("../../styles");
|
|
64
|
+
var Button_1 = __importStar(require("../Button"));
|
|
65
|
+
var ControlGroup_1 = __importDefault(require("../ControlGroup"));
|
|
66
|
+
var Effect_1 = require("../Effect");
|
|
67
|
+
var Icon_1 = __importDefault(require("../Icon"));
|
|
68
|
+
var Paragraph_1 = require("../Paragraph");
|
|
69
|
+
var Span_1 = require("../Span");
|
|
70
|
+
var TooltipComponent_1 = require("../TooltipComponent");
|
|
71
|
+
var ICON_TILE_SIZE_FROM_SIZE = {
|
|
72
|
+
micro: 18,
|
|
73
|
+
tiny: 22,
|
|
74
|
+
small: 26,
|
|
75
|
+
normal: 32,
|
|
76
|
+
big: 40,
|
|
77
|
+
huge: 48,
|
|
78
|
+
massive: 56
|
|
79
|
+
};
|
|
80
|
+
var tintedBgFor = function (theme, intent) {
|
|
81
|
+
return intent
|
|
82
|
+
? (0, polished_1.rgba)(theme.intents[intent], 0.06)
|
|
83
|
+
: (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.04), 1);
|
|
84
|
+
};
|
|
85
|
+
var StyledRow = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: grid;\n grid-template-columns: ", ";\n gap: ", "px;\n padding: ", "px\n ", "px;\n border-radius: ", ";\n background-color: ", ";\n border: ", ";\n align-items: center;\n width: ", ";\n color: ", ";\n transition: background-color 0.15s ease-out;\n\n ", "\n\n ", "\n\n ", "\n"], ["\n display: grid;\n grid-template-columns: ", ";\n gap: ", "px;\n padding: ", "px\n ", "px;\n border-radius: ", ";\n background-color: ", ";\n border: ", ";\n align-items: center;\n width: ", ";\n color: ", ";\n transition: background-color 0.15s ease-out;\n\n ", "\n\n ", "\n\n ", "\n"])), function (_a) {
|
|
86
|
+
var $hasIcon = _a.$hasIcon, size = _a.size;
|
|
87
|
+
return $hasIcon ? "".concat(ICON_TILE_SIZE_FROM_SIZE[size], "px 1fr auto") : '1fr auto';
|
|
88
|
+
}, function (_a) {
|
|
89
|
+
var size = _a.size;
|
|
90
|
+
return sizes_1.PADDING_FROM_SIZE[size] * 2;
|
|
91
|
+
}, function (_a) {
|
|
92
|
+
var size = _a.size;
|
|
93
|
+
return sizes_1.PADDING_FROM_SIZE[size] * 2;
|
|
94
|
+
}, function (_a) {
|
|
95
|
+
var size = _a.size;
|
|
96
|
+
return sizes_1.PADDING_FROM_SIZE[size] * 3;
|
|
97
|
+
}, function (_a) {
|
|
98
|
+
var rounded = _a.rounded, size = _a.size;
|
|
99
|
+
return (rounded ? "".concat(sizes_1.RADIUS_FROM_SIZE[size], "px") : '0');
|
|
100
|
+
}, function (_a) {
|
|
101
|
+
var theme = _a.theme, $intent = _a.$intent, $transparent = _a.$transparent;
|
|
102
|
+
return $transparent ? 'transparent' : tintedBgFor(theme, $intent);
|
|
103
|
+
}, function (_a) {
|
|
104
|
+
var flat = _a.flat, theme = _a.theme, $intent = _a.$intent;
|
|
105
|
+
return flat
|
|
106
|
+
? 'none'
|
|
107
|
+
: "1px solid ".concat((0, colors_1.changeLightness)($intent ? theme.intents[$intent] : (0, colors_1.getMainBackgroundColor)(theme), 0.08));
|
|
108
|
+
}, function (_a) {
|
|
109
|
+
var $fluid = _a.$fluid;
|
|
110
|
+
return ($fluid ? '100%' : 'auto');
|
|
111
|
+
}, function (_a) {
|
|
112
|
+
var theme = _a.theme;
|
|
113
|
+
return (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
|
|
114
|
+
}, function (_a) {
|
|
115
|
+
var $clickable = _a.$clickable, theme = _a.theme, $intent = _a.$intent;
|
|
116
|
+
return $clickable && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n }\n "], ["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n }\n "])), $intent
|
|
117
|
+
? (0, polished_1.rgba)(theme.intents[$intent], 0.1)
|
|
118
|
+
: (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.08), 1));
|
|
119
|
+
}, function (_a) {
|
|
120
|
+
var $raised = _a.$raised, flat = _a.flat;
|
|
121
|
+
return $raised && flat !== false && styles_1.RaisedElement;
|
|
122
|
+
}, function (_a) {
|
|
123
|
+
var disabled = _a.disabled;
|
|
124
|
+
return disabled && styles_1.DisabledElement;
|
|
125
|
+
});
|
|
126
|
+
var StyledIconTile = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: ", "px;\n height: ", "px;\n border-radius: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n background-color: ", ";\n"], ["\n width: ", "px;\n height: ", "px;\n border-radius: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n background-color: ", ";\n"])), function (_a) {
|
|
127
|
+
var $size = _a.$size;
|
|
128
|
+
return ICON_TILE_SIZE_FROM_SIZE[$size];
|
|
129
|
+
}, function (_a) {
|
|
130
|
+
var $size = _a.$size;
|
|
131
|
+
return ICON_TILE_SIZE_FROM_SIZE[$size];
|
|
132
|
+
}, function (_a) {
|
|
133
|
+
var $size = _a.$size;
|
|
134
|
+
return sizes_1.RADIUS_FROM_SIZE[$size];
|
|
135
|
+
}, function (_a) {
|
|
136
|
+
var theme = _a.theme, $intent = _a.$intent;
|
|
137
|
+
return $intent
|
|
138
|
+
? (0, polished_1.rgba)(theme.intents[$intent], 0.15)
|
|
139
|
+
: (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.06), 1);
|
|
140
|
+
});
|
|
141
|
+
var StyledBody = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-flow: column;\n gap: 2px;\n min-width: 0;\n"], ["\n display: flex;\n flex-flow: column;\n gap: 2px;\n min-width: 0;\n"])));
|
|
142
|
+
var StyledLabelLine = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: ", ";\n min-width: 0;\n font-weight: 500;\n"], ["\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: ", ";\n min-width: 0;\n font-weight: 500;\n"])), function (_a) {
|
|
143
|
+
var $wrap = _a.$wrap;
|
|
144
|
+
return ($wrap ? 'wrap' : 'nowrap');
|
|
145
|
+
});
|
|
146
|
+
// `text-overflow: ellipsis` only works on the actual text-bearing element,
|
|
147
|
+
// not its wrapper. Cascade into the inner <ReqoreP>/<ReqoreSpan> via `& > *`
|
|
148
|
+
// so the `…` glyph appears. The wrapper itself stays a flex item that can
|
|
149
|
+
// shrink below its content (`min-width: 0; flex: 1 1 auto`).
|
|
150
|
+
var StyledTextSlot = styled_components_1["default"].div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n min-width: 0;\n ", "\n"], ["\n min-width: 0;\n ", "\n"])), function (_a) {
|
|
151
|
+
var $wrap = _a.$wrap;
|
|
152
|
+
return !$wrap && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n flex: 1 1 auto;\n overflow: hidden;\n\n & > * {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: block;\n max-width: 100%;\n }\n "], ["\n flex: 1 1 auto;\n overflow: hidden;\n\n & > * {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: block;\n max-width: 100%;\n }\n "])));
|
|
153
|
+
});
|
|
154
|
+
var ReqoreEntityRow = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
|
|
155
|
+
var label = _a.label, description = _a.description, metadata = _a.metadata, badge = _a.badge, icon = _a.icon, iconImage = _a.iconImage, iconColor = _a.iconColor, iconProps = _a.iconProps, actions = _a.actions, intent = _a.intent, _b = _a.transparent, transparent = _b === void 0 ? false : _b, showIcon = _a.showIcon, _c = _a.size, size = _c === void 0 ? 'normal' : _c, _d = _a.flat, flat = _d === void 0 ? true : _d, _e = _a.fluid, fluid = _e === void 0 ? true : _e, _f = _a.rounded, rounded = _f === void 0 ? true : _f, raised = _a.raised, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, disabled = _a.disabled, tooltip = _a.tooltip, effect = _a.effect, labelEffect = _a.labelEffect, descriptionEffect = _a.descriptionEffect, metadataEffect = _a.metadataEffect, _g = _a.wrap, wrap = _g === void 0 ? true : _g, className = _a.className, rest = __rest(_a, ["label", "description", "metadata", "badge", "icon", "iconImage", "iconColor", "iconProps", "actions", "intent", "transparent", "showIcon", "size", "flat", "fluid", "rounded", "raised", "customTheme", "inheritCustomTheme", "disabled", "tooltip", "effect", "labelEffect", "descriptionEffect", "metadataEffect", "wrap", "className"]);
|
|
156
|
+
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, undefined, undefined, inheritCustomTheme);
|
|
157
|
+
var secondarySize = (0, react_1.useMemo)(function () { return (0, utils_1.getOneLessSize)(size); }, [size]);
|
|
158
|
+
var hasIcon = (showIcon !== null && showIcon !== void 0 ? showIcon : (!!icon || !!iconImage)) && (!!icon || !!iconImage);
|
|
159
|
+
var interactive = !!(rest.onClick || rest.onDoubleClick);
|
|
160
|
+
var hasBadge = badge !== undefined && badge !== null;
|
|
161
|
+
var resolvedIconColor = (0, react_1.useMemo)(function () {
|
|
162
|
+
if (iconColor)
|
|
163
|
+
return iconColor;
|
|
164
|
+
if (intent)
|
|
165
|
+
return theme.intents[intent];
|
|
166
|
+
return (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
|
|
167
|
+
}, [iconColor, intent, theme]);
|
|
168
|
+
return ((0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, rest, { Component: StyledRow, tooltip: tooltip, ref: ref, theme: theme, "$intent": intent, "$transparent": transparent, size: size, "$fluid": fluid, flat: flat, rounded: rounded, "$raised": raised, "$clickable": interactive, disabled: disabled, "$hasIcon": hasIcon, effect: effect, className: "".concat(className || '', " reqore-entity-row") }, { children: [hasIcon && ((0, jsx_runtime_1.jsx)(StyledIconTile, __assign({ theme: theme, "$intent": intent, "$size": size, className: 'reqore-entity-row-icon-tile' }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], __assign({}, iconProps, { icon: icon, image: iconImage, size: size, color: resolvedIconColor })) }))), (0, jsx_runtime_1.jsxs)(StyledBody, __assign({ className: 'reqore-entity-row-body' }, { children: [(0, jsx_runtime_1.jsxs)(StyledLabelLine, __assign({ "$wrap": wrap, className: 'reqore-entity-row-label' }, { children: [(0, jsx_runtime_1.jsx)(StyledTextSlot, __assign({ "$wrap": wrap }, { children: (0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, __assign({ size: size, effect: labelEffect }, { children: label })) })), hasBadge && ((0, jsx_runtime_1.jsx)(Button_1.ButtonBadge, { size: size, content: badge, margin: 'none' }))] })), description && ((0, jsx_runtime_1.jsx)(StyledTextSlot, __assign({ "$wrap": wrap }, { children: (0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, __assign({ size: secondarySize, effect: __assign({ opacity: 0.7 }, descriptionEffect), className: 'reqore-entity-row-description' }, { children: description })) }))), metadata && ((0, jsx_runtime_1.jsx)(StyledTextSlot, __assign({ "$wrap": wrap }, { children: (0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, __assign({ size: secondarySize, effect: __assign({ opacity: 0.5 }, metadataEffect), className: 'reqore-entity-row-metadata' }, { children: metadata })) })))] })), actions && actions.length > 0 && ((0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ gapSize: 'small', className: 'reqore-entity-row-actions' }, { children: actions.map(function (action, idx) {
|
|
169
|
+
var _a;
|
|
170
|
+
return ((0, jsx_runtime_1.jsx)(Button_1["default"], __assign({ size: size, intent: (_a = action.intent) !== null && _a !== void 0 ? _a : intent }, action, { children: action.label }), idx));
|
|
171
|
+
}) })))] })));
|
|
172
|
+
}));
|
|
173
|
+
exports["default"] = ReqoreEntityRow;
|
|
174
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
175
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EntityRow/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +1,43 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IReqoreDisabled, IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreEffect, IWithReqoreFixed, IWithReqoreFlat, IWithReqoreFluid, IWithReqoreSize, IWithReqoreTooltip } from '../../types/global';
|
|
3
|
+
import { TReqoreBadge } from '../Button';
|
|
3
4
|
import { IReqoreEffect } from '../Effect';
|
|
4
5
|
export type TReqoreFeatureCardMarker = 'line' | 'number' | 'none';
|
|
5
6
|
export interface IReqoreFeatureCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>, IReqoreDisabled, IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreEffect, IWithReqoreFixed, IWithReqoreFlat, IWithReqoreFluid, IWithReqoreSize, IWithReqoreTooltip {
|
|
7
|
+
/** Card heading. */
|
|
6
8
|
label: React.ReactNode;
|
|
9
|
+
/** Effect applied to the label heading. */
|
|
7
10
|
labelEffect?: IReqoreEffect;
|
|
11
|
+
/** Body copy under the label. */
|
|
8
12
|
description?: React.ReactNode;
|
|
13
|
+
/** Effect applied to the description paragraph. */
|
|
9
14
|
descriptionEffect?: IReqoreEffect;
|
|
15
|
+
/** Visual marker rendered above the label. */
|
|
10
16
|
marker?: TReqoreFeatureCardMarker;
|
|
17
|
+
/** Used when `marker === 'number'`. */
|
|
11
18
|
markerLabel?: string | number;
|
|
19
|
+
/** Effect applied to the marker label. */
|
|
12
20
|
markerEffect?: IReqoreEffect;
|
|
21
|
+
/** Badge(s) shown next to the label, identical to other Reqore components. */
|
|
22
|
+
badge?: TReqoreBadge | TReqoreBadge[];
|
|
23
|
+
/** Round the card corners. Default `true`. */
|
|
13
24
|
rounded?: boolean;
|
|
25
|
+
/** Marks the card as clickable; auto-detected from `onClick`. */
|
|
14
26
|
interactive?: boolean;
|
|
27
|
+
/** Hide the card's tinted background. */
|
|
28
|
+
transparent?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Subtle 3D "raised" effect — inset top highlight + inset bottom shadow.
|
|
31
|
+
* Best paired with `flat={true}` (no border); the highlight is suppressed
|
|
32
|
+
* when `flat={false}` because the border already provides surface definition.
|
|
33
|
+
*/
|
|
34
|
+
raised?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Whether the description wraps when it overflows.
|
|
37
|
+
* - `true` (default): wrap to multiple lines
|
|
38
|
+
* - `false`: single line with ellipsis
|
|
39
|
+
*/
|
|
40
|
+
wrap?: boolean;
|
|
15
41
|
}
|
|
16
42
|
export declare const ReqoreFeatureCard: import("react").MemoExoticComponent<(props: IReqoreFeatureCardProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>>;
|
|
17
43
|
export default ReqoreFeatureCard;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FeatureCard/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FeatureCard/index.tsx"],"names":[],"mappings":";AAoBA,OAAO,EACL,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAe,YAAY,EAAE,MAAM,WAAW,CAAC;AACtD,OAAO,EAAE,aAAa,EAAgB,MAAM,WAAW,CAAC;AAKxD,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAElE,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB;IACpB,oBAAoB;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,iCAAiC;IACjC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,8CAA8C;IAC9C,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACtC,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AA0HD,eAAO,MAAM,iBAAiB,iNA0G7B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -51,19 +51,20 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
51
51
|
exports.__esModule = true;
|
|
52
52
|
exports.ReqoreFeatureCard = void 0;
|
|
53
53
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
54
|
-
var react_1 = require("react");
|
|
55
54
|
var polished_1 = require("polished");
|
|
55
|
+
var react_1 = require("react");
|
|
56
56
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
57
57
|
var sizes_1 = require("../../constants/sizes");
|
|
58
58
|
var colors_1 = require("../../helpers/colors");
|
|
59
59
|
var utils_1 = require("../../helpers/utils");
|
|
60
60
|
var useTheme_1 = require("../../hooks/useTheme");
|
|
61
61
|
var styles_1 = require("../../styles");
|
|
62
|
+
var Button_1 = require("../Button");
|
|
62
63
|
var Effect_1 = require("../Effect");
|
|
63
64
|
var Header_1 = require("../Header");
|
|
64
65
|
var Paragraph_1 = require("../Paragraph");
|
|
65
66
|
var TooltipComponent_1 = require("../TooltipComponent");
|
|
66
|
-
var StyledFeatureCard = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-flow: column;\n gap: ", "px;\n width: ", ";\n max-width: 100%;\n padding: ", "px;\n background-color: ", ";\n border: ", ";\n border-radius: ", ";\n color: ", ";\n overflow: hidden;\n position: relative;\n flex: ", ";\n transition
|
|
67
|
+
var StyledFeatureCard = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-flow: column;\n gap: ", "px;\n width: ", ";\n max-width: 100%;\n padding: ", "px;\n background-color: ", ";\n border: ", ";\n border-radius: ", ";\n color: ", ";\n overflow: hidden;\n position: relative;\n flex: ", ";\n transition: border-color 0.16s ease, background-color 0.16s ease, transform 0.16s ease;\n\n ", "\n\n ", "\n\n ", "\n"], ["\n display: flex;\n flex-flow: column;\n gap: ", "px;\n width: ", ";\n max-width: 100%;\n padding: ", "px;\n background-color: ", ";\n border: ", ";\n border-radius: ", ";\n color: ", ";\n overflow: hidden;\n position: relative;\n flex: ", ";\n transition: border-color 0.16s ease, background-color 0.16s ease, transform 0.16s ease;\n\n ", "\n\n ", "\n\n ", "\n"])), function (_a) {
|
|
67
68
|
var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
68
69
|
return sizes_1.PADDING_FROM_SIZE[size];
|
|
69
70
|
}, function (_a) {
|
|
@@ -73,22 +74,25 @@ var StyledFeatureCard = (0, styled_components_1["default"])(Effect_1.StyledEffec
|
|
|
73
74
|
var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
74
75
|
return sizes_1.PADDING_FROM_SIZE[size] * 3;
|
|
75
76
|
}, function (_a) {
|
|
76
|
-
var theme = _a.theme;
|
|
77
|
-
return (0, colors_1.changeDarkness)((0, colors_1.getMainBackgroundColor)(theme), 0.03);
|
|
77
|
+
var theme = _a.theme, $transparent = _a.$transparent;
|
|
78
|
+
return $transparent ? 'transparent' : (0, colors_1.changeDarkness)((0, colors_1.getMainBackgroundColor)(theme), 0.03);
|
|
78
79
|
}, function (_a) {
|
|
79
80
|
var theme = _a.theme, intent = _a.intent, flat = _a.flat;
|
|
80
81
|
return flat
|
|
81
82
|
? 0
|
|
82
83
|
: "1px solid ".concat((0, colors_1.changeLightness)(intent ? theme.intents[intent] : (0, colors_1.getMainBackgroundColor)(theme), 0.08));
|
|
83
84
|
}, function (_a) {
|
|
84
|
-
var rounded = _a.rounded;
|
|
85
|
-
return
|
|
85
|
+
var rounded = _a.rounded, _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
86
|
+
return rounded === false ? 0 : "".concat(sizes_1.RADIUS_FROM_SIZE[size], "px");
|
|
86
87
|
}, function (_a) {
|
|
87
88
|
var theme = _a.theme;
|
|
88
89
|
return (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
|
|
89
90
|
}, function (_a) {
|
|
90
91
|
var fluid = _a.fluid;
|
|
91
92
|
return (fluid ? '1 auto' : '0 0 auto');
|
|
93
|
+
}, function (_a) {
|
|
94
|
+
var $raised = _a.$raised, flat = _a.flat;
|
|
95
|
+
return $raised && flat !== false && styles_1.RaisedElement;
|
|
92
96
|
}, function (_a) {
|
|
93
97
|
var disabled = _a.disabled;
|
|
94
98
|
return disabled && styles_1.DisabledElement;
|
|
@@ -108,17 +112,27 @@ var StyledFeatureCardMarker = styled_components_1["default"].div(templateObject_
|
|
|
108
112
|
return marker === 'line'
|
|
109
113
|
? (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n &::before {\n content: '';\n width: 32px;\n height: 6px;\n background-color: ", ";\n box-shadow: 0 0 22px\n ", ";\n }\n "], ["\n &::before {\n content: '';\n width: 32px;\n height: 6px;\n background-color: ", ";\n box-shadow: 0 0 22px\n ", ";\n }\n "])), intent
|
|
110
114
|
? theme.intents[intent]
|
|
111
|
-
: (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.22), (0, polished_1.rgba)(intent
|
|
115
|
+
: (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.22), (0, polished_1.rgba)(intent
|
|
116
|
+
? theme.intents[intent]
|
|
117
|
+
: (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.22), 0.8)) : undefined;
|
|
112
118
|
});
|
|
113
119
|
var StyledFeatureCardContent = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n flex-flow: column;\n gap: 12px;\n"], ["\n display: flex;\n flex-flow: column;\n gap: 12px;\n"])));
|
|
120
|
+
var StyledLabelRow = styled_components_1["default"].div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n min-width: 0;\n"], ["\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n min-width: 0;\n"])));
|
|
121
|
+
// Cascade ellipsis CSS into the inner ReqoreP — `text-overflow: ellipsis`
|
|
122
|
+
// only takes effect on the actual text-bearing element.
|
|
123
|
+
var StyledTextSlot = styled_components_1["default"].div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n min-width: 0;\n ", "\n"], ["\n min-width: 0;\n ", "\n"])), function (_a) {
|
|
124
|
+
var $wrap = _a.$wrap;
|
|
125
|
+
return !$wrap && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n flex: 1 1 auto;\n overflow: hidden;\n\n & > * {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: block;\n max-width: 100%;\n }\n "], ["\n flex: 1 1 auto;\n overflow: hidden;\n\n & > * {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: block;\n max-width: 100%;\n }\n "])));
|
|
126
|
+
});
|
|
114
127
|
exports.ReqoreFeatureCard = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
|
|
115
|
-
var label = _a.label, labelEffect = _a.labelEffect, description = _a.description, descriptionEffect = _a.descriptionEffect, _b = _a.marker, marker = _b === void 0 ? 'line' : _b, markerLabel = _a.markerLabel, markerEffect = _a.markerEffect, _c = _a.size, size = _c === void 0 ? 'normal' : _c, 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,
|
|
128
|
+
var label = _a.label, labelEffect = _a.labelEffect, description = _a.description, descriptionEffect = _a.descriptionEffect, _b = _a.marker, marker = _b === void 0 ? 'line' : _b, markerLabel = _a.markerLabel, markerEffect = _a.markerEffect, badge = _a.badge, _c = _a.size, size = _c === void 0 ? 'normal' : _c, 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, _d = _a.rounded, rounded = _d === void 0 ? true : _d, _e = _a.transparent, transparent = _e === void 0 ? false : _e, raised = _a.raised, _f = _a.wrap, wrap = _f === void 0 ? true : _f, effect = _a.effect, interactive = _a.interactive, onClick = _a.onClick, rest = __rest(_a, ["label", "labelEffect", "description", "descriptionEffect", "marker", "markerLabel", "markerEffect", "badge", "size", "customTheme", "inheritCustomTheme", "intent", "className", "flat", "fluid", "fixed", "disabled", "tooltip", "rounded", "transparent", "raised", "wrap", "effect", "interactive", "onClick"]);
|
|
116
129
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, undefined, undefined, inheritCustomTheme);
|
|
117
130
|
var labelSize = (0, react_1.useMemo)(function () { return sizes_1.HEADER_SIZE_TO_NUMBER[size]; }, [size]);
|
|
118
131
|
var descriptionSize = (0, react_1.useMemo)(function () { return (0, utils_1.getOneLessSize)(size); }, [size]);
|
|
119
132
|
var isInteractive = interactive || !!onClick;
|
|
120
|
-
|
|
133
|
+
var hasBadge = badge !== undefined && badge !== null;
|
|
134
|
+
return ((0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, rest, { ref: ref, Component: StyledFeatureCard, 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, className: "".concat(className || '', " reqore-feature-card") }, { children: [marker !== 'none' && ((0, jsx_runtime_1.jsx)(StyledFeatureCardMarker, __assign({ marker: marker, size: size, theme: theme, intent: intent, className: 'reqore-feature-card-marker' }, { children: marker === 'number' && ((0, jsx_runtime_1.jsx)(Effect_1.StyledEffect, __assign({ effect: markerEffect }, { children: markerLabel }))) }))), (0, jsx_runtime_1.jsxs)(StyledFeatureCardContent, __assign({ className: 'reqore-feature-card-content' }, { children: [(0, jsx_runtime_1.jsxs)(StyledLabelRow, __assign({ className: 'reqore-feature-card-label-row' }, { children: [(0, jsx_runtime_1.jsx)(StyledTextSlot, __assign({ "$wrap": wrap }, { children: (0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, __assign({ size: labelSize, customTheme: theme, effect: labelEffect, className: 'reqore-feature-card-label' }, { children: label })) })), hasBadge && (0, jsx_runtime_1.jsx)(Button_1.ButtonBadge, { size: size, content: badge, margin: 'none' })] })), description && ((0, jsx_runtime_1.jsx)(StyledTextSlot, __assign({ "$wrap": wrap }, { children: (0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, __assign({ size: descriptionSize, customTheme: theme, effect: __assign({ opacity: 0.72 }, descriptionEffect), className: 'reqore-feature-card-description' }, { children: description })) })))] }))] })));
|
|
121
135
|
}));
|
|
122
136
|
exports["default"] = exports.ReqoreFeatureCard;
|
|
123
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
137
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
124
138
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FeatureCard/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAkD;AAClD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FeatureCard/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,6 +19,20 @@ export interface IReqoreIconProps extends React.HTMLAttributes<HTMLSpanElement>,
|
|
|
19
19
|
animation?: 'spin' | 'heartbeat';
|
|
20
20
|
interactive?: boolean;
|
|
21
21
|
compact?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Subtle glow rendered behind the icon shape via `filter: drop-shadow(...)`
|
|
24
|
+
* so it follows the icon's actual contour rather than its bounding box.
|
|
25
|
+
*
|
|
26
|
+
* - `true` — glow with the icon's resolved colour (intent / `color` prop / readable default)
|
|
27
|
+
* - `TReqoreEffectColor` — glow with that specific colour
|
|
28
|
+
* - object — `{ color?, blur?, opacity? }` for full control
|
|
29
|
+
*/
|
|
30
|
+
glow?: boolean | TReqoreEffectColor | IReqoreGlowConfig;
|
|
31
|
+
}
|
|
32
|
+
export interface IReqoreGlowConfig {
|
|
33
|
+
color?: TReqoreEffectColor;
|
|
34
|
+
blur?: number;
|
|
35
|
+
opacity?: number;
|
|
22
36
|
}
|
|
23
37
|
export declare const StyledIconWrapper: any;
|
|
24
38
|
declare const ReqoreIcon: React.MemoExoticComponent<(props: IReqoreIconProps & React.RefAttributes<HTMLSpanElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAI1D,OAAO,EAAqC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAIlF,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAgB,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG7D,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,iBAAiB,EACjB,kBAAkB,EAClB,aAAa;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAEtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,kBAAkB,GAAG,iBAAiB,CAAC;CACzD;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAWD,eAAO,MAAM,iBAAiB,KA6C7B,CAAC;AAEF,QAAA,MAAM,UAAU,mKA6If,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -51,6 +51,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
51
51
|
exports.__esModule = true;
|
|
52
52
|
exports.StyledIconWrapper = void 0;
|
|
53
53
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
54
|
+
var polished_1 = require("polished");
|
|
54
55
|
var react_1 = require("react");
|
|
55
56
|
var react_icons_1 = require("react-icons");
|
|
56
57
|
var RemixIcons = __importStar(require("react-icons/ri"));
|
|
@@ -59,6 +60,7 @@ var __1 = require("../..");
|
|
|
59
60
|
var sizes_1 = require("../../constants/sizes");
|
|
60
61
|
var colors_1 = require("../../helpers/colors");
|
|
61
62
|
var utils_1 = require("../../helpers/utils");
|
|
63
|
+
var useReqoreContext_1 = require("../../hooks/useReqoreContext");
|
|
62
64
|
var Effect_1 = require("../Effect");
|
|
63
65
|
var TooltipComponent_1 = require("../TooltipComponent");
|
|
64
66
|
var SpinKeyframes = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n 0% {\n rotate: 0deg;\n }\n 100% {\n rotate: 360deg;\n }\n"], ["\n 0% {\n rotate: 0deg;\n }\n 100% {\n rotate: 360deg;\n }\n"])));
|
|
@@ -95,8 +97,9 @@ exports.StyledIconWrapper = (0, styled_components_1["default"])(Effect_1.StyledE
|
|
|
95
97
|
return animation === 'spin' && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n animation: ", " 1s linear infinite;\n "], ["\n animation: ", " 1s linear infinite;\n "])), SpinKeyframes);
|
|
96
98
|
});
|
|
97
99
|
var ReqoreIcon = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
|
|
98
|
-
var icon = _a.icon, _b = _a.size, size = _b === void 0 ? 'normal' : _b, wrapperSize = _a.wrapperSize, wrapperElement = _a.wrapperElement, className = _a.className, color = _a.color, margin = _a.margin, marginSize = _a.marginSize, _c = _a.style, style = _c === void 0 ? {} : _c, iconProps = _a.iconProps, intent = _a.intent, image = _a.image, rest = __rest(_a, ["icon", "size", "wrapperSize", "wrapperElement", "className", "color", "margin", "marginSize", "style", "iconProps", "intent", "image"]);
|
|
100
|
+
var icon = _a.icon, _b = _a.size, size = _b === void 0 ? 'normal' : _b, wrapperSize = _a.wrapperSize, wrapperElement = _a.wrapperElement, className = _a.className, color = _a.color, margin = _a.margin, marginSize = _a.marginSize, _c = _a.style, style = _c === void 0 ? {} : _c, iconProps = _a.iconProps, intent = _a.intent, image = _a.image, glow = _a.glow, rest = __rest(_a, ["icon", "size", "wrapperSize", "wrapperElement", "className", "color", "margin", "marginSize", "style", "iconProps", "intent", "image", "glow"]);
|
|
99
101
|
var theme = (0, __1.useReqoreTheme)();
|
|
102
|
+
var glowingIconsDefault = (0, useReqoreContext_1.useReqoreProperty)('glowingIcons');
|
|
100
103
|
var Icon = RemixIcons["Ri".concat(icon)];
|
|
101
104
|
var finalColor = (0, react_1.useMemo)(function () { return (intent ? theme.intents[intent] : (0, colors_1.getColorFromMaybeString)(theme, color)); }, [intent, theme, color]);
|
|
102
105
|
var finalSize = (0, utils_1.isStringSize)(size) ? sizes_1.ICON_FROM_SIZE[size] : size;
|
|
@@ -108,7 +111,35 @@ var ReqoreIcon = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
|
|
|
108
111
|
var finalMarginSize = (0, utils_1.isStringSize)(marginSize)
|
|
109
112
|
? sizes_1.PADDING_FROM_SIZE[marginSize]
|
|
110
113
|
: marginSize;
|
|
111
|
-
|
|
114
|
+
// Resolve the glow shorthand into a `filter: drop-shadow(...)` value so
|
|
115
|
+
// the glow follows the SVG outline rather than the wrapper's bounding box.
|
|
116
|
+
// When the local `glow` prop is undefined, fall back to the global
|
|
117
|
+
// `glowingIcons` UI option so a single switch can turn glows on app-wide.
|
|
118
|
+
// Pass `glow={false}` explicitly to opt a single icon out.
|
|
119
|
+
var effectiveGlow = glow === undefined ? glowingIconsDefault : glow;
|
|
120
|
+
var glowFilter = (0, react_1.useMemo)(function () {
|
|
121
|
+
var _a, _b, _c, _d;
|
|
122
|
+
if (!effectiveGlow)
|
|
123
|
+
return undefined;
|
|
124
|
+
var config = typeof effectiveGlow === 'boolean'
|
|
125
|
+
? {}
|
|
126
|
+
: typeof effectiveGlow === 'string'
|
|
127
|
+
? { color: effectiveGlow }
|
|
128
|
+
: effectiveGlow;
|
|
129
|
+
// Resolution order: explicit glow.color → icon's intent/color prop.
|
|
130
|
+
// When the prop was set explicitly (not via the global `glowingIcons`
|
|
131
|
+
// option), fall back to a theme-readable colour so a plain icon still
|
|
132
|
+
// glows. The global flag intentionally does NOT force-glow uncoloured
|
|
133
|
+
// icons — it only enhances icons that already have an intent/colour.
|
|
134
|
+
var explicit = glow !== undefined;
|
|
135
|
+
var resolved = (_b = (_a = (config.color ? (0, colors_1.getColorFromMaybeString)(theme, config.color) : undefined)) !== null && _a !== void 0 ? _a : finalColor) !== null && _b !== void 0 ? _b : (explicit ? (0, colors_1.getReadableColor)(theme, undefined, undefined, true) : undefined);
|
|
136
|
+
if (!resolved)
|
|
137
|
+
return undefined;
|
|
138
|
+
var blur = (_c = config.blur) !== null && _c !== void 0 ? _c : 5;
|
|
139
|
+
var opacity = (_d = config.opacity) !== null && _d !== void 0 ? _d : 0.8;
|
|
140
|
+
return "drop-shadow(0 0 ".concat(blur, "px ").concat((0, polished_1.rgba)(resolved, opacity), ")");
|
|
141
|
+
}, [effectiveGlow, glow, finalColor, theme]);
|
|
142
|
+
var finalStyle = (0, react_1.useMemo)(function () { return (__assign(__assign({ width: finalWrapperSize, height: finalWrapperSize }, (glowFilter ? { filter: glowFilter } : {})), style)); }, [finalWrapperSize, glowFilter, style]);
|
|
112
143
|
if (image) {
|
|
113
144
|
return ((0, jsx_runtime_1.jsx)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, rest, { Component: exports.StyledIconWrapper, as: wrapperElement, ref: ref, size: size, margin: margin, marginSize: finalMarginSize, className: "".concat(className || '', " reqore-icon"), style: finalStyle }, { children: (0, jsx_runtime_1.jsx)("img", { src: image, alt: '' }) })));
|
|
114
145
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyD;AACzD,2CAA0C;AAE1C,yDAA6C;AAC7C,qEAA2D;AAC3D,2BAAuC;AACvC,+CAAkF;AAClF,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,6 +18,12 @@ export interface IReqoreMessageProps extends IWithReqoreCustomTheme, IWithReqore
|
|
|
18
18
|
hasShadow?: boolean;
|
|
19
19
|
margin?: 'top' | 'bottom' | 'both' | 'none';
|
|
20
20
|
backgroundBlur?: number;
|
|
21
|
+
/**
|
|
22
|
+
* Subtle 3D "raised" effect — inset top highlight + inset bottom shadow.
|
|
23
|
+
* Best paired with `flat={true}` and a non-`minimal` message; suppressed
|
|
24
|
+
* when `flat={false}` (border) or `minimal={true}` (no surface).
|
|
25
|
+
*/
|
|
26
|
+
raised?: boolean;
|
|
21
27
|
}
|
|
22
28
|
export interface IReqoreNotificationStyle extends IReqoreMessageProps {
|
|
23
29
|
theme: IReqoreTheme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIrD,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAmB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAYvD,MAAM,WAAW,mBACf,SAAQ,sBAAsB,EAC5B,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIrD,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAmB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAYvD,MAAM,WAAW,mBACf,SAAQ,sBAAsB,EAC5B,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACnE,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,aAAa,qKAuJlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA6C;AAC7C,+BAA8E;AAC9E,uCAAiD;AAEjD,iFAAiE;AACjE,+CAA+D;AAC/D,iDAAsD;AActD,oCAA0C;AAC1C,iDAAuD;AACvD,8DAOuC;AACvC,sCAA2C;AAC3C,wDAA6D;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -33,6 +33,7 @@ export interface IReqoreNotificationStyle extends IWithReqoreOpaque {
|
|
|
33
33
|
asMessage?: boolean;
|
|
34
34
|
margin?: 'top' | 'bottom' | 'both' | 'none';
|
|
35
35
|
backgroundBlur?: number;
|
|
36
|
+
raised?: boolean;
|
|
36
37
|
}
|
|
37
38
|
export declare const StyledReqoreNotification: any;
|
|
38
39
|
export declare const StyledIconWrapper: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAqC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAUpE,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAqC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAUpE,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAOpD,MAAM,MAAM,uBAAuB,GAAG,aAAa,CAAC;AAEpD,MAAM,WAAW,wBACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB;IACxB,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAWD,eAAO,MAAM,wBAAwB,KAmGpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,KA0B7B,CAAC;AAEF,eAAO,MAAM,8BAA8B,KAS1C,CAAC;AAEF,eAAO,MAAM,gCAAgC,KAK5C,CAAC;AAEF,eAAO,MAAM,uBAAuB,KAKnC,CAAC;AAEF,eAAO,MAAM,yBAAyB,KAerC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,eAAe,CAAA;CAOzD,CAAC;AAEF,QAAA,MAAM,kBAAkB,+IA0HvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|