@proprioo/salatim 18.0.3 → 18.0.7
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/CHANGELOG.md +17 -0
- package/lib/energy/src/Energy.d.ts +0 -1
- package/lib/energy/src/Energy.js +23 -35
- package/lib/energy/src/Energy.js.map +1 -1
- package/lib/energy/src/Energy.stories.js +1 -2
- package/lib/energy/src/Energy.stories.js.map +1 -1
- package/lib/energy/src/Energy.styles.d.ts +1 -3
- package/lib/energy/src/Energy.styles.js +24 -23
- package/lib/energy/src/Energy.styles.js.map +1 -1
- package/lib/energy/src/Energy.test.js +0 -4
- package/lib/energy/src/Energy.test.js.map +1 -1
- package/lib/energy/src/Energy.utils.js +1 -1
- package/lib/energy/src/Energy.utils.js.map +1 -1
- package/lib/energy/src/Energy.utils.test.js +3 -3
- package/lib/energy/src/interfaces.d.ts +1 -1
- package/lib/index.js +2 -2
- package/lib/index.js.map +1 -1
- package/lib/ui/src/button/Button.styles.js +2 -2
- package/lib/ui/src/button/Button.styles.js.map +1 -1
- package/lib/ui/src/subtitle/Subtitle.styles.js +6 -3
- package/lib/ui/src/subtitle/Subtitle.styles.js.map +1 -1
- package/lib/ui/src/title/Title.styles.js +6 -6
- package/lib/ui/src/title/Title.styles.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
## Changelog
|
|
2
2
|
|
|
3
|
+
**18.0.7**
|
|
4
|
+
|
|
5
|
+
* Use same disabled button
|
|
6
|
+
|
|
7
|
+
**18.0.6**
|
|
8
|
+
|
|
9
|
+
* Fix Energy component - pdf display
|
|
10
|
+
|
|
11
|
+
**18.0.5**
|
|
12
|
+
|
|
13
|
+
* Fix Subtitle when it's an alternative
|
|
14
|
+
* Harmonize titles sizes
|
|
15
|
+
|
|
16
|
+
**18.0.4**
|
|
17
|
+
|
|
18
|
+
* Fix Energy component size - remove isCompact prop
|
|
19
|
+
|
|
3
20
|
**18.0.3**
|
|
4
21
|
|
|
5
22
|
* Fix Autocomplete disabled color
|
package/lib/energy/src/Energy.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
@@ -19,15 +8,13 @@ var Energy_styles_1 = require("./Energy.styles");
|
|
|
19
8
|
var Energy_utils_1 = require("./Energy.utils");
|
|
20
9
|
var interfaces_1 = require("./interfaces");
|
|
21
10
|
var Energy = function (_a) {
|
|
22
|
-
var carbonFootprint = _a.carbonFootprint, consumption = _a.consumption
|
|
11
|
+
var carbonFootprint = _a.carbonFootprint, consumption = _a.consumption;
|
|
23
12
|
var consumptionLevel = Energy_utils_1.getConsumptionLevel(consumption);
|
|
24
13
|
var carbonFootprintLevel = Energy_utils_1.getCarbonFootprintLevel(carbonFootprint);
|
|
25
14
|
var EPC = Energy_utils_1.getEPCLevel(consumptionLevel, carbonFootprintLevel);
|
|
26
|
-
|
|
27
|
-
position of the EPC letter on the background gradient :
|
|
28
|
-
|
|
29
|
-
*/
|
|
30
|
-
var EPC_LETTER_POS = 52 + (EPC - 2) * 42 - 12;
|
|
15
|
+
var ARROW_SIZE = 25;
|
|
16
|
+
// position of the EPC letter on the background gradient :
|
|
17
|
+
var EPC_LETTER_POS = EPC === 1 ? 0 : (EPC - 1) * ARROW_SIZE + (EPC - 2) * 10;
|
|
31
18
|
var TEXT_CONTENT = {
|
|
32
19
|
EPCTitle: 'Diagnostic de performance énergétique',
|
|
33
20
|
EPCLegend: "Diagnostic de performance \u00E9nerg\u00E9tique : niveau " + interfaces_1.EnergyLevel[EPC],
|
|
@@ -38,24 +25,25 @@ var Energy = function (_a) {
|
|
|
38
25
|
carbonFootprintUnit: 'kgekCO2/m²/an',
|
|
39
26
|
carbonFootprintLegend: "\u00C9mission de gaz \u00E0 effet de serre : " + carbonFootprint + " kgekCO2/m\u00B2/an, niveau: " + interfaces_1.EnergyLevel[carbonFootprintLevel]
|
|
40
27
|
};
|
|
41
|
-
return (react_1.default.createElement(
|
|
42
|
-
react_1.default.createElement(
|
|
43
|
-
|
|
44
|
-
react_1.default.createElement(
|
|
45
|
-
react_1.default.createElement(Energy_styles_1.
|
|
46
|
-
|
|
47
|
-
react_1.default.createElement(Energy_styles_1.
|
|
48
|
-
react_1.default.createElement(Energy_styles_1.
|
|
49
|
-
|
|
50
|
-
react_1.default.createElement(Energy_styles_1.
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
react_1.default.createElement(Energy_styles_1.
|
|
55
|
-
|
|
56
|
-
react_1.default.createElement(Energy_styles_1.
|
|
57
|
-
|
|
58
|
-
|
|
28
|
+
return (react_1.default.createElement("div", null,
|
|
29
|
+
react_1.default.createElement(Energy_styles_1.Title, null, TEXT_CONTENT.EPCTitle),
|
|
30
|
+
react_1.default.createElement(Energy_styles_1.Layout, { role: "document", "aria-label": TEXT_CONTENT.EPCTitle },
|
|
31
|
+
react_1.default.createElement("div", { role: "group", tabIndex: 0, "aria-label": TEXT_CONTENT.EPCLegend },
|
|
32
|
+
react_1.default.createElement(Energy_styles_1.EPCBackground, { arrowSize: ARROW_SIZE },
|
|
33
|
+
react_1.default.createElement(Energy_styles_1.LetterWrapper, { background: Energy_utils_1.translateEnergyLevelToColor(EPC), pos: EPC_LETTER_POS, isHero: true, letterSize: ARROW_SIZE }, interfaces_1.EnergyLevel[EPC]))),
|
|
34
|
+
react_1.default.createElement(Energy_styles_1.DetailsWrapper, null,
|
|
35
|
+
react_1.default.createElement(Energy_styles_1.Detail, { role: "group", tabIndex: 0, "aria-label": TEXT_CONTENT.consumptionLegend },
|
|
36
|
+
react_1.default.createElement(Energy_styles_1.DetailTitle, null, TEXT_CONTENT.consumptionTitle),
|
|
37
|
+
react_1.default.createElement(Energy_styles_1.ValueWrapper, null,
|
|
38
|
+
react_1.default.createElement(Energy_styles_1.DetailsValue, null, consumption),
|
|
39
|
+
react_1.default.createElement(Energy_styles_1.LetterWrapper, { background: '#32B982' }, interfaces_1.EnergyLevel[consumptionLevel])),
|
|
40
|
+
react_1.default.createElement(Energy_styles_1.Unit, null, TEXT_CONTENT.consumptionUnit)),
|
|
41
|
+
react_1.default.createElement(Energy_styles_1.Detail, { role: "group", tabIndex: 0, "aria-label": TEXT_CONTENT.carbonFootprintLegend },
|
|
42
|
+
react_1.default.createElement(Energy_styles_1.DetailTitle, null, TEXT_CONTENT.carbonFootprintTitle),
|
|
43
|
+
react_1.default.createElement(Energy_styles_1.ValueWrapper, null,
|
|
44
|
+
react_1.default.createElement(Energy_styles_1.DetailsValue, null, carbonFootprint),
|
|
45
|
+
react_1.default.createElement(Energy_styles_1.LetterWrapper, { background: '#7E6CE4' }, interfaces_1.EnergyLevel[carbonFootprintLevel])),
|
|
46
|
+
react_1.default.createElement(Energy_styles_1.Unit, null, TEXT_CONTENT.carbonFootprintUnit))))));
|
|
59
47
|
};
|
|
60
48
|
exports.default = Energy;
|
|
61
49
|
//# sourceMappingURL=Energy.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Energy.js","sourceRoot":"","sources":["../../../packages/energy/src/Energy.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Energy.js","sourceRoot":"","sources":["../../../packages/energy/src/Energy.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAkC;AAElC,iDAWyB;AACzB,+CAKwB;AACxB,2CAA2C;AAO3C,IAAM,MAAM,GAAiB,UAAC,EAAgC;QAA9B,eAAe,qBAAA,EAAE,WAAW,iBAAA;IAC1D,IAAM,gBAAgB,GAAG,kCAAmB,CAAC,WAAW,CAAC,CAAC;IAC1D,IAAM,oBAAoB,GAAG,sCAAuB,CAAC,eAAe,CAAC,CAAC;IACtE,IAAM,GAAG,GAAG,0BAAW,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAC;IAEhE,IAAM,UAAU,GAAG,EAAE,CAAC;IACtB,0DAA0D;IAC1D,IAAM,cAAc,GAClB,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,UAAU,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;IAE1D,IAAM,YAAY,GAAG;QACnB,QAAQ,EAAE,uCAAuC;QACjD,SAAS,EAAE,8DAAkD,wBAAW,CAAC,GAAG,CAAG;QAC/E,gBAAgB,EAAE,cAAc;QAChC,eAAe,EAAE,aAAa;QAC9B,iBAAiB,EAAE,4CAAgC,WAAW,oCAA0B,wBAAW,CAAC,gBAAgB,CAAG;QACvH,oBAAoB,EAAE,UAAU;QAChC,mBAAmB,EAAE,eAAe;QACpC,qBAAqB,EAAE,kDAAsC,eAAe,qCAA2B,wBAAW,CAAC,oBAAoB,CAAG;KAC3I,CAAC;IAEF,OAAO,CACL;QACE,8BAAC,qBAAK,QAAE,YAAY,CAAC,QAAQ,CAAS;QACtC,8BAAC,sBAAM,IAAC,IAAI,EAAC,UAAU,gBAAa,YAAY,CAAC,QAAQ;YACvD,uCAAK,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,CAAC,gBAAc,YAAY,CAAC,SAAS;gBAC/D,8BAAC,6BAAa,IAAC,SAAS,EAAE,UAAU;oBAClC,8BAAC,6BAAa,IACZ,UAAU,EAAE,0CAA2B,CAAC,GAAG,CAAC,EAC5C,GAAG,EAAE,cAAc,EACnB,MAAM,QACN,UAAU,EAAE,UAAU,IAErB,wBAAW,CAAC,GAAG,CAAC,CACH,CACF,CACZ;YACN,8BAAC,8BAAc;gBACb,8BAAC,sBAAM,IACL,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,CAAC,gBACC,YAAY,CAAC,iBAAiB;oBAE1C,8BAAC,2BAAW,QAAE,YAAY,CAAC,gBAAgB,CAAe;oBAC1D,8BAAC,4BAAY;wBACX,8BAAC,4BAAY,QAAE,WAAW,CAAgB;wBAC1C,8BAAC,6BAAa,IAAC,UAAU,EAAE,SAAS,IACjC,wBAAW,CAAC,gBAAgB,CAAC,CAChB,CACH;oBACf,8BAAC,oBAAI,QAAE,YAAY,CAAC,eAAe,CAAQ,CACpC;gBACT,8BAAC,sBAAM,IACL,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,CAAC,gBACC,YAAY,CAAC,qBAAqB;oBAE9C,8BAAC,2BAAW,QAAE,YAAY,CAAC,oBAAoB,CAAe;oBAC9D,8BAAC,4BAAY;wBACX,8BAAC,4BAAY,QAAE,eAAe,CAAgB;wBAC9C,8BAAC,6BAAa,IAAC,UAAU,EAAE,SAAS,IACjC,wBAAW,CAAC,oBAAoB,CAAC,CACpB,CACH;oBACf,8BAAC,oBAAI,QAAE,YAAY,CAAC,mBAAmB,CAAQ,CACxC,CACM,CACV,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}
|
|
@@ -20,8 +20,7 @@ var react_2 = require("@storybook/react");
|
|
|
20
20
|
var Energy_1 = __importDefault(require("./Energy"));
|
|
21
21
|
var knobs = function () { return ({
|
|
22
22
|
carbonFootprint: addon_knobs_1.number('Carbon footprint', 6),
|
|
23
|
-
consumption: addon_knobs_1.number('Consumption', 120)
|
|
24
|
-
isCompact: addon_knobs_1.boolean('isCompact', false)
|
|
23
|
+
consumption: addon_knobs_1.number('Consumption', 120)
|
|
25
24
|
}); };
|
|
26
25
|
react_2.storiesOf('Energy', module).add('Energy', function () { return react_1.default.createElement(Energy_1.default, __assign({}, knobs())); });
|
|
27
26
|
//# sourceMappingURL=Energy.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Energy.stories.js","sourceRoot":"","sources":["../../../packages/energy/src/Energy.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,
|
|
1
|
+
{"version":3,"file":"Energy.stories.js","sourceRoot":"","sources":["../../../packages/energy/src/Energy.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,sDAAgD;AAChD,0CAA6C;AAE7C,oDAA8B;AAE9B,IAAM,KAAK,GAAG,cAAM,OAAA,CAAC;IACnB,eAAe,EAAE,oBAAM,CAAC,kBAAkB,EAAE,CAAC,CAAC;IAC9C,WAAW,EAAE,oBAAM,CAAC,aAAa,EAAE,GAAG,CAAC;CACxC,CAAC,EAHkB,CAGlB,CAAC;AAEH,iBAAS,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,cAAM,OAAA,8BAAC,gBAAM,eAAK,KAAK,EAAE,EAAI,EAAvB,CAAuB,CAAC,CAAC"}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import { LetterWrapperProps } from './interfaces';
|
|
2
|
-
export declare const Layout: import("styled-components").StyledComponent<"div", any, {
|
|
3
|
-
isCompact: boolean;
|
|
4
|
-
}, never>;
|
|
2
|
+
export declare const Layout: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
3
|
export declare const Title: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
6
4
|
export declare const EPCBackground: import("styled-components").StyledComponent<"div", any, {
|
|
7
5
|
arrowSize: number;
|
|
@@ -28,38 +28,39 @@ var styled_components_1 = __importStar(require("styled-components"));
|
|
|
28
28
|
var utils_1 = require("../../utils");
|
|
29
29
|
var Energy_utils_1 = require("./Energy.utils");
|
|
30
30
|
var interfaces_1 = require("./interfaces");
|
|
31
|
-
var EPC_BACKGROUND_WIDTH =
|
|
32
|
-
var DETAILS_MARGIN =
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
})
|
|
38
|
-
exports.Title = styled_components_1.default.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n\n font-size: ", ";\n"], ["\n ", ";\n\n font-size: ", ";\n"])), utils_1.paragraphs.tab, utils_1.fonts.base);
|
|
39
|
-
exports.EPCBackground = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: relative;\n width: ", ";\n height: ", ";\n margin: ", " 0;\n background: ", ";\n"], ["\n position: relative;\n width: ", ";\n height: ", ";\n margin: ", " 0;\n background: ",
|
|
40
|
-
";\n"])), utils_1.convertPxToRem(EPC_BACKGROUND_WIDTH), utils_1.convertPxToRem(25), utils_1.convertPxToRem(40), function (_a) {
|
|
31
|
+
var EPC_BACKGROUND_WIDTH = 250;
|
|
32
|
+
var DETAILS_MARGIN = 24;
|
|
33
|
+
var PDF_DETAILS_MARGIN = 124;
|
|
34
|
+
exports.Layout = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: 100%;\n background-color: white;\n\n @media print, (min-width: ", "px) {\n flex-direction: row;\n }\n"], ["\n display: flex;\n flex-direction: column;\n width: 100%;\n background-color: white;\n\n @media print, (min-width: ", "px) {\n flex-direction: row;\n }\n"])), utils_1.breakpoints.base);
|
|
35
|
+
exports.Title = styled_components_1.default.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n\n font-size: ", ";\n"], ["\n ", ";\n\n font-size: ", ";\n"])), utils_1.paragraphs.tab, utils_1.fonts.small);
|
|
36
|
+
exports.EPCBackground = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: relative;\n margin: ", " 0;\n width: ", ";\n height: ", ";\n background: ", ";\n\n @media print, (min-width: ", "px) {\n margin: ", " 0 0 0;\n }\n"], ["\n position: relative;\n margin: ", " 0;\n width: ", ";\n height: ", ";\n background: ",
|
|
37
|
+
";\n\n @media print, (min-width: ", "px) {\n margin: ", " 0 0 0;\n }\n"])), utils_1.convertPxToRem(24), utils_1.convertPxToRem(EPC_BACKGROUND_WIDTH), utils_1.convertPxToRem(25), function (_a) {
|
|
41
38
|
var arrowSize = _a.arrowSize;
|
|
42
39
|
return Energy_utils_1.generateEPCBackground(interfaces_1.EnergyLevelColor, arrowSize);
|
|
43
|
-
});
|
|
44
|
-
exports.LetterWrapper = styled_components_1.default.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n padding: ", " ", ";\n border: ", " solid white;\n border-radius: ", ";\n background-color: ", ";\n color: white;\n font-size: ", ";\n\n ", ";\n\n ", "\n"], ["\n padding: ", " ", ";\n border: ", " solid white;\n border-radius: ", ";\n background-color: ", ";\n color: white;\n font-size: ", ";\n\n ",
|
|
45
|
-
";\n\n ",
|
|
46
|
-
"\n
|
|
40
|
+
}, utils_1.breakpoints.base, utils_1.convertPxToRem(52));
|
|
41
|
+
exports.LetterWrapper = styled_components_1.default.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n padding: ", " ", ";\n border: ", " solid white;\n border-radius: ", ";\n background-color: ", ";\n color: white;\n font-size: ", ";\n\n ", ";\n\n //dashed line\n @media print, (min-width: ", "px) {\n ", "\n }\n\n @media print {\n ", "\n }\n"], ["\n padding: ", " ", ";\n border: ", " solid white;\n border-radius: ", ";\n background-color: ", ";\n color: white;\n font-size: ", ";\n\n ",
|
|
42
|
+
";\n\n //dashed line\n @media print, (min-width: ", "px) {\n ",
|
|
43
|
+
"\n }\n\n @media print {\n ",
|
|
44
|
+
"\n }\n"])), utils_1.convertPxToRem(6), utils_1.convertPxToRem(8), utils_1.convertPxToRem(2), utils_1.radius.normal, function (_a) {
|
|
47
45
|
var background = _a.background;
|
|
48
46
|
return background;
|
|
49
47
|
}, utils_1.fonts.smaller, function (_a) {
|
|
50
|
-
var isHero = _a.isHero, pos = _a.pos;
|
|
48
|
+
var isHero = _a.isHero, pos = _a.pos, letterSize = _a.letterSize;
|
|
51
49
|
return isHero &&
|
|
52
|
-
|
|
50
|
+
letterSize && styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: absolute;\n top: ", ";\n left: ", ";\n padding: ", "\n ", ";\n text-align: center;\n border-radius: ", ";\n font-size: ", ";\n "], ["\n position: absolute;\n top: ", ";\n left: ", ";\n padding: ", "\n ", ";\n text-align: center;\n border-radius: ", ";\n font-size: ", ";\n "])), utils_1.convertPxToRem(-Math.floor(letterSize * 0.5)), utils_1.convertPxToRem(pos || 0), utils_1.convertPxToRem(Math.floor(letterSize * 0.4)), utils_1.convertPxToRem(Math.floor(letterSize * 0.6)), utils_1.radius.bigger, utils_1.fonts.big);
|
|
51
|
+
}, utils_1.breakpoints.base, function (_a) {
|
|
52
|
+
var _b = _a.pos, pos = _b === void 0 ? 0 : _b, isHero = _a.isHero;
|
|
53
|
+
return isHero && styled_components_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ::before {\n content: '';\n position: absolute;\n left: ", ";\n top: ", ";\n height: ", ";\n width: ", ";\n border-left: ", " dashed ", ";\n border-top: ", " dashed ", ";\n }\n "], ["\n ::before {\n content: '';\n position: absolute;\n left: ", ";\n top: ", ";\n height: ", ";\n width: ",
|
|
54
|
+
";\n border-left: ", " dashed ", ";\n border-top: ", " dashed ", ";\n }\n "])), utils_1.convertPxToRem(24), utils_1.convertPxToRem(-12), utils_1.convertPxToRem(12), utils_1.convertPxToRem(EPC_BACKGROUND_WIDTH - pos + DETAILS_MARGIN - 24), utils_1.convertPxToRem(1), utils_1.colors.dark.base20, utils_1.convertPxToRem(1), utils_1.colors.dark.base20);
|
|
53
55
|
}, function (_a) {
|
|
54
|
-
var
|
|
55
|
-
return
|
|
56
|
-
|
|
57
|
-
";\n border-left: ", " dashed ", ";\n border-top: ", " dashed ", ";\n }\n "])), utils_1.convertPxToRem(24), utils_1.convertPxToRem(-12), utils_1.convertPxToRem(12), utils_1.convertPxToRem(EPC_BACKGROUND_WIDTH - pos + DETAILS_MARGIN - 24), utils_1.convertPxToRem(1), utils_1.colors.dark.base20, utils_1.convertPxToRem(1), utils_1.colors.dark.base20);
|
|
56
|
+
var _b = _a.pos, pos = _b === void 0 ? 0 : _b, isHero = _a.isHero;
|
|
57
|
+
return isHero && styled_components_1.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ::before {\n width: ", ";\n }\n "], ["\n ::before {\n width: ",
|
|
58
|
+
";\n }\n "])), utils_1.convertPxToRem(EPC_BACKGROUND_WIDTH - pos + PDF_DETAILS_MARGIN - 24));
|
|
58
59
|
});
|
|
59
60
|
exports.DetailTitle = styled_components_1.default.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", ";\n\n display: block;\n font-size: ", ";\n color: ", ";\n text-transform: uppercase;\n"], ["\n ", ";\n\n display: block;\n font-size: ", ";\n color: ", ";\n text-transform: uppercase;\n"])), utils_1.paragraphs.tab, utils_1.fonts.smallest, utils_1.colors.grey.base);
|
|
60
|
-
exports.ValueWrapper = styled_components_1.default.span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n padding: ", " 0;\n"], ["\n display: flex;\n justify-content: space-between;\n padding: ", " 0;\n"])), utils_1.convertPxToRem(16));
|
|
61
|
-
exports.Detail = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n min-width: ", ";\n padding: 0 ", " ", ";\n"], ["\n min-width: ", ";\n padding: 0 ", " ", ";\n"])), utils_1.convertPxToRem(
|
|
62
|
-
exports.DetailsWrapper = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: flex;\n position: relative;\n
|
|
61
|
+
exports.ValueWrapper = styled_components_1.default.span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: ", " 0;\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: ", " 0;\n"])), utils_1.convertPxToRem(16));
|
|
62
|
+
exports.Detail = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n min-width: ", ";\n width: 50%;\n padding: 0 ", " ", ";\n"], ["\n min-width: ", ";\n width: 50%;\n padding: 0 ", " ", ";\n"])), utils_1.convertPxToRem(128), utils_1.convertPxToRem(16), utils_1.convertPxToRem(18));
|
|
63
|
+
exports.DetailsWrapper = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: flex;\n position: relative;\n width: 40%;\n max-width: ", ";\n\n ", " + ", " {\n position: relative;\n\n ::before {\n content: '';\n position: absolute;\n left: 0;\n top: ", ";\n height: ", ";\n border-left: ", " solid ", ";\n }\n }\n\n //card borders\n ::before {\n content: '';\n position: absolute;\n left: 0;\n top: ", ";\n min-width: ", ";\n width: 100%;\n max-width: ", ";\n min-height: ", ";\n height: 75%;\n border: ", " solid ", ";\n border-radius: ", ";\n }\n\n @media (min-width: ", "px) {\n margin-left: ", ";\n min-width: ", ";\n width: 50%;\n max-width: ", ";\n }\n\n @media print {\n margin-left: ", ";\n width: ", ";\n\n ::before {\n max-width: unset;\n width: ", ";\n }\n }\n"], ["\n display: flex;\n position: relative;\n width: 40%;\n max-width: ", ";\n\n ", " + ", " {\n position: relative;\n\n ::before {\n content: '';\n position: absolute;\n left: 0;\n top: ", ";\n height: ", ";\n border-left: ", " solid ", ";\n }\n }\n\n //card borders\n ::before {\n content: '';\n position: absolute;\n left: 0;\n top: ", ";\n min-width: ", ";\n width: 100%;\n max-width: ", ";\n min-height: ", ";\n height: 75%;\n border: ", " solid ", ";\n border-radius: ", ";\n }\n\n @media (min-width: ", "px) {\n margin-left: ", ";\n min-width: ", ";\n width: 50%;\n max-width: ", ";\n }\n\n @media print {\n margin-left: ", ";\n width: ", ";\n\n ::before {\n max-width: unset;\n width: ", ";\n }\n }\n"])), utils_1.convertPxToRem(300), exports.Detail, exports.Detail, utils_1.convertPxToRem(33), utils_1.convertPxToRem(68), utils_1.convertPxToRem(1), utils_1.colors.dark.base20, utils_1.convertPxToRem(18), utils_1.convertPxToRem(256), utils_1.convertPxToRem(300), utils_1.convertPxToRem(100), utils_1.convertPxToRem(1), utils_1.colors.dark.base20, utils_1.radius.biggest, utils_1.breakpoints.base, utils_1.convertPxToRem(DETAILS_MARGIN), utils_1.convertPxToRem(256), utils_1.convertPxToRem(300), utils_1.convertPxToRem(PDF_DETAILS_MARGIN), utils_1.convertPxToRem(316), utils_1.convertPxToRem(316));
|
|
63
64
|
exports.DetailsValue = styled_components_1.default.span(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n font-size: ", ";\n font-weight: bold;\n"], ["\n font-size: ", ";\n font-weight: bold;\n"])), utils_1.convertPxToRem(30));
|
|
64
65
|
exports.Unit = styled_components_1.default.span(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n font-size: ", ";\n"], ["\n font-size: ", ";\n"])), utils_1.fonts.smaller);
|
|
65
66
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Energy.styles.js","sourceRoot":"","sources":["../../../packages/energy/src/Energy.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,
|
|
1
|
+
{"version":3,"file":"Energy.styles.js","sourceRoot":"","sources":["../../../packages/energy/src/Energy.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -28,9 +28,5 @@ describe('<Energy/>', function () {
|
|
|
28
28
|
var tree = react_test_renderer_1.default.create(react_1.default.createElement(Energy_1.default, __assign({}, DEFAULT_PROPS)));
|
|
29
29
|
expect(tree).toMatchSnapshot();
|
|
30
30
|
});
|
|
31
|
-
it('should render compact component', function () {
|
|
32
|
-
var tree = react_test_renderer_1.default.create(react_1.default.createElement(Energy_1.default, __assign({}, DEFAULT_PROPS, { isCompact: true })));
|
|
33
|
-
expect(tree).toMatchSnapshot();
|
|
34
|
-
});
|
|
35
31
|
});
|
|
36
32
|
//# sourceMappingURL=Energy.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Energy.test.js","sourceRoot":"","sources":["../../../packages/energy/src/Energy.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,4EAA2C;AAE3C,yDAAsD;AACtD,oDAA4C;AAE5C,IAAM,aAAa,GAAa;IAC9B,eAAe,EAAE,CAAC;IAClB,WAAW,EAAE,GAAG;CACjB,CAAC;AAEF,QAAQ,CAAC,WAAW,EAAE;IACpB,EAAE,CAAC,uBAAuB,EAAE,cAAM,OAAA,qBAAQ,CAAC,8BAAC,gBAAM,eAAK,aAAa,EAAI,CAAC,EAAvC,CAAuC,CAAC,CAAC;IAE3E,EAAE,CAAC,yBAAyB,EAAE;QAC5B,IAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAAC,8BAAC,gBAAM,eAAK,aAAa,EAAI,CAAC,CAAC;QAE5D,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Energy.test.js","sourceRoot":"","sources":["../../../packages/energy/src/Energy.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,4EAA2C;AAE3C,yDAAsD;AACtD,oDAA4C;AAE5C,IAAM,aAAa,GAAa;IAC9B,eAAe,EAAE,CAAC;IAClB,WAAW,EAAE,GAAG;CACjB,CAAC;AAEF,QAAQ,CAAC,WAAW,EAAE;IACpB,EAAE,CAAC,uBAAuB,EAAE,cAAM,OAAA,qBAAQ,CAAC,8BAAC,gBAAM,eAAK,aAAa,EAAI,CAAC,EAAvC,CAAuC,CAAC,CAAC;IAE3E,EAAE,CAAC,yBAAyB,EAAE;QAC5B,IAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAAC,8BAAC,gBAAM,eAAK,aAAa,EAAI,CAAC,CAAC;QAE5D,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -84,7 +84,7 @@ var generateEPCBackground = function (colorList, colorSize) {
|
|
|
84
84
|
var colors = Object.values(colorList);
|
|
85
85
|
var gradientList = colors.reduce(function (gradients, color) {
|
|
86
86
|
var colorNumber = colors.indexOf(color);
|
|
87
|
-
var firstColorSize = colorSize
|
|
87
|
+
var firstColorSize = Math.floor(colorSize * 1.4);
|
|
88
88
|
var colorStart = firstColorSize + (colorNumber - 1) * colorSize;
|
|
89
89
|
var colorEnd = colorStart + colorSize;
|
|
90
90
|
var defautlColorGradient = exports.generateLinearGradient(color, colorStart, colorEnd);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Energy.utils.js","sourceRoot":"","sources":["../../../packages/energy/src/Energy.utils.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Energy.utils.js","sourceRoot":"","sources":["../../../packages/energy/src/Energy.utils.ts"],"names":[],"mappings":";;;AAEA,2CAA6D;AAEtD,IAAM,2BAA2B,GAAG,UAAC,KAAkB;IAC5D,QAAQ,KAAK,EAAE;QACb,KAAK,wBAAW,CAAC,CAAC;YAChB,OAAO,6BAAgB,CAAC,CAAC,CAAC;QAC5B,KAAK,wBAAW,CAAC,CAAC;YAChB,OAAO,6BAAgB,CAAC,CAAC,CAAC;QAC5B,KAAK,wBAAW,CAAC,CAAC;YAChB,OAAO,6BAAgB,CAAC,CAAC,CAAC;QAC5B,KAAK,wBAAW,CAAC,CAAC;YAChB,OAAO,6BAAgB,CAAC,CAAC,CAAC;QAC5B,KAAK,wBAAW,CAAC,CAAC;YAChB,OAAO,6BAAgB,CAAC,CAAC,CAAC;QAC5B,KAAK,wBAAW,CAAC,CAAC;YAChB,OAAO,6BAAgB,CAAC,CAAC,CAAC;QAC5B;YACE,OAAO,6BAAgB,CAAC,CAAC,CAAC;KAC7B;AACH,CAAC,CAAC;AAjBW,QAAA,2BAA2B,+BAiBtC;AAEK,IAAM,mBAAmB,GAAG,UAAC,WAAmB;IACrD,IAAI,WAAW,GAAG,EAAE,EAAE;QACpB,OAAO,wBAAW,CAAC,CAAC,CAAC;KACtB;SAAM,IAAI,WAAW,GAAG,GAAG,EAAE;QAC5B,OAAO,wBAAW,CAAC,CAAC,CAAC;KACtB;SAAM,IAAI,WAAW,GAAG,GAAG,EAAE;QAC5B,OAAO,wBAAW,CAAC,CAAC,CAAC;KACtB;SAAM,IAAI,WAAW,GAAG,GAAG,EAAE;QAC5B,OAAO,wBAAW,CAAC,CAAC,CAAC;KACtB;SAAM,IAAI,WAAW,GAAG,GAAG,EAAE;QAC5B,OAAO,wBAAW,CAAC,CAAC,CAAC;KACtB;SAAM,IAAI,WAAW,GAAG,GAAG,EAAE;QAC5B,OAAO,wBAAW,CAAC,CAAC,CAAC;KACtB;IACD,OAAO,wBAAW,CAAC,CAAC,CAAC;AACvB,CAAC,CAAC;AAfW,QAAA,mBAAmB,uBAe9B;AAEK,IAAM,uBAAuB,GAAG,UACrC,eAAuB;IAEvB,IAAI,eAAe,GAAG,CAAC,EAAE;QACvB,OAAO,wBAAW,CAAC,CAAC,CAAC;KACtB;SAAM,IAAI,eAAe,GAAG,EAAE,EAAE;QAC/B,OAAO,wBAAW,CAAC,CAAC,CAAC;KACtB;SAAM,IAAI,eAAe,GAAG,EAAE,EAAE;QAC/B,OAAO,wBAAW,CAAC,CAAC,CAAC;KACtB;SAAM,IAAI,eAAe,GAAG,EAAE,EAAE;QAC/B,OAAO,wBAAW,CAAC,CAAC,CAAC;KACtB;SAAM,IAAI,eAAe,GAAG,EAAE,EAAE;QAC/B,OAAO,wBAAW,CAAC,CAAC,CAAC;KACtB;SAAM,IAAI,eAAe,GAAG,GAAG,EAAE;QAChC,OAAO,wBAAW,CAAC,CAAC,CAAC;KACtB;IACD,OAAO,wBAAW,CAAC,CAAC,CAAC;AACvB,CAAC,CAAC;AAjBW,QAAA,uBAAuB,2BAiBlC;AAEK,IAAM,WAAW,GAAG,UACzB,gBAA6B,EAC7B,oBAAiC;IAEjC,OAAA,gBAAgB,GAAG,oBAAoB;QACrC,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,oBAAoB;AAFxB,CAEwB,CAAC;AANd,QAAA,WAAW,eAMG;AAEpB,IAAM,sBAAsB,GAAG,UACpC,KAAa,EACb,KAAa,EACb,GAAW,EACX,OAAe;IAAf,wBAAA,EAAA,eAAe;IAEf,OAAA,sBACE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,2CACiB,KAAK,YAAO,KAAK,SAAI,KAAK,YAAO,KAAK,SAAI,GAAG,wBAAmB,GAAG,QAAK;AAF7G,CAE6G,CAAC;AARnG,QAAA,sBAAsB,0BAQ6E;AAEzG,IAAM,qBAAqB,GAAG,UACnC,SAAqB,EACrB,SAAiB;IAEjB;;;MAGE;IACF,IAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAExC,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,UAAC,SAAmB,EAAE,KAAK;QAC5D,IAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAE1C,IAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC;QACnD,IAAM,UAAU,GAAG,cAAc,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;QAClE,IAAM,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;QAExC,IAAM,oBAAoB,GAAG,8BAAsB,CACjD,KAAK,EACL,UAAU,EACV,QAAQ,CACT,CAAC;QAEF,IAAI,WAAW,KAAK,CAAC,EAAE;YACrB,IAAM,aAAa,GAAG,8BAAsB,CAAC,KAAK,EAAE,CAAC,EAAE,cAAc,CAAC,CAAC;YAEvE,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;SAClC;QAED,IAAI,WAAW,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;YACrC,IAAM,SAAS,GAAG,cAAc,GAAG,WAAW,GAAG,SAAS,CAAC;YAC3D,IAAM,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;YAEvC,IAAM,aAAa,GAAG,8BAAsB,CAC1C,KAAK,EACL,UAAU,EACV,cAAc,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,SAAS,GAAG,SAAS,EAC1D,IAAI,CACL,CAAC;YACF,IAAM,SAAS,GAAG,8BAAsB,CACtC,OAAO,EACP,SAAS,EACT,QAAQ,EACR,IAAI,CACL,CAAC;YACF,IAAM,SAAS,GAAG,8BAAsB,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;YAEvE,SAAS,CAAC,OAAO,CACf,SAAS,EACT,SAAS,EACT,aAAa,EACb,oBAAoB,CACrB,CAAC;SACH;aAAM;YACL,IAAM,aAAa,GAAG,8BAAsB,CAC1C,KAAK,EACL,UAAU,EACV,QAAQ,EACR,IAAI,CACL,CAAC;YAEF,SAAS,CAAC,OAAO,CAAC,aAAa,EAAE,oBAAoB,CAAC,CAAC;SACxD;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAChC,CAAC,CAAC;AApEW,QAAA,qBAAqB,yBAoEhC"}
|
|
@@ -55,13 +55,13 @@ describe('generateLinearGradient()', function () {
|
|
|
55
55
|
});
|
|
56
56
|
describe('generateEPCBgackground()', function () {
|
|
57
57
|
it('should generate only 1 arrow', function () {
|
|
58
|
-
expect(Energy_utils_1.generateEPCBackground({ A: '#32b982' }, 30)).toEqual('linear-gradient(45deg, transparent 0px, transparent
|
|
58
|
+
expect(Energy_utils_1.generateEPCBackground({ A: '#32b982' }, 30)).toEqual('linear-gradient(45deg, transparent 0px, transparent 42px, white 42px, white 72px, transparent 72px),linear-gradient(135deg, transparent 0px, transparent 42px, white 42px, white 72px, transparent 72px),linear-gradient(45deg, transparent 0px, transparent 12px, #32b982 12px, #32b982 42px, transparent 42px),linear-gradient(135deg, transparent 0px, transparent 12px, #32b982 12px, #32b982 42px, transparent 42px),linear-gradient(135deg, transparent 0px, transparent 0px, #32b982 0px, #32b982 42px, transparent 42px)');
|
|
59
59
|
});
|
|
60
60
|
it('should generate 2 arrows', function () {
|
|
61
|
-
expect(Energy_utils_1.generateEPCBackground({ A: '#32b982', B: '#5ed44a' }, 30)).toEqual('linear-gradient(45deg, transparent 0px, transparent
|
|
61
|
+
expect(Energy_utils_1.generateEPCBackground({ A: '#32b982', B: '#5ed44a' }, 30)).toEqual('linear-gradient(45deg, transparent 0px, transparent 72px, white 72px, white 102px, transparent 102px),linear-gradient(135deg, transparent 0px, transparent 72px, white 72px, white 102px, transparent 102px),linear-gradient(45deg, transparent 0px, transparent 42px, #5ed44a 42px, #5ed44a 72px, transparent 72px),linear-gradient(135deg, transparent 0px, transparent 42px, #5ed44a 42px, #5ed44a 72px, transparent 72px),linear-gradient(45deg, transparent 0px, transparent 12px, #32b982 12px, #32b982 42px, transparent 42px),linear-gradient(135deg, transparent 0px, transparent 12px, #32b982 12px, #32b982 42px, transparent 42px),linear-gradient(135deg, transparent 0px, transparent 0px, #32b982 0px, #32b982 42px, transparent 42px)');
|
|
62
62
|
});
|
|
63
63
|
it('should generate full EPC rainbow background arrows', function () {
|
|
64
|
-
expect(Energy_utils_1.generateEPCBackground(interfaces_1.EnergyLevelColor, 30)).toEqual('linear-gradient(45deg, transparent 0px, transparent
|
|
64
|
+
expect(Energy_utils_1.generateEPCBackground(interfaces_1.EnergyLevelColor, 30)).toEqual('linear-gradient(45deg, transparent 0px, transparent 222px, white 222px, white 252px, transparent 252px),linear-gradient(135deg, transparent 0px, transparent 222px, white 222px, white 252px, transparent 252px),linear-gradient(45deg, transparent 0px, transparent 192px, #CF2D25 192px, #CF2D25 222px, transparent 222px),linear-gradient(135deg, transparent 0px, transparent 192px, #CF2D25 192px, #CF2D25 222px, transparent 222px),linear-gradient(45deg, transparent 0px, transparent 162px, #D46B3B 162px, #D46B3B 192px, transparent 192px),linear-gradient(135deg, transparent 0px, transparent 162px, #D46B3B 162px, #D46B3B 192px, transparent 192px),linear-gradient(45deg, transparent 0px, transparent 132px, #DB9C38 132px, #DB9C38 162px, transparent 162px),linear-gradient(135deg, transparent 0px, transparent 132px, #DB9C38 132px, #DB9C38 162px, transparent 162px),linear-gradient(45deg, transparent 0px, transparent 102px, #DCC646 102px, #DCC646 132px, transparent 132px),linear-gradient(135deg, transparent 0px, transparent 102px, #DCC646 102px, #DCC646 132px, transparent 132px),linear-gradient(45deg, transparent 0px, transparent 72px, #B3CA41 72px, #B3CA41 102px, transparent 102px),linear-gradient(135deg, transparent 0px, transparent 72px, #B3CA41 72px, #B3CA41 102px, transparent 102px),linear-gradient(45deg, transparent 0px, transparent 42px, #5ED44A 42px, #5ED44A 72px, transparent 72px),linear-gradient(135deg, transparent 0px, transparent 42px, #5ED44A 42px, #5ED44A 72px, transparent 72px),linear-gradient(45deg, transparent 0px, transparent 12px, #32B982 12px, #32B982 42px, transparent 42px),linear-gradient(135deg, transparent 0px, transparent 12px, #32B982 12px, #32B982 42px, transparent 42px),linear-gradient(135deg, transparent 0px, transparent 0px, #32B982 0px, #32B982 42px, transparent 42px)');
|
|
65
65
|
});
|
|
66
66
|
});
|
|
67
67
|
//# sourceMappingURL=Energy.utils.test.js.map
|