oolib 2.54.3 → 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 (6) hide show
  1. package/dist/components/HomeCover/index.js +19 -12
  2. package/dist/icons/custom/index.d.ts +6 -0
  3. package/dist/icons/custom/index.js +51 -1
  4. package/dist/icons/index.d.ts +12 -0
  5. package/dist/icons/index.js +7 -1
  6. 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,3 +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(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
@@ -14,7 +14,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
14
14
  return (mod && mod.__esModule) ? mod : { "default": mod };
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.AudioEmbedIcon = exports.VideoEmbedIcon = exports.Attachment2 = exports.PDFIcon = exports.RichFormatToolOrderedList = exports.RichFormatToolUnorderedList = exports.RichFormatToolH2 = exports.RichFormatToolBlockquote = exports.LinkIcon = exports.UnderlineBtn = exports.ItalicBtn = exports.BoldBtn = exports.SettingsSM = exports.Close_S = exports.UploadImage = exports.KebabMenu = exports.Website_solid_SM = exports.Phone_solid_SM = exports.Mail_solid_SM = exports.Youtube_solid_SM = exports.Instagram_solid_SM = exports.Twitter_solid_SM = exports.Linkedin_solid_SM = exports.Facebook_solid_SM = exports.EditSM = exports.AddXS = exports.UploadSM = exports.Download = exports.Download__nofill = exports.Index = exports.Person14 = exports.Location14 = exports.ModalBulbIcon = exports.KenyaFlag = exports.NigeriaFlag = exports.IndiaFlag = exports.BadgeVetted = exports.BadgeMod = exports.BadgeSuperAdmin = exports.BadgeAdmin = exports.OkeGoogleIcon = exports.LetterH = exports.LanguageIcon = exports.MultipleImages = exports.IndexIcon = void 0;
17
+ exports.USAFlag = exports.UKFlag = exports.MalaysiaFlag = exports.ColombiaFlag = exports.BrazilFlag = exports.AudioEmbedIcon = exports.VideoEmbedIcon = exports.Attachment2 = exports.PDFIcon = exports.RichFormatToolOrderedList = exports.RichFormatToolUnorderedList = exports.RichFormatToolH2 = exports.RichFormatToolBlockquote = exports.LinkIcon = exports.UnderlineBtn = exports.ItalicBtn = exports.BoldBtn = exports.SettingsSM = exports.Close_S = exports.UploadImage = exports.KebabMenu = exports.Website_solid_SM = exports.Phone_solid_SM = exports.Mail_solid_SM = exports.Youtube_solid_SM = exports.Instagram_solid_SM = exports.Twitter_solid_SM = exports.Linkedin_solid_SM = exports.Facebook_solid_SM = exports.EditSM = exports.AddXS = exports.UploadSM = exports.Download = exports.Download__nofill = exports.Index = exports.Person14 = exports.Location14 = exports.ModalBulbIcon = exports.KenyaFlag = exports.NigeriaFlag = exports.IndiaFlag = exports.BadgeVetted = exports.BadgeMod = exports.BadgeSuperAdmin = exports.BadgeAdmin = exports.OkeGoogleIcon = exports.LetterH = exports.LanguageIcon = exports.MultipleImages = exports.IndexIcon = void 0;
18
+ exports.IndonesiaFlag = void 0;
18
19
  var react_1 = __importDefault(require("react"));
19
20
  var themes_1 = require("../../themes");
20
21
  var comps_1 = require("../../utils/comps");
@@ -344,3 +345,52 @@ var AudioEmbedIcon = function (props) {
344
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" })));
345
346
  };
346
347
  exports.AudioEmbedIcon = AudioEmbedIcon;
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
+ 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
+ react_1.default.createElement("path", { fill: "#FEDF01", d: "M32.728 18L18 29.124 3.272 18 18 6.875z" }),
352
+ react_1.default.createElement("circle", { cx: "17.976", cy: "17.924", r: "6.458", fill: "#002776" }),
353
+ react_1.default.createElement("path", { fill: "#CBE9D4", d: "M12.277 14.887a6.406 6.406 0 00-.672 2.023c3.995-.29 9.417 1.891 11.744 4.595.402-.604.7-1.28.883-2.004-2.872-2.808-7.917-4.63-11.955-4.614z" }),
354
+ react_1.default.createElement("path", { fill: "#88C9F9", d: "M12 18.233h1v1h-1zm1 2h1v1h-1z" }),
355
+ react_1.default.createElement("path", { fill: "#55ACEE", d: "M15 18.233h1v1h-1zm2 1h1v1h-1zm4 2h1v1h-1zm-3 1h1v1h-1zm3-6h1v1h-1z" }),
356
+ react_1.default.createElement("path", { fill: "#3B88C3", d: "M19 20.233h1v1h-1z" })));
357
+ };
358
+ exports.BrazilFlag = BrazilFlag;
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
+ react_1.default.createElement("path", { fill: "#FBD116", d: "M32 5H4a4 4 0 00-4 4v9h36V9a4 4 0 00-4-4z" }),
362
+ react_1.default.createElement("path", { fill: "#22408C", d: "M0 18h36v7H0z" }),
363
+ react_1.default.createElement("path", { fill: "#CE2028", d: "M0 27a4 4 0 004 4h28a4 4 0 004-4v-2H0v2z" })));
364
+ };
365
+ exports.ColombiaFlag = ColombiaFlag;
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
+ 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
+ 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
+ react_1.default.createElement("path", { fill: "#010066", d: "M18 5H4a4 4 0 00-4 4v10h18V5z" }),
371
+ react_1.default.createElement("path", { fill: "#FFCC4D", d: "M9.534 17.233a5.234 5.234 0 01-.001-10.466c.715 0 1.397.146 2.018.405A5.958 5.958 0 008 6a6 6 0 000 12 5.958 5.958 0 003.551-1.172 5.21 5.21 0 01-2.017.405z" }),
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
+ };
374
+ exports.MalaysiaFlag = MalaysiaFlag;
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
+ 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
+ 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
+ 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
+ react_1.default.createElement("path", { fill: "#CF1B2B", d: "M21 15V5h-6v10H0v6h15v10h6V21h15v-6z" })));
381
+ };
382
+ exports.UKFlag = UKFlag;
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
+ 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
+ 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
+ react_1.default.createElement("path", { fill: "#3C3B6E", d: "M18 5H4a4 4 0 00-4 4v10h18V5z" }),
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
+ };
390
+ exports.USAFlag = USAFlag;
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
+ react_1.default.createElement("path", { fill: "#DC1F26", d: "M32 5H4a4 4 0 00-4 4v9h36V9a4 4 0 00-4-4z" }),
394
+ react_1.default.createElement("path", { fill: "#EEE", d: "M36 27a4 4 0 01-4 4H4a4 4 0 01-4-4v-9h36v9z" })));
395
+ };
396
+ exports.IndonesiaFlag = IndonesiaFlag;
package/dist/icons/index.d.ts CHANGED
@@ -147,6 +147,12 @@ export namespace icons {
147
147
  export { Attachment2 };
148
148
  export { VideoEmbedIcon };
149
149
  export { AudioEmbedIcon };
150
+ export { IndonesiaFlag };
151
+ export { USAFlag };
152
+ export { UKFlag };
153
+ export { MalaysiaFlag };
154
+ export { BrazilFlag };
155
+ export { ColombiaFlag };
150
156
  }
151
157
  import { PencilSimple } from "phosphor-react";
152
158
  import { PencilLine } from "phosphor-react";
@@ -296,3 +302,9 @@ import { PDFIcon } from "./custom";
296
302
  import { Attachment2 } from "./custom";
297
303
  import { VideoEmbedIcon } from "./custom";
298
304
  import { AudioEmbedIcon } from "./custom";
305
+ import { IndonesiaFlag } from "./custom";
306
+ import { USAFlag } from "./custom";
307
+ import { UKFlag } from "./custom";
308
+ import { MalaysiaFlag } from "./custom";
309
+ import { BrazilFlag } from "./custom";
310
+ import { ColombiaFlag } from "./custom";
package/dist/icons/index.js CHANGED
@@ -152,5 +152,11 @@ exports.icons = {
152
152
  PDFIcon: custom_1.PDFIcon,
153
153
  Attachment2: custom_1.Attachment2,
154
154
  VideoEmbedIcon: custom_1.VideoEmbedIcon,
155
- AudioEmbedIcon: custom_1.AudioEmbedIcon
155
+ AudioEmbedIcon: custom_1.AudioEmbedIcon,
156
+ IndonesiaFlag: custom_1.IndonesiaFlag,
157
+ USAFlag: custom_1.USAFlag,
158
+ UKFlag: custom_1.UKFlag,
159
+ MalaysiaFlag: custom_1.MalaysiaFlag,
160
+ BrazilFlag: custom_1.BrazilFlag,
161
+ ColombiaFlag: custom_1.ColombiaFlag
156
162
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oolib",
3
- "version": "2.54.3",
3
+ "version": "2.55.1",
4
4
  "description": " OKE Component Library",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",