@zenpatient-org/healthspan-marketing-ui 0.1.15 → 0.1.17
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/components/Benefit/Benefit.d.ts +8 -0
- package/dist/components/Benefit/index.d.ts +2 -0
- package/dist/components/Button/Button.es.js +33 -31
- package/dist/components/Callback/Callback.cjs.js +1 -1
- package/dist/components/Callback/Callback.es.js +16 -8
- package/dist/components/ComplexTooltip/ComplexTooltip.d.ts +19 -0
- package/dist/components/ComplexTooltip/index.d.ts +1 -0
- package/dist/components/ContentTabs/ContentTabs.cjs.js +1 -1
- package/dist/components/ContentTabs/ContentTabs.d.ts +1 -1
- package/dist/components/ContentTabs/ContentTabs.es.js +13 -4
- package/dist/components/Cursor/Cursor.d.ts +6 -0
- package/dist/components/Cursor/components/ClientCursor.d.ts +3 -0
- package/dist/components/Cursor/components/ServerCursor.d.ts +3 -0
- package/dist/components/Cursor/index.d.ts +1 -0
- package/dist/components/FilterMenu/FilterMenu.cjs.js +1 -1
- package/dist/components/FilterMenu/FilterMenu.d.ts +1 -1
- package/dist/components/FilterMenu/FilterMenu.es.js +82 -38
- package/dist/components/HighlightedTitle/HighlightedTitle.cjs.js +1 -1
- package/dist/components/HighlightedTitle/HighlightedTitle.d.ts +2 -2
- package/dist/components/HighlightedTitle/HighlightedTitle.es.js +33 -17
- package/dist/components/IconButton/IconButton.cjs.js +1 -1
- package/dist/components/IconButton/IconButton.es.js +16 -19
- package/dist/components/InfiniteScroll/InfiniteScroll.cjs.js +1 -1
- package/dist/components/InfiniteScroll/InfiniteScroll.d.ts +3 -0
- package/dist/components/InfiniteScroll/InfiniteScroll.es.js +80 -46
- package/dist/components/Label/Label.cjs.js +1 -1
- package/dist/components/Label/Label.d.ts +1 -1
- package/dist/components/Label/Label.es.js +15 -9
- package/dist/components/Label/types.d.ts +1 -0
- package/dist/components/ProductGallery/ProductGallery.cjs.js +1 -0
- package/dist/components/ProductGallery/ProductGallery.d.ts +8 -0
- package/dist/components/ProductGallery/ProductGallery.es.js +96 -0
- package/dist/components/ProductGallery/index.d.ts +2 -0
- package/dist/components/ProductGallery/productGallery.module.css.cjs.js +1 -0
- package/dist/components/ProductGallery/productGallery.module.css.es.js +27 -0
- package/dist/components/ProductGalleryCard/ProductGalleryCard.cjs.js +1 -1
- package/dist/components/ProductGalleryCard/ProductGalleryCard.d.ts +2 -11
- package/dist/components/ProductGalleryCard/ProductGalleryCard.es.js +67 -20
- package/dist/components/ProductGalleryCard/index.d.ts +1 -0
- package/dist/components/ProductGalleryCard/productGalleryCard.module.css.cjs.js +1 -1
- package/dist/components/ProductGalleryCard/productGalleryCard.module.css.es.js +12 -10
- package/dist/components/ProductGalleryCard/types.d.ts +11 -0
- package/dist/components/ProductListing/ProductListing.d.ts +19 -0
- package/dist/components/ProductListing/index.d.ts +1 -0
- package/dist/components/ProgramCard/ProgramCard.d.ts +13 -0
- package/dist/components/ProgramCard/index.d.ts +1 -0
- package/dist/components/ProgressButton/ProgressButton.cjs.js +1 -0
- package/dist/components/ProgressButton/ProgressButton.es.js +63 -0
- package/dist/components/ProgressButton/progressButton.module.css.cjs.js +1 -0
- package/dist/components/ProgressButton/progressButton.module.css.es.js +21 -0
- package/dist/components/ProgressButton/types.d.ts +1 -1
- package/dist/components/Tabs/Tabs.cjs.js +1 -1
- package/dist/components/Tabs/Tabs.d.ts +4 -2
- package/dist/components/Tabs/Tabs.es.js +17 -15
- package/dist/components/Tabs/TabsWithFade.cjs.js +1 -0
- package/dist/components/Tabs/TabsWithFade.d.ts +9 -0
- package/dist/components/Tabs/TabsWithFade.es.js +43 -0
- package/dist/components/Tabs/index.d.ts +2 -0
- package/dist/components/Tabs/tabs.module.css.cjs.js +1 -1
- package/dist/components/Tabs/tabs.module.css.es.js +23 -15
- package/dist/components/Tag/Tag.d.ts +1 -1
- package/dist/components/Tag/Tag.es.js +10 -1
- package/dist/components/TextButton/TextButton.cjs.js +1 -0
- package/dist/components/TextButton/TextButton.es.js +39 -0
- package/dist/components/TextButton/textButton.module.css.cjs.js +1 -0
- package/dist/components/TextButton/textButton.module.css.es.js +19 -0
- package/dist/components/TypeBadge/TypeBadge.d.ts +1 -1
- package/dist/components/Typography/Typography.d.ts +1 -1
- package/dist/components/Typography/Typography.es.js +14 -1
- package/dist/components/index.d.ts +8 -1
- package/dist/healthspan-marketing-ui.css +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +48 -36
- package/dist/modules/Comparison/Comparison.d.ts +1 -1
- package/dist/modules/Comparison/components/ComparisonMobileView/ComparisonMobileView.d.ts +1 -1
- package/dist/modules/Comparison/types.d.ts +2 -2
- package/dist/modules/FeaturedIn/FeaturedIn.d.ts +21 -0
- package/dist/modules/FeaturedIn/index.d.ts +1 -0
- package/dist/modules/FeaturesGallery/FeaturesGallery.d.ts +1 -1
- package/dist/modules/FollowTheScience/FollowTheScience.d.ts +10 -0
- package/dist/modules/FollowTheScience/index.d.ts +1 -0
- package/dist/modules/HowItWorks/HowItWorks.d.ts +11 -0
- package/dist/modules/HowItWorks/components/Content/Content.d.ts +10 -0
- package/dist/modules/HowItWorks/components/Content/index.d.ts +1 -0
- package/dist/modules/HowItWorks/index.d.ts +1 -0
- package/dist/modules/OptimalHealth/OptimalHealth.d.ts +11 -0
- package/dist/modules/OptimalHealth/components/ClockImages/ClockImages.d.ts +7 -0
- package/dist/modules/OptimalHealth/components/ClockImages/hooks.d.ts +1 -0
- package/dist/modules/OptimalHealth/components/ClockImages/index.d.ts +1 -0
- package/dist/modules/OptimalHealth/index.d.ts +1 -0
- package/dist/modules/OptimalHealth/types.d.ts +12 -0
- package/dist/modules/OurProcess/OurProcess.d.ts +12 -0
- package/dist/modules/OurProcess/components/StepCards/StepCards.d.ts +9 -0
- package/dist/modules/OurProcess/components/StepCards/index.d.ts +1 -0
- package/dist/modules/OurProcess/index.d.ts +1 -0
- package/dist/modules/OurProcess/types.d.ts +5 -0
- package/dist/modules/ProductsDisplay/ProductsDisplay.cjs.js +1 -0
- package/dist/modules/ProductsDisplay/ProductsDisplay.d.ts +3 -0
- package/dist/modules/ProductsDisplay/ProductsDisplay.es.js +53 -0
- package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.cjs.js +1 -0
- package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.d.ts +10 -0
- package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.es.js +46 -0
- package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/index.d.ts +1 -0
- package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/productsDisplayTabs.module.css.cjs.js +1 -0
- package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/productsDisplayTabs.module.css.es.js +9 -0
- package/dist/modules/ProductsDisplay/components/index.d.ts +1 -0
- package/dist/modules/ProductsDisplay/index.d.ts +1 -0
- package/dist/modules/ProductsDisplay/productsDisplay.module.css.cjs.js +1 -0
- package/dist/modules/ProductsDisplay/productsDisplay.module.css.es.js +11 -0
- package/dist/modules/ProductsDisplay/types.d.ts +11 -0
- package/dist/modules/ProductsDisplay/useProductsData.cjs.js +1 -0
- package/dist/modules/ProductsDisplay/useProductsData.d.ts +15 -0
- package/dist/modules/ProductsDisplay/useProductsData.es.js +26 -0
- package/dist/modules/Studies/Studies.d.ts +1 -1
- package/dist/modules/TargetedPrograms/TargetedPrograms.d.ts +7 -0
- package/dist/modules/TargetedPrograms/index.d.ts +1 -0
- package/dist/modules/TotalCare/TotalCare.cjs.js +1 -1
- package/dist/modules/TotalCare/TotalCare.d.ts +2 -2
- package/dist/modules/TotalCare/TotalCare.es.js +38 -19
- package/dist/modules/YourProtocol/YourProtocol.cjs.js +1 -1
- package/dist/modules/YourProtocol/YourProtocol.d.ts +1 -1
- package/dist/modules/YourProtocol/YourProtocol.es.js +20 -6
- package/dist/modules/YourProtocol/components/ProtocolTags/ProtocolTags.cjs.js +1 -1
- package/dist/modules/YourProtocol/components/ProtocolTags/ProtocolTags.es.js +48 -22
- package/dist/modules/index.d.ts +1 -0
- package/dist/node_modules/swiper/modules/navigation.cjs.js +1 -0
- package/dist/node_modules/swiper/modules/navigation.es.js +127 -0
- package/dist/node_modules/swiper/shared/create-element-if-not-defined.cjs.js +1 -0
- package/dist/node_modules/swiper/shared/create-element-if-not-defined.es.js +12 -0
- package/dist/node_modules/swiper/shared/ssr-window.esm.cjs.js +1 -0
- package/dist/node_modules/swiper/shared/ssr-window.esm.es.js +135 -0
- package/dist/node_modules/swiper/shared/swiper-core.cjs.js +1 -0
- package/dist/node_modules/swiper/shared/swiper-core.es.js +2028 -0
- package/dist/node_modules/swiper/shared/update-on-virtual-data.cjs.js +1 -0
- package/dist/node_modules/swiper/shared/update-on-virtual-data.es.js +62 -0
- package/dist/node_modules/swiper/shared/update-swiper.cjs.js +1 -0
- package/dist/node_modules/swiper/shared/update-swiper.es.js +192 -0
- package/dist/node_modules/swiper/shared/utils.cjs.js +1 -0
- package/dist/node_modules/swiper/shared/utils.es.js +186 -0
- package/dist/node_modules/swiper/swiper-react.cjs.js +1 -0
- package/dist/node_modules/swiper/swiper-react.es.js +242 -0
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/useSwiper.cjs.js +1 -0
- package/dist/utils/useSwiper.d.ts +22 -0
- package/dist/utils/useSwiper.es.js +48 -0
- package/dist/utils.cjs.js +1 -1
- package/dist/utils.es.js +8 -6
- package/package.json +7 -2
package/dist/index.es.js
CHANGED
|
@@ -6,45 +6,57 @@
|
|
|
6
6
|
import { default as x } from "./styles/typography.module.css.es.js";
|
|
7
7
|
import { Typography as i } from "./components/Typography/Typography.es.js";
|
|
8
8
|
import { Button as n } from "./components/Button/Button.es.js";
|
|
9
|
-
import { Label as
|
|
10
|
-
import { Tag as
|
|
11
|
-
import { Tabs as
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
9
|
+
import { Label as c } from "./components/Label/Label.es.js";
|
|
10
|
+
import { Tag as T } from "./components/Tag/Tag.es.js";
|
|
11
|
+
import { Tabs as y } from "./components/Tabs/Tabs.es.js";
|
|
12
|
+
import { TabsWithFade as B } from "./components/Tabs/TabsWithFade.es.js";
|
|
13
|
+
import { ETypeBadge as h, TypeBadge as I } from "./components/TypeBadge/TypeBadge.es.js";
|
|
14
|
+
import { ContentTabs as C } from "./components/ContentTabs/ContentTabs.es.js";
|
|
15
|
+
import { Icon as F } from "./components/Icon/Icon.es.js";
|
|
16
|
+
import { EIconName as H } from "./components/Icon/constants.es.js";
|
|
17
|
+
import { ProductGalleryCard as k } from "./components/ProductGalleryCard/ProductGalleryCard.es.js";
|
|
18
|
+
import { HighlightedTitle as D } from "./components/HighlightedTitle/HighlightedTitle.es.js";
|
|
19
|
+
import { Callback as M } from "./components/Callback/Callback.es.js";
|
|
19
20
|
import { IconButton as U } from "./components/IconButton/IconButton.es.js";
|
|
20
|
-
import { FilterMenu as
|
|
21
|
-
import { InfiniteScroll as
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
21
|
+
import { FilterMenu as Y } from "./components/FilterMenu/FilterMenu.es.js";
|
|
22
|
+
import { InfiniteScroll as q } from "./components/InfiniteScroll/InfiniteScroll.es.js";
|
|
23
|
+
import { ProductGallery as z } from "./components/ProductGallery/ProductGallery.es.js";
|
|
24
|
+
import { ProgressButton as J } from "./components/ProgressButton/ProgressButton.es.js";
|
|
25
|
+
import { TextButton as O } from "./components/TextButton/TextButton.es.js";
|
|
26
|
+
import { YourProtocol as R } from "./modules/YourProtocol/YourProtocol.es.js";
|
|
27
|
+
import { TotalCare as X } from "./modules/TotalCare/TotalCare.es.js";
|
|
28
|
+
import { ProductsDisplay as _ } from "./modules/ProductsDisplay/ProductsDisplay.es.js";
|
|
29
|
+
import { cn as oo } from "./utils/cn.es.js";
|
|
30
|
+
import { isHsIcon as to } from "./utils/isHsIcon.es.js";
|
|
31
|
+
import { formatUnits as po } from "./utils/formatUnits.es.js";
|
|
32
|
+
import { useSwiper as fo } from "./utils/useSwiper.es.js";
|
|
27
33
|
export {
|
|
28
34
|
n as Button,
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
35
|
+
M as Callback,
|
|
36
|
+
C as ContentTabs,
|
|
37
|
+
H as EIconName,
|
|
38
|
+
h as ETypeBadge,
|
|
39
|
+
Y as FilterMenu,
|
|
40
|
+
D as HighlightedTitle,
|
|
41
|
+
F as Icon,
|
|
36
42
|
U as IconButton,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
43
|
+
q as InfiniteScroll,
|
|
44
|
+
c as Label,
|
|
45
|
+
z as ProductGallery,
|
|
46
|
+
k as ProductGalleryCard,
|
|
47
|
+
_ as ProductsDisplay,
|
|
48
|
+
J as ProgressButton,
|
|
49
|
+
y as Tabs,
|
|
50
|
+
B as TabsWithFade,
|
|
51
|
+
T as Tag,
|
|
52
|
+
O as TextButton,
|
|
53
|
+
X as TotalCare,
|
|
54
|
+
I as TypeBadge,
|
|
44
55
|
i as Typography,
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
x as typography
|
|
56
|
+
R as YourProtocol,
|
|
57
|
+
oo as cn,
|
|
58
|
+
po as formatUnits,
|
|
59
|
+
to as isHsIcon,
|
|
60
|
+
x as typography,
|
|
61
|
+
fo as useSwiper
|
|
50
62
|
};
|
|
@@ -6,4 +6,4 @@ export type ComparisonProps = {
|
|
|
6
6
|
comparison: ComparisonData;
|
|
7
7
|
description?: string;
|
|
8
8
|
};
|
|
9
|
-
export declare const Comparison: ({ title, description, comparison }: ComparisonProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare const Comparison: ({ title, description, comparison, }: ComparisonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -4,5 +4,5 @@ type ComparisonMobileViewProps = {
|
|
|
4
4
|
comparison: ComparisonData;
|
|
5
5
|
className?: string;
|
|
6
6
|
};
|
|
7
|
-
export declare const ComparisonMobileView: ({ comparison, className }: ComparisonMobileViewProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare const ComparisonMobileView: ({ comparison, className, }: ComparisonMobileViewProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
type TMediaView = {
|
|
2
|
+
type: 'media';
|
|
3
|
+
media: Array<{
|
|
4
|
+
url?: string;
|
|
5
|
+
logo: string;
|
|
6
|
+
}>;
|
|
7
|
+
};
|
|
8
|
+
type TFeaturedQuoteView = {
|
|
9
|
+
type: 'quote';
|
|
10
|
+
quote: string;
|
|
11
|
+
};
|
|
12
|
+
type TFeaturedButtonView = {
|
|
13
|
+
type: 'cta';
|
|
14
|
+
button_label: string;
|
|
15
|
+
};
|
|
16
|
+
export type FeaturedInProps = {
|
|
17
|
+
label: string;
|
|
18
|
+
content: Array<TMediaView | TFeaturedQuoteView | TFeaturedButtonView>;
|
|
19
|
+
};
|
|
20
|
+
export declare function FeaturedIn({ label, content }: FeaturedInProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FeaturedIn } from './FeaturedIn';
|
|
@@ -10,5 +10,5 @@ type Props = {
|
|
|
10
10
|
url: string;
|
|
11
11
|
}>;
|
|
12
12
|
};
|
|
13
|
-
export declare const FeaturesGallery: ({ title, description, features, labels }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare const FeaturesGallery: ({ title, description, features, labels, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
14
14
|
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
|
|
2
|
+
export type TargetedProgramsProps = {
|
|
3
|
+
labelText: string;
|
|
4
|
+
benefits: Array<{
|
|
5
|
+
title: string;
|
|
6
|
+
description: string;
|
|
7
|
+
link: string;
|
|
8
|
+
}>;
|
|
9
|
+
};
|
|
10
|
+
export declare function FollowTheScience({ labelText, benefits, }: TargetedProgramsProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FollowTheScience } from './FollowTheScience';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
type HowItWorksProps = {
|
|
2
|
+
title: string;
|
|
3
|
+
items: Array<{
|
|
4
|
+
title: string;
|
|
5
|
+
description: string;
|
|
6
|
+
image: string;
|
|
7
|
+
}>;
|
|
8
|
+
getStartedLink?: string;
|
|
9
|
+
};
|
|
10
|
+
export declare const HowItWorks: ({ title, getStartedLink, items, }: HowItWorksProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Content } from './Content';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { HowItWorks } from './HowItWorks';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { TClockImages } from './types';
|
|
3
|
+
|
|
4
|
+
type OptimalHealthProps = {
|
|
5
|
+
title: ReactNode;
|
|
6
|
+
description: string;
|
|
7
|
+
link: string;
|
|
8
|
+
images: TClockImages;
|
|
9
|
+
};
|
|
10
|
+
export declare const OptimalHealth: ({ title, description, link, images, }: OptimalHealthProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useResponsiveRadius(): number;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ClockImages } from './ClockImages';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { OptimalHealth } from './OptimalHealth';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export type TClockImages = {
|
|
2
|
+
smallSquareImage1: string;
|
|
3
|
+
rectImage2: string;
|
|
4
|
+
smallSquareImage3: string;
|
|
5
|
+
largeSquareImage4: string;
|
|
6
|
+
rectImage5: string;
|
|
7
|
+
smallSquareImage6: string;
|
|
8
|
+
rectImage7: string;
|
|
9
|
+
smallSquareImage8: string;
|
|
10
|
+
rectImage9: string;
|
|
11
|
+
largeSquareImage10: string;
|
|
12
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { TColorScheme } from '../../types/common';
|
|
3
|
+
import { TOurProcessStep } from './types';
|
|
4
|
+
|
|
5
|
+
export type OurProcessProps = {
|
|
6
|
+
title: ReactNode;
|
|
7
|
+
label: string;
|
|
8
|
+
colorScheme: TColorScheme;
|
|
9
|
+
steps: ReadonlyArray<TOurProcessStep>;
|
|
10
|
+
howItWorks?: string;
|
|
11
|
+
};
|
|
12
|
+
export declare const OurProcess: ({ title, label, colorScheme, howItWorks, steps, }: OurProcessProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TColorScheme } from '../../../../types/common';
|
|
2
|
+
import { TOurProcessStep } from '../../types';
|
|
3
|
+
|
|
4
|
+
type StepCardsProps = {
|
|
5
|
+
steps: ReadonlyArray<TOurProcessStep>;
|
|
6
|
+
colorScheme: TColorScheme;
|
|
7
|
+
};
|
|
8
|
+
export declare const StepCards: ({ steps, colorScheme }: StepCardsProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { StepCards } from './StepCards';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { OurProcess } from './OurProcess';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs.js"),u=require("react"),l=require("../../components/Typography/Typography.cjs.js");require("../../components/Button/Button.cjs.js");require("../../components/Label/Label.cjs.js");require("../../components/Tag/Tag.cjs.js");require("../../components/Tabs/Tabs.cjs.js");require("../../components/Icon/Icon.cjs.js");const q=require("../../components/ProductGalleryCard/ProductGalleryCard.cjs.js");require("../../components/InfiniteScroll/InfiniteScroll.cjs.js");const h=require("../../components/ProductGallery/ProductGallery.cjs.js"),T=require("./components/ProductsDisplayTabs/ProductsDisplayTabs.cjs.js"),s=require("./productsDisplay.module.css.cjs.js"),P=require("./useProductsData.cjs.js"),g=({label_text:d,productDisplays:c})=>{var o;const{isTabbed:t,title:n,description:p,tabs:a,slidesByTabs:i}=P.useProductsData({productDisplays:c}),[r,x]=u.useState(((o=a[0])==null?void 0:o.value)??""),y=u.useMemo(()=>(i[r]??[]).map((b,j)=>e.jsxRuntimeExports.jsx(q.ProductGalleryCard,{...b},j)),[r,i]),m=t?e.jsxRuntimeExports.jsx(T.ProductsDisplayTabs,{label:d,tabs:a,activeTab:r,onTabChange:x}):e.jsxRuntimeExports.jsxs("div",{className:s.default.header,children:[e.jsxRuntimeExports.jsx(l.Typography,{className:s.default.headerTitle,defaultVariant:"displayMd",mobileVariant:"headingLg",children:n}),e.jsxRuntimeExports.jsx(l.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodySm",children:p})]});return e.jsxRuntimeExports.jsx("div",{className:s.default.root,children:e.jsxRuntimeExports.jsx(h.ProductGallery,{header:m,slides:y,isTabbed:t})})};exports.ProductsDisplay=g;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { j as t } from "../../_virtual/jsx-runtime.es.js";
|
|
2
|
+
import { useState as h, useMemo as x } from "react";
|
|
3
|
+
import { Typography as m } from "../../components/Typography/Typography.es.js";
|
|
4
|
+
import "../../components/Button/Button.es.js";
|
|
5
|
+
import "../../components/Label/Label.es.js";
|
|
6
|
+
import "../../components/Tag/Tag.es.js";
|
|
7
|
+
import "../../components/Tabs/Tabs.es.js";
|
|
8
|
+
import "../../components/Icon/Icon.es.js";
|
|
9
|
+
import { ProductGalleryCard as j } from "../../components/ProductGalleryCard/ProductGalleryCard.es.js";
|
|
10
|
+
import "../../components/InfiniteScroll/InfiniteScroll.es.js";
|
|
11
|
+
import { ProductGallery as T } from "../../components/ProductGallery/ProductGallery.es.js";
|
|
12
|
+
import { ProductsDisplayTabs as g } from "./components/ProductsDisplayTabs/ProductsDisplayTabs.es.js";
|
|
13
|
+
import s from "./productsDisplay.module.css.es.js";
|
|
14
|
+
import { useProductsData as v } from "./useProductsData.es.js";
|
|
15
|
+
const w = ({
|
|
16
|
+
label_text: l,
|
|
17
|
+
productDisplays: d
|
|
18
|
+
}) => {
|
|
19
|
+
var i;
|
|
20
|
+
const { isTabbed: o, title: p, description: c, tabs: a, slidesByTabs: e } = v({
|
|
21
|
+
productDisplays: d
|
|
22
|
+
}), [r, n] = h(((i = a[0]) == null ? void 0 : i.value) ?? ""), u = x(() => (e[r] ?? []).map((y, f) => /* @__PURE__ */ t.jsx(j, { ...y }, f)), [r, e]), b = o ? /* @__PURE__ */ t.jsx(
|
|
23
|
+
g,
|
|
24
|
+
{
|
|
25
|
+
label: l,
|
|
26
|
+
tabs: a,
|
|
27
|
+
activeTab: r,
|
|
28
|
+
onTabChange: n
|
|
29
|
+
}
|
|
30
|
+
) : /* @__PURE__ */ t.jsxs("div", { className: s.header, children: [
|
|
31
|
+
/* @__PURE__ */ t.jsx(
|
|
32
|
+
m,
|
|
33
|
+
{
|
|
34
|
+
className: s.headerTitle,
|
|
35
|
+
defaultVariant: "displayMd",
|
|
36
|
+
mobileVariant: "headingLg",
|
|
37
|
+
children: p
|
|
38
|
+
}
|
|
39
|
+
),
|
|
40
|
+
/* @__PURE__ */ t.jsx(m, { defaultVariant: "bodyLg", mobileVariant: "bodySm", children: c })
|
|
41
|
+
] });
|
|
42
|
+
return /* @__PURE__ */ t.jsx("div", { className: s.root, children: /* @__PURE__ */ t.jsx(
|
|
43
|
+
T,
|
|
44
|
+
{
|
|
45
|
+
header: b,
|
|
46
|
+
slides: u,
|
|
47
|
+
isTabbed: o
|
|
48
|
+
}
|
|
49
|
+
) });
|
|
50
|
+
};
|
|
51
|
+
export {
|
|
52
|
+
w as ProductsDisplay
|
|
53
|
+
};
|
package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.cjs.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),t=require("../../../../components/Typography/Typography.cjs.js");require("../../../../components/Button/Button.cjs.js");require("../../../../components/Label/Label.cjs.js");require("../../../../components/Tag/Tag.cjs.js");require("../../../../components/Tabs/Tabs.cjs.js");const o=require("../../../../components/Tabs/TabsWithFade.cjs.js");require("react");require("../../../../components/Icon/Icon.cjs.js");require("../../../../components/InfiniteScroll/InfiniteScroll.cjs.js");require("../../../../node_modules/swiper/swiper-react.cjs.js");;/* empty css */;/* empty css */;/* empty css */const i=require("./productsDisplayTabs.module.css.cjs.js");function l({label:r,tabs:s,activeTab:u,onTabChange:a}){return e.jsxRuntimeExports.jsxs("div",{className:i.default.header,children:[!!r&&e.jsxRuntimeExports.jsx(t.Typography,{as:"p",defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,className:i.default.label,children:r}),e.jsxRuntimeExports.jsx(o.TabsWithFade,{activeTab:u,tabs:s,onTabChange:a})]})}exports.ProductsDisplayTabs=l;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Tab } from '../../../../components';
|
|
2
|
+
|
|
3
|
+
type Props<T extends string | number> = {
|
|
4
|
+
label?: string;
|
|
5
|
+
tabs: Tab<T>[];
|
|
6
|
+
activeTab: T;
|
|
7
|
+
onTabChange: (tab: T) => void;
|
|
8
|
+
};
|
|
9
|
+
export declare function ProductsDisplayTabs<T extends string>({ label, tabs, activeTab, onTabChange, }: Props<T>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
|
|
2
|
+
import { Typography as a } from "../../../../components/Typography/Typography.es.js";
|
|
3
|
+
import "../../../../components/Button/Button.es.js";
|
|
4
|
+
import "../../../../components/Label/Label.es.js";
|
|
5
|
+
import "../../../../components/Tag/Tag.es.js";
|
|
6
|
+
import "../../../../components/Tabs/Tabs.es.js";
|
|
7
|
+
import { TabsWithFade as s } from "../../../../components/Tabs/TabsWithFade.es.js";
|
|
8
|
+
import "react";
|
|
9
|
+
import "../../../../components/Icon/Icon.es.js";
|
|
10
|
+
import "../../../../components/InfiniteScroll/InfiniteScroll.es.js";
|
|
11
|
+
import "../../../../node_modules/swiper/swiper-react.es.js";
|
|
12
|
+
/* empty css */
|
|
13
|
+
/* empty css */
|
|
14
|
+
/* empty css */
|
|
15
|
+
import t from "./productsDisplayTabs.module.css.es.js";
|
|
16
|
+
function g({
|
|
17
|
+
label: o,
|
|
18
|
+
tabs: i,
|
|
19
|
+
activeTab: m,
|
|
20
|
+
onTabChange: p
|
|
21
|
+
}) {
|
|
22
|
+
return /* @__PURE__ */ r.jsxs("div", { className: t.header, children: [
|
|
23
|
+
!!o && /* @__PURE__ */ r.jsx(
|
|
24
|
+
a,
|
|
25
|
+
{
|
|
26
|
+
as: "p",
|
|
27
|
+
defaultVariant: "labelMd",
|
|
28
|
+
mobileVariant: "labelSm",
|
|
29
|
+
emphasis: !0,
|
|
30
|
+
className: t.label,
|
|
31
|
+
children: o
|
|
32
|
+
}
|
|
33
|
+
),
|
|
34
|
+
/* @__PURE__ */ r.jsx(
|
|
35
|
+
s,
|
|
36
|
+
{
|
|
37
|
+
activeTab: m,
|
|
38
|
+
tabs: i,
|
|
39
|
+
onTabChange: p
|
|
40
|
+
}
|
|
41
|
+
)
|
|
42
|
+
] });
|
|
43
|
+
}
|
|
44
|
+
export {
|
|
45
|
+
g as ProductsDisplayTabs
|
|
46
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ProductsDisplayTabs } from './ProductsDisplayTabs';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="productsDisplayTabs-module__label___yoPVH",l="productsDisplayTabs-module__header___nO8ge",a={label:e,header:l};exports.default=a;exports.header=l;exports.label=e;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ProductsDisplayTabs } from './ProductsDisplayTabs';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ProductsDisplay } from './ProductsDisplay';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="productsDisplay-module__root___0S-RE",t="productsDisplay-module__header___rtnss",o="productsDisplay-module__headerTitle___WHCaZ",r={root:e,header:t,headerTitle:o};exports.default=r;exports.header=t;exports.headerTitle=o;exports.root=e;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
const e = "productsDisplay-module__root___0S-RE", o = "productsDisplay-module__header___rtnss", t = "productsDisplay-module__headerTitle___WHCaZ", s = {
|
|
2
|
+
root: e,
|
|
3
|
+
header: o,
|
|
4
|
+
headerTitle: t
|
|
5
|
+
};
|
|
6
|
+
export {
|
|
7
|
+
s as default,
|
|
8
|
+
o as header,
|
|
9
|
+
t as headerTitle,
|
|
10
|
+
e as root
|
|
11
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { TProductGalleryCardView } from '../../components';
|
|
2
|
+
|
|
3
|
+
export type TProductsDisplayView = {
|
|
4
|
+
title: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
productCards: Array<TProductGalleryCardView>;
|
|
7
|
+
};
|
|
8
|
+
export type TProductsDisplay = {
|
|
9
|
+
label_text?: string;
|
|
10
|
+
productDisplays: Array<TProductsDisplayView>;
|
|
11
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=({productDisplays:t})=>{const a=t.length>1,n=t[0],l=n.title,r=n.description??"",o=t.map(e=>({value:e.title.replace(" ","_").toLocaleLowerCase(),label:e.title})),d=o.reduce((e,c)=>{const s=t.find(u=>u.title===c.label),i=s==null?void 0:s.productCards;return i&&(e[c.value]=i),e},{});return{isTabbed:a,title:l,description:r,tabs:o,slidesByTabs:d}};exports.useProductsData=b;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { TProductGalleryCardView, Tab } from '../../components';
|
|
2
|
+
import { TProductsDisplayView } from './types';
|
|
3
|
+
|
|
4
|
+
type UseProductsReceiveProps = {
|
|
5
|
+
productDisplays: Array<TProductsDisplayView>;
|
|
6
|
+
};
|
|
7
|
+
type UseProductsReturnProps = {
|
|
8
|
+
isTabbed: boolean;
|
|
9
|
+
title: string;
|
|
10
|
+
description: string;
|
|
11
|
+
tabs: Tab<string>[];
|
|
12
|
+
slidesByTabs: Record<string, TProductGalleryCardView[]>;
|
|
13
|
+
};
|
|
14
|
+
export declare const useProductsData: ({ productDisplays, }: UseProductsReceiveProps) => UseProductsReturnProps;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
const f = ({
|
|
2
|
+
productDisplays: t
|
|
3
|
+
}) => {
|
|
4
|
+
const l = t.length > 1, s = t[0], a = s.title, r = s.description ?? "", o = t.map((e) => ({
|
|
5
|
+
value: e.title.replace(" ", "_").toLocaleLowerCase(),
|
|
6
|
+
label: e.title
|
|
7
|
+
})), d = o.reduce(
|
|
8
|
+
(e, c) => {
|
|
9
|
+
const n = t.find(
|
|
10
|
+
(b) => b.title === c.label
|
|
11
|
+
), i = n == null ? void 0 : n.productCards;
|
|
12
|
+
return i && (e[c.value] = i), e;
|
|
13
|
+
},
|
|
14
|
+
{}
|
|
15
|
+
);
|
|
16
|
+
return {
|
|
17
|
+
isTabbed: l,
|
|
18
|
+
title: a,
|
|
19
|
+
description: r,
|
|
20
|
+
tabs: o,
|
|
21
|
+
slidesByTabs: d
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
export {
|
|
25
|
+
f as useProductsData
|
|
26
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ProgramCardProps } from '../../components/ProgramCard/ProgramCard';
|
|
2
|
+
|
|
3
|
+
export type TargetedProgramsProps = {
|
|
4
|
+
title: string;
|
|
5
|
+
cards: Array<ProgramCardProps>;
|
|
6
|
+
};
|
|
7
|
+
export declare function TargetedPrograms({ title, cards }: TargetedProgramsProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { TargetedPrograms } from './TargetedPrograms';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs.js"),o=require("react");require("../../components/Button/Button.cjs.js");require("../../components/Label/Label.cjs.js");require("../../components/Tag/Tag.cjs.js");require("../../components/Tabs/Tabs.cjs.js");const c=require("../../components/ContentTabs/ContentTabs.cjs.js");require("../../components/Icon/Icon.cjs.js");const n=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js");require("../../components/InfiniteScroll/InfiniteScroll.cjs.js");require("../../node_modules/swiper/swiper-react.cjs.js");;/* empty css */;/* empty css */;/* empty css */const t=require("./totalCare.module.css.cjs.js"),m=({title:a,label:u,contentTabs:r,colorScheme:i})=>{const[s,l]=o.useState(r.tabs[0]);return e.jsxRuntimeExports.jsx("section",{className:t.default.root,"data-scheme":i,children:e.jsxRuntimeExports.jsxs("div",{className:t.default.container,children:[e.jsxRuntimeExports.jsx(n.HighlightedTitle,{title:a,label:u,className:t.default.header,colorScheme:i}),e.jsxRuntimeExports.jsxs("div",{className:t.default.content,children:[e.jsxRuntimeExports.jsx("div",{className:t.default.tags,children:e.jsxRuntimeExports.jsx(c.ContentTabs,{activeTab:s,tabs:r.tabs,colorScheme:r.colorScheme,onTabClick:l})}),s.image&&e.jsxRuntimeExports.jsx("div",{className:t.default.imageWrap,children:e.jsxRuntimeExports.jsx("img",{src:s.image,alt:"Total Care",className:t.default.image})})]})]})})};exports.TotalCare=m;
|
|
@@ -4,7 +4,7 @@ import { TColorScheme } from '../../types/common';
|
|
|
4
4
|
|
|
5
5
|
export type TotalCareProps = {
|
|
6
6
|
title: ReactNode;
|
|
7
|
-
|
|
7
|
+
label: string;
|
|
8
8
|
colorScheme: TColorScheme;
|
|
9
9
|
contentTabs: {
|
|
10
10
|
title: string;
|
|
@@ -13,4 +13,4 @@ export type TotalCareProps = {
|
|
|
13
13
|
tabs: ReadonlyArray<TContentTab>;
|
|
14
14
|
};
|
|
15
15
|
};
|
|
16
|
-
export declare const TotalCare: ({ title,
|
|
16
|
+
export declare const TotalCare: ({ title, label, contentTabs, colorScheme, }: TotalCareProps) => import("react/jsx-runtime").JSX.Element;
|