sag_components 1.0.719 → 1.0.720
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.
|
@@ -15,7 +15,7 @@ const Headline = exports.Headline = _styledComponents.default.h6(_templateObject
|
|
|
15
15
|
const Block = exports.Block = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n margin-bottom: 12px;\n"])));
|
|
16
16
|
const Text = exports.Text = _styledComponents.default.p(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n color: #8B8989;\n font-size: 12px;\n font-weight: 400;\n margin: 0;\n"])));
|
|
17
17
|
const MoreInfo = exports.MoreInfo = _styledComponents.default.span(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n color: #229E38;\n font-size: 12px;\n font-weight: 400;\n text-decoration: underline;\n cursor: pointer;\n"])));
|
|
18
|
-
const DetailsWrapper = exports.DetailsWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n
|
|
18
|
+
const DetailsWrapper = exports.DetailsWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n gap: 12px;\n align-items: stretch;\n margin-top: 12px;\n"])));
|
|
19
19
|
const KeyBlock = exports.KeyBlock = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n /* position: relative; */\n"])));
|
|
20
20
|
const Key = exports.Key = _styledComponents.default.span(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: inline-flex;\n align-items: center;\n gap: 4px;\n font-size: 12px;\n font-weight: 500;\n"])));
|
|
21
21
|
const Count = exports.Count = _styledComponents.default.span(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n color: #8B8989;\n font-size: 12px;\n font-weight: 400;\n"])));
|
|
@@ -19,7 +19,10 @@ const LinnerDataBox = props => {
|
|
|
19
19
|
backgroundColor: backgroundColor,
|
|
20
20
|
width: width || '100%',
|
|
21
21
|
height: height || '200px'
|
|
22
|
-
}, data.map(item =>
|
|
22
|
+
}, data.map(item => {
|
|
23
|
+
var _ref;
|
|
24
|
+
return /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBox, null, /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxTitle, null, item.title), /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxContent, null, item.value !== null && item.value !== undefined ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxContentSign, null, item.sign), /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxContentValue, null, ''.concat((0, _CommonFunctions.getFormattedValue)(item.value), (0, _CommonFunctions.getFormattedUnits)(item.value)))) : /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxContentNoValue, null, "No Data")), (_ref = item.value !== null && item.value !== undefined) !== null && _ref !== void 0 ? _ref : item.extraInfo.map(extraInfoItem => /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxExtraInfoCell, null, /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxExtraInfoCellValue, null, ''.concat('$', (0, _CommonFunctions.getFormattedValue)(extraInfoItem.value), (0, _CommonFunctions.getFormattedUnits)(extraInfoItem.value))), /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxExtraInfoCellTitle, null, extraInfoItem.title))));
|
|
25
|
+
}));
|
|
23
26
|
};
|
|
24
27
|
exports.LinnerDataBox = LinnerDataBox;
|
|
25
28
|
var _default = exports.default = LinnerDataBox;
|
|
@@ -14,7 +14,7 @@ const DataBoxTitle = exports.DataBoxTitle = _styledComponents.default.span(_temp
|
|
|
14
14
|
const DataBoxContent = exports.DataBoxContent = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: baseline;\n"])));
|
|
15
15
|
const DataBoxContentSign = exports.DataBoxContentSign = _styledComponents.default.span(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 18px;\n font-weight: 500;\n"])));
|
|
16
16
|
const DataBoxContentValue = exports.DataBoxContentValue = _styledComponents.default.span(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 40px;\n font-weight: 500;\n"])));
|
|
17
|
-
const DataBoxContentNoValue = exports.DataBoxContentNoValue = _styledComponents.default.span(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 18px;\n font-weight: 500;\n margin: 20px auto;\n"])));
|
|
17
|
+
const DataBoxContentNoValue = exports.DataBoxContentNoValue = _styledComponents.default.span(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 18px;\n font-weight: 500;\n margin: 20px auto 0;\n"])));
|
|
18
18
|
const DataBoxExtraInfo = exports.DataBoxExtraInfo = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n"])));
|
|
19
19
|
const DataBoxExtraInfoCell = exports.DataBoxExtraInfoCell = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n gap: 5px;\n"])));
|
|
20
20
|
const DataBoxExtraInfoCellTitle = exports.DataBoxExtraInfoCellTitle = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n color: #999;\n font-size: 12px;\n text-transform: uppercase;\n"])));
|