@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.
- package/dist/foundation-ui.css +1 -1
- package/dist/index.esm.js +16 -1
- package/dist/index.js +16 -1
- package/dist/types/lib/components/Card/Card.types.d.ts +2 -0
- package/dist/types/lib/components/Card/types/CardBasic/CardBasic.d.ts +1 -1
- package/dist/types/lib/components/Card/types/CardHorz/CardHorz.d.ts +1 -1
- package/dist/types/lib/components/Card/types/CardMedia/CardMedia.d.ts +1 -1
- package/dist/types/lib/components/Card/types/CardVideo/CardVideo.d.ts +1 -1
- package/dist/types/lib/components/CardGrid/CardGrid.d.ts +8 -0
- package/dist/types/lib/components/CardGrid/CardGrid.types.d.ts +6 -0
- package/dist/types/lib/components/CardGrid/index.d.ts +1 -0
- package/dist/types/lib/components/Carousel/Carousel.d.ts +8 -0
- package/dist/types/lib/components/Carousel/Carousel.types.d.ts +18 -0
- package/dist/types/lib/components/Carousel/index.d.ts +1 -0
- package/dist/types/lib/components/Footer/Footer.d.ts +1 -1
- package/dist/types/lib/components/Footer/Footer.types.d.ts +0 -1
- package/dist/types/lib/components/Header/Header.d.ts +1 -1
- package/dist/types/lib/components/Header/Header.types.d.ts +0 -4
- package/dist/types/lib/components/List/List.types.d.ts +1 -1
- package/dist/types/lib/components/ListItem/ListItem.d.ts +1 -1
- package/dist/types/lib/components/ListItem/ListItem.types.d.ts +5 -2
- package/dist/types/lib/components/Screen/Screen.types.d.ts +12 -0
- package/dist/types/lib/components/index.d.ts +5 -0
- package/dist/types/lib/context/App/index.d.ts +13 -1
- package/dist/types/lib/features/Search/views/Layout/Layout.d.ts +1 -1
- package/dist/types/lib/features/Search/views/Layout/Layout.types.d.ts +1 -0
- package/dist/types/lib/features/Search/views/SearchBox/SearchBox.d.ts +1 -1
- package/dist/types/lib/features/Search/views/SearchBox/SearchBox.types.d.ts +2 -0
- package/dist/types/lib/translations/en.d.ts +4 -0
- package/dist/types/lib/utils/index.d.ts +1 -0
- package/package.json +6 -2
|
@@ -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 @@
|
|
|
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
|
|
4
|
+
({ testID, className }: Props): React.ReactElement;
|
|
5
5
|
displayName: string;
|
|
6
6
|
};
|
|
7
7
|
export default Footer;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Props } from './Header.types';
|
|
3
3
|
declare const Header: {
|
|
4
|
-
({ testID,
|
|
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
|
}
|
|
@@ -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
|
|
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?:
|
|
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
|
}
|
|
@@ -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
|
}
|
|
@@ -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.
|
|
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": "
|
|
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
|
}
|