@4alldigital/foundation-ui--gamma 1.46.22 → 1.48.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.
Files changed (31) hide show
  1. package/dist/foundation-ui.css +1 -1
  2. package/dist/index.esm.js +16 -1
  3. package/dist/index.js +16 -1
  4. package/dist/types/lib/components/Card/Card.types.d.ts +2 -0
  5. package/dist/types/lib/components/Card/types/CardBasic/CardBasic.d.ts +1 -1
  6. package/dist/types/lib/components/Card/types/CardHorz/CardHorz.d.ts +1 -1
  7. package/dist/types/lib/components/Card/types/CardMedia/CardMedia.d.ts +1 -1
  8. package/dist/types/lib/components/Card/types/CardVideo/CardVideo.d.ts +1 -1
  9. package/dist/types/lib/components/CardGrid/CardGrid.d.ts +8 -0
  10. package/dist/types/lib/components/CardGrid/CardGrid.types.d.ts +6 -0
  11. package/dist/types/lib/components/CardGrid/index.d.ts +1 -0
  12. package/dist/types/lib/components/Carousel/Carousel.d.ts +8 -0
  13. package/dist/types/lib/components/Carousel/Carousel.types.d.ts +18 -0
  14. package/dist/types/lib/components/Carousel/index.d.ts +1 -0
  15. package/dist/types/lib/components/Footer/Footer.d.ts +1 -1
  16. package/dist/types/lib/components/Footer/Footer.types.d.ts +0 -1
  17. package/dist/types/lib/components/Header/Header.d.ts +1 -1
  18. package/dist/types/lib/components/Header/Header.types.d.ts +0 -4
  19. package/dist/types/lib/components/List/List.types.d.ts +1 -1
  20. package/dist/types/lib/components/ListItem/ListItem.d.ts +1 -1
  21. package/dist/types/lib/components/ListItem/ListItem.types.d.ts +5 -2
  22. package/dist/types/lib/components/Screen/Screen.types.d.ts +12 -0
  23. package/dist/types/lib/components/index.d.ts +5 -0
  24. package/dist/types/lib/context/App/index.d.ts +13 -1
  25. package/dist/types/lib/features/Search/views/Layout/Layout.d.ts +1 -1
  26. package/dist/types/lib/features/Search/views/Layout/Layout.types.d.ts +1 -0
  27. package/dist/types/lib/features/Search/views/SearchBox/SearchBox.d.ts +1 -1
  28. package/dist/types/lib/features/Search/views/SearchBox/SearchBox.types.d.ts +2 -0
  29. package/dist/types/lib/translations/en.d.ts +4 -0
  30. package/dist/types/lib/utils/index.d.ts +1 -0
  31. package/package.json +6 -2
@@ -58,6 +58,8 @@ export interface CardData {
58
58
  };
59
59
  align?: COPY_ALIGN;
60
60
  raised?: boolean;
61
+ htmlDetails?: string;
62
+ accessRestriced?: boolean;
61
63
  }
62
64
  export interface Props {
63
65
  variant?: CardVariant;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Props } from './CardBasic.types';
3
3
  declare const CardBasic: {
4
- ({ id, title, description, image, className, metaData, actions, padded, scaleOnHover, onClick, }: Props): React.ReactElement;
4
+ ({ id, title, description, image, className, metaData, actions, padded, scaleOnHover, onClick, htmlDetails, }: Props): React.ReactElement;
5
5
  displayName: string;
6
6
  };
7
7
  export default CardBasic;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Props } from './CardHorz.types';
3
3
  declare const CardHorz: {
4
- ({ testID, id, title, description, image, onClick, className, padded, icon, raised, }: Props): React.ReactElement;
4
+ ({ testID, id, title, description, image, onClick, className, padded, icon, raised, htmlDetails, }: Props): React.ReactElement;
5
5
  displayName: string;
6
6
  };
7
7
  export default CardHorz;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Props } from './CardMedia.types';
