@qoretechnologies/reqore 0.78.5-pr.708.gbe112f0 → 0.78.6-pr.715.gdfefa70
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/Accordion/index.d.ts.map +1 -1
- package/dist/components/Accordion/index.js +11 -15
- package/dist/components/Accordion/index.js.map +1 -1
- package/dist/components/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/index.js +6 -7
- package/dist/components/Breadcrumbs/index.js.map +1 -1
- package/dist/components/Breadcrumbs/item.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/item.js +2 -6
- package/dist/components/Breadcrumbs/item.js.map +1 -1
- package/dist/components/Bubble/index.d.ts.map +1 -1
- package/dist/components/Bubble/index.js +39 -7
- package/dist/components/Bubble/index.js.map +1 -1
- package/dist/components/Button/index.d.ts +0 -8
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +12 -75
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/ButtonRail/index.d.ts.map +1 -1
- package/dist/components/ButtonRail/index.js +2 -3
- package/dist/components/ButtonRail/index.js.map +1 -1
- package/dist/components/Callout/index.d.ts +3 -4
- package/dist/components/Callout/index.d.ts.map +1 -1
- package/dist/components/Callout/index.js +8 -39
- package/dist/components/Callout/index.js.map +1 -1
- package/dist/components/Checkbox/index.js +8 -8
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Collapse/index.d.ts.map +1 -1
- package/dist/components/Collapse/index.js +36 -7
- package/dist/components/Collapse/index.js.map +1 -1
- package/dist/components/CollapsibleContent/index.d.ts.map +1 -1
- package/dist/components/CollapsibleContent/index.js +37 -5
- package/dist/components/CollapsibleContent/index.js.map +1 -1
- package/dist/components/Collection/index.js +3 -3
- package/dist/components/Collection/index.js.map +1 -1
- package/dist/components/Collection/item.d.ts.map +1 -1
- package/dist/components/Collection/item.js +4 -4
- package/dist/components/Collection/item.js.map +1 -1
- package/dist/components/Columns/column.d.ts.map +1 -1
- package/dist/components/Columns/column.js +35 -6
- package/dist/components/Columns/column.js.map +1 -1
- package/dist/components/Columns/index.d.ts.map +1 -1
- package/dist/components/Columns/index.js +35 -3
- package/dist/components/Columns/index.js.map +1 -1
- package/dist/components/Comment/index.js +8 -8
- package/dist/components/Comment/index.js.map +1 -1
- package/dist/components/CommentFeed/index.js +2 -2
- package/dist/components/CommentFeed/index.js.map +1 -1
- package/dist/components/Content/index.d.ts.map +1 -1
- package/dist/components/Content/index.js +35 -3
- package/dist/components/Content/index.js.map +1 -1
- package/dist/components/Content/wrapper.js +2 -2
- package/dist/components/Content/wrapper.js.map +1 -1
- package/dist/components/ControlGroup/index.js +3 -3
- package/dist/components/ControlGroup/index.js.map +1 -1
- package/dist/components/ControlGroup/item.d.ts.map +1 -1
- package/dist/components/ControlGroup/item.js +6 -35
- package/dist/components/ControlGroup/item.js.map +1 -1
- package/dist/components/DataView/index.d.ts.map +1 -1
- package/dist/components/DataView/index.js +49 -17
- package/dist/components/DataView/index.js.map +1 -1
- package/dist/components/DatePicker/index.d.ts.map +1 -1
- package/dist/components/DatePicker/index.js +8 -40
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/DescriptionList/index.d.ts.map +1 -1
- package/dist/components/DescriptionList/index.js +39 -7
- package/dist/components/DescriptionList/index.js.map +1 -1
- package/dist/components/Drawer/backdrop.d.ts.map +1 -1
- package/dist/components/Drawer/backdrop.js +6 -35
- package/dist/components/Drawer/backdrop.js.map +1 -1
- package/dist/components/Drawer/index.d.ts +172 -0
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.js +296 -18
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/Effect/index.d.ts +6 -0
- package/dist/components/Effect/index.d.ts.map +1 -1
- package/dist/components/Effect/index.js +26 -27
- package/dist/components/Effect/index.js.map +1 -1
- package/dist/components/EntityRow/index.d.ts +1 -7
- package/dist/components/EntityRow/index.d.ts.map +1 -1
- package/dist/components/EntityRow/index.js +11 -32
- package/dist/components/EntityRow/index.js.map +1 -1
- package/dist/components/FadeScroller/index.d.ts.map +1 -1
- package/dist/components/FadeScroller/index.js +106 -26
- package/dist/components/FadeScroller/index.js.map +1 -1
- package/dist/components/FeatureCard/index.d.ts +1 -7
- package/dist/components/FeatureCard/index.d.ts.map +1 -1
- package/dist/components/FeatureCard/index.js +8 -30
- package/dist/components/FeatureCard/index.js.map +1 -1
- package/dist/components/Header/index.js +2 -2
- package/dist/components/Header/index.js.map +1 -1
- package/dist/components/Icon/index.d.ts.map +1 -1
- package/dist/components/Icon/index.js +16 -26
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/IconPicker/index.js +2 -2
- package/dist/components/IconPicker/index.js.map +1 -1
- package/dist/components/Input/index.js +6 -6
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/InputClearButton/index.d.ts.map +1 -1
- package/dist/components/InputClearButton/index.js +3 -35
- package/dist/components/InputClearButton/index.js.map +1 -1
- package/dist/components/InternalPopover/index.d.ts.map +1 -1
- package/dist/components/InternalPopover/index.js +4 -5
- package/dist/components/InternalPopover/index.js.map +1 -1
- package/dist/components/KeyboardShortcut/index.js +3 -3
- package/dist/components/KeyboardShortcut/index.js.map +1 -1
- package/dist/components/Layout/content.js +2 -2
- package/dist/components/Layout/content.js.map +1 -1
- package/dist/components/Layout/index.d.ts.map +1 -1
- package/dist/components/Layout/index.js +35 -3
- package/dist/components/Layout/index.js.map +1 -1
- package/dist/components/Link/index.d.ts.map +1 -1
- package/dist/components/Link/index.js +38 -6
- package/dist/components/Link/index.js.map +1 -1
- package/dist/components/Menu/divider.js +3 -3
- package/dist/components/Menu/divider.js.map +1 -1
- package/dist/components/Menu/index.d.ts.map +1 -1
- package/dist/components/Menu/index.js +4 -4
- package/dist/components/Menu/index.js.map +1 -1
- package/dist/components/Menu/item.d.ts.map +1 -1
- package/dist/components/Menu/item.js +0 -27
- package/dist/components/Menu/item.js.map +1 -1
- package/dist/components/Modal/index.d.ts +12 -2
- package/dist/components/Modal/index.d.ts.map +1 -1
- package/dist/components/Modal/index.js +2 -2
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/NavRail/index.js +6 -6
- package/dist/components/NavRail/index.js.map +1 -1
- package/dist/components/Navbar/divider.d.ts.map +1 -1
- package/dist/components/Navbar/divider.js +6 -35
- package/dist/components/Navbar/divider.js.map +1 -1
- package/dist/components/Navbar/group.js +3 -3
- package/dist/components/Navbar/group.js.map +1 -1
- package/dist/components/Navbar/index.js +3 -3
- package/dist/components/Navbar/index.js.map +1 -1
- package/dist/components/Navbar/item.js +3 -3
- package/dist/components/Navbar/item.js.map +1 -1
- package/dist/components/Notifications/index.d.ts.map +1 -1
- package/dist/components/Notifications/index.js +35 -6
- package/dist/components/Notifications/index.js.map +1 -1
- package/dist/components/Notifications/notification.d.ts +11 -1
- package/dist/components/Notifications/notification.d.ts.map +1 -1
- package/dist/components/Notifications/notification.js +130 -21
- package/dist/components/Notifications/notification.js.map +1 -1
- package/dist/components/Notifications/styles.js +8 -8
- package/dist/components/Notifications/styles.js.map +1 -1
- package/dist/components/Paging/index.js +2 -2
- package/dist/components/Paging/index.js.map +1 -1
- package/dist/components/Panel/index.d.ts +0 -12
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +63 -197
- package/dist/components/Panel/index.js.map +1 -1
- package/dist/components/Paragraph/index.d.ts +0 -6
- package/dist/components/Paragraph/index.d.ts.map +1 -1
- package/dist/components/Paragraph/index.js +8 -57
- package/dist/components/Paragraph/index.js.map +1 -1
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/Popover/index.js +7 -36
- package/dist/components/Popover/index.js.map +1 -1
- package/dist/components/Progress/index.d.ts.map +1 -1
- package/dist/components/Progress/index.js +42 -10
- package/dist/components/Progress/index.js.map +1 -1
- package/dist/components/Rating/index.d.ts.map +1 -1
- package/dist/components/Rating/index.js +36 -4
- package/dist/components/Rating/index.js.map +1 -1
- package/dist/components/RichTextEditor/index.d.ts.map +1 -1
- package/dist/components/RichTextEditor/index.js +5 -16
- package/dist/components/RichTextEditor/index.js.map +1 -1
- package/dist/components/SegmentedControl/index.d.ts.map +1 -1
- package/dist/components/SegmentedControl/index.js +37 -5
- package/dist/components/SegmentedControl/index.js.map +1 -1
- package/dist/components/Select/valuePreview.js +2 -2
- package/dist/components/Select/valuePreview.js.map +1 -1
- package/dist/components/SeverityRow/index.d.ts +1 -7
- package/dist/components/SeverityRow/index.d.ts.map +1 -1
- package/dist/components/SeverityRow/index.js +10 -31
- package/dist/components/SeverityRow/index.js.map +1 -1
- package/dist/components/Skeleton/index.d.ts.map +1 -1
- package/dist/components/Skeleton/index.js +35 -6
- package/dist/components/Skeleton/index.js.map +1 -1
- package/dist/components/Slider/index.js +9 -9
- package/dist/components/Slider/index.js.map +1 -1
- package/dist/components/Spacer/index.js +7 -7
- package/dist/components/Spacer/index.js.map +1 -1
- package/dist/components/Span/index.d.ts.map +1 -1
- package/dist/components/Span/index.js +6 -35
- package/dist/components/Span/index.js.map +1 -1
- package/dist/components/StackedBar/index.d.ts.map +1 -1
- package/dist/components/StackedBar/index.js +38 -9
- package/dist/components/StackedBar/index.js.map +1 -1
- package/dist/components/Statistic/index.d.ts +8 -0
- package/dist/components/Statistic/index.d.ts.map +1 -1
- package/dist/components/Statistic/index.js +41 -9
- package/dist/components/Statistic/index.js.map +1 -1
- package/dist/components/Table/body.d.ts.map +1 -1
- package/dist/components/Table/body.js +38 -6
- package/dist/components/Table/body.js.map +1 -1
- package/dist/components/Table/cell.d.ts.map +1 -1
- package/dist/components/Table/cell.js +14 -7
- package/dist/components/Table/cell.js.map +1 -1
- package/dist/components/Table/header.d.ts.map +1 -1
- package/dist/components/Table/header.js +10 -13
- package/dist/components/Table/header.js.map +1 -1
- package/dist/components/Table/headerCell.d.ts.map +1 -1
- package/dist/components/Table/headerCell.js +38 -8
- package/dist/components/Table/headerCell.js.map +1 -1
- package/dist/components/Table/index.d.ts +1 -12
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/index.js +49 -34
- package/dist/components/Table/index.js.map +1 -1
- package/dist/components/Table/row.js +5 -5
- package/dist/components/Table/row.js.map +1 -1
- package/dist/components/Table/scrollbar.js +3 -3
- package/dist/components/Table/scrollbar.js.map +1 -1
- package/dist/components/Tabs/content.js +2 -2
- package/dist/components/Tabs/content.js.map +1 -1
- package/dist/components/Tabs/index.js +3 -3
- package/dist/components/Tabs/index.js.map +1 -1
- package/dist/components/Tabs/item.d.ts.map +1 -1
- package/dist/components/Tabs/item.js +4 -6
- package/dist/components/Tabs/item.js.map +1 -1
- package/dist/components/Tabs/list.js +3 -3
- package/dist/components/Tabs/list.js.map +1 -1
- package/dist/components/Tag/group.d.ts.map +1 -1
- package/dist/components/Tag/group.js +35 -3
- package/dist/components/Tag/group.js.map +1 -1
- package/dist/components/Tag/index.d.ts +0 -7
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +16 -79
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Testimonial/index.d.ts +1 -6
- package/dist/components/Testimonial/index.d.ts.map +1 -1
- package/dist/components/Testimonial/index.js +7 -28
- package/dist/components/Testimonial/index.js.map +1 -1
- package/dist/components/Textarea/index.d.ts +0 -10
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +14 -99
- package/dist/components/Textarea/index.js.map +1 -1
- package/dist/components/Tier/group.d.ts +5 -4
- package/dist/components/Tier/group.d.ts.map +1 -1
- package/dist/components/Tier/group.js +51 -131
- package/dist/components/Tier/group.js.map +1 -1
- package/dist/components/Tier/index.d.ts +0 -5
- package/dist/components/Tier/index.d.ts.map +1 -1
- package/dist/components/Tier/index.js +10 -14
- package/dist/components/Tier/index.js.map +1 -1
- package/dist/components/Timeline/index.d.ts.map +1 -1
- package/dist/components/Timeline/index.js +12 -13
- package/dist/components/Timeline/index.js.map +1 -1
- package/dist/components/TooltipComponent/index.d.ts.map +1 -1
- package/dist/components/TooltipComponent/index.js +7 -6
- package/dist/components/TooltipComponent/index.js.map +1 -1
- package/dist/components/Tree/index.js +3 -3
- package/dist/components/Tree/index.js.map +1 -1
- package/dist/constants/theme.d.ts +21 -0
- package/dist/constants/theme.d.ts.map +1 -1
- package/dist/constants/theme.js.map +1 -1
- package/dist/containers/ReqoreProvider.d.ts.map +1 -1
- package/dist/containers/ReqoreProvider.js +6 -8
- package/dist/containers/ReqoreProvider.js.map +1 -1
- package/dist/containers/UIProvider.d.ts.map +1 -1
- package/dist/containers/UIProvider.js +35 -3
- package/dist/containers/UIProvider.js.map +1 -1
- package/dist/helpers/colors.d.ts +11 -1
- package/dist/helpers/colors.d.ts.map +1 -1
- package/dist/helpers/colors.js +18 -1
- package/dist/helpers/colors.js.map +1 -1
- package/dist/helpers/gestures.d.ts +30 -0
- package/dist/helpers/gestures.d.ts.map +1 -0
- package/dist/helpers/gestures.js +36 -0
- package/dist/helpers/gestures.js.map +1 -0
- package/dist/helpers/styled.d.ts +26 -39
- package/dist/helpers/styled.d.ts.map +1 -1
- package/dist/helpers/styled.js +4 -156
- package/dist/helpers/styled.js.map +1 -1
- package/dist/hooks/usePointerDrag.d.ts +77 -0
- package/dist/hooks/usePointerDrag.d.ts.map +1 -0
- package/dist/hooks/usePointerDrag.js +192 -0
- package/dist/hooks/usePointerDrag.js.map +1 -0
- package/dist/hooks/useReqoreMedia.d.ts +24 -0
- package/dist/hooks/useReqoreMedia.d.ts.map +1 -0
- package/dist/hooks/useReqoreMedia.js +32 -0
- package/dist/hooks/useReqoreMedia.js.map +1 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +17 -3
- package/dist/index.js.map +1 -1
- package/dist/styles.js +6 -6
- package/dist/styles.js.map +1 -1
- package/package.json +1 -1
- package/dist/hooks/useDragToScroll.d.ts +0 -55
- package/dist/hooks/useDragToScroll.d.ts.map +0 -1
- package/dist/hooks/useDragToScroll.js +0 -259
- package/dist/hooks/useDragToScroll.js.map +0 -1
|
@@ -14,6 +14,39 @@ var __assign = (this && this.__assign) || function () {
|
|
|
14
14
|
};
|
|
15
15
|
return __assign.apply(this, arguments);
|
|
16
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 () {
|
|
34
|
+
var ownKeys = function(o) {
|
|
35
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
36
|
+
var ar = [];
|
|
37
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
38
|
+
return ar;
|
|
39
|
+
};
|
|
40
|
+
return ownKeys(o);
|
|
41
|
+
};
|
|
42
|
+
return function (mod) {
|
|
43
|
+
if (mod && mod.__esModule) return mod;
|
|
44
|
+
var result = {};
|
|
45
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
46
|
+
__setModuleDefault(result, mod);
|
|
47
|
+
return result;
|
|
48
|
+
};
|
|
49
|
+
})();
|
|
17
50
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
51
|
var t = {};
|
|
19
52
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -25,15 +58,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
25
58
|
}
|
|
26
59
|
return t;
|
|
27
60
|
};
|
|
28
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
-
};
|
|
31
61
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
62
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
33
63
|
var polished_1 = require("polished");
|
|
34
64
|
var react_1 = require("react");
|
|
35
|
-
var styled_components_1 = require("styled-components");
|
|
36
|
-
var styled_1 = __importDefault(require("../../helpers/styled"));
|
|
65
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
37
66
|
var sizes_1 = require("../../constants/sizes");
|
|
38
67
|
var colors_1 = require("../../helpers/colors");
|
|
39
68
|
var useTheme_1 = require("../../hooks/useTheme");
|
|
@@ -61,7 +90,7 @@ var MIN_VALUE_HEIGHT = 18;
|
|
|
61
90
|
var MIN_VALUE_AND_LABEL_HEIGHT = 34;
|
|
62
91
|
// Extends `StyledEffect` so the standard `effect` prop (gradients, glow,
|
|
63
92
|
// filters, …) works exactly as it does on every other Reqore surface.
|
|
64
|
-
var StyledStackedBarTrack = (0,
|
|
93
|
+
var StyledStackedBarTrack = (0, styled_components_1.default)(Effect_1.StyledEffect)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: stretch;\n overflow: hidden;\n width: ", ";\n height: ", "px;\n border-radius: ", ";\n background-color: ", ";\n border: ", ";\n\n ", "\n ", "\n"], ["\n position: relative;\n display: flex;\n align-items: stretch;\n overflow: hidden;\n width: ", ";\n height: ", "px;\n border-radius: ", ";\n background-color: ", ";\n border: ", ";\n\n ", "\n ", "\n"])), function (_a) {
|
|
65
94
|
var $fluid = _a.$fluid;
|
|
66
95
|
return ($fluid ? '100%' : '200px');
|
|
67
96
|
}, function (_a) {
|
|
@@ -87,7 +116,7 @@ var StyledStackedBarTrack = (0, styled_1.default)(Effect_1.StyledEffect)(templat
|
|
|
87
116
|
var $disabled = _a.$disabled;
|
|
88
117
|
return $disabled && styles_1.DisabledElement;
|
|
89
118
|
});
|
|
90
|
-
var StyledStackedBarSegment =
|
|
119
|
+
var StyledStackedBarSegment = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n width: ", "%;\n min-width: 0;\n background-color: ", ";\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 1px;\n padding: 0 5px;\n overflow: hidden;\n color: #ffffff;\n line-height: 1;\n text-shadow: 0 1px 1px ", ";\n white-space: nowrap;\n transition: width 0.3s ease-out, filter 0.15s ease-out;\n cursor: ", ";\n\n &:hover {\n ", "\n }\n"], ["\n height: 100%;\n width: ", "%;\n min-width: 0;\n background-color: ", ";\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 1px;\n padding: 0 5px;\n overflow: hidden;\n color: #ffffff;\n line-height: 1;\n text-shadow: 0 1px 1px ", ";\n white-space: nowrap;\n transition: width 0.3s ease-out, filter 0.15s ease-out;\n cursor: ", ";\n\n &:hover {\n ", "\n }\n"])), function (_a) {
|
|
91
120
|
var $percent = _a.$percent;
|
|
92
121
|
return $percent;
|
|
93
122
|
}, function (_a) {
|
|
@@ -100,8 +129,8 @@ var StyledStackedBarSegment = styled_1.default.div(templateObject_3 || (template
|
|
|
100
129
|
var $interactive = _a.$interactive;
|
|
101
130
|
return $interactive && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n filter: brightness(1.1);\n "], ["\n filter: brightness(1.1);\n "])));
|
|
102
131
|
});
|
|
103
|
-
var StyledSegmentValue =
|
|
104
|
-
var StyledSegmentLabel =
|
|
132
|
+
var StyledSegmentValue = styled_components_1.default.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 11px;\n font-weight: 700;\n line-height: 1;\n"], ["\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 11px;\n font-weight: 700;\n line-height: 1;\n"])));
|
|
133
|
+
var StyledSegmentLabel = styled_components_1.default.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 9px;\n font-weight: 600;\n line-height: 1;\n letter-spacing: 0.07em;\n text-transform: uppercase;\n opacity: 0.82;\n"], ["\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 9px;\n font-weight: 600;\n line-height: 1;\n letter-spacing: 0.07em;\n text-transform: uppercase;\n opacity: 0.82;\n"])));
|
|
105
134
|
/**
|
|
106
135
|
* A horizontal bar split into proportional, individually-coloured segments —
|
|
107
136
|
* the multi-value counterpart to `ReqoreProgress`. Each segment can carry its
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/StackedBar/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/StackedBar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -72,6 +72,14 @@ export interface IReqoreStatisticProps extends Omit<React.HTMLAttributes<HTMLDiv
|
|
|
72
72
|
countUp?: boolean | IReqoreStatisticCountUp;
|
|
73
73
|
/** Effect applied to the label text */
|
|
74
74
|
labelEffect?: IReqoreEffect;
|
|
75
|
+
/**
|
|
76
|
+
* A line under the value — what the number is measured against, or where it came from
|
|
77
|
+
* ("+5.9% vs the day before", "Last 24 hours"). Smaller and quieter than the value; a string,
|
|
78
|
+
* a number or any node. Rendered in `.reqore-statistic-description`.
|
|
79
|
+
*/
|
|
80
|
+
description?: React.ReactNode;
|
|
81
|
+
/** Effect applied to the description, over its defaults (`{ opacity: 0.6 }`). */
|
|
82
|
+
descriptionEffect?: IReqoreEffect;
|
|
75
83
|
/** Effect applied to the card background (supports gradients) */
|
|
76
84
|
effect?: IReqoreEffect;
|
|
77
85
|
/** Text alignment */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Statistic/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Statistic/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACrF,OAAO,EAAgB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAOpE,OAAO,EAKL,aAAa,EACd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,qBAAqB,EAAc,MAAM,wBAAwB,CAAC;AAG3E,OAAO,EACL,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,aAAa,EAAsC,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAElG,OAAmB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAIvD,MAAM,MAAM,8BAA8B,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AAEvE,MAAM,WAAW,qBAAqB;IACpC,6BAA6B;IAC7B,SAAS,EAAE,8BAA8B,CAAC;IAC1C,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,wDAAwD;IACxD,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,sCAAsC;IACtC,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB;AAED;;;GAGG;AACH,MAAM,MAAM,4BAA4B,GACpC,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,KAAK,GACL,MAAM,CAAC;AAEX,0DAA0D;AAC1D,MAAM,MAAM,uBAAuB,GAAG,qBAAqB,CAAC;AAI5D,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC5D,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,kBAAkB;IACpB,mCAAmC;IACnC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,kCAAkC;IAClC,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IAC9D,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oCAAoC;IACpC,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,uCAAuC;IACvC,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,4BAA4B,CAAC;IACvC;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC5C,uCAAuC;IACvC,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,iFAAiF;IACjF,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,iEAAiE;IACjE,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA+ND,QAAA,MAAM,eAAe,4JA4NpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -14,6 +14,39 @@ var __assign = (this && this.__assign) || function () {
|
|
|
14
14
|
};
|
|
15
15
|
return __assign.apply(this, arguments);
|
|
16
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 () {
|
|
34
|
+
var ownKeys = function(o) {
|
|
35
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
36
|
+
var ar = [];
|
|
37
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
38
|
+
return ar;
|
|
39
|
+
};
|
|
40
|
+
return ownKeys(o);
|
|
41
|
+
};
|
|
42
|
+
return function (mod) {
|
|
43
|
+
if (mod && mod.__esModule) return mod;
|
|
44
|
+
var result = {};
|
|
45
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
46
|
+
__setModuleDefault(result, mod);
|
|
47
|
+
return result;
|
|
48
|
+
};
|
|
49
|
+
})();
|
|
17
50
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
51
|
var t = {};
|
|
19
52
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -32,8 +65,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
32
65
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
33
66
|
var polished_1 = require("polished");
|
|
34
67
|
var react_1 = require("react");
|
|
35
|
-
var styled_components_1 = require("styled-components");
|
|
36
|
-
var styled_1 = __importDefault(require("../../helpers/styled"));
|
|
68
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
37
69
|
var sizes_1 = require("../../constants/sizes");
|
|
38
70
|
var colors_1 = require("../../helpers/colors");
|
|
39
71
|
var utils_1 = require("../../helpers/utils");
|
|
@@ -57,7 +89,7 @@ var TREND_DEFAULT_INTENTS = {
|
|
|
57
89
|
down: 'danger',
|
|
58
90
|
neutral: 'muted',
|
|
59
91
|
};
|
|
60
|
-
var StyledStatisticWrapper = (0,
|
|
92
|
+
var StyledStatisticWrapper = (0, styled_components_1.default)(Effect_1.StyledEffect)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n /* ---- Layout --------------------------------------------------------\n The Statistic is rendered as a real div (see the as=div on the JSX)\n rather than the default StyledEffect span. A span containing block\n children (the value row and the trend group are both divs) is the\n wrong content model and produced a box that did not establish a\n proper containment context, so overflow + min-width did not hold\n the inner text inside the tile. With a div root the wrapper can be\n a proper flex column container. */\n display: flex;\n flex-direction: column;\n align-items: ", ";\n justify-content: ", ";\n width: ", ";\n /* ---- Overflow safety ----------------------------------------------\n Statistic tiles are commonly laid out inside flex or grid parents\n (KPI strips, dashboards). Without bounding the tile intrinsic\n width to its column, the widest unbreakable token in the value,\n trend or label can push past the column edge and bleed into the\n neighbouring tile. min-width 0 lets flex-shrink do its job,\n max-width 100% caps the box at the column it lives in, and\n overflow hidden clips any child that refuses to honour the cap.\n With a div root these all behave as documented. */\n min-width: 0;\n max-width: 100%;\n overflow: hidden;\n & .reqore-statistic-label,\n & .reqore-statistic-value-row,\n & .reqore-statistic-trend {\n max-width: 100%;\n min-width: 0;\n }\n /* The trend slot is a ReqoreControlGroup which defaults to\n \"flex: 0 0 auto\" (ControlGroup/index.tsx). That kills flex-shrink\n so the group keeps its intrinsic content width and would push the\n tile past its grid track when the trend copy is long. Forcing the\n group to shrink lets the text-leaf wrap rules below take effect. */\n & .reqore-statistic-trend {\n flex: 0 1 auto;\n flex-wrap: wrap;\n }\n /* Wrap rather than ellipsis \u2014 KPI tiles benefit from the operator\n seeing the whole sub-line rather than a clipped fragment.\n overflow-wrap anywhere covers identifiers, URLs and long codes\n with no natural break point. */\n & .reqore-statistic-label,\n & .reqore-statistic-value,\n & .reqore-statistic-prefix,\n & .reqore-statistic-suffix {\n white-space: normal;\n overflow-wrap: anywhere;\n word-break: break-word;\n max-width: 100%;\n }\n & .reqore-statistic-trend > span {\n white-space: normal;\n overflow-wrap: anywhere;\n word-break: break-word;\n min-width: 0;\n max-width: 100%;\n }\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n"], ["\n /* ---- Layout --------------------------------------------------------\n The Statistic is rendered as a real div (see the as=div on the JSX)\n rather than the default StyledEffect span. A span containing block\n children (the value row and the trend group are both divs) is the\n wrong content model and produced a box that did not establish a\n proper containment context, so overflow + min-width did not hold\n the inner text inside the tile. With a div root the wrapper can be\n a proper flex column container. */\n display: flex;\n flex-direction: column;\n align-items: ", ";\n justify-content: ", ";\n width: ", ";\n /* ---- Overflow safety ----------------------------------------------\n Statistic tiles are commonly laid out inside flex or grid parents\n (KPI strips, dashboards). Without bounding the tile intrinsic\n width to its column, the widest unbreakable token in the value,\n trend or label can push past the column edge and bleed into the\n neighbouring tile. min-width 0 lets flex-shrink do its job,\n max-width 100% caps the box at the column it lives in, and\n overflow hidden clips any child that refuses to honour the cap.\n With a div root these all behave as documented. */\n min-width: 0;\n max-width: 100%;\n overflow: hidden;\n & .reqore-statistic-label,\n & .reqore-statistic-value-row,\n & .reqore-statistic-trend {\n max-width: 100%;\n min-width: 0;\n }\n /* The trend slot is a ReqoreControlGroup which defaults to\n \"flex: 0 0 auto\" (ControlGroup/index.tsx). That kills flex-shrink\n so the group keeps its intrinsic content width and would push the\n tile past its grid track when the trend copy is long. Forcing the\n group to shrink lets the text-leaf wrap rules below take effect. */\n & .reqore-statistic-trend {\n flex: 0 1 auto;\n flex-wrap: wrap;\n }\n /* Wrap rather than ellipsis \u2014 KPI tiles benefit from the operator\n seeing the whole sub-line rather than a clipped fragment.\n overflow-wrap anywhere covers identifiers, URLs and long codes\n with no natural break point. */\n & .reqore-statistic-label,\n & .reqore-statistic-value,\n & .reqore-statistic-prefix,\n & .reqore-statistic-suffix {\n white-space: normal;\n overflow-wrap: anywhere;\n word-break: break-word;\n max-width: 100%;\n }\n & .reqore-statistic-trend > span {\n white-space: normal;\n overflow-wrap: anywhere;\n word-break: break-word;\n min-width: 0;\n max-width: 100%;\n }\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n"])), function (_a) {
|
|
61
93
|
var $align = _a.$align;
|
|
62
94
|
return $align === 'center'
|
|
63
95
|
? 'center'
|
|
@@ -72,9 +104,9 @@ var StyledStatisticWrapper = (0, styled_1.default)(Effect_1.StyledEffect)(templa
|
|
|
72
104
|
return ($fluid ? '100%' : undefined);
|
|
73
105
|
}, function (_a) {
|
|
74
106
|
var $hasBackground = _a.$hasBackground, theme = _a.theme, size = _a.size, rounded = _a.rounded, radiusSize = _a.radiusSize, flat = _a.flat, intent = _a.intent, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b, $padded = _a.$padded, $paddingSize = _a.$paddingSize;
|
|
75
|
-
return $hasBackground && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n border-radius: ", "px;\n border: ", ";\n color: ", ";\n padding: ", ";\n "], ["\n background-color: ", ";\n border-radius: ", "px;\n border: ", ";\n color: ", ";\n padding: ", ";\n "])), (0, polished_1.rgba)((0, colors_1.
|
|
107
|
+
return $hasBackground && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n border-radius: ", "px;\n border: ", ";\n color: ", ";\n padding: ", ";\n "], ["\n background-color: ", ";\n border-radius: ", "px;\n border: ", ";\n color: ", ";\n padding: ", ";\n "])), (0, polished_1.rgba)((0, colors_1.getPanelBackgroundColor)(theme), opacity), rounded ? (0, sizes_1.resolveRadius)(size, radiusSize) : 0, flat
|
|
76
108
|
? undefined
|
|
77
|
-
: "1px solid ".concat((0, colors_1.changeLightness)(
|
|
109
|
+
: "1px solid ".concat(intent ? (0, colors_1.changeLightness)(theme.intents[intent], 0.08) : (0, colors_1.getPanelHairlineColor)(theme)), (0, colors_1.getReadableColor)(theme, undefined, undefined, true), (0, utils_1.resolvePadding)({
|
|
78
110
|
padded: $padded,
|
|
79
111
|
paddingSize: $paddingSize,
|
|
80
112
|
verticalMultiplier: 3,
|
|
@@ -91,12 +123,12 @@ var StyledStatisticWrapper = (0, styled_1.default)(Effect_1.StyledEffect)(templa
|
|
|
91
123
|
var disabled = _a.disabled;
|
|
92
124
|
return disabled && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), styles_1.DisabledElement);
|
|
93
125
|
});
|
|
94
|
-
var StyledStatisticValueRow =
|
|
126
|
+
var StyledStatisticValueRow = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n align-items: baseline;\n gap: 4px;\n flex-wrap: nowrap;\n\n /* valueAs: the row is the one element the value is written in. A heading or a paragraph\n brings the browser's margins, which the value never had; and the weight the headings\n used to bring is the row's to give where it is not a heading. */\n ", "\n"], ["\n display: flex;\n align-items: baseline;\n gap: 4px;\n flex-wrap: nowrap;\n\n /* valueAs: the row is the one element the value is written in. A heading or a paragraph\n brings the browser's margins, which the value never had; and the weight the headings\n used to bring is the row's to give where it is not a heading. */\n ", "\n"])), function (_a) {
|
|
95
127
|
var $element = _a.$element;
|
|
96
128
|
return $element && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n font-size: inherit;\n ", "\n "], ["\n margin: 0;\n padding: 0;\n font-size: inherit;\n ", "\n "])), !HEADING_ELEMENTS.includes($element) && (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-weight: bold;\n "], ["\n font-weight: bold;\n "]))));
|
|
97
129
|
});
|
|
98
130
|
/** The value itself while it counts: there for screen readers, not on screen. */
|
|
99
|
-
var StyledStatisticValueFinal =
|
|
131
|
+
var StyledStatisticValueFinal = styled_components_1.default.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n border: 0;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n"], ["\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n border: 0;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n"])));
|
|
100
132
|
var PREFIX_SUFFIX_EFFECT = { opacity: 0.6 };
|
|
101
133
|
/**
|
|
102
134
|
* The prefix, the value or the suffix. Without `valueAs` each is its own heading, as it always
|
|
@@ -108,7 +140,7 @@ var StatisticValuePart = (0, react_1.memo)(function (_a) {
|
|
|
108
140
|
return as ? ((0, jsx_runtime_1.jsx)(Header_1.StyledHeader, { as: 'span', _size: sizes_1.HEADER_SIZE_TO_NUMBER[size], theme: theme, effect: effect, className: className, children: children })) : ((0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, { size: size, className: className, effect: effect, children: children }));
|
|
109
141
|
});
|
|
110
142
|
var ReqoreStatistic = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
|
|
111
|
-
var value = _a.value, label = _a.label, icon = _a.icon, iconColor = _a.iconColor, iconProps = _a.iconProps, prefix = _a.prefix, suffix = _a.suffix, trend = _a.trend, valueEffect = _a.valueEffect, valueAs = _a.valueAs, countUp = _a.countUp, labelEffect = _a.labelEffect, effect = _a.effect, _b = _a.align, align = _b === void 0 ? 'center' : _b, _c = _a.size, size = _c === void 0 ? 'normal' : _c, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, intent = _a.intent, fluid = _a.fluid, flat = _a.flat, disabled = _a.disabled, tooltip = _a.tooltip, rounded = _a.rounded, radiusSize = _a.radiusSize, transparent = _a.transparent, opacity = _a.opacity, raised = _a.raised, _d = _a.padded, padded = _d === void 0 ? true : _d, paddingSize = _a.paddingSize, className = _a.className, rest = __rest(_a, ["value", "label", "icon", "iconColor", "iconProps", "prefix", "suffix", "trend", "valueEffect", "valueAs", "countUp", "labelEffect", "effect", "align", "size", "customTheme", "inheritCustomTheme", "intent", "fluid", "flat", "disabled", "tooltip", "rounded", "radiusSize", "transparent", "opacity", "raised", "padded", "paddingSize", "className"]);
|
|
143
|
+
var value = _a.value, label = _a.label, icon = _a.icon, iconColor = _a.iconColor, iconProps = _a.iconProps, prefix = _a.prefix, suffix = _a.suffix, trend = _a.trend, valueEffect = _a.valueEffect, valueAs = _a.valueAs, countUp = _a.countUp, labelEffect = _a.labelEffect, description = _a.description, descriptionEffect = _a.descriptionEffect, effect = _a.effect, _b = _a.align, align = _b === void 0 ? 'center' : _b, _c = _a.size, size = _c === void 0 ? 'normal' : _c, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, intent = _a.intent, fluid = _a.fluid, flat = _a.flat, disabled = _a.disabled, tooltip = _a.tooltip, rounded = _a.rounded, radiusSize = _a.radiusSize, transparent = _a.transparent, opacity = _a.opacity, raised = _a.raised, _d = _a.padded, padded = _d === void 0 ? true : _d, paddingSize = _a.paddingSize, className = _a.className, rest = __rest(_a, ["value", "label", "icon", "iconColor", "iconProps", "prefix", "suffix", "trend", "valueEffect", "valueAs", "countUp", "labelEffect", "description", "descriptionEffect", "effect", "align", "size", "customTheme", "inheritCustomTheme", "intent", "fluid", "flat", "disabled", "tooltip", "rounded", "radiusSize", "transparent", "opacity", "raised", "padded", "paddingSize", "className"]);
|
|
112
144
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent, undefined, inheritCustomTheme);
|
|
113
145
|
// What a ReqoreHeading resolves for itself: the value's text never takes the intent.
|
|
114
146
|
var valueTheme = (0, useTheme_1.useReqoreTheme)('main');
|
|
@@ -144,7 +176,7 @@ var ReqoreStatistic = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, re
|
|
|
144
176
|
// resulting box doesn't establish containment cleanly,
|
|
145
177
|
// which is why `overflow: hidden` + `min-width: 0` didn't
|
|
146
178
|
// hold their text inside the tile.
|
|
147
|
-
as: 'div', Component: StyledStatisticWrapper, tooltip: tooltip, ref: ref, theme: theme, size: size, "$fluid": fluid, disabled: disabled, "$hasBackground": hasBackground, "$interactive": interactive, "$align": flexAlign, rounded: rounded, radiusSize: radiusSize, flat: flat, intent: intent, opacity: transparent ? 0 : opacity, "$raised": raised, "$padded": padded, "$paddingSize": paddingSize !== null && paddingSize !== void 0 ? paddingSize : size, effect: transformedEffect, className: "".concat(className || '', " reqore-statistic"), children: (0, jsx_runtime_1.jsxs)(ControlGroup_1.default, { vertical: true, horizontalAlign: flexAlign, className: 'reqore-statistic-content', children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1.default, __assign({}, iconProps, { icon: icon, size: size, color: iconColor, intent: iconColor ? undefined : intent, className: 'reqore-statistic-icon' }))), label && ((0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, { size: secondarySize, className: 'reqore-statistic-label', effect: __assign({ opacity: 0.7, uppercase: true, spaced: 1 }, labelEffect), children: label })), (0, jsx_runtime_1.jsxs)(StyledStatisticValueRow, { ref: valueRowRef, as: valueAs, "$element": valueAs, className: 'reqore-statistic-value-row', children: [prefix && ((0, jsx_runtime_1.jsx)(StatisticValuePart, { as: valueAs, size: valueSize, theme: valueTheme, className: 'reqore-statistic-prefix', effect: PREFIX_SUFFIX_EFFECT, children: prefix })), (0, jsx_runtime_1.jsx)(StatisticValuePart, { as: valueAs, size: valueSize, theme: valueTheme, className: 'reqore-statistic-value', effect: valueEffect, children: counting ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { "aria-hidden": 'true', className: 'reqore-statistic-value-count', children: display }), (0, jsx_runtime_1.jsx)(StyledStatisticValueFinal, { className: 'reqore-statistic-value-final', children: final })] })) : (display) }), suffix && ((0, jsx_runtime_1.jsx)(StatisticValuePart, { as: valueAs, size: valueSize, theme: valueTheme, className: 'reqore-statistic-suffix', effect: PREFIX_SUFFIX_EFFECT, children: suffix }))] }), trend && ((0, jsx_runtime_1.jsxs)(ControlGroup_1.default, { gapSize: 'micro', verticalAlign: 'center', className: 'reqore-statistic-trend', children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { icon: trendIcon, size: secondarySize, intent: trendIntent }), trend.value !== undefined && ((0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, { size: secondarySize, intent: trendIntent, children: trend.value }))] }))] }) })));
|
|
179
|
+
as: 'div', Component: StyledStatisticWrapper, tooltip: tooltip, ref: ref, theme: theme, size: size, "$fluid": fluid, disabled: disabled, "$hasBackground": hasBackground, "$interactive": interactive, "$align": flexAlign, rounded: rounded, radiusSize: radiusSize, flat: flat, intent: intent, opacity: transparent ? 0 : opacity, "$raised": raised, "$padded": padded, "$paddingSize": paddingSize !== null && paddingSize !== void 0 ? paddingSize : size, effect: transformedEffect, className: "".concat(className || '', " reqore-statistic"), children: (0, jsx_runtime_1.jsxs)(ControlGroup_1.default, { vertical: true, horizontalAlign: flexAlign, className: 'reqore-statistic-content', children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1.default, __assign({}, iconProps, { icon: icon, size: size, color: iconColor, intent: iconColor ? undefined : intent, className: 'reqore-statistic-icon' }))), label && ((0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, { size: secondarySize, className: 'reqore-statistic-label', effect: __assign({ opacity: 0.7, uppercase: true, spaced: 1 }, labelEffect), children: label })), (0, jsx_runtime_1.jsxs)(StyledStatisticValueRow, { ref: valueRowRef, as: valueAs, "$element": valueAs, className: 'reqore-statistic-value-row', children: [prefix && ((0, jsx_runtime_1.jsx)(StatisticValuePart, { as: valueAs, size: valueSize, theme: valueTheme, className: 'reqore-statistic-prefix', effect: PREFIX_SUFFIX_EFFECT, children: prefix })), (0, jsx_runtime_1.jsx)(StatisticValuePart, { as: valueAs, size: valueSize, theme: valueTheme, className: 'reqore-statistic-value', effect: valueEffect, children: counting ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { "aria-hidden": 'true', className: 'reqore-statistic-value-count', children: display }), (0, jsx_runtime_1.jsx)(StyledStatisticValueFinal, { className: 'reqore-statistic-value-final', children: final })] })) : (display) }), suffix && ((0, jsx_runtime_1.jsx)(StatisticValuePart, { as: valueAs, size: valueSize, theme: valueTheme, className: 'reqore-statistic-suffix', effect: PREFIX_SUFFIX_EFFECT, children: suffix }))] }), trend && ((0, jsx_runtime_1.jsxs)(ControlGroup_1.default, { gapSize: 'micro', verticalAlign: 'center', className: 'reqore-statistic-trend', children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { icon: trendIcon, size: secondarySize, intent: trendIntent }), trend.value !== undefined && ((0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, { size: secondarySize, intent: trendIntent, children: trend.value }))] })), description !== undefined && description !== null && description !== '' && ((0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, { size: secondarySize, className: 'reqore-statistic-description', effect: __assign({ opacity: 0.6 }, descriptionEffect), children: description }))] }) })));
|
|
148
180
|
}));
|
|
149
181
|
exports.default = ReqoreStatistic;
|
|
150
182
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Statistic/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Statistic/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/components/Table/body.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/components/Table/body.tsx"],"names":[],"mappings":"AAgBA,OAAuB,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAG/D,MAAM,WAAW,4BAA6B,SAAQ,sBAAsB;IAC1E,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0DAA0D;IAC1D,0BAA0B,CAAC,EAAE,MAAM,CAAC;CACrC;;AAsWD,wBAAqC"}
|
|
@@ -14,6 +14,39 @@ var __assign = (this && this.__assign) || function () {
|
|
|
14
14
|
};
|
|
15
15
|
return __assign.apply(this, arguments);
|
|
16
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 () {
|
|
34
|
+
var ownKeys = function(o) {
|
|
35
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
36
|
+
var ar = [];
|
|
37
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
38
|
+
return ar;
|
|
39
|
+
};
|
|
40
|
+
return ownKeys(o);
|
|
41
|
+
};
|
|
42
|
+
return function (mod) {
|
|
43
|
+
if (mod && mod.__esModule) return mod;
|
|
44
|
+
var result = {};
|
|
45
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
46
|
+
__setModuleDefault(result, mod);
|
|
47
|
+
return result;
|
|
48
|
+
};
|
|
49
|
+
})();
|
|
17
50
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
51
|
var t = {};
|
|
19
52
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -33,8 +66,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
33
66
|
var size_1 = __importDefault(require("lodash/size"));
|
|
34
67
|
var react_1 = require("react");
|
|
35
68
|
var react_window_1 = require("react-window");
|
|
36
|
-
var styled_components_1 = require("styled-components");
|
|
37
|
-
var styled_1 = __importDefault(require("../../helpers/styled"));
|
|
69
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
38
70
|
var sizes_1 = require("../../constants/sizes");
|
|
39
71
|
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
40
72
|
var helpers_1 = require("./helpers");
|
|
@@ -49,19 +81,19 @@ var MIN_OVERSCAN_ROWS = 8;
|
|
|
49
81
|
// Wrapper that owns the overlay scrollbar's positioning context. The native
|
|
50
82
|
// scroll container (the react-window list / `StyledNonVirtualizedBody`) lives inside;
|
|
51
83
|
// the overlay thumb is absolutely positioned over its right edge.
|
|
52
|
-
var StyledBodyWrapper =
|
|
84
|
+
var StyledBodyWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n flex: 1 1 auto;\n min-height: 0;\n"], ["\n position: relative;\n flex: 1 1 auto;\n min-height: 0;\n"])));
|
|
53
85
|
// Hide the native scrollbar so the body's content area is always the full
|
|
54
86
|
// container width. The header and body therefore align by construction —
|
|
55
87
|
// nothing needs to measure the scrollbar at runtime. Scrolling still works
|
|
56
88
|
// natively (wheel, trackpad, touch, keyboard); the overlay thumb above is a
|
|
57
89
|
// purely visual cue + drag handle.
|
|
58
90
|
var hideNativeScrollbar = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n scrollbar-width: none;\n &::-webkit-scrollbar {\n width: 0;\n height: 0;\n }\n"], ["\n scrollbar-width: none;\n &::-webkit-scrollbar {\n width: 0;\n height: 0;\n }\n"])));
|
|
59
|
-
var StyledFixedList = (0,
|
|
91
|
+
var StyledFixedList = (0, styled_components_1.default)(react_window_1.FixedSizeList)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-sizing: border-box;\n ", "\n"], ["\n box-sizing: border-box;\n ", "\n"])), hideNativeScrollbar);
|
|
60
92
|
/* Used only when rows can expand. A panel's height is not knowable up front and
|
|
61
93
|
changes while it is open, so the list has to be told each item's size — and
|
|
62
94
|
re-told whenever a measurement lands. */
|
|
63
|
-
var StyledVariableList = (0,
|
|
64
|
-
var StyledNonVirtualizedBody =
|
|
95
|
+
var StyledVariableList = (0, styled_components_1.default)(react_window_1.VariableSizeList)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n box-sizing: border-box;\n ", "\n"], ["\n box-sizing: border-box;\n ", "\n"])), hideNativeScrollbar);
|
|
96
|
+
var StyledNonVirtualizedBody = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
65
97
|
var maxHeight = _a.maxHeight, minWidth = _a.minWidth;
|
|
66
98
|
return (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n box-sizing: border-box;\n overflow: auto;\n ", "\n ", "\n > * {\n min-width: ", "px;\n }\n "], ["\n box-sizing: border-box;\n overflow: auto;\n ", "\n ", "\n > * {\n min-width: ", "px;\n }\n "])), hideNativeScrollbar, maxHeight || maxHeight === 0
|
|
67
99
|
? (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n max-height: ", "px;\n "], ["\n max-height: ", "px;\n "])), maxHeight) : '', minWidth);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/components/Table/body.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/components/Table/body.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/cell.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAC;AACvC,OAAO,EAAkB,MAAM,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"cell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/cell.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAC;AACvC,OAAO,EAAkB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAS/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAK7D,MAAM,WAAW,+BAAgC,SAAQ,yBAAyB;CAAG;AACrF,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAAC;CAAG;AAChG,MAAM,WAAW,yBACf,SAAQ,OAAO,CAAC,kBAAkB,CAAC,EACjC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,kBAAkB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uBAAuB,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;CACvD;AAED,eAAO,MAAM,eAAe,KA8P3B,CAAC;AAwBF,eAAO,MAAM,mBAAmB,gKA8E/B,CAAC"}
|
|
@@ -66,14 +66,14 @@ exports.ReqoreTableBodyCell = exports.StyledTableCell = void 0;
|
|
|
66
66
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
67
67
|
var polished_1 = require("polished");
|
|
68
68
|
var react_1 = require("react");
|
|
69
|
-
var styled_components_1 = require("styled-components");
|
|
69
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
70
70
|
var sizes_1 = require("../../constants/sizes");
|
|
71
71
|
var colors_1 = require("../../helpers/colors");
|
|
72
|
-
var styled_1 =
|
|
72
|
+
var styled_1 = require("../../helpers/styled");
|
|
73
73
|
var utils_1 = require("../../helpers/utils");
|
|
74
74
|
var Button_1 = __importDefault(require("../Button"));
|
|
75
75
|
var TooltipComponent_1 = require("../TooltipComponent");
|
|
76
|
-
exports.StyledTableCell =
|
|
76
|
+
exports.StyledTableCell = styled_components_1.default.div.withConfig({
|
|
77
77
|
// `wrap` drives the cell's white-space rule and `width` its CSS width; neither is a DOM
|
|
78
78
|
// attribute of a `div`.
|
|
79
79
|
shouldForwardProp: (0, styled_1.omitStyleProps)('wrap', 'width'),
|
|
@@ -81,6 +81,7 @@ exports.StyledTableCell = styled_1.default.div.withConfig({
|
|
|
81
81
|
var width = _a.width, minWidth = _a.minWidth, maxWidth = _a.maxWidth, grow = _a.grow;
|
|
82
82
|
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: ", "px;\n min-width: ", "px;\n max-width: ", "px;\n\n flex-grow: ", ";\n "], ["\n width: ", "px;\n min-width: ", "px;\n max-width: ", "px;\n\n flex-grow: ", ";\n "])), width, minWidth, maxWidth, grow || (width ? undefined : 1));
|
|
83
83
|
}, function (_a) {
|
|
84
|
+
var _b, _c;
|
|
84
85
|
var theme = _a.theme, align = _a.align, interactive = _a.interactive, interactiveCell = _a.interactiveCell, intent = _a.intent, size = _a.size, flat = _a.flat, striped = _a.striped, even = _a.even, selected = _a.selected, selectedIntent = _a.selectedIntent, disabled = _a.disabled, hovered = _a.hovered, padded = _a.padded, wrap = _a.wrap, pin = _a.pin, pinOffset = _a.pinOffset, pinEdge = _a.pinEdge, maxHeight = _a.maxHeight;
|
|
85
86
|
var getOriginalBackgroundColor = function () {
|
|
86
87
|
var color = theme.main;
|
|
@@ -116,19 +117,25 @@ exports.StyledTableCell = styled_1.default.div.withConfig({
|
|
|
116
117
|
return (0, colors_1.changeLightness)(color, opacity);
|
|
117
118
|
};
|
|
118
119
|
var backgroundColor = getBackgroundColor();
|
|
120
|
+
// A table is drawn inside a panel; with `theme.panel` named, an untinted row sits on that
|
|
121
|
+
// surface and its line is the panel's hairline.
|
|
122
|
+
var themedPanel = (0, colors_1.getThemePanelSurface)(theme);
|
|
119
123
|
var displayedBackgroundColor = backgroundColor === 'transparent'
|
|
120
|
-
? theme.main
|
|
124
|
+
? (_b = themedPanel === null || themedPanel === void 0 ? void 0 : themedPanel.main) !== null && _b !== void 0 ? _b : theme.main
|
|
121
125
|
: (0, polished_1.rgba)(backgroundColor, 0.3);
|
|
126
|
+
var cellBorderColor = backgroundColor === 'transparent' && (themedPanel === null || themedPanel === void 0 ? void 0 : themedPanel.border)
|
|
127
|
+
? themedPanel.border
|
|
128
|
+
: (0, colors_1.changeLightness)(displayedBackgroundColor, 0.1);
|
|
122
129
|
// Pinned cells need an opaque paint so non-pinned cells scrolling underneath don't show
|
|
123
130
|
// through. We layer the semi-transparent displayed color over a solid theme.main base.
|
|
124
131
|
var pinnedBackground = pin
|
|
125
|
-
? "linear-gradient(".concat(displayedBackgroundColor, ", ").concat(displayedBackgroundColor, "), ").concat(theme.main)
|
|
132
|
+
? "linear-gradient(".concat(displayedBackgroundColor, ", ").concat(displayedBackgroundColor, "), ").concat((_c = themedPanel === null || themedPanel === void 0 ? void 0 : themedPanel.main) !== null && _c !== void 0 ? _c : theme.main)
|
|
126
133
|
: undefined;
|
|
127
|
-
return (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n box-sizing: border-box;\n display: flex;\n align-items: ", ";\n justify-content: ", ";\n flex-shrink: 0;\n align-self: stretch;\n border-bottom: ", ";\n\n ", "\n\n padding: ", "\n ", ";\n font-size: ", "px;\n background: ", ";\n color: ", ";\n border-color: ", ";\n transition: background-color 0.2s ease-out;\n opacity: ", ";\n pointer-events: ", ";\n cursor: ", ";\n\n ", "\n\n ", "\n\n /* ------------------------------------------------------------------\n A cell contains what it is given.\n\n These rules used to name p.reqore-table-text \u2014 the paragraph the\n table's own 'text' / 'number' / 'time-ago' cell renderers produce \u2014 so\n they reached exactly the content the table had written itself.\n Everything else got nothing: the 'title' renderer (a heading), the\n 'tag' renderer, and every element a caller's own cell content function\n returns, which is how a real table fills a cell. Those elements laid\n themselves out at their natural size, and since a body row is drawn at\n ONE height \u2014 decided before any of this is laid out, because a\n virtualised list has to know it up front \u2014 a paragraph of prose simply\n painted over the rows beneath it. Two and three descriptions\n overprinted each other and none of them could be read.\n\n So the rules are about the cell's content, whatever that content is:\n\n - min-width 0, because a flex item's automatic minimum size is its\n MIN-CONTENT width, which for one long unbreakable token (a URL, an\n id) is the whole token. That minimum beats max-width, which is why\n capping a link's width at the call site did not hold it: the address\n of one row printed across the next column's chips.\n - max-width and max-height of 100%, so the content is bounded by the\n box it is in, on both axes, whatever it is.\n - and, when the cell does not wrap, one line ending in an ellipsis.\n\n Wrapping is the other honest answer: wrap turns virtualisation off (see\n IReqoreTableProps), every row is then drawn at the height of its own\n content, and the whole value is on screen instead of a line of it. A\n wrapped cell still needs a break opportunity inside a long token, or it\n overflows sideways for the same reason as above. ----------------- */\n > * {\n min-width: 0;\n max-width: 100%;\n }\n\n ", "\n\n ", "\n\n p.reqore-table-text {\n margin: 0;\n padding: 0;\n }\n "], ["\n box-sizing: border-box;\n display: flex;\n align-items: ", ";\n justify-content: ", ";\n flex-shrink: 0;\n align-self: stretch;\n border-bottom: ", ";\n\n ", "\n\n padding: ", "\n ", ";\n font-size: ", "px;\n background: ", ";\n color: ", ";\n border-color: ", ";\n transition: background-color 0.2s ease-out;\n opacity: ", ";\n pointer-events: ", ";\n cursor: ", ";\n\n ", "\n\n ", "\n\n /* ------------------------------------------------------------------\n A cell contains what it is given.\n\n These rules used to name p.reqore-table-text \u2014 the paragraph the\n table's own 'text' / 'number' / 'time-ago' cell renderers produce \u2014 so\n they reached exactly the content the table had written itself.\n Everything else got nothing: the 'title' renderer (a heading), the\n 'tag' renderer, and every element a caller's own cell content function\n returns, which is how a real table fills a cell. Those elements laid\n themselves out at their natural size, and since a body row is drawn at\n ONE height \u2014 decided before any of this is laid out, because a\n virtualised list has to know it up front \u2014 a paragraph of prose simply\n painted over the rows beneath it. Two and three descriptions\n overprinted each other and none of them could be read.\n\n So the rules are about the cell's content, whatever that content is:\n\n - min-width 0, because a flex item's automatic minimum size is its\n MIN-CONTENT width, which for one long unbreakable token (a URL, an\n id) is the whole token. That minimum beats max-width, which is why\n capping a link's width at the call site did not hold it: the address\n of one row printed across the next column's chips.\n - max-width and max-height of 100%, so the content is bounded by the\n box it is in, on both axes, whatever it is.\n - and, when the cell does not wrap, one line ending in an ellipsis.\n\n Wrapping is the other honest answer: wrap turns virtualisation off (see\n IReqoreTableProps), every row is then drawn at the height of its own\n content, and the whole value is on screen instead of a line of it. A\n wrapped cell still needs a break opportunity inside a long token, or it\n overflows sideways for the same reason as above. ----------------- */\n > * {\n min-width: 0;\n max-width: 100%;\n }\n\n ", "\n\n ", "\n\n p.reqore-table-text {\n margin: 0;\n padding: 0;\n }\n "])), maxHeight ? 'flex-start' : 'center', align ? (0, utils_1.alignToFlexAlign)(align) : 'flex-start', !flat ? '1px solid ' : undefined, maxHeight && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n max-height: ", "px;\n overflow: hidden;\n "], ["\n position: relative;\n max-height: ", "px;\n overflow: hidden;\n "])), maxHeight), !padded || padded === 'both' || padded === 'vertical' ? (wrap ? '6px' : 0) : undefined, !padded || padded === 'both' || padded === 'horizontal' ? '10px' : undefined, sizes_1.TEXT_FROM_SIZE[size], pinnedBackground !== null && pinnedBackground !== void 0 ? pinnedBackground : (backgroundColor === 'transparent' ? 'transparent' : displayedBackgroundColor), (0, colors_1.getReadableColorFrom)(getOriginalBackgroundColor(), !hovered),
|
|
134
|
+
return (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n box-sizing: border-box;\n display: flex;\n align-items: ", ";\n justify-content: ", ";\n flex-shrink: 0;\n align-self: stretch;\n border-bottom: ", ";\n\n ", "\n\n padding: ", "\n ", ";\n font-size: ", "px;\n background: ", ";\n color: ", ";\n border-color: ", ";\n transition: background-color 0.2s ease-out;\n opacity: ", ";\n pointer-events: ", ";\n cursor: ", ";\n\n ", "\n\n ", "\n\n /* ------------------------------------------------------------------\n A cell contains what it is given.\n\n These rules used to name p.reqore-table-text \u2014 the paragraph the\n table's own 'text' / 'number' / 'time-ago' cell renderers produce \u2014 so\n they reached exactly the content the table had written itself.\n Everything else got nothing: the 'title' renderer (a heading), the\n 'tag' renderer, and every element a caller's own cell content function\n returns, which is how a real table fills a cell. Those elements laid\n themselves out at their natural size, and since a body row is drawn at\n ONE height \u2014 decided before any of this is laid out, because a\n virtualised list has to know it up front \u2014 a paragraph of prose simply\n painted over the rows beneath it. Two and three descriptions\n overprinted each other and none of them could be read.\n\n So the rules are about the cell's content, whatever that content is:\n\n - min-width 0, because a flex item's automatic minimum size is its\n MIN-CONTENT width, which for one long unbreakable token (a URL, an\n id) is the whole token. That minimum beats max-width, which is why\n capping a link's width at the call site did not hold it: the address\n of one row printed across the next column's chips.\n - max-width and max-height of 100%, so the content is bounded by the\n box it is in, on both axes, whatever it is.\n - and, when the cell does not wrap, one line ending in an ellipsis.\n\n Wrapping is the other honest answer: wrap turns virtualisation off (see\n IReqoreTableProps), every row is then drawn at the height of its own\n content, and the whole value is on screen instead of a line of it. A\n wrapped cell still needs a break opportunity inside a long token, or it\n overflows sideways for the same reason as above. ----------------- */\n > * {\n min-width: 0;\n max-width: 100%;\n }\n\n ", "\n\n ", "\n\n p.reqore-table-text {\n margin: 0;\n padding: 0;\n }\n "], ["\n box-sizing: border-box;\n display: flex;\n align-items: ", ";\n justify-content: ", ";\n flex-shrink: 0;\n align-self: stretch;\n border-bottom: ", ";\n\n ", "\n\n padding: ", "\n ", ";\n font-size: ", "px;\n background: ", ";\n color: ", ";\n border-color: ", ";\n transition: background-color 0.2s ease-out;\n opacity: ", ";\n pointer-events: ", ";\n cursor: ", ";\n\n ", "\n\n ", "\n\n /* ------------------------------------------------------------------\n A cell contains what it is given.\n\n These rules used to name p.reqore-table-text \u2014 the paragraph the\n table's own 'text' / 'number' / 'time-ago' cell renderers produce \u2014 so\n they reached exactly the content the table had written itself.\n Everything else got nothing: the 'title' renderer (a heading), the\n 'tag' renderer, and every element a caller's own cell content function\n returns, which is how a real table fills a cell. Those elements laid\n themselves out at their natural size, and since a body row is drawn at\n ONE height \u2014 decided before any of this is laid out, because a\n virtualised list has to know it up front \u2014 a paragraph of prose simply\n painted over the rows beneath it. Two and three descriptions\n overprinted each other and none of them could be read.\n\n So the rules are about the cell's content, whatever that content is:\n\n - min-width 0, because a flex item's automatic minimum size is its\n MIN-CONTENT width, which for one long unbreakable token (a URL, an\n id) is the whole token. That minimum beats max-width, which is why\n capping a link's width at the call site did not hold it: the address\n of one row printed across the next column's chips.\n - max-width and max-height of 100%, so the content is bounded by the\n box it is in, on both axes, whatever it is.\n - and, when the cell does not wrap, one line ending in an ellipsis.\n\n Wrapping is the other honest answer: wrap turns virtualisation off (see\n IReqoreTableProps), every row is then drawn at the height of its own\n content, and the whole value is on screen instead of a line of it. A\n wrapped cell still needs a break opportunity inside a long token, or it\n overflows sideways for the same reason as above. ----------------- */\n > * {\n min-width: 0;\n max-width: 100%;\n }\n\n ", "\n\n ", "\n\n p.reqore-table-text {\n margin: 0;\n padding: 0;\n }\n "])), maxHeight ? 'flex-start' : 'center', align ? (0, utils_1.alignToFlexAlign)(align) : 'flex-start', !flat ? '1px solid ' : undefined, maxHeight && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n max-height: ", "px;\n overflow: hidden;\n "], ["\n position: relative;\n max-height: ", "px;\n overflow: hidden;\n "])), maxHeight), !padded || padded === 'both' || padded === 'vertical' ? (wrap ? '6px' : 0) : undefined, !padded || padded === 'both' || padded === 'horizontal' ? '10px' : undefined, sizes_1.TEXT_FROM_SIZE[size], pinnedBackground !== null && pinnedBackground !== void 0 ? pinnedBackground : (backgroundColor === 'transparent' ? 'transparent' : displayedBackgroundColor), (0, colors_1.getReadableColorFrom)(getOriginalBackgroundColor(), !hovered), cellBorderColor, disabled ? 0.2 : 1, disabled ? 'none' : undefined, interactive || interactiveCell ? 'pointer' : 'default', pin && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: sticky;\n ", "\n z-index: 2;\n ", "\n "], ["\n position: sticky;\n ", "\n z-index: 2;\n ", "\n "])), pin === 'left' ? "left: ".concat(pinOffset || 0, "px;") : "right: ".concat(pinOffset || 0, "px;"), pinEdge && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n /* Use a pseudo-element instead of box-shadow so the shadow is strictly bounded to\n the cell's height \u2014 a blurred box-shadow bleeds vertically and stacks across\n neighboring pinned cells, producing dark bands between rows. */\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n width: 12px;\n pointer-events: none;\n ", "\n background: linear-gradient(\n to ", ",\n rgba(0, 0, 0, 0.35),\n rgba(0, 0, 0, 0)\n );\n }\n "], ["\n /* Use a pseudo-element instead of box-shadow so the shadow is strictly bounded to\n the cell's height \u2014 a blurred box-shadow bleeds vertically and stacks across\n neighboring pinned cells, producing dark bands between rows. */\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n width: 12px;\n pointer-events: none;\n ", "\n background: linear-gradient(\n to ", ",\n rgba(0, 0, 0, 0.35),\n rgba(0, 0, 0, 0)\n );\n }\n "])), pin === 'left' ? 'right: -12px;' : 'left: -12px;', pin === 'left' ? 'right' : 'left')), interactiveCell && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n &:hover {\n /* Pinned cells rely on the layered background shorthand for their opaque base \u2014\n overriding just background-color would lose theme.main and let the non-pinned\n cells scrolling underneath show through on hover. */\n ", "\n }\n "], ["\n &:hover {\n /* Pinned cells rely on the layered background shorthand for their opaque base \u2014\n overriding just background-color would lose theme.main and let the non-pinned\n cells scrolling underneath show through on hover. */\n ", "\n }\n "])), pin
|
|
128
135
|
? (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background: linear-gradient(\n ", ",\n ", "\n ),\n ", ";\n "], ["\n background: linear-gradient(\n ", ",\n ", "\n ),\n ", ";\n "])), (0, polished_1.lighten)(0.1, displayedBackgroundColor), (0, polished_1.lighten)(0.1, displayedBackgroundColor), theme.main) : (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), (0, polished_1.lighten)(0.1, displayedBackgroundColor))), !maxHeight && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n /* Bound the content to the cell's own height.\n\n Left to a cell that clips itself \u2014 the maxHeight clamp above \u2014 this\n would take its job away rather than help: that clamp shows a Show\n more button, and it knows to show it by asking whether its content is\n TALLER than it is. Content pre-shrunk to fit is content with nothing\n more to show, so the button never appeared and the rest of the value\n became unreachable.\n\n Everywhere else the bound is what holds a cell's content to its row.\n It is inert while wrapping does what it says, because the row is then\n as tall as its tallest cell and that cell's content is already\n exactly that tall. It bites where wrapping CANNOT make the row taller\n \u2014 wrap together with an explicit virtualized, which the table warns\n about \u2014 and in the ordinary case below, where it holds anything the\n ellipsis does not reach: a group of chips that wrapped, an image. */\n > * {\n max-height: 100%;\n overflow: hidden;\n }\n "], ["\n /* Bound the content to the cell's own height.\n\n Left to a cell that clips itself \u2014 the maxHeight clamp above \u2014 this\n would take its job away rather than help: that clamp shows a Show\n more button, and it knows to show it by asking whether its content is\n TALLER than it is. Content pre-shrunk to fit is content with nothing\n more to show, so the button never appeared and the rest of the value\n became unreachable.\n\n Everywhere else the bound is what holds a cell's content to its row.\n It is inert while wrapping does what it says, because the row is then\n as tall as its tallest cell and that cell's content is already\n exactly that tall. It bites where wrapping CANNOT make the row taller\n \u2014 wrap together with an explicit virtualized, which the table warns\n about \u2014 and in the ordinary case below, where it holds anything the\n ellipsis does not reach: a group of chips that wrapped, an image. */\n > * {\n max-height: 100%;\n overflow: hidden;\n }\n "]))), wrap
|
|
129
136
|
? (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n > * {\n word-break: break-word;\n overflow-wrap: anywhere;\n }\n\n p.reqore-table-text {\n white-space: normal;\n }\n "], ["\n > * {\n word-break: break-word;\n overflow-wrap: anywhere;\n }\n\n p.reqore-table-text {\n white-space: normal;\n }\n "]))) : (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n > * {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n "], ["\n > * {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n "]))));
|
|
130
137
|
});
|
|
131
|
-
var StyledCellExpandOverlay =
|
|
138
|
+
var StyledCellExpandOverlay = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n padding: 4px 6px;\n pointer-events: none;\n z-index: 1;\n height: 36px;\n background: ", ";\n\n > * {\n pointer-events: auto;\n }\n"], ["\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n padding: 4px 6px;\n pointer-events: none;\n z-index: 1;\n height: 36px;\n background: ", ";\n\n > * {\n pointer-events: auto;\n }\n"])), function (_a) {
|
|
132
139
|
var theme = _a.theme;
|
|
133
140
|
return "linear-gradient(to bottom, ".concat((0, polished_1.rgba)(theme.main, 0), " 0%, ").concat(theme.main, " 80%)");
|
|
134
141
|
});
|