oolib 2.55.0 → 2.55.1

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.
Files changed (4) hide show
  1. package/dist/components/HomeCover/index.js +19 -12
  2. package/dist/icons/custom/index.d.ts +6 -6
  3. package/dist/icons/custom/index.js +12 -12
  4. package/package.json +1 -1
package/dist/components/HomeCover/index.js CHANGED
@@ -75,19 +75,21 @@ var HomeCover = function (_a) {
75
75
  }
76
76
  var interval, timeout;
77
77
  interval = setInterval(function () {
78
- setCoverImageIdx(function (prev) {
79
- return __assign(__assign({}, prev), { currLayer: prev.currLayer === "layer1" ? "layer2" : "layer1" });
80
- });
81
- timeout = setTimeout(function () {
78
+ if (_CoverImages.length >= 4) {
82
79
  setCoverImageIdx(function (prev) {
83
- var _a;
84
- var layerToSwitch = prev.currLayer === "layer1" ? "layer2" : "layer1";
85
- return __assign(__assign({}, prev), (_a = {}, _a[layerToSwitch] = [
86
- (prev[layerToSwitch][0] + 4) % _CoverImages.length,
87
- (prev[layerToSwitch][1] + 4) % _CoverImages.length,
88
- ], _a));
80
+ return __assign(__assign({}, prev), { currLayer: prev.currLayer === "layer1" ? "layer2" : "layer1" });
89
81
  });
90
- }, 300); // the interval here shoudl be the same as the css transition interval
82
+ timeout = setTimeout(function () {
83
+ setCoverImageIdx(function (prev) {
84
+ var _a;
85
+ var layerToSwitch = prev.currLayer === "layer1" ? "layer2" : "layer1";
86
+ return __assign(__assign({}, prev), (_a = {}, _a[layerToSwitch] = [
87
+ (prev[layerToSwitch][0] + 4) % _CoverImages.length,
88
+ (prev[layerToSwitch][1] + 4) % _CoverImages.length,
89
+ ], _a));
90
+ });
91
+ }, 300); // the interval here shoudl be the same as the css transition interval
92
+ }
91
93
  }, 3000);
92
94
  //resize title container if text is bleeding out due to long word
93
95
  return function () {
@@ -122,7 +124,12 @@ var HomeCover = function (_a) {
122
124
  paddingBottom: i + 1 !== (0, toArray_1.toArray)(desc).length ? "1rem" : 0,
123
125
  } }, d)); }),
124
126
  customComp && customComp,
125
- CTALink && (react_1.default.createElement(Buttons_1.ButtonPrimary, { className: "HomeCover__cta", icon: "CaretRight", style: { position: "absolute", bottom: 0, right: 0, borderRadius: 0 }, onClick: function () {
127
+ CTALink && (react_1.default.createElement(Buttons_1.ButtonPrimary, { className: "HomeCover__cta", icon: "CaretRight", style: {
128
+ position: "absolute",
129
+ bottom: 0,
130
+ right: 0,
131
+ borderRadius: 0,
132
+ }, onClick: function () {
126
133
  history.push(CTALink);
127
134
  } })))),
128
135
  react_1.default.createElement(styled_1.StyledHomeCoverImgWrapper, { breakPoint: "none" },
package/dist/icons/custom/index.d.ts CHANGED
@@ -52,9 +52,9 @@ export function PDFIcon(props: any): any;
52
52
  export function Attachment2(props: any): any;
53
53
  export function VideoEmbedIcon(props: any): any;
54
54
  export function AudioEmbedIcon(props: any): any;
55
- export function BrazilFlag(): any;
56
- export function ColombiaFlag(): any;
57
- export function MalaysiaFlag(): any;
58
- export function UKFlag(): any;
59
- export function USAFlag(): any;
60
- export function IndonesiaFlag(): any;
55
+ export function BrazilFlag(props: any): any;
56
+ export function ColombiaFlag(props: any): any;
57
+ export function MalaysiaFlag(props: any): any;
58
+ export function UKFlag(props: any): any;
59
+ export function USAFlag(props: any): any;
60
+ export function IndonesiaFlag(props: any): any;
package/dist/icons/custom/index.js CHANGED
@@ -345,8 +345,8 @@ var AudioEmbedIcon = function (props) {
345
345
  react_1.default.createElement("path", { d: "M17.609 5.406a6.625 6.625 0 011.953 4.689 6.626 6.626 0 01-1.953 4.688M15.319 6.5a4.99 4.99 0 011.485 3.595c0 1.367-.547 2.617-1.485 3.594", stroke: white, strokeLinecap: "round", strokeLinejoin: "round" })));
346
346
  };
347
347
  exports.AudioEmbedIcon = AudioEmbedIcon;
348
- var BrazilFlag = function () {
349
- return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 36 36" },
348
+ var BrazilFlag = function (props) {
349
+ return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: props.size || 30, height: props.size || 30, fill: "none", viewBox: "0 0 40 40" },
350
350
  react_1.default.createElement("path", { fill: "#009B3A", d: "M36 27a4 4 0 01-4 4H4a4 4 0 01-4-4V9a4 4 0 014-4h28a4 4 0 014 4v18z" }),
351
351
  react_1.default.createElement("path", { fill: "#FEDF01", d: "M32.728 18L18 29.124 3.272 18 18 6.875z" }),
352
352
  react_1.default.createElement("circle", { cx: "17.976", cy: "17.924", r: "6.458", fill: "#002776" }),
@@ -356,15 +356,15 @@ var BrazilFlag = function () {
356
356
  react_1.default.createElement("path", { fill: "#3B88C3", d: "M19 20.233h1v1h-1z" })));
357
357
  };
358
358
  exports.BrazilFlag = BrazilFlag;
359
- var ColombiaFlag = function () {
360
- return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 36 36" },
359
+ var ColombiaFlag = function (props) {
360
+ return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: props.size || 30, height: props.size || 30, fill: "none", viewBox: "0 0 40 40" },
361
361
  react_1.default.createElement("path", { fill: "#FBD116", d: "M32 5H4a4 4 0 00-4 4v9h36V9a4 4 0 00-4-4z" }),
362
362
  react_1.default.createElement("path", { fill: "#22408C", d: "M0 18h36v7H0z" }),
363
363
  react_1.default.createElement("path", { fill: "#CE2028", d: "M0 27a4 4 0 004 4h28a4 4 0 004-4v-2H0v2z" })));
364
364
  };
365
365
  exports.ColombiaFlag = ColombiaFlag;
366
- var MalaysiaFlag = function () {
367
- return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 36 36" },
366
+ var MalaysiaFlag = function (props) {
367
+ return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: props.size || 30, height: props.size || 30, fill: "none", viewBox: "0 0 40 40" },
368
368
  react_1.default.createElement("path", { fill: "#DD2E44", d: "M36 27a4 4 0 01-4 4H4a4 4 0 01-4-4V9a4 4 0 014-4h28a4 4 0 014 4v18z" }),
369
369
  react_1.default.createElement("path", { fill: "#EEE", d: "M.555 29h34.891A3.967 3.967 0 0036 27H0c0 .732.211 1.409.555 2zM0 23h36v2H0zm0-4h36v2H0zm0-4h36v2H0zm0-4h36v2H0zm.555-4A3.955 3.955 0 000 9h36c0-.732-.211-1.41-.555-2H.555z" }),
370
370
  react_1.default.createElement("path", { fill: "#010066", d: "M18 5H4a4 4 0 00-4 4v10h18V5z" }),
@@ -372,24 +372,24 @@ var MalaysiaFlag = function () {
372
372
  react_1.default.createElement("path", { fill: "#FFCC4D", d: "M12.922 8.829l.334 1.62 1.003-1.315-.402 1.604 1.475-.749-1.059 1.271 1.654-.035-1.505.686 1.505.686-1.654-.035 1.059 1.271-1.475-.749.402 1.605-1.003-1.316-.334 1.621-.334-1.621-1.003 1.316.402-1.605-1.475.749 1.058-1.271-1.653.035 1.505-.686-1.505-.686 1.653.035-1.058-1.271 1.475.749-.402-1.604 1.003 1.315z" })));
373
373
  };
374
374
  exports.MalaysiaFlag = MalaysiaFlag;
375
- var UKFlag = function () {
376
- return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 36 36" },
375
+ var UKFlag = function (props) {
376
+ return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: props.size || 30, height: props.size || 30, fill: "none", viewBox: "0 0 40 40" },
377
377
  react_1.default.createElement("path", { fill: "#00247D", d: "M0 9.059V13h5.628zM4.664 31H13v-5.837zM23 25.164V31h8.335zM0 23v3.941L5.63 23zM31.337 5H23v5.837zM36 26.942V23h-5.631zM36 13V9.059L30.371 13zM13 5H4.664L13 10.837z" }),
378
378
  react_1.default.createElement("path", { fill: "#CF1B2B", d: "M25.14 23l9.712 6.801a3.977 3.977 0 00.99-1.749L28.627 23H25.14zM13 23h-2.141l-9.711 6.8c.521.53 1.189.909 1.938 1.085L13 23.943V23zm10-10h2.141l9.711-6.8a3.988 3.988 0 00-1.937-1.085L23 12.057V13zm-12.141 0L1.148 6.2a3.994 3.994 0 00-.991 1.749L7.372 13h3.487z" }),
379
379
  react_1.default.createElement("path", { fill: "#EEE", d: "M36 21H21v10h2v-5.836L31.335 31H32a3.99 3.99 0 002.852-1.199L25.14 23h3.487l7.215 5.052c.093-.337.158-.686.158-1.052v-.058L30.369 23H36v-2zM0 21v2h5.63L0 26.941V27c0 1.091.439 2.078 1.148 2.8l9.711-6.8H13v.943l-9.914 6.941c.294.07.598.116.914.116h.664L13 25.163V31h2V21H0zM36 9a3.983 3.983 0 00-1.148-2.8L25.141 13H23v-.943l9.915-6.942A4.001 4.001 0 0032 5h-.663L23 10.837V5h-2v10h15v-2h-5.629L36 9.059V9zM13 5v5.837L4.664 5H4a3.985 3.985 0 00-2.852 1.2l9.711 6.8H7.372L.157 7.949A3.968 3.968 0 000 9v.059L5.628 13H0v2h15V5h-2z" }),
380
380
  react_1.default.createElement("path", { fill: "#CF1B2B", d: "M21 15V5h-6v10H0v6h15v10h6V21h15v-6z" })));
381
381
  };
382
382
  exports.UKFlag = UKFlag;
383
- var USAFlag = function () {
384
- return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 36 36" },
383
+ var USAFlag = function (props) {
384
+ return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: props.size || 30, height: props.size || 30, fill: "none", viewBox: "0 0 40 40" },
385
385
  react_1.default.createElement("path", { fill: "#B22334", d: "M35.445 7C34.752 5.809 33.477 5 32 5H18v2h17.445zM0 25h36v2H0zm18-8h18v2H18zm0-4h18v2H18zM0 21h36v2H0zm4 10h28c1.477 0 2.752-.809 3.445-2H.555c.693 1.191 1.968 2 3.445 2zM18 9h18v2H18z" }),
386
386
  react_1.default.createElement("path", { fill: "#EEE", d: "M.068 27.679c.017.093.036.186.059.277.026.101.058.198.092.296.089.259.197.509.333.743L.555 29h34.89l.002-.004a4.22 4.22 0 00.332-.741 3.75 3.75 0 00.152-.576c.041-.22.069-.446.069-.679H0c0 .233.028.458.068.679zM0 23h36v2H0zm0-4v2h36v-2H18zm18-4h18v2H18zm0-4h18v2H18zM0 9zm.555-2l-.003.005L.555 7zM.128 8.044c.025-.102.06-.199.092-.297a3.78 3.78 0 00-.092.297zM18 9h18c0-.233-.028-.459-.069-.68a3.606 3.606 0 00-.153-.576A4.21 4.21 0 0035.445 7H18v2z" }),
387
387
  react_1.default.createElement("path", { fill: "#3C3B6E", d: "M18 5H4a4 4 0 00-4 4v10h18V5z" }),
388
388
  react_1.default.createElement("path", { fill: "#FFF", d: "M2.001 7.726l.618.449-.236.725L3 8.452l.618.448-.236-.725L4 7.726h-.764L3 7l-.235.726zm2 2l.618.449-.236.725.617-.448.618.448-.236-.725L6 9.726h-.764L5 9l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L9 9l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L13 9l-.235.726zm-8 4l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L5 13l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L9 13l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L13 13l-.235.726zm-6-6l.618.449-.236.725L7 8.452l.618.448-.236-.725L8 7.726h-.764L7 7l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L11 7l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L15 7l-.235.726zm-12 4l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L3 11l-.235.726zM6.383 12.9L7 12.452l.618.448-.236-.725.618-.449h-.764L7 11l-.235.726h-.764l.618.449zm3.618-1.174l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L11 11l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L15 11l-.235.726zm-12 4l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L3 15l-.235.726zM6.383 16.9L7 16.452l.618.448-.236-.725.618-.449h-.764L7 15l-.235.726h-.764l.618.449zm3.618-1.174l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L11 15l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L15 15l-.235.726z" })));
389
389
  };
390
390
  exports.USAFlag = USAFlag;
391
- var IndonesiaFlag = function () {
392
- return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 36 36" },
391
+ var IndonesiaFlag = function (props) {
392
+ return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: props.size || 30, height: props.size || 30, fill: "none", viewBox: "0 0 40 40" },
393
393
  react_1.default.createElement("path", { fill: "#DC1F26", d: "M32 5H4a4 4 0 00-4 4v9h36V9a4 4 0 00-4-4z" }),
394
394
  react_1.default.createElement("path", { fill: "#EEE", d: "M36 27a4 4 0 01-4 4H4a4 4 0 01-4-4v-9h36v9z" })));
395
395
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oolib",
3
- "version": "2.55.0",
3
+ "version": "2.55.1",
4
4
  "description": " OKE Component Library",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",