3
3
  declare const CardMedia: {
4
- ({ id, title, description, image, className, metaData, actions, onClick, playCallback, }: Props): React.ReactElement;
4
+ ({ id, title, description, image, className, metaData, actions, onClick, playCallback, htmlDetails, accessRestriced, }: Props): React.ReactElement;
5
5
  displayName: string;
6
6
  };
7
7
  export default CardMedia;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Props } from './CardVideo.types';
3
3
  declare const CardVideo: {
4
- ({ video, isMuted, id, title, description, image, className, metaData, actions, onClick, }: Props): React.ReactElement;
4
+ ({ video, isMuted, id, title, description, image, className, metaData, actions, onClick, htmlDetails, }: Props): React.ReactElement;
5
5
  displayName: string;
6
6
  };
7
7
  export default CardVideo;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { Props } from './CardGrid.types';
3
+ declare const CardGrid: {
4
+ ({ testID, data, onPressCallback }: Props): React.ReactElement;
5
+ displayName: string;
6
+ };
7
+ export default CardGrid;
8
+ export type { Props };
@@ -0,0 +1,6 @@
1
+ import { Props as CardProps } from '../Card/Card.types';
2
+ export interface Props {
3
+ testID?: string;
4
+ data: CardProps[];
5
+ onPressCallback: (id: string) => void;
6
+ }
@@ -0,0 +1 @@
1
+ export { default } from './CardGrid';
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { Props } from './Carousel.types';
3
+ declare const Carousel: {
4
+ ({ testID, data, onPressCallback, count, isCentered, carouselOptions, }: Props): React.ReactElement;
5
+ displayName: string;
6
+ };
7
+ export default Carousel;
8
+ export type { Props };
@@ -0,0 +1,18 @@
1
+ import { Props as CardProps } from "../Card/Card.types";
2
+ export interface Props {
3
+ testID?: string;
4
+ data: CardProps[];
5
+ onPressCallback: (arg: any) => void;
6
+ count?: number;
7
+ isCentered?: boolean;
8
+ carouselOptions?: {
9
+ loop?: boolean;
10
+ vertical?: boolean;
11
+ autoPlay?: boolean;
12
+ scrollAnimationDuration?: number;
13
+ onSnapToItem?: (index?: number) => void;
14
+ shouldScrollOnClick?: boolean;
15
+ showDots?: boolean;
16
+ showArrows?: boolean;
17
+ };
18
+ }
@@ -0,0 +1 @@
1
+ export { default } from './Carousel';
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Props } from './Footer.types';
3
3
  declare const Footer: {
4
- ({ testID, className, logoAspectRatio }: Props): React.ReactElement;
4
+ ({ testID, className }: Props): React.ReactElement;
5
5
  displayName: string;
6
6
  };
7
7
  export default Footer;
@@ -1,5 +1,4 @@
1
1
  export interface Props {
2
2
  testID?: string;
3
3
  className?: string;
4
- logoAspectRatio?: string;
5
4
  }
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Props } from './Header.types';
3
3
  declare const Header: {
4
- ({ testID, menuLinks, profileLinks, loginCallback, logoutCallback, isAuthenticated, hideMenu, logoAspectRatio, className, logoOnly, }: Props): React.ReactElement;
4
+ ({ testID, loginCallback, logoutCallback, isAuthenticated, hideMenu, className, logoOnly, }: Props): React.ReactElement;
5
5
  displayName: string;
6
6
  };
7
7
  export default Header;
@@ -1,13 +1,9 @@
1
- import { Link } from "../Menu/Menu.types";
2
1
  export interface Props {
3
2
  testID?: string;
4
- menuLinks: Link[];
5
- profileLinks: Link[];
6
3
  loginCallback?: () => void;
7
4
  logoutCallback?: () => void;
8
5
  isAuthenticated?: boolean;
9
6
  hideMenu?: boolean;
10
- logoAspectRatio?: string;
11
7
  logoOnly?: boolean;
12
8
  className?: string;
13
9
  }
