@zenpatient-org/healthspan-marketing-ui 0.1.109 → 0.1.111
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/ProductGalleryCard/ProductGalleryCard.cjs.js +1 -1
- package/dist/components/ProductGalleryCard/ProductGalleryCard.es.js +18 -37
- package/dist/components/Skeleton/Skeleton.cjs.js +1 -0
- package/dist/components/Skeleton/Skeleton.d.ts +9 -0
- package/dist/components/Skeleton/Skeleton.es.js +14 -0
- package/dist/components/Skeleton/index.d.ts +1 -0
- package/dist/components/Skeleton/skeleton.module.css.cjs.js +1 -0
- package/dist/components/Skeleton/skeleton.module.css.es.js +12 -0
- package/dist/healthspan-marketing-ui.css +1 -1
- package/dist/modules/Curiosity/Curiosity.cjs.js +1 -1
- package/dist/modules/Curiosity/Curiosity.es.js +6 -6
- package/dist/modules/ResearchStudies/ResearchStudies.cjs.js +1 -1
- package/dist/modules/ResearchStudies/ResearchStudies.es.js +25 -22
- package/dist/modules/ResearchStudies/components/StudiesSkeleton/StudiesSkeleton.cjs.js +1 -0
- package/dist/modules/ResearchStudies/components/StudiesSkeleton/StudiesSkeleton.d.ts +3 -0
- package/dist/modules/ResearchStudies/components/StudiesSkeleton/StudiesSkeleton.es.js +18 -0
- package/dist/modules/ResearchStudies/components/StudiesSkeleton/index.d.ts +1 -0
- package/dist/modules/ResearchStudies/components/StudiesSkeleton/studiesSkeleton.module.css.cjs.js +1 -0
- package/dist/modules/ResearchStudies/components/StudiesSkeleton/studiesSkeleton.module.css.es.js +17 -0
- package/dist/modules/ResearchStudies/researchStudies.module.css.cjs.js +1 -1
- package/dist/modules/ResearchStudies/researchStudies.module.css.es.js +5 -7
- package/dist/modules/YourProtocol/YourProtocol.cjs.js +1 -1
- package/dist/modules/YourProtocol/YourProtocol.es.js +2 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../components/Button/Button.cjs.js"),m=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),o=require("../../components/InfiniteScroll/InfiniteScroll.cjs.js"),
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../components/Button/Button.cjs.js"),m=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),o=require("../../components/InfiniteScroll/InfiniteScroll.cjs.js"),n=require("../../components/Typography/Typography.cjs.js"),d=require("../../components/StudyGridCard/StudyGridCard.cjs.js"),t=require("./curiosity.module.css.cjs.js"),f=require("../../utils/cn/cn.cjs.js"),h=({title:c,description:r,studies:s,indexed:i})=>e.jsxs("div",{className:f.cn(t.default.root,{[t.default.notIndexed]:!i}),children:[e.jsxs("div",{className:t.default.contentContainer,children:[e.jsxs("div",{className:t.default.containerHeader,children:[e.jsx(m.HighlightedTitle,{title:c,className:t.default.title,defaultVariant:"displayXl",mobileVariant:"displayXs"}),e.jsxs("div",{className:t.default.contentTextContainer,children:[r&&e.jsx(n.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodySm",className:t.default.contentText,children:r}),e.jsx("div",{className:t.default.buttonContainer,children:e.jsx(u.Button,{as:"a",href:"/research",variant:"muted",size:"lg",children:"View all studies"})})]})]}),i&&e.jsxs("div",{className:t.default.dividerContainer,children:[e.jsx(n.Typography,{defaultVariant:"labelMd",children:i.number}),e.jsx("div",{className:t.default.divider}),e.jsx(n.Typography,{defaultVariant:"labelMd",emphasis:!0,children:i.label})]})]}),e.jsxs("div",{className:t.default.containerBottom,children:[e.jsx(o.InfiniteScroll,{items:s,speed:50,contentClassName:t.default.infiniteScrollContent,itemClassName:t.default.infiniteScrollItem,rootClassName:t.default.infiniteScrollRoot,renderItem:(a,l)=>e.jsx(d.StudyGridCard,{...a,compressed:!0},l)}),e.jsx(o.InfiniteScroll,{items:s,speed:50,direction:"right",contentClassName:t.default.infiniteScrollContent,itemClassName:t.default.infiniteScrollItemTwo,rootClassName:t.default.infiniteScrollRoot,renderItem:(a,l)=>e.jsx(d.StudyGridCard,{...a,compressed:!0},l)})]})]});exports.Curiosity=h;
|
|
@@ -4,16 +4,16 @@ import { Button as f } from "../../components/Button/Button.es.js";
|
|
|
4
4
|
import { HighlightedTitle as h } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
|
|
5
5
|
import { InfiniteScroll as m } from "../../components/InfiniteScroll/InfiniteScroll.es.js";
|
|
6
6
|
import { Typography as l } from "../../components/Typography/Typography.es.js";
|
|
7
|
-
import { StudyGridCard as
|
|
7
|
+
import { StudyGridCard as c } from "../../components/StudyGridCard/StudyGridCard.es.js";
|
|
8
8
|
import e from "./curiosity.module.css.es.js";
|
|
9
9
|
import { cn as p } from "../../utils/cn/cn.es.js";
|
|
10
|
-
const g = ({ title:
|
|
10
|
+
const g = ({ title: d, description: o, studies: s, indexed: r }) => /* @__PURE__ */ i("div", { className: p(e.root, { [e.notIndexed]: !r }), children: [
|
|
11
11
|
/* @__PURE__ */ i("div", { className: e.contentContainer, children: [
|
|
12
12
|
/* @__PURE__ */ i("div", { className: e.containerHeader, children: [
|
|
13
13
|
/* @__PURE__ */ t(
|
|
14
14
|
h,
|
|
15
15
|
{
|
|
16
|
-
title:
|
|
16
|
+
title: d,
|
|
17
17
|
className: e.title,
|
|
18
18
|
defaultVariant: "displayXl",
|
|
19
19
|
mobileVariant: "displayXs"
|
|
@@ -21,7 +21,7 @@ const g = ({ title: c, description: o, studies: s, indexed: r }) => /* @__PURE__
|
|
|
21
21
|
),
|
|
22
22
|
/* @__PURE__ */ i("div", { className: e.contentTextContainer, children: [
|
|
23
23
|
o && /* @__PURE__ */ t(l, { defaultVariant: "bodyLg", mobileVariant: "bodySm", className: e.contentText, children: o }),
|
|
24
|
-
/* @__PURE__ */ t("div", { className: e.buttonContainer, children: /* @__PURE__ */ t(f, { as: "a", href: "/", variant: "muted", size: "lg", children: "View all studies" }) })
|
|
24
|
+
/* @__PURE__ */ t("div", { className: e.buttonContainer, children: /* @__PURE__ */ t(f, { as: "a", href: "/research", variant: "muted", size: "lg", children: "View all studies" }) })
|
|
25
25
|
] })
|
|
26
26
|
] }),
|
|
27
27
|
r && /* @__PURE__ */ i("div", { className: e.dividerContainer, children: [
|
|
@@ -39,7 +39,7 @@ const g = ({ title: c, description: o, studies: s, indexed: r }) => /* @__PURE__
|
|
|
39
39
|
contentClassName: e.infiniteScrollContent,
|
|
40
40
|
itemClassName: e.infiniteScrollItem,
|
|
41
41
|
rootClassName: e.infiniteScrollRoot,
|
|
42
|
-
renderItem: (a, n) => /* @__PURE__ */ t(
|
|
42
|
+
renderItem: (a, n) => /* @__PURE__ */ t(c, { ...a, compressed: !0 }, n)
|
|
43
43
|
}
|
|
44
44
|
),
|
|
45
45
|
/* @__PURE__ */ t(
|
|
@@ -51,7 +51,7 @@ const g = ({ title: c, description: o, studies: s, indexed: r }) => /* @__PURE__
|
|
|
51
51
|
contentClassName: e.infiniteScrollContent,
|
|
52
52
|
itemClassName: e.infiniteScrollItemTwo,
|
|
53
53
|
rootClassName: e.infiniteScrollRoot,
|
|
54
|
-
renderItem: (a, n) => /* @__PURE__ */ t(
|
|
54
|
+
renderItem: (a, n) => /* @__PURE__ */ t(c, { ...a, compressed: !0 }, n)
|
|
55
55
|
}
|
|
56
56
|
)
|
|
57
57
|
] })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../components/Button/Button.cjs.js");require("../../components/Icon/Icon.cjs.js");const n=require("../../components/Icon/constants.cjs.js"),h=require("../../components/Typography/Typography.cjs.js"),m=require("./components/StudyCard/StudyCard.cjs.js"),x=require("./components/StudiesSkeleton/StudiesSkeleton.cjs.js"),s=require("./researchStudies.module.css.cjs.js"),f=6,p=({studies:d,hasMoreButton:l,title:o,backButton:r,loading:c,onClickShowMore:u})=>e.jsx("div",{className:s.default.root,children:e.jsxs("div",{className:s.default.container,children:[e.jsxs("div",{className:s.default.header,children:[r&&e.jsx("div",{className:s.default.backButton,children:e.jsx(t.Button,{as:"a",href:r.href,size:"xs",prefixIcon:n.EIconName.ARROW_BACK,variant:"ghost",children:r==null?void 0:r.label})}),e.jsx(h.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",children:o})]}),e.jsxs("div",{className:s.default.studies,children:[d.map((a,i)=>e.jsx("div",{className:s.default.studyCard,children:e.jsx(m.StudyCard,{...a})},`${a.title}_${a.link}`)),c&&Array.from({length:f}).map((a,i)=>e.jsx("div",{className:s.default.studyCard,children:e.jsx(x.StudiesSkeleton,{},i)},i))]}),l&&e.jsx("div",{className:s.default.buttonContainer,children:e.jsx(t.Button,{size:"lg",variant:"muted",prefixIcon:n.EIconName.PLUS,onClick:u,children:"show more"})})]})});exports.ResearchStudies=p;
|
|
@@ -1,37 +1,40 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as e, jsxs as
|
|
3
|
-
import { Button as
|
|
2
|
+
import { jsx as e, jsxs as l } from "react/jsx-runtime";
|
|
3
|
+
import { Button as d } from "../../components/Button/Button.es.js";
|
|
4
4
|
import "../../components/Icon/Icon.es.js";
|
|
5
|
-
import { EIconName as
|
|
6
|
-
import { Typography as
|
|
7
|
-
import { StudyCard as
|
|
8
|
-
import
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
5
|
+
import { EIconName as m } from "../../components/Icon/constants.es.js";
|
|
6
|
+
import { Typography as p } from "../../components/Typography/Typography.es.js";
|
|
7
|
+
import { StudyCard as f } from "./components/StudyCard/StudyCard.es.js";
|
|
8
|
+
import { StudiesSkeleton as N } from "./components/StudiesSkeleton/StudiesSkeleton.es.js";
|
|
9
|
+
import r from "./researchStudies.module.css.es.js";
|
|
10
|
+
const v = 6, R = ({
|
|
11
|
+
studies: o,
|
|
12
|
+
hasMoreButton: n,
|
|
12
13
|
title: t,
|
|
13
|
-
backButton:
|
|
14
|
+
backButton: i,
|
|
14
15
|
loading: c,
|
|
15
16
|
onClickShowMore: h
|
|
16
|
-
}) => /* @__PURE__ */ e("div", { className:
|
|
17
|
-
/* @__PURE__ */
|
|
18
|
-
|
|
19
|
-
|
|
17
|
+
}) => /* @__PURE__ */ e("div", { className: r.root, children: /* @__PURE__ */ l("div", { className: r.container, children: [
|
|
18
|
+
/* @__PURE__ */ l("div", { className: r.header, children: [
|
|
19
|
+
i && /* @__PURE__ */ e("div", { className: r.backButton, children: /* @__PURE__ */ e(
|
|
20
|
+
d,
|
|
20
21
|
{
|
|
21
22
|
as: "a",
|
|
22
|
-
href:
|
|
23
|
+
href: i.href,
|
|
23
24
|
size: "xs",
|
|
24
|
-
prefixIcon:
|
|
25
|
+
prefixIcon: m.ARROW_BACK,
|
|
25
26
|
variant: "ghost",
|
|
26
|
-
children:
|
|
27
|
+
children: i == null ? void 0 : i.label
|
|
27
28
|
}
|
|
28
29
|
) }),
|
|
29
|
-
/* @__PURE__ */ e(
|
|
30
|
+
/* @__PURE__ */ e(p, { defaultVariant: "displayXs", mobileVariant: "headingLg", children: t })
|
|
30
31
|
] }),
|
|
31
|
-
/* @__PURE__ */
|
|
32
|
-
|
|
33
|
-
|
|
32
|
+
/* @__PURE__ */ l("div", { className: r.studies, children: [
|
|
33
|
+
o.map((a, s) => /* @__PURE__ */ e("div", { className: r.studyCard, children: /* @__PURE__ */ e(f, { ...a }) }, `${a.title}_${a.link}`)),
|
|
34
|
+
c && Array.from({ length: v }).map((a, s) => /* @__PURE__ */ e("div", { className: r.studyCard, children: /* @__PURE__ */ e(N, {}, s) }, s))
|
|
35
|
+
] }),
|
|
36
|
+
n && /* @__PURE__ */ e("div", { className: r.buttonContainer, children: /* @__PURE__ */ e(d, { size: "lg", variant: "muted", prefixIcon: m.PLUS, onClick: h, children: "show more" }) })
|
|
34
37
|
] }) });
|
|
35
38
|
export {
|
|
36
|
-
|
|
39
|
+
R as ResearchStudies
|
|
37
40
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../components/Skeleton/Skeleton.cjs.js"),s=require("./studiesSkeleton.module.css.cjs.js"),i=({})=>e.jsx("div",{className:s.default.root,children:e.jsxs("div",{className:s.default.content,children:[e.jsx(t.Skeleton,{height:"28px",width:"100px",className:s.default.label,radius:"4px"}),e.jsx(t.Skeleton,{variant:"banner",height:"293px",radius:"12px"}),e.jsxs("div",{className:s.default.row,children:[e.jsx(t.Skeleton,{height:"12px",width:"100px",radius:"6px"}),e.jsx(t.Skeleton,{height:"12px",width:"8px",radius:"6px"}),e.jsx(t.Skeleton,{height:"12px",width:"100px",radius:"6px"})]}),e.jsx(t.Skeleton,{height:"44px",width:"100%",radius:"6px"}),e.jsx("div",{className:s.default.borderLeft,"data-line":"left"}),e.jsx("div",{className:s.default.borderRight,"data-line":"right"})]})});exports.StudiesSkeleton=i;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as i, jsxs as r } from "react/jsx-runtime";
|
|
2
|
+
import { Skeleton as e } from "../../../../components/Skeleton/Skeleton.es.js";
|
|
3
|
+
import t from "./studiesSkeleton.module.css.es.js";
|
|
4
|
+
const h = ({}) => /* @__PURE__ */ i("div", { className: t.root, children: /* @__PURE__ */ r("div", { className: t.content, children: [
|
|
5
|
+
/* @__PURE__ */ i(e, { height: "28px", width: "100px", className: t.label, radius: "4px" }),
|
|
6
|
+
/* @__PURE__ */ i(e, { variant: "banner", height: "293px", radius: "12px" }),
|
|
7
|
+
/* @__PURE__ */ r("div", { className: t.row, children: [
|
|
8
|
+
/* @__PURE__ */ i(e, { height: "12px", width: "100px", radius: "6px" }),
|
|
9
|
+
/* @__PURE__ */ i(e, { height: "12px", width: "8px", radius: "6px" }),
|
|
10
|
+
/* @__PURE__ */ i(e, { height: "12px", width: "100px", radius: "6px" })
|
|
11
|
+
] }),
|
|
12
|
+
/* @__PURE__ */ i(e, { height: "44px", width: "100%", radius: "6px" }),
|
|
13
|
+
/* @__PURE__ */ i("div", { className: t.borderLeft, "data-line": "left" }),
|
|
14
|
+
/* @__PURE__ */ i("div", { className: t.borderRight, "data-line": "right" })
|
|
15
|
+
] }) });
|
|
16
|
+
export {
|
|
17
|
+
h as StudiesSkeleton
|
|
18
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { StudiesSkeleton } from './StudiesSkeleton';
|
package/dist/modules/ResearchStudies/components/StudiesSkeleton/studiesSkeleton.module.css.cjs.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="studiesSkeleton-module__root___OqWX5",t="studiesSkeleton-module__content___hYdLr",o="studiesSkeleton-module__borderLeft___V10Kp",_="studiesSkeleton-module__borderRight___xaYTp",r="studiesSkeleton-module__label___5QXtO",l="studiesSkeleton-module__row___5-am3",d={root:e,content:t,borderLeft:o,borderRight:_,label:r,row:l};exports.borderLeft=o;exports.borderRight=_;exports.content=t;exports.default=d;exports.label=r;exports.root=e;exports.row=l;
|
package/dist/modules/ResearchStudies/components/StudiesSkeleton/studiesSkeleton.module.css.es.js
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
const e = "studiesSkeleton-module__root___OqWX5", o = "studiesSkeleton-module__content___hYdLr", t = "studiesSkeleton-module__borderLeft___V10Kp", _ = "studiesSkeleton-module__borderRight___xaYTp", s = "studiesSkeleton-module__label___5QXtO", d = "studiesSkeleton-module__row___5-am3", l = {
|
|
2
|
+
root: e,
|
|
3
|
+
content: o,
|
|
4
|
+
borderLeft: t,
|
|
5
|
+
borderRight: _,
|
|
6
|
+
label: s,
|
|
7
|
+
row: d
|
|
8
|
+
};
|
|
9
|
+
export {
|
|
10
|
+
t as borderLeft,
|
|
11
|
+
_ as borderRight,
|
|
12
|
+
o as content,
|
|
13
|
+
l as default,
|
|
14
|
+
s as label,
|
|
15
|
+
e as root,
|
|
16
|
+
d as row
|
|
17
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="researchStudies-module__root___l-DhN",t="researchStudies-module__container___K9kTm",o="researchStudies-module__header___LMwvo",s="researchStudies-module__backButton___j5euv",
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="researchStudies-module__root___l-DhN",t="researchStudies-module__container___K9kTm",o="researchStudies-module__header___LMwvo",s="researchStudies-module__backButton___j5euv",r="researchStudies-module__studies___-dT6a",u="researchStudies-module__studyCard___Xqw5Q",_="researchStudies-module__buttonContainer___XKU7w",d={root:e,container:t,header:o,backButton:s,studies:r,studyCard:u,buttonContainer:_};exports.backButton=s;exports.buttonContainer=_;exports.container=t;exports.default=d;exports.header=o;exports.root=e;exports.studies=r;exports.studyCard=u;
|
|
@@ -1,21 +1,19 @@
|
|
|
1
|
-
const e = "researchStudies-module__root___l-DhN", t = "researchStudies-module__container___K9kTm", o = "researchStudies-module__header___LMwvo", _ = "researchStudies-module__backButton___j5euv", s = "researchStudies-module__studies___-dT6a",
|
|
1
|
+
const e = "researchStudies-module__root___l-DhN", t = "researchStudies-module__container___K9kTm", o = "researchStudies-module__header___LMwvo", _ = "researchStudies-module__backButton___j5euv", s = "researchStudies-module__studies___-dT6a", r = "researchStudies-module__studyCard___Xqw5Q", d = "researchStudies-module__buttonContainer___XKU7w", u = {
|
|
2
2
|
root: e,
|
|
3
3
|
container: t,
|
|
4
4
|
header: o,
|
|
5
5
|
backButton: _,
|
|
6
6
|
studies: s,
|
|
7
|
-
studyCard:
|
|
8
|
-
|
|
9
|
-
buttonContainer: n
|
|
7
|
+
studyCard: r,
|
|
8
|
+
buttonContainer: d
|
|
10
9
|
};
|
|
11
10
|
export {
|
|
12
11
|
_ as backButton,
|
|
13
|
-
|
|
12
|
+
d as buttonContainer,
|
|
14
13
|
t as container,
|
|
15
14
|
u as default,
|
|
16
15
|
o as header,
|
|
17
|
-
r as loading,
|
|
18
16
|
e as root,
|
|
19
17
|
s as studies,
|
|
20
|
-
|
|
18
|
+
r as studyCard
|
|
21
19
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../components/Callback/Callback.cjs.js"),a=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),c=require("../../utils/cn/cn.cjs.js"),n=require("./components/ProtocolTags/ProtocolTags.cjs.js"),t=require("./yourProtocol.module.css.cjs.js"),d=({title:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../components/Callback/Callback.cjs.js"),a=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),c=require("../../utils/cn/cn.cjs.js"),n=require("./components/ProtocolTags/ProtocolTags.cjs.js"),t=require("./yourProtocol.module.css.cjs.js"),d=({title:s,image:i,tags:r,callbackView:o})=>e.jsx("section",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsxs("div",{className:t.default.content,children:[e.jsx(a.HighlightedTitle,{title:s,className:t.default.title,defaultVariant:"displaySm",mobileVariant:"headingXl"}),e.jsx(n.ProtocolTags,{tags:r}),o&&e.jsx("div",{className:t.default.callback,children:e.jsx(l.Callback,{title:o.title,description:o.description??"",price:o.price??"",image:o.image,button:{href:o.signupUrl??"",as:"a"},size:"sm"})})]}),e.jsx("img",{src:i,alt:"Your Protocol",className:c.cn(t.default.image,t.default.desktop),width:481})]})});exports.YourProtocol=d;
|