contentoh-components-library 21.4.10 → 21.4.12
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.
|
@@ -54,6 +54,9 @@ var GridItem = function GridItem(_ref) {
|
|
|
54
54
|
|
|
55
55
|
case "images":
|
|
56
56
|
return "IMG";
|
|
57
|
+
|
|
58
|
+
default:
|
|
59
|
+
return "S.G.";
|
|
57
60
|
}
|
|
58
61
|
};
|
|
59
62
|
|
|
@@ -98,7 +101,7 @@ var GridItem = function GridItem(_ref) {
|
|
|
98
101
|
})
|
|
99
102
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Status.Status, {
|
|
100
103
|
statusType: item.value
|
|
101
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PercentTag.PercentTag, {
|
|
104
|
+
}), (item === null || item === void 0 ? void 0 : item.percent) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PercentTag.PercentTag, {
|
|
102
105
|
percent: item.percent,
|
|
103
106
|
progressBarType: item.value
|
|
104
107
|
})]
|
|
@@ -15,6 +15,6 @@ var _variables = require("../../../global-files/variables");
|
|
|
15
15
|
|
|
16
16
|
var _templateObject;
|
|
17
17
|
|
|
18
|
-
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 175px;\n border: 1px solid #f0f0f0;\n position: relative;\n height: fit-content;\n\n .chk-container {\n position: absolute;\n top: 5px;\n left: 5px;\n z-index: 5;\n height: 16px;\n }\n\n .data-body {\n padding: 10px;\n border-bottom: 1px solid #f0f0f0;\n\n h3,\n p {\n color: #262626;\n font-family: ", ";\n font-size: 12px;\n line-height: 16px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n & + p {\n margin-top: 5px;\n }\n }\n p {\n font-size: 10px;\n line-height: 12px;\n color: #808080;\n }\n }\n\n .status-slider {\n display: flex;\n padding: 5px 10px;\n overflow: auto;\n border-bottom: 1px solid #f0f0f0;\n flex-wrap: nowrap;\n\n .status-element {\n display: flex;\n\n .srv-name {\n background-color: #808080;\n padding: 0 10px;\n border-radius: 5px;\n p {\n font-family: ", ";\n font-size: 12px;\n line-height: 20px;\n font-weight: 700;\n color: #fff;\n }\n }\n }\n\n * + * {\n margin-left: 10px;\n }\n }\n\n .cart-and-raiting,\n .retailers-and-user {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 5px 10px;\n .star-button {\n button {\n padding: 3px;\n color: transparent;\n -webkit-text-stroke: 1px #808080;\n }\n }\n }\n\n .retailers-and-user {\n padding: 0;\n > * {\n flex: 1 0 50%;\n display: flex;\n padding: 5px;\n height: 36px;\n }\n .retailers-container {\n border-right: 1px solid #f0f0f0;\n }\n }\n\n &:hover {\n cursor: pointer;\n box-shadow: 1px 2px 5px black;\n }\n"])), _variables.FontFamily.Lato, _variables.FontFamily.AvenirNext);
|
|
18
|
+
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 175px;\n border: 1px solid #f0f0f0;\n position: relative;\n height: fit-content;\n\n .chk-container {\n position: absolute;\n top: 5px;\n left: 5px;\n z-index: 5;\n height: 16px;\n }\n\n .data-body {\n padding: 10px;\n border-bottom: 1px solid #f0f0f0;\n\n & > h3,\n & > p {\n color: #262626;\n font-family: ", ";\n font-size: 12px;\n line-height: 16px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n & + p {\n margin-top: 5px;\n }\n }\n p {\n font-size: 10px;\n line-height: 12px;\n color: #808080;\n }\n }\n\n .status-slider {\n display: flex;\n padding: 5px 10px;\n overflow: auto;\n border-bottom: 1px solid #f0f0f0;\n flex-wrap: nowrap;\n\n .status-element {\n display: flex;\n\n .srv-name {\n background-color: #808080;\n padding: 0 10px;\n border-radius: 5px;\n p {\n font-family: ", ";\n font-size: 12px;\n line-height: 20px;\n font-weight: 700;\n color: #fff;\n }\n }\n }\n\n * + * {\n margin-left: 10px;\n }\n }\n\n .cart-and-raiting,\n .retailers-and-user {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 5px 10px;\n .star-button {\n button {\n padding: 3px;\n color: transparent;\n -webkit-text-stroke: 1px #808080;\n }\n }\n }\n\n .retailers-and-user {\n padding: 0;\n > * {\n flex: 1 0 50%;\n display: flex;\n padding: 5px;\n height: 36px;\n }\n .retailers-container {\n border-right: 1px solid #f0f0f0;\n }\n }\n\n &:hover {\n cursor: pointer;\n box-shadow: 1px 2px 5px black;\n }\n"])), _variables.FontFamily.Lato, _variables.FontFamily.AvenirNext);
|
|
19
19
|
|
|
20
20
|
exports.Container = Container;
|
package/package.json
CHANGED
|
@@ -28,6 +28,8 @@ export const GridItem = ({
|
|
|
28
28
|
return "D.C.";
|
|
29
29
|
case "images":
|
|
30
30
|
return "IMG";
|
|
31
|
+
default:
|
|
32
|
+
return "S.G.";
|
|
31
33
|
}
|
|
32
34
|
};
|
|
33
35
|
|
|
@@ -55,7 +57,9 @@ export const GridItem = ({
|
|
|
55
57
|
<p>{getSrvName(item.title)}</p>
|
|
56
58
|
</div>
|
|
57
59
|
<Status statusType={item.value} />
|
|
58
|
-
|
|
60
|
+
{item?.percent && (
|
|
61
|
+
<PercentTag percent={item.percent} progressBarType={item.value} />
|
|
62
|
+
)}
|
|
59
63
|
</div>
|
|
60
64
|
))}
|
|
61
65
|
</div>
|