@@ -17,7 +17,7 @@ export declare enum ListTag {
17
17
  export type Props = {
18
18
  variants?: Array<Variants>;
19
19
  children: string | React.ReactNode | Array<React.ReactNode>;
20
- as: ListTag;
20
+ as?: ListTag;
21
21
  id?: string;
22
22
  testID?: string;
23
23
  className?: string;
@@ -1,6 +1,6 @@
1
1
  import { Props } from './ListItem.types';
2
2
  declare const ListItem: {
3
- ({ children, as: Tag, id, testID, className }: Props): React.ReactElement;
3
+ ({ onClick, title, icon, children, as: Tag, id, testID, className, }: Props): React.ReactElement;
4
4
  displayName: string;
5
5
  };
6
6
  export default ListItem;
@@ -1,7 +1,10 @@
1
1
  export type Props = {
2
- children: string | Array<React.ReactNode> | React.ReactNode | Array<any> | any;
3
- as: 'li' | 'dt' | 'dd';
2
+ children?: string | Array<React.ReactNode> | React.ReactNode | Array<any> | any;
3
+ as: 'div' | 'li' | 'dt' | 'dd';
4
4
  id?: string;
5
5
  testID?: string;
6
6
  className?: string;
7
+ title?: string;
8
+ icon?: string;
9
+ onClick?: (arg?: any) => void;
7
10
  };
@@ -0,0 +1,12 @@
1
+ import { Props as HeaderProps } from '../Header/Header.types';
2
+ import { Props as FooterProps } from '../Footer/Footer.types';
3
+ export interface Props {
4
+ testID?: string;
5
+ children: React.ReactNode;
6
+ showHeader?: boolean;
7
+ showFooter?: boolean;
8
+ headerProps?: HeaderProps;
9
+ footerProps?: FooterProps;
10
+ image?: string;
11
+ showOverlay?: boolean;
12
+ }
@@ -33,11 +33,13 @@ export { default as Hero } from './Hero';
33
33
  export { default as HtmlContent } from './HtmlContent';
34
34
  export { default as AnimationSet1 } from './AnimationSet1';
35
35
  export { default as Authenticator } from './Authenticator';
36
+ export { default as Carousel } from './Carousel';
36
37
  export { default as PanelCards } from './PanelCards';
37
38
  export { default as PanelFeature } from './PanelFeature';
38
39
  export { default as PanelHero } from './PanelHero';
39
40
  export { default as PanelProduct } from './PanelProduct';
40
41
  export { default as PanelVideo } from './PanelVideo';
42
+ export { default as CardGrid } from './CardGrid';
41
43
  export { default as Container } from './Container';
42
44
  export { default as ContentPageLayout } from './ContentPageLayout';
43
45
  export { default as ContentRowsLayout } from './ContentRowsLayout';
@@ -100,3 +102,6 @@ export type { Props as AvatarProps } from './Avatar/Avatar.types';
100
102
  export type { Props as OTPInputProps } from './OTPInput/OTPInput.types';
101
103
  export type { Props as HeroProps } from './Hero/Hero.types';
102
104
  export type { Props as HtmlContentProps } from './HtmlContent/HtmlContent.types';
105
+ export type { Props as CardGridProps } from './CardGrid/CardGrid.types';
106
+ export type { Props as ScreenProps } from './Screen/Screen.types';
107
+ export type { Props as CarouselProps } from './Carousel/Carousel.types';
@@ -3,10 +3,22 @@ import { ShareProps } from '../../components/VisitUs/VisitUs.types';
3
3
  interface AppContextProps {
4
4
  brand?: {
5
5
  logo: string;
6
+ logoAspectRatio: string;
6
7
  name: string;
7
8
  tagline?: string;
8
9
  };
9
- header?: any;
10
+ header?: {
11
+ nav: {
12
+ id: string;
13
+ title: string;
14
+ url: string;
15
+ }[];
16
+ profile?: {
17
+ id: string;
18
+ title: string;
19
+ url: string;
20
+ }[];
21
+ };
10
22
  footer?: {
11
23
  about?: string;
12
24
  visitUs?: {
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { Props } from './Layout.types';
3
- declare function Layout({ className, children, header, bodyContent, bodyFooter, bodyHeader, sideContent }: Props): React.ReactElement;
3
+ declare function Layout({ className, children, header, bodyContent, bodyFooter, bodyHeader, sideContent, showSidebar, }: Props): React.ReactElement;
4
4
  declare namespace Layout {
5
5
  var displayName: string;
6
6
  }
@@ -7,4 +7,5 @@ export interface Props {
7
7
  bodyHeader?: React.ReactNode;
8
8
  sideContent?: React.ReactNode;
9
9
  noSidebar?: boolean;
10
+ showSidebar?: boolean;
10
11
  }
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { Props } from './SearchBox.types';
3
- declare function SearchBox({ className, onChange, onSubmit, wasSearched, placeholder }: Props): React.ReactElement;
3
+ declare function SearchBox({ className, onChange, onSubmit, wasSearched, placeholder, allowReset, resetTrigger, }: Props): React.ReactElement;
4
4
  declare namespace SearchBox {
5
5
  var displayName: string;
6
6
  }
@@ -5,4 +5,6 @@ export interface Props {
5
5
  value?: string;
6
6
  wasSearched?: boolean;
7
7
  placeholder?: string;
8
+ allowReset?: boolean;
9
+ resetTrigger?: (data?: any, options?: any) => void;
8
10
  }
@@ -9,6 +9,9 @@ declare const strings: {
9
9
  };
10
10
  CHALLENGE: {
11
11
  TITLE: string;
12
+ NOT_ENTERED_IN_CHALLENGE: string;
13
+ CLICK_TO_ENTER: string;
14
+ PAYMENT_NOTE: string;
12
15
  };
13
16
  CHALLENGES_LIST: {
14
17
  TITLE: string;
@@ -348,6 +351,7 @@ declare const strings: {
348
351
  SHARED: string;
349
352
  NOT_ENTERED_IN_CHALLENGE: string;
350
353
  ACCESS_RESTRICTED: string;
354
+ PURCHASE_TO_ACCESS: string;
351
355
  SHOW_FILTERS: string;
352
356
  HIDE_FILTERS: string;
353
357
  THIS_WEEK: string;
@@ -0,0 +1 @@
1
+ export declare function truncateString(str: string, maxLen?: number): string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@4alldigital/foundation-ui--gamma",
3
- "version": "1.46.22",
3
+ "version": "1.48.0",
4
4
  "description": "Foundation UI Component library with GAMMA theme. ",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",
@@ -39,7 +39,7 @@
39
39
  "publishConfig": {
40
40
  "access": "public"
41
41
  },
42
- "gitHead": "ca64cdd1d97ed726dd99010db80777156cd1a6a8",
42
+ "gitHead": "32877f04aae489068d0354a7b91e8eb07753701f",
43
43
  "dependencies": {
44
44
  "@elastic/datemath": "^5.0.3",
45
45
  "@elastic/react-search-ui": "^1.21.5",
@@ -75,8 +75,10 @@
75
75
  "react-otp-input": "^3.1.1",
76
76
  "react-player": "^2.16.0",
77
77
  "react-share": "^5.1.0",
78
+ "react-slick": "^0.30.2",
78
79
  "react-tabs": "^6.0.2",
79
80
  "react-toastify": "^10.0.5",
81
+ "slick-carousel": "^1.8.1",
80
82
  "tailwind-merge": "^2.4.0",
81
83
  "tailwindcss": "^3.4.7",
82
84
  "typescript": "^5.5.4",
@@ -87,6 +89,8 @@
87
89
  },
88
90
  "homepage": "https://github.com/4AllDigital/foundation-ui#readme",
89
91
  "devDependencies": {
92
+ "@types/react-slick": "^0",
93
+ "@types/slick-carousel": "^1",
90
94
  "moment": "^2.30.1"
91
95
  }
92
96
  }