oolib 2.17.2 → 2.17.5
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.
|
@@ -75,7 +75,8 @@ var BannerAlert = function (_a) {
|
|
|
75
75
|
var _c = (0, react_1.useState)(0), top = _c[0], setTop = _c[1];
|
|
76
76
|
(0, react_1.useEffect)(function () {
|
|
77
77
|
setTimeout(function () {
|
|
78
|
-
var ele = document.
|
|
78
|
+
var ele = document.getElementById("bannerInfo");
|
|
79
|
+
console.log({ ele: ele, h: ele.offsetHeight });
|
|
79
80
|
setTop(ele.offsetHeight);
|
|
80
81
|
}, 100);
|
|
81
82
|
});
|
|
@@ -85,6 +86,6 @@ exports.BannerAlert = BannerAlert;
|
|
|
85
86
|
var BannerInfo = function (_a) {
|
|
86
87
|
var _b;
|
|
87
88
|
var BANNER_STATE = _a.BANNER_STATE, REMOVE_INFO_BANNER = _a.REMOVE_INFO_BANNER;
|
|
88
|
-
return (react_1.default.createElement(index_styled_1.BannerInfoStyled,
|
|
89
|
+
return (react_1.default.createElement(index_styled_1.BannerInfoStyled, { id: "bannerInfo" }, (_b = BANNER_STATE === null || BANNER_STATE === void 0 ? void 0 : BANNER_STATE.infoState) === null || _b === void 0 ? void 0 : _b.map(function (e) { return (react_1.default.createElement(Banner, { key: e.id, id: e.id, color: e.color, msg: e.msg, cta: e.cta, handleRemove: REMOVE_INFO_BANNER, timeOut: e.timeOut, showIcon: e.showIcon, bottomStroke: false })); })));
|
|
89
90
|
};
|
|
90
91
|
exports.BannerInfo = BannerInfo;
|
|
@@ -63,7 +63,8 @@ exports.BannerWrapperStyled = styled_components_1.default.div(templateObject_3 |
|
|
|
63
63
|
return (color === "dark" ? white : "");
|
|
64
64
|
}, (0, mixins_1.mediaQuery)("sm"));
|
|
65
65
|
exports.BannerStyled = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n width: 100%;\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n width: 100%;\n"])));
|
|
66
|
-
exports.BannerAlertStyled = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: sticky;\n z-index: 10000000;\n width: 100%;\n ", ";\n\n ", "\n"], ["\n position: sticky;\n z-index: 10000000;\n width: 100%;\n ", ";\n\n ", "\n"])), function (
|
|
66
|
+
exports.BannerAlertStyled = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: sticky;\n z-index: 10000000;\n width: 100%;\n ", ";\n\n ", "\n"], ["\n position: sticky;\n z-index: 10000000;\n width: 100%;\n ", ";\n\n ", "\n"])), function (_a) {
|
|
67
|
+
var top = _a.top;
|
|
67
68
|
return top && (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n top: ", "px;\n "], ["\n top: ", "px;\n "])), top);
|
|
68
69
|
}, (0, transitions_1.transition)("top"));
|
|
69
70
|
exports.BannerInfoStyled = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n position: sticky;\n z-index: 10000000;\n top: 0;\n width: 100%;\n"], ["\n position: sticky;\n z-index: 10000000;\n top: 0;\n width: 100%;\n"])));
|
|
@@ -90,20 +90,24 @@ var IndiaFlag = function (props) { return (react_1.default.createElement("svg",
|
|
|
90
90
|
react_1.default.createElement("path", { fill: "#3D58DB", d: "M15 20a5 5 0 1010 0 5 5 0 00-10 0zm8.75 0a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" }),
|
|
91
91
|
react_1.default.createElement("path", { fill: "#3D58DB", d: "M19.993 21.076l-.713 3.9.414-3.943-1.784 3.541 1.509-3.667-2.71 2.896 2.482-3.094-3.416 2.015 3.252-2.269-3.845.971 3.76-1.261-3.963-.151 3.963-.151-3.76-1.262 3.845.972-3.252-2.27 3.415 2.015-2.48-3.093 2.709 2.895-1.509-3.667 1.784 3.542-.414-3.944.713 3.9.714-3.9-.415 3.944 1.784-3.542-1.509 3.667 2.71-2.895-2.481 3.093 3.415-2.015-3.252 2.27 3.845-.972-3.76 1.262 3.963.15-3.963.152 3.76 1.261-3.845-.971 3.252 2.27-3.415-2.016 2.48 3.094-2.709-2.896 1.509 3.668-1.784-3.542.415 3.944-.714-3.901z" })))); };
|
|
92
92
|
exports.IndiaFlag = IndiaFlag;
|
|
93
|
-
var KenyaFlag = function (props) { return (react_1.default.createElement("svg", {
|
|
94
|
-
react_1.default.createElement("mask", { id: "
|
|
93
|
+
var KenyaFlag = function (props) { return (react_1.default.createElement("svg", { width: props.size || 30, height: props.size || 30, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
94
|
+
react_1.default.createElement("mask", { id: "a", style: {
|
|
95
|
+
maskType: "alpha",
|
|
96
|
+
}, maskUnits: "userSpaceOnUse", x: 0, y: 6, width: 40, height: 28 },
|
|
95
97
|
react_1.default.createElement("path", { fill: "#fff", d: "M0 6H40V34H0z" })),
|
|
96
|
-
react_1.default.createElement("g", { mask: "url(#
|
|
97
|
-
react_1.default.createElement("path", {
|
|
98
|
-
react_1.default.createElement("path", {
|
|
99
|
-
react_1.default.createElement("path", { fill: "#E31D1C", stroke: "#F7FCFF", strokeWidth:
|
|
100
|
-
react_1.default.createElement("path", {
|
|
101
|
-
react_1.default.createElement("path", {
|
|
102
|
-
react_1.default.createElement("path", {
|
|
103
|
-
react_1.default.createElement("mask", { id: "
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
react_1.default.createElement("path", {
|
|
107
|
-
|
|
108
|
-
react_1.default.createElement("path", {
|
|
98
|
+
react_1.default.createElement("g", { mask: "url(#a)" },
|
|
99
|
+
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 6a5 5 0 00-5 5v4.333h40V11a5 5 0 00-5-5H5z", fill: "#272727" }),
|
|
100
|
+
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 24.667V29a5 5 0 005 5h30a5 5 0 005-5v-4.333H0z", fill: "#4E8B1D" }),
|
|
101
|
+
react_1.default.createElement("path", { d: "M0 14.333h-1v11.334h42V14.333H0z", fill: "#E31D1C", stroke: "#F7FCFF", strokeWidth: 2 })),
|
|
102
|
+
react_1.default.createElement("path", { d: "M23.774 10.584c.238-.455.878-.953 1.92-1.492a.133.133 0 01.115-.002c.062.028.088.098.057.156L15.077 29.892l-.562-.255 9.51-18.2c-.43-.066-.514-.35-.25-.853z", fill: "#fff" }),
|
|
103
|
+
react_1.default.createElement("path", { d: "M16.214 10.584c.263.503.18.787-.251.853l9.51 18.2-.562.255L14.122 9.246c-.03-.058-.005-.128.058-.156a.133.133 0 01.116.002c1.04.54 1.68 1.037 1.918 1.492z", fill: "#fff" }),
|
|
104
|
+
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 29.333c1.246 0 6.25-4.178 6.25-9.333s-5.004-9.333-6.25-9.333c-1.246 0-6.25 4.178-6.25 9.333s5.004 9.333 6.25 9.333z", fill: "#E31D1C" }),
|
|
105
|
+
react_1.default.createElement("mask", { id: "b", style: {
|
|
106
|
+
maskType: "alpha",
|
|
107
|
+
}, maskUnits: "userSpaceOnUse", x: 13, y: 10, width: 14, height: 20 },
|
|
108
|
+
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 29.333c1.246 0 6.25-4.178 6.25-9.333s-5.004-9.333-6.25-9.333c-1.246 0-6.25 4.178-6.25 9.333s5.004 9.333 6.25 9.333z", fill: "#fff" })),
|
|
109
|
+
react_1.default.createElement("g", { mask: "url(#b)" },
|
|
110
|
+
react_1.default.createElement("path", { d: "M8.125 28.167c4.832 0 8.75-3.657 8.75-8.167s-3.918-8.167-8.75-8.167S-.625 15.49-.625 20s3.918 8.167 8.75 8.167zM31.875 28.167c4.833 0 8.75-3.657 8.75-8.167s-3.917-8.167-8.75-8.167c-4.832 0-8.75 3.657-8.75 8.167s3.918 8.167 8.75 8.167z", fill: "#272727" }),
|
|
111
|
+
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.25 18.752c.57-.379 1-2.026 1-4.002s-.43-3.623-1-4.002v8.004zm-.625-.106c-.507-.52-.875-2.068-.875-3.896 0-1.828.368-3.376.875-3.896v7.792zm0 2.708v7.792c-.507-.52-.875-2.068-.875-3.896 0-1.828.368-3.376.875-3.896zm.625 7.898v-8.004c.57.379 1 2.026 1 4.002s-.43 3.623-1 4.002z", fill: "#F7FCFF" }),
|
|
112
|
+
react_1.default.createElement("path", { d: "M20 18.833c.69 0 1.25.523 1.25 1.167s-.56 1.167-1.25 1.167-1.25-.523-1.25-1.167.56-1.167 1.25-1.167z", fill: "#F7FCFF" })))); };
|
|
109
113
|
exports.KenyaFlag = KenyaFlag;
|