@uob-web-and-digital/component-library 0.0.107 → 1.0.0

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.
@@ -3,7 +3,7 @@ import type { StoryObj } from '@storybook/react';
3
3
  import { ExampleTheming } from './ExampleTheming';
4
4
  declare const meta: {
5
5
  title: string;
6
- component: ({ theme, inverse }: import("./ExampleTheming").ExampleThemingProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
6
+ component: ({ theme, inverse }: import("./ExampleTheming").ExampleThemingProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
7
7
  tags: string[];
8
8
  };
9
9
  export default meta;
@@ -2,7 +2,7 @@
2
2
  import type { StoryObj } from '@storybook/react';
3
3
  declare const meta: {
4
4
  title: string;
5
- component: import("react").ForwardRefExoticComponent<import("./IconButton").IconButtonProps & import("react").RefAttributes<HTMLButtonElement | null>>;
5
+ component: React.ForwardRefExoticComponent<import("./IconButton").IconButtonProps & React.RefAttributes<HTMLButtonElement | null>>;
6
6
  tags: string[];
7
7
  };
8
8
  export default meta;
@@ -2,7 +2,7 @@
2
2
  import type { StoryObj } from '@storybook/react';
3
3
  declare const meta: {
4
4
  title: string;
5
- component: import("react").ForwardRefExoticComponent<import("./IconControl").IconControlProps & import("react").RefAttributes<HTMLButtonElement | null>>;
5
+ component: React.ForwardRefExoticComponent<import("./IconControl").IconControlProps & React.RefAttributes<HTMLButtonElement | null>>;
6
6
  tags: string[];
7
7
  };
8
8
  export default meta;
@@ -11,5 +11,6 @@ export type ImageProps = {
11
11
  altText?: string | null;
12
12
  title?: string | null;
13
13
  loadingAttr?: 'lazy' | 'eager' | undefined;
14
+ fetchPriority?: 'high' | 'low' | 'auto';
14
15
  };
15
- export default function Image({ src, width, height, altText, title, loadingAttr }: ImageProps): ReactElement;
16
+ export default function Image({ src, width, height, altText, title, loadingAttr, fetchPriority }: ImageProps): ReactElement;
@@ -3,7 +3,7 @@ import type { StoryObj } from '@storybook/react';
3
3
  import CardFeatured from './CardFeatured';
4
4
  declare const meta: {
5
5
  title: string;
6
- component: import("react").ForwardRefExoticComponent<import("./CardFeatured").CardFeaturedProps & import("react").RefAttributes<HTMLDivElement | null>>;
6
+ component: React.ForwardRefExoticComponent<import("./CardFeatured").CardFeaturedProps & React.RefAttributes<HTMLDivElement | null>>;
7
7
  tags: string[];
8
8
  };
9
9
  export default meta;
@@ -3,7 +3,7 @@ import type { StoryObj } from '@storybook/react';
3
3
  import { Header } from './Header';
4
4
  declare const meta: {
5
5
  title: string;
6
- component: ({ theme, primaryLinks, secondaryLinks, menuCards, dubaiUrl, ukUrl, logoTitleTagH1, activeCampus, searchProps }: import("./Header").HeaderProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
6
+ component: ({ theme, primaryLinks, secondaryLinks, menuCards, dubaiUrl, ukUrl, logoTitleTagH1, activeCampus, searchProps }: import("./Header").HeaderProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
7
7
  tags: string[];
8
8
  };
9
9
  export default meta;
@@ -1,4 +1,4 @@
1
- import { ReactElement } from 'react';
1
+ import React, { ReactElement } from 'react';
2
2
  import { ThemeProps } from '../../../themeProps';
3
3
  import './hero.scss';
4
4
  import { SelectOptionsProps } from '../../atoms/FormSelect/FormSelect';
@@ -35,6 +35,7 @@ export interface HeroProps {
35
35
  };
36
36
  alt: string;
37
37
  style: 'rectangle' | 'lines-of-intent';
38
+ fetchPriority?: React.ImgHTMLAttributes<HTMLImageElement>['fetchPriority'];
38
39
  };
39
40
  links?: [] | [Link] | [Link, Link];
40
41
  courseSearchProps?: CourseSearchProps;
@@ -1,4 +1,4 @@
1
- import { ReactElement } from 'react';
1
+ import React, { ReactElement } from 'react';
2
2
  interface Props {
3
3
  isMobile: boolean;
4
4
  isTablet: boolean;
@@ -9,6 +9,7 @@ interface Props {
9
9
  default: string;
10
10
  };
11
11
  alt: string;
12
+ fetchPriority?: React.ImgHTMLAttributes<HTMLImageElement>['fetchPriority'];
12
13
  };
13
14
  }
14
15
  export default function PolygonImage({ isMobile, isTablet, image }: Props): ReactElement;
@@ -1,4 +1,4 @@
1
- import { ReactElement } from 'react';
1
+ import React, { ReactElement } from 'react';
2
2
  interface Props {
3
3
  isMobile: boolean;
4
4
  isTablet: boolean;
@@ -9,6 +9,7 @@ interface Props {
9
9
  default: string;
10
10
  };
11
11
  imageAlt: string;
12
+ imageFetchPriority?: React.ImgHTMLAttributes<HTMLImageElement>['fetchPriority'];
12
13
  }
13
- export default function HeroImage({ isMobile, isTablet, activeVariant, imageSrc, imageAlt }: Props): ReactElement;
14
+ export default function HeroImage({ isMobile, isTablet, activeVariant, imageSrc, imageAlt, imageFetchPriority }: Props): ReactElement;
14
15
  export {};
@@ -1 +1,3 @@
1
+ /// <reference types="react" />
2
+ /// <reference types="react" />
1
3
  export declare const tileLinkClickHandler: (e: React.MouseEvent, target: string) => void;
@@ -1,4 +1,4 @@
1
- import { ReactElement } from 'react';
1
+ import React, { ReactElement } from 'react';
2
2
  import { ThemeProps } from '../../../themeProps';
3
3
  import './heroProfile.scss';
4
4
  export interface HeroProfileProps {
@@ -16,6 +16,7 @@ export interface HeroProfileProps {
16
16
  default: string;
17
17
  };
18
18
  alt: string;
19
+ fetchPriority?: React.ImgHTMLAttributes<HTMLImageElement>['fetchPriority'];
19
20
  };
20
21
  studentStatus?: string;
21
22
  courseName?: string;
package/dist/index.d.ts CHANGED
@@ -79,6 +79,7 @@ type ImageProps = {
79
79
  altText?: string | null;
80
80
  title?: string | null;
81
81
  loadingAttr?: 'lazy' | 'eager' | undefined;
82
+ fetchPriority?: 'high' | 'low' | 'auto';
82
83
  };
83
84
 
84
85
  interface Accreditation {
@@ -806,6 +807,7 @@ interface HeroProps {
806
807
  };
807
808
  alt: string;
808
809
  style: 'rectangle' | 'lines-of-intent';
810
+ fetchPriority?: React.ImgHTMLAttributes<HTMLImageElement>['fetchPriority'];
809
811
  };
810
812
  links?: [] | [Link] | [Link, Link];
811
813
  courseSearchProps?: CourseSearchProps;
@@ -1693,6 +1695,7 @@ interface HeroProfileProps {
1693
1695
  default: string;
1694
1696
  };
1695
1697
  alt: string;
1698
+ fetchPriority?: React.ImgHTMLAttributes<HTMLImageElement>['fetchPriority'];
1696
1699
  };
1697
1700
  studentStatus?: string;
1698
1701
  courseName?: string;