oolib 2.152.1 → 2.153.0

package/dist/components/Banners/index.d.ts

@@ -1,10 +1,11 @@
 import React from "react";
+import { To } from 'react-router-dom';
 export type IconColor = 'red' | 'green' | 'yellow' | 'dark' | 'grey';
 export interface DisplayIconProps {
     color: IconColor;
 }
 export interface BannerCTA {
-    to?: string;
+    to?: To;
     action?: () => void;
     text: string;
 }

package/dist/components/Banners/index.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -85,7 +96,7 @@ var Banner = function (_a) {
     };
     var genCTA = function (cta) {
         var LinkWrapper = cta.to ? react_router_dom_1.Link : react_1.Fragment;
-        return (react_1.default.createElement(LinkWrapper, { to: cta.to },
+        return (react_1.default.createElement(LinkWrapper, __assign({}, (cta.to ? { to: cta.to } : {})),
             react_1.default.createElement(Buttons_1.ButtonSecondary, { style: { marginTop: "0.5rem", marginBottom: "0.5rem" }, S: true, onClick: !cta.to && cta.action, invert: color === "dark" }, cta === null || cta === void 0 ? void 0 : cta.text)));
     };
     return (react_1.default.createElement(styled_1.BannerAnimateStyled, { key: id, ref: ContainerRef, height: height },

package/dist/components/Breadcrumbs/index.styled.d.ts

@@ -1,3 +1,6 @@
+/// <reference types="react" />
 declare const StyledBreadcrumbs: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledLinkCrumb: import("styled-components").StyledComponent<any, any, any, any>;
+declare const StyledLinkCrumb: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, any, {
+    invert: boolean;
+}, never>;
 export { StyledBreadcrumbs, StyledLinkCrumb };

package/dist/components/Buttons/index.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import { To } from "react-router-dom";
 export interface DisplayIconProps {
     icon: string;
     size: number;
@@ -8,7 +9,7 @@ export interface DisplayIconProps {
 export interface ButtonProps {
     id?: string;
     link?: {
-        val: string;
+        val: To;
         displayText?: string;
     };
     children?: React.ReactNode;

package/dist/components/HomeCover/index.js

@@ -48,8 +48,7 @@ var HomeCover = function (_a) {
     var title = _a.title, subtitle = _a.subtitle, desc = _a.desc, CTALink = _a.CTALink, customComp = _a.customComp, coverImagesConfig = _a.coverImagesConfig, _b = _a.variant, variant = _b === void 0 ? "default" : _b;
     var screenWidth = (0, useScreenWidth_1.useScreenWidth)();
     var isDesktop = screenWidth > (0, mixins_1.getBreakPoint)("md");
-    var history = react_router_dom_1.useHistory ? (0, react_router_dom_1.useHistory)() : undefined;
-    var navigate = react_router_dom_1.useNavigate ? (0, react_router_dom_1.useNavigate)() : undefined;
+    var navigate = (0, react_router_dom_1.useNavigate)();
     //   const {deployment: {_CoverImages : coverImagesConfig}} = useGetQueryData('platformConfigs');
     //backwards compat
     var _CoverImages = coverImagesConfig.every(function (c) { return typeof c === "string"; })
@@ -133,7 +132,7 @@ var HomeCover = function (_a) {
     var genCTALink = function (_a) {
         var CTALink = _a.CTALink, variant = _a.variant, isDesktop = _a.isDesktop;
         return CTALink && (react_1.default.createElement(Buttons_1.ButtonPrimary, { className: "HomeCover__cta", icon: "CaretRight", M: variant === "small" && !isDesktop && true, style: __assign({ position: "absolute", bottom: 0, borderRadius: 0, right: variant === "small" && !isDesktop ? "2rem" : 0 }, (variant === "small" && !isDesktop ? { zIndex: 100 } : {})), onClick: function () {
-                history ? history.push(CTALink) : navigate(CTALink);
+                navigate(CTALink);
             } }));
     };
     var TitleTypoComp = variant === "small" ? Typo_1.SERIF_8_9 : Typo_1.SERIF_9_10;

package/dist/components/OKELink/index.d.ts

@@ -1,8 +1,9 @@
 import React, { FunctionComponent } from 'react';
+import { To } from 'react-router-dom';
 import { DisplayIconProps } from '../../utils/comps/DisplayIcon';
 import { icons } from '../../icons';
 export interface OKELinkProps {
-    to?: string;
+    to?: To;
     link?: string;
     onClick?: (e: React.MouseEvent<HTMLSpanElement | HTMLAnchorElement>) => void;
     icon?: keyof typeof icons;

package/dist/components/Tags/Comps/TagLink/styled.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { SIZES } from "../styled";
-export declare const StyledLink: import("styled-components").StyledComponent<any, any, any, any>;
+export declare const StyledLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react-router-dom").NavLinkProps & import("react").RefAttributes<HTMLAnchorElement>>, any, {}, never>;
 export interface TagLinkStyleProps {
     variant: 'primary' | 'secondary';
     invert?: boolean;

package/dist/components/cards/utils/decideLinkCompAndTarget.d.ts

@@ -2,7 +2,9 @@ export function decideLinkCompAndTarget({ to, openInNewTab }: {
     to: any;
     openInNewTab: any;
 }): {
-    LinkComp: any;
+    LinkComp: string | import("react").ExoticComponent<{
+        children?: import("react").ReactNode;
+    }>;
     target: string;
     externalUrl: boolean;
 };

package/dist/v2/components/Buttons/index.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import { To } from "react-router-dom";
 export interface DisplayIconProps {
     icon: string;
     size: number;
@@ -8,7 +9,7 @@ export interface DisplayIconProps {
 export interface ButtonProps {
     id?: string;
     link?: {
-        val: string;
+        val: To;
         displayText?: string;
     };
     children?: React.ReactNode;

package/dist/v2/components/OKELink/index.d.ts

@@ -1,8 +1,9 @@
 import React, { FunctionComponent } from 'react';
+import { To } from 'react-router-dom';
 import { DisplayIconProps } from '../../../utils/comps/DisplayIcon';
 import { icons } from '../../../icons';
 export interface OKELinkProps {
-    to?: string;
+    to?: To;
     link?: string;
     onClick?: (e: React.MouseEvent<HTMLSpanElement | HTMLAnchorElement>) => void;
     icon?: keyof typeof icons;

package/dist/v2/components/cards/utils/decideLinkCompAndTarget.d.ts

@@ -2,7 +2,9 @@ export function decideLinkCompAndTarget({ to, openInNewTab }: {
     to: any;
     openInNewTab: any;
 }): {
-    LinkComp: any;
+    LinkComp: string | import("react").ExoticComponent<{
+        children?: import("react").ReactNode;
+    }>;
     target: string;
     externalUrl: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.152.1",
+  "version": "2.153.0",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -65,7 +65,7 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-json-view": "^1.21.3",
-    "react-router-dom": "^5.1.2",
+    "react-router-dom": "^6.28.0",
     "semantic-release": "^18.0.0",
     "storybook": "^7.2.1",
     "typescript": "^5.4.3"
@@ -73,7 +73,7 @@
   "peerDependencies": {
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-router-dom": "^5.1.2",
+    "react-router-dom": "^6.28.0",
     "styled-components": "^5.3.3"
   },
   "config": {