oolib 2.200.0 → 2.200.2
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.
|
@@ -39,11 +39,11 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
39
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
40
|
exports.StyledSkeletonLoader = void 0;
|
|
41
41
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
42
|
-
var
|
|
43
|
-
var
|
|
42
|
+
var __1 = require("../../..");
|
|
43
|
+
var getDynamicColors_1 = require("../../../v2/themes/utils/getDynamicColors");
|
|
44
44
|
var load = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n from { left: -100%; }\n to { left: 100%; }\n"], ["\n from { left: -100%; }\n to { left: 100%; }\n"])));
|
|
45
45
|
exports.StyledSkeletonLoader = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n overflow: hidden;\n position: relative;\n background-color: ", ";\n\n &::before {\n content: '';\n display: block;\n position: absolute;\n left: -100%;\n top: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(to right, transparent 0%, ", " 50%, transparent 100%);\n animation: ", " 1s cubic-bezier(0.4, 0.0, 0.2, 1);\n animation-iteration-count: infinite;\n }\n"], ["\n overflow: hidden;\n position: relative;\n background-color: ", ";\n\n &::before {\n content: '';\n display: block;\n position: absolute;\n left: -100%;\n top: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(to right, transparent 0%, ", " 50%, transparent 100%);\n animation: ", " 1s cubic-bezier(0.4, 0.0, 0.2, 1);\n animation-iteration-count: infinite;\n }\n"])), function (_a) {
|
|
46
46
|
var theme = _a.theme;
|
|
47
|
-
return (0,
|
|
48
|
-
},
|
|
47
|
+
return (0, getDynamicColors_1.getSecondaryContainer)(theme === null || theme === void 0 ? void 0 : theme.colors);
|
|
48
|
+
}, __1.colors2.grey5, load);
|
|
49
49
|
var templateObject_1, templateObject_2;
|
|
@@ -63,6 +63,7 @@ var mapValueToColor_1 = require("./utils/mapValueToColor");
|
|
|
63
63
|
var useAxisMeasure_1 = require("./utils/useAxisMeasure");
|
|
64
64
|
var useFader_1 = require("./utils/useFader");
|
|
65
65
|
var _configs = {
|
|
66
|
+
labelsToGridGap: 4,
|
|
66
67
|
gridGap: 2,
|
|
67
68
|
cellRoundness: 4,
|
|
68
69
|
cellSize: 40,
|
|
@@ -116,7 +117,7 @@ var HeatMapGrid = function (_a) {
|
|
|
116
117
|
var _k = (0, useFader_1.useFader)(scrollableRef), setFader = _k.setFader, showFader = _k.showFader, showHorizontalFader = _k.showHorizontalFader;
|
|
117
118
|
// Replace: const { xAxisWidth, yAxisWidth, measurementRef } = useAxisDimensions(data, _configs.axisLabelWidth);
|
|
118
119
|
var _l = (0, useAxisMeasure_1.useAxisMeasure)(_configs.axisLabelWidth), xWidth = _l.xWidth, yWidth = _l.yWidth, setHorizontalRef = _l.setHorizontalRef, setVerticalRef = _l.setVerticalRef;
|
|
119
|
-
return (react_1.default.createElement("div", { style: __assign({ display: "grid", gridTemplateColumns: "".concat(yWidth, "px 1fr"), gridTemplateRows: "".concat(xWidth, "px 1fr"), gap: _configs.
|
|
120
|
+
return (react_1.default.createElement("div", { style: __assign({ display: "grid", gridTemplateColumns: "".concat(yWidth, "px 1fr"), gridTemplateRows: "".concat(xWidth, "px 1fr"), gap: _configs.labelsToGridGap + 'px', height: '100%', position: 'relative' }, style) },
|
|
120
121
|
react_1.default.createElement("div", { style: { gridRow: 1, gridColumn: 1 } }),
|
|
121
122
|
react_1.default.createElement(HiddenScrollContainer, { style: {
|
|
122
123
|
gridRow: 1,
|