@zenpatient-org/healthspan-marketing-ui 0.1.22 → 0.1.24
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/README.md +11 -1
- package/dist/components/Accordion/Accordion.cjs.js +1 -0
- package/dist/components/Accordion/Accordion.d.ts +8 -0
- package/dist/components/Accordion/Accordion.es.js +27 -0
- package/dist/components/Accordion/accordion.module.css.cjs.js +1 -0
- package/dist/components/Accordion/accordion.module.css.es.js +7 -0
- package/dist/components/Accordion/components/AccordionItem/AccordionItem.cjs.js +1 -0
- package/dist/components/Accordion/components/AccordionItem/AccordionItem.d.ts +3 -0
- package/dist/components/Accordion/components/AccordionItem/AccordionItem.es.js +31 -0
- package/dist/components/Accordion/components/AccordionItem/accordionItem.module.css.cjs.js +1 -0
- package/dist/components/Accordion/components/AccordionItem/accordionItem.module.css.es.js +25 -0
- package/dist/components/Accordion/components/AccordionItem/index.d.ts +2 -0
- package/dist/components/Accordion/components/AccordionItem/types.d.ts +9 -0
- package/dist/components/Accordion/components/index.d.ts +1 -0
- package/dist/components/Accordion/index.d.ts +1 -0
- package/dist/components/Accordion/types.d.ts +6 -0
- package/dist/components/Button/Button.es.js +24 -6
- package/dist/components/ComplexImageCarousel/ComplexImageCarousel.cjs.js +1 -0
- package/dist/components/ComplexImageCarousel/ComplexImageCarousel.d.ts +3 -0
- package/dist/components/ComplexImageCarousel/ComplexImageCarousel.es.js +135 -0
- package/dist/components/ComplexImageCarousel/complexImageCarousel.module.css.cjs.js +1 -0
- package/dist/components/ComplexImageCarousel/complexImageCarousel.module.css.es.js +19 -0
- package/dist/components/ComplexImageCarousel/index.d.ts +2 -0
- package/dist/components/ComplexImageCarousel/types.d.ts +10 -0
- package/dist/components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.cjs.js +1 -1
- package/dist/components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.es.js +17 -15
- package/dist/components/FilterMenu/FilterMenu.d.ts +1 -1
- package/dist/components/FilterMenu/FilterMenu.es.js +17 -2
- package/dist/components/Icon/constants.cjs.js +1 -1
- package/dist/components/Icon/constants.d.ts +3 -0
- package/dist/components/Icon/constants.es.js +4 -1
- package/dist/components/Icon/iconsMap.cjs.js +1 -1
- package/dist/components/Icon/iconsMap.es.js +104 -98
- package/dist/components/IconBracket/IconBracket.cjs.js +1 -0
- package/dist/components/IconBracket/IconBracket.d.ts +3 -0
- package/dist/components/IconBracket/IconBracket.es.js +16 -0
- package/dist/components/IconBracket/iconBracket.module.css.cjs.js +1 -0
- package/dist/components/IconBracket/iconBracket.module.css.es.js +9 -0
- package/dist/components/IconBracket/index.d.ts +1 -0
- package/dist/components/IconBracket/types.d.ts +8 -0
- package/dist/components/InfiniteScroll/InfiniteScroll.es.js +9 -1
- package/dist/components/Label/Label.es.js +9 -1
- package/dist/components/PlayButton/PlayButton.cjs.js +1 -0
- package/dist/components/PlayButton/PlayButton.d.ts +8 -0
- package/dist/components/PlayButton/PlayButton.es.js +9 -0
- package/dist/components/PlayButton/index.d.ts +1 -0
- package/dist/components/PlayButton/playButton.module.css.cjs.js +1 -0
- package/dist/components/PlayButton/playButton.module.css.es.js +11 -0
- package/dist/components/Pricing/Pricing.cjs.js +1 -0
- package/dist/components/Pricing/Pricing.d.ts +3 -0
- package/dist/components/Pricing/Pricing.es.js +41 -0
- package/dist/components/Pricing/components/BenefitItem/BenefitItem.cjs.js +1 -0
- package/dist/components/Pricing/components/BenefitItem/BenefitItem.d.ts +8 -0
- package/dist/components/Pricing/components/BenefitItem/BenefitItem.es.js +10 -0
- package/dist/components/Pricing/components/BenefitItem/benefitItem.module.css.cjs.js +1 -0
- package/dist/components/Pricing/components/BenefitItem/benefitItem.module.css.es.js +7 -0
- package/dist/components/Pricing/components/BenefitItem/index.d.ts +1 -0
- package/dist/components/Pricing/components/index.d.ts +1 -0
- package/dist/components/Pricing/index.d.ts +2 -0
- package/dist/components/Pricing/pricing.module.css.cjs.js +1 -0
- package/dist/components/Pricing/pricing.module.css.es.js +25 -0
- package/dist/components/Pricing/types.d.ts +17 -0
- package/dist/components/ProductGalleryCard/ProductGalleryCard.d.ts +1 -1
- package/dist/components/ProductGalleryCard/ProductGalleryCard.es.js +24 -3
- package/dist/components/ProgressButton/ProgressButton.cjs.js +1 -1
- package/dist/components/ProgressButton/ProgressButton.d.ts +2 -1
- package/dist/components/ProgressButton/ProgressButton.es.js +24 -12
- package/dist/components/RatingStars/RatingStars.cjs.js +1 -0
- package/dist/components/RatingStars/RatingStars.d.ts +6 -0
- package/dist/components/RatingStars/RatingStars.es.js +18 -0
- package/dist/components/RatingStars/index.d.ts +1 -0
- package/dist/components/RatingStars/ratingStars.module.css.cjs.js +1 -0
- package/dist/components/RatingStars/ratingStars.module.css.es.js +13 -0
- package/dist/components/StepsCarousel/StepsCarousel.es.js +47 -13
- package/dist/components/StudyGridCard/StudyGridCard.es.js +36 -6
- package/dist/components/Tabs/TabsWithFade.es.js +10 -1
- package/dist/components/Typography/Typography.es.js +8 -1
- package/dist/healthspan-marketing-ui.css +1 -1
- package/dist/icons/action/bracket-left.svg.cjs.js +1 -0
- package/dist/icons/action/bracket-left.svg.es.js +5 -0
- package/dist/icons/action/bracket-right.svg.cjs.js +1 -0
- package/dist/icons/action/bracket-right.svg.es.js +5 -0
- package/dist/icons/action/play.svg.cjs.js +1 -0
- package/dist/icons/action/play.svg.es.js +5 -0
- package/dist/modules/Benefits/Benefits.es.js +3 -26
- package/dist/modules/Benefits/components/BenefitItem/BenefitItem.es.js +3 -27
- package/dist/modules/Benefits/components/BenefitTag/BenefitTag.es.js +1 -10
- package/dist/modules/Compare/Compare.cjs.js +1 -0
- package/dist/modules/Compare/Compare.d.ts +3 -0
- package/dist/modules/Compare/Compare.es.js +26 -0
- package/dist/modules/Compare/compare.module.css.cjs.js +1 -0
- package/dist/modules/Compare/compare.module.css.es.js +13 -0
- package/dist/modules/Compare/index.d.ts +1 -0
- package/dist/modules/Compare/types.d.ts +9 -0
- package/dist/modules/Comparison/Comparison.es.js +20 -5
- package/dist/modules/FAQ/FAQ.cjs.js +1 -0
- package/dist/modules/FAQ/FAQ.d.ts +3 -0
- package/dist/modules/FAQ/FAQ.es.js +17 -0
- package/dist/modules/FAQ/faq.module.css.cjs.js +1 -0
- package/dist/modules/FAQ/faq.module.css.es.js +17 -0
- package/dist/modules/FAQ/index.d.ts +1 -0
- package/dist/modules/FAQ/types.d.ts +10 -0
- package/dist/modules/FeaturedIn/FeaturedIn.es.js +14 -5
- package/dist/modules/FeaturesGallery/FeaturesGallery.es.js +9 -1
- package/dist/modules/FeaturesGallery/components/FeatureGrid/FeatureGrid.es.js +32 -17
- package/dist/modules/FollowTheScience/FollowTheScience.es.js +21 -2
- package/dist/modules/ImageWithText/ImageWithText.cjs.js +1 -0
- package/dist/modules/ImageWithText/ImageWithText.d.ts +3 -0
- package/dist/modules/ImageWithText/ImageWithText.es.js +35 -0
- package/dist/modules/ImageWithText/imageWithText.module.css.cjs.js +1 -0
- package/dist/modules/ImageWithText/imageWithText.module.css.es.js +21 -0
- package/dist/modules/ImageWithText/index.d.ts +1 -0
- package/dist/modules/ImageWithText/types.d.ts +9 -0
- package/dist/modules/LongevityPathways/LongevityPathways.cjs.js +1 -0
- package/dist/modules/LongevityPathways/LongevityPathways.d.ts +3 -0
- package/dist/modules/LongevityPathways/LongevityPathways.es.js +19 -0
- package/dist/modules/LongevityPathways/index.d.ts +2 -0
- package/dist/modules/LongevityPathways/longevityPathways.module.css.cjs.js +1 -0
- package/dist/modules/LongevityPathways/longevityPathways.module.css.es.js +9 -0
- package/dist/modules/LongevityPathways/types.d.ts +9 -0
- package/dist/modules/OptimalHealth/OptimalHealth.cjs.js +1 -1
- package/dist/modules/OptimalHealth/OptimalHealth.es.js +24 -7
- package/dist/modules/OptimalHealth/components/ClockImages/ClockImages.cjs.js +1 -1
- package/dist/modules/OptimalHealth/components/ClockImages/ClockImages.es.js +53 -31
- package/dist/modules/OptimalHealth/components/ClockImages/clockImages.module.css.cjs.js +1 -1
- package/dist/modules/OptimalHealth/components/ClockImages/clockImages.module.css.es.js +25 -5
- package/dist/modules/OptimalHealth/optimalHealth.module.css.cjs.js +1 -1
- package/dist/modules/OptimalHealth/optimalHealth.module.css.es.js +17 -15
- package/dist/modules/OurProcess/OurProcess.cjs.js +1 -1
- package/dist/modules/OurProcess/OurProcess.d.ts +3 -2
- package/dist/modules/OurProcess/OurProcess.es.js +17 -8
- package/dist/modules/PairedProducts/PairedProducts.cjs.js +1 -1
- package/dist/modules/PairedProducts/PairedProducts.d.ts +2 -2
- package/dist/modules/PairedProducts/PairedProducts.es.js +1 -1
- package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.cjs.js +1 -0
- package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.d.ts +9 -0
- package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.es.js +102 -0
- package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.module.css.cjs.js +1 -0
- package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.module.css.es.js +29 -0
- package/dist/modules/SlidingTabsGallery/index.d.ts +1 -0
- package/dist/modules/Testimonial/Testimonial.cjs.js +1 -0
- package/dist/modules/Testimonial/Testimonial.d.ts +13 -0
- package/dist/modules/Testimonial/Testimonial.es.js +88 -0
- package/dist/modules/Testimonial/components/Product/Product.cjs.js +1 -0
- package/dist/modules/Testimonial/components/Product/Product.d.ts +7 -0
- package/dist/modules/Testimonial/components/Product/Product.es.js +23 -0
- package/dist/modules/Testimonial/components/Product/index.d.ts +1 -0
- package/dist/modules/Testimonial/components/Product/product.module.css.cjs.js +1 -0
- package/dist/modules/Testimonial/components/Product/product.module.css.es.js +17 -0
- package/dist/modules/Testimonial/components/TextCard/TextCard.cjs.js +1 -0
- package/dist/modules/Testimonial/components/TextCard/TextCard.d.ts +3 -0
- package/dist/modules/Testimonial/components/TextCard/TextCard.es.js +31 -0
- package/dist/modules/Testimonial/components/TextCard/index.d.ts +1 -0
- package/dist/modules/Testimonial/components/TextCard/textCard.module.css.cjs.js +1 -0
- package/dist/modules/Testimonial/components/TextCard/textCard.module.css.es.js +13 -0
- package/dist/modules/Testimonial/components/VideoCard/VideoCard.cjs.js +1 -0
- package/dist/modules/Testimonial/components/VideoCard/VideoCard.d.ts +11 -0
- package/dist/modules/Testimonial/components/VideoCard/VideoCard.es.js +62 -0
- package/dist/modules/Testimonial/components/VideoCard/index.d.ts +1 -0
- package/dist/modules/Testimonial/components/VideoCard/videoCard.module.css.cjs.js +1 -0
- package/dist/modules/Testimonial/components/VideoCard/videoCard.module.css.es.js +17 -0
- package/dist/modules/Testimonial/index.d.ts +1 -0
- package/dist/modules/Testimonial/testimonial.module.css.cjs.js +1 -0
- package/dist/modules/Testimonial/testimonial.module.css.es.js +25 -0
- package/dist/modules/Testimonial/types.d.ts +26 -0
- package/dist/modules/TrackProgress/TrackProgress.cjs.js +1 -0
- package/dist/modules/TrackProgress/TrackProgress.d.ts +10 -0
- package/dist/modules/TrackProgress/TrackProgress.es.js +24 -0
- package/dist/modules/TrackProgress/components/TimelineContent/TimelineContent.cjs.js +1 -0
- package/dist/modules/TrackProgress/components/TimelineContent/TimelineContent.d.ts +7 -0
- package/dist/modules/TrackProgress/components/TimelineContent/TimelineContent.es.js +90 -0
- package/dist/modules/TrackProgress/components/TimelineContent/index.d.ts +1 -0
- package/dist/modules/TrackProgress/components/TimelineContent/timelineContent.module.css.cjs.js +1 -0
- package/dist/modules/TrackProgress/components/TimelineContent/timelineContent.module.css.es.js +25 -0
- package/dist/modules/TrackProgress/index.d.ts +1 -0
- package/dist/modules/TrackProgress/trackProgress.module.css.cjs.js +1 -0
- package/dist/modules/TrackProgress/trackProgress.module.css.es.js +13 -0
- package/dist/modules/TrackProgress/types.d.ts +6 -0
- package/dist/modules/TypesOfTests/TypesOfTests.cjs.js +1 -1
- package/dist/modules/TypesOfTests/TypesOfTests.es.js +86 -47
- package/dist/modules/TypesOfTests/types.d.ts +4 -0
- package/dist/modules/TypesOfTests/typesOfTests.module.css.cjs.js +1 -1
- package/dist/modules/TypesOfTests/typesOfTests.module.css.es.js +14 -12
- package/dist/modules/YourProtocol/YourProtocol.es.js +19 -2
- package/dist/modules/YourProtocol/components/ProtocolTags/ProtocolTags.es.js +18 -5
- package/dist/node_modules/@gsap/react/src/index.cjs.js +9 -0
- package/dist/node_modules/@gsap/react/src/index.es.js +29 -0
- package/dist/node_modules/gsap/CSSPlugin.cjs.js +8 -0
- package/dist/node_modules/gsap/CSSPlugin.es.js +423 -0
- package/dist/node_modules/gsap/Flip.cjs.js +8 -0
- package/dist/node_modules/gsap/Flip.es.js +525 -0
- package/dist/node_modules/gsap/Observer.cjs.js +8 -0
- package/dist/node_modules/gsap/Observer.es.js +242 -0
- package/dist/node_modules/gsap/ScrollTrigger.cjs.js +8 -0
- package/dist/node_modules/gsap/ScrollTrigger.es.js +859 -0
- package/dist/node_modules/gsap/gsap-core.cjs.js +8 -0
- package/dist/node_modules/gsap/gsap-core.es.js +1651 -0
- package/dist/node_modules/gsap/index.cjs.js +1 -0
- package/dist/node_modules/gsap/index.es.js +13 -0
- package/dist/node_modules/gsap/utils/matrix.cjs.js +8 -0
- package/dist/node_modules/gsap/utils/matrix.es.js +104 -0
- package/dist/pageComponents/Gradient/Gradient.d.ts +5 -0
- package/dist/pageComponents/Gradient/index.d.ts +1 -0
- package/dist/pageComponents/StillHaveQuestions/StillHaveQuestions.d.ts +1 -0
- package/dist/pageComponents/StillHaveQuestions/index.d.ts +1 -0
- package/package.json +95 -4
- package/dist/modules/OptimalHealth/components/ClockImages/hooks.cjs.js +0 -1
- package/dist/modules/OptimalHealth/components/ClockImages/hooks.es.js +0 -13
package/README.md
CHANGED
|
@@ -9,6 +9,7 @@ npm install @zenpatient-org/healthspan-marketing-ui
|
|
|
9
9
|
```
|
|
10
10
|
|
|
11
11
|
## Development
|
|
12
|
+
|
|
12
13
|
Start the storybook:
|
|
13
14
|
|
|
14
15
|
```bash
|
|
@@ -21,7 +22,16 @@ When you create a new public component, you need to add it to the `components` s
|
|
|
21
22
|
|
|
22
23
|
Avoid using barrel exports. Instead, import the components directly from the `src` directory.
|
|
23
24
|
|
|
25
|
+
We use eslint and prettier, please ensure you have these lines in your IDE settings:
|
|
26
|
+
|
|
27
|
+
```
|
|
28
|
+
"eslint.useFlatConfig": true,
|
|
29
|
+
"editor.defaultFormatter": "esbenp.prettier-vscode",
|
|
30
|
+
"editor.formatOnSave": true,
|
|
31
|
+
```
|
|
32
|
+
|
|
24
33
|
## Importing the components and modules
|
|
34
|
+
|
|
25
35
|
```tsx
|
|
26
36
|
import { Button } from '@zenpatient-org/healthspan-marketing-ui/Button';
|
|
27
37
|
import { CallbackModule } from '@zenpatient-org/healthspan-marketing-ui/CallbackModule';
|
|
@@ -46,5 +56,5 @@ npm publish
|
|
|
46
56
|
Design tokens (colors, spacing, etc.) are injected via CSS variables globally. Just import the global styles once:
|
|
47
57
|
|
|
48
58
|
```tsx
|
|
49
|
-
import
|
|
59
|
+
import '@zenpatient-org/healthspan-marketing-ui/dist/healthspan-marketing-ui.css';
|
|
50
60
|
```
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),p=require("./components/AccordionItem/AccordionItem.cjs.js"),I=require("./accordion.module.css.cjs.js"),S=({items:r,mode:c="multiple"})=>{const[l,i]=s.useState(null),[u,a]=s.useState(new Set),d=e=>{c==="single"?i(t=>t===e?null:e):a(t=>{const n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},m=e=>c==="single"?l===e:u.has(e);return o.jsx("div",{className:I.default.root,children:r.map((e,t)=>o.jsx(p.AccordionItem,{title:e.title,content:e.content,isOpen:m(t),index:t,onClick:d},t))})};exports.Accordion=S;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
3
|
+
import { useState as l } from "react";
|
|
4
|
+
import { AccordionItem as f } from "./components/AccordionItem/AccordionItem.es.js";
|
|
5
|
+
import I from "./accordion.module.css.es.js";
|
|
6
|
+
const w = ({ items: c, mode: s = "multiple" }) => {
|
|
7
|
+
const [r, i] = l(null), [m, p] = l(/* @__PURE__ */ new Set()), a = (t) => {
|
|
8
|
+
s === "single" ? i((e) => e === t ? null : t) : p((e) => {
|
|
9
|
+
const o = new Set(e);
|
|
10
|
+
return o.has(t) ? o.delete(t) : o.add(t), o;
|
|
11
|
+
});
|
|
12
|
+
}, u = (t) => s === "single" ? r === t : m.has(t);
|
|
13
|
+
return /* @__PURE__ */ n("div", { className: I.root, children: c.map((t, e) => /* @__PURE__ */ n(
|
|
14
|
+
f,
|
|
15
|
+
{
|
|
16
|
+
title: t.title,
|
|
17
|
+
content: t.content,
|
|
18
|
+
isOpen: u(e),
|
|
19
|
+
index: e,
|
|
20
|
+
onClick: a
|
|
21
|
+
},
|
|
22
|
+
e
|
|
23
|
+
)) });
|
|
24
|
+
};
|
|
25
|
+
export {
|
|
26
|
+
w as Accordion
|
|
27
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="accordion-module__root___oSY1m",e={root:o};exports.default=e;exports.root=o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../Typography/Typography.cjs.js"),n=require("../../../Icon/Icon.cjs.js"),a=require("../../../Icon/constants.cjs.js"),t=require("../../../../utils/cn/cn.cjs.js"),o=require("./accordionItem.module.css.cjs.js"),u=({title:s,content:d,isOpen:c,index:i,onClick:l=()=>{}})=>e.jsxs("div",{className:o.default.root,children:[e.jsxs("div",{onClick:()=>l(i??0),className:t.cn(o.default.header,{[o.default.headerSticky]:c}),children:[e.jsx(r.Typography,{defaultVariant:"headingMd",mobileVariant:"headingXxs",children:s}),e.jsxs("div",{className:o.default.closeButtonWrapper,children:[e.jsx(n.Icon,{name:a.EIconName.BRACKET_LEFT}),e.jsx("div",{className:t.cn(o.default.closeButton,{[o.default.closeButtonActive]:c}),children:e.jsx(n.Icon,{name:a.EIconName.PLUS})}),e.jsx(n.Icon,{name:a.EIconName.BRACKET_RIGHT})]})]}),e.jsx("div",{className:t.cn(o.default.description,{[o.default.descriptionShow]:c}),children:e.jsx(r.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodyXs",children:d})}),e.jsx("div",{className:o.default.leftBorder}),e.jsx("div",{className:o.default.rightBorder})]});exports.AccordionItem=u;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { jsxs as a, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { Typography as c } from "../../../Typography/Typography.es.js";
|
|
3
|
+
import { Icon as i } from "../../../Icon/Icon.es.js";
|
|
4
|
+
import { EIconName as t } from "../../../Icon/constants.es.js";
|
|
5
|
+
import { cn as d } from "../../../../utils/cn/cn.es.js";
|
|
6
|
+
import e from "./accordionItem.module.css.es.js";
|
|
7
|
+
const u = ({ title: m, content: n, isOpen: o, index: s, onClick: l = () => {
|
|
8
|
+
} }) => /* @__PURE__ */ a("div", { className: e.root, children: [
|
|
9
|
+
/* @__PURE__ */ a("div", { onClick: () => l(s ?? 0), className: d(e.header, { [e.headerSticky]: o }), children: [
|
|
10
|
+
/* @__PURE__ */ r(c, { defaultVariant: "headingMd", mobileVariant: "headingXxs", children: m }),
|
|
11
|
+
/* @__PURE__ */ a("div", { className: e.closeButtonWrapper, children: [
|
|
12
|
+
/* @__PURE__ */ r(i, { name: t.BRACKET_LEFT }),
|
|
13
|
+
/* @__PURE__ */ r(
|
|
14
|
+
"div",
|
|
15
|
+
{
|
|
16
|
+
className: d(e.closeButton, {
|
|
17
|
+
[e.closeButtonActive]: o
|
|
18
|
+
}),
|
|
19
|
+
children: /* @__PURE__ */ r(i, { name: t.PLUS })
|
|
20
|
+
}
|
|
21
|
+
),
|
|
22
|
+
/* @__PURE__ */ r(i, { name: t.BRACKET_RIGHT })
|
|
23
|
+
] })
|
|
24
|
+
] }),
|
|
25
|
+
/* @__PURE__ */ r("div", { className: d(e.description, { [e.descriptionShow]: o }), children: /* @__PURE__ */ r(c, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodyXs", children: n }) }),
|
|
26
|
+
/* @__PURE__ */ r("div", { className: e.leftBorder }),
|
|
27
|
+
/* @__PURE__ */ r("div", { className: e.rightBorder })
|
|
28
|
+
] });
|
|
29
|
+
export {
|
|
30
|
+
u as AccordionItem
|
|
31
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="accordionItem-module__root___kmMpd",e="accordionItem-module__header___LpqCC",t="accordionItem-module__closeButtonWrapper___R46xq",r="accordionItem-module__closeButton___aKdPe",c="accordionItem-module__closeButtonActive___9Atr2",_="accordionItem-module__description___7jzjh",d="accordionItem-module__descriptionShow___lysW-",n="accordionItem-module__leftBorder___6sooc",i="accordionItem-module__rightBorder___VwUUT",s="accordionItem-module__headerSticky___OTNq3",l={root:o,header:e,closeButtonWrapper:t,closeButton:r,closeButtonActive:c,description:_,descriptionShow:d,leftBorder:n,rightBorder:i,headerSticky:s};exports.closeButton=r;exports.closeButtonActive=c;exports.closeButtonWrapper=t;exports.default=l;exports.description=_;exports.descriptionShow=d;exports.header=e;exports.headerSticky=s;exports.leftBorder=n;exports.rightBorder=i;exports.root=o;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
const o = "accordionItem-module__root___kmMpd", e = "accordionItem-module__header___LpqCC", t = "accordionItem-module__closeButtonWrapper___R46xq", c = "accordionItem-module__closeButton___aKdPe", _ = "accordionItem-module__closeButtonActive___9Atr2", r = "accordionItem-module__description___7jzjh", d = "accordionItem-module__descriptionShow___lysW-", n = "accordionItem-module__leftBorder___6sooc", i = "accordionItem-module__rightBorder___VwUUT", s = "accordionItem-module__headerSticky___OTNq3", l = {
|
|
2
|
+
root: o,
|
|
3
|
+
header: e,
|
|
4
|
+
closeButtonWrapper: t,
|
|
5
|
+
closeButton: c,
|
|
6
|
+
closeButtonActive: _,
|
|
7
|
+
description: r,
|
|
8
|
+
descriptionShow: d,
|
|
9
|
+
leftBorder: n,
|
|
10
|
+
rightBorder: i,
|
|
11
|
+
headerSticky: s
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
c as closeButton,
|
|
15
|
+
_ as closeButtonActive,
|
|
16
|
+
t as closeButtonWrapper,
|
|
17
|
+
l as default,
|
|
18
|
+
r as description,
|
|
19
|
+
d as descriptionShow,
|
|
20
|
+
e as header,
|
|
21
|
+
s as headerSticky,
|
|
22
|
+
n as leftBorder,
|
|
23
|
+
i as rightBorder,
|
|
24
|
+
o as root
|
|
25
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AccordionItem, type TAccordionItem } from './AccordionItem';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Accordion } from './Accordion';
|
|
@@ -4,13 +4,31 @@ import { cn as u } from "../../utils/cn/cn.es.js";
|
|
|
4
4
|
import { Icon as n } from "../Icon/Icon.es.js";
|
|
5
5
|
import s from "./button.module.css.es.js";
|
|
6
6
|
const b = h(
|
|
7
|
-
({
|
|
7
|
+
({
|
|
8
|
+
variant: m = "primary",
|
|
9
|
+
size: e = "md",
|
|
10
|
+
as: i = "button",
|
|
11
|
+
disabled: r = !1,
|
|
12
|
+
children: c,
|
|
13
|
+
prefixIcon: t,
|
|
14
|
+
suffixIcon: o,
|
|
15
|
+
...l
|
|
16
|
+
}, d) => {
|
|
8
17
|
const p = s[m] || "", f = s[e] || "", v = r ? s.disabled : "";
|
|
9
|
-
return /* @__PURE__ */ a(
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
18
|
+
return /* @__PURE__ */ a(
|
|
19
|
+
i,
|
|
20
|
+
{
|
|
21
|
+
ref: d,
|
|
22
|
+
...l,
|
|
23
|
+
className: u(s.button, p, f, v),
|
|
24
|
+
disabled: r,
|
|
25
|
+
children: /* @__PURE__ */ N("div", { className: s.content, children: [
|
|
26
|
+
t && /* @__PURE__ */ a("div", { className: s.iconWrap, children: /* @__PURE__ */ a(n, { name: t }) }),
|
|
27
|
+
/* @__PURE__ */ a("div", { children: c }),
|
|
28
|
+
o && /* @__PURE__ */ a("div", { className: s.iconWrap, children: /* @__PURE__ */ a(n, { name: o }) })
|
|
29
|
+
] })
|
|
30
|
+
}
|
|
31
|
+
);
|
|
14
32
|
}
|
|
15
33
|
);
|
|
16
34
|
b.displayName = "Button";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),C=require("react"),v=require("../../node_modules/swiper/swiper-react.cjs.js"),_=require("../../node_modules/swiper/modules/navigation.cjs.js"),E=require("../ProgressButton/ProgressButton.cjs.js"),b=require("../../utils/cn/cn.cjs.js"),k=require("../../utils/useSwiper/useSwiper.cjs.js");;/* empty css */;/* empty css */;/* empty css */const i=require("./complexImageCarousel.module.css.cjs.js"),A=[_.default],M=({view:$,images:f})=>{const{handleSlideChange:S,onSwiperInit:w,swiper:e,activeIndex:s}=k.useSwiper(),[o,r]=C.useState(!1);C.useEffect(()=>{e!=null&&e.el&&(o?e.el.classList.add("is-dragging"):e.el.classList.remove("is-dragging"))},[o,e]);const a=(l=!0)=>{if(!e)return;const t=e.el.closest(`.${i.default.carouselArea}`);if(!t)return;const c=t.getBoundingClientRect(),g=c.left+c.width/2;let u=0,p=1/0;e.slides.forEach((B,T)=>{const h=B.getBoundingClientRect(),j=h.left+h.width/2,m=Math.abs(j-g);m<p&&(p=m,u=T)}),e.activeIndex=u,S(e),l&&(e.updateProgress(),e.updateSlidesClasses())},d=l=>{!e||o||(e.allowSlideNext=!0,e.allowSlidePrev=!0,e.activeIndex=l,e.updateProgress(),e.updateSlidesClasses(),S(e),setTimeout(()=>{if(o)return;const t=e.slides[l];if(t){const c=e.el.closest(`.${i.default.carouselArea}`);if(c){const g=t.getBoundingClientRect(),u=c.getBoundingClientRect();(g.left<u.left||g.right>u.right)&&t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}}},10))},x=()=>{if(!e||s<=0)return d(f.length-1);d(s-1)},I=()=>{if(!e||s>=f.length-1)return d(0);d(s+1)},P=s-1,R=s+1,q=s-2,N=s+2;return n.jsxs("div",{className:i.default.root,children:[n.jsx("div",{className:i.default.header,children:n.jsx(E.ProgressButton,{left:{onClick:x},right:{onClick:I},className:i.default.progressButtonContainer})}),n.jsx("div",{className:i.default.carouselArea,children:n.jsx(v.Swiper,{onSwiper:w,onSlideChange:S,modules:A,slidesPerView:5,speed:300,centeredSlides:!1,className:i.default.swiper,watchSlidesProgress:!0,initialSlide:0,spaceBetween:30,threshold:100,onTouchEnd:()=>{setTimeout(()=>{r(!1),a(!0)},200)},onTouchMove:()=>{r(!0),setTimeout(()=>{o&&a(!1)},10)},onSliderMove:()=>{r(!0)},onReachBeginning:()=>{r(!1),a(!0)},onReachEnd:()=>{r(!1),a(!0)},onTransitionStart:()=>{r(!0)},onTransitionEnd:()=>{setTimeout(()=>{r(!1),a(!0)},200),e&&(e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses())},children:f.map((l,t)=>n.jsx(v.SwiperSlide,{className:b.cn(i.default.swiperSlide,{activeSlide:t===s,prevSlide:t===P,nextSlide:t===R,prevPrevSlide:t===q,nextNextSlide:t===N}),children:n.jsx("div",{className:i.default.swiperSlideInner,style:{backgroundImage:`url(${l.image})`}})},t))})})]})};exports.ComplexImageCarousel=M;
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as E, jsx as o } from "react/jsx-runtime";
|
|
3
|
+
import { useState as k, useEffect as A } from "react";
|
|
4
|
+
import { Swiper as b, SwiperSlide as D } from "../../node_modules/swiper/swiper-react.es.js";
|
|
5
|
+
import M from "../../node_modules/swiper/modules/navigation.es.js";
|
|
6
|
+
import { ProgressButton as y } from "../ProgressButton/ProgressButton.es.js";
|
|
7
|
+
import { cn as L } from "../../utils/cn/cn.es.js";
|
|
8
|
+
import { useSwiper as $ } from "../../utils/useSwiper/useSwiper.es.js";
|
|
9
|
+
/* empty css */
|
|
10
|
+
/* empty css */
|
|
11
|
+
/* empty css */
|
|
12
|
+
import i from "./complexImageCarousel.module.css.es.js";
|
|
13
|
+
const j = [M], Q = ({ view: V, images: g }) => {
|
|
14
|
+
const { handleSlideChange: m, onSwiperInit: v, swiper: e, activeIndex: s } = $(), [l, r] = k(!1);
|
|
15
|
+
A(() => {
|
|
16
|
+
e != null && e.el && (l ? e.el.classList.add("is-dragging") : e.el.classList.remove("is-dragging"));
|
|
17
|
+
}, [l, e]);
|
|
18
|
+
const a = (n = !0) => {
|
|
19
|
+
if (!e) return;
|
|
20
|
+
const t = e.el.closest(`.${i.carouselArea}`);
|
|
21
|
+
if (!t) return;
|
|
22
|
+
const c = t.getBoundingClientRect(), f = c.left + c.width / 2;
|
|
23
|
+
let d = 0, S = 1 / 0;
|
|
24
|
+
e.slides.forEach((R, T) => {
|
|
25
|
+
const p = R.getBoundingClientRect(), B = p.left + p.width / 2, h = Math.abs(B - f);
|
|
26
|
+
h < S && (S = h, d = T);
|
|
27
|
+
}), e.activeIndex = d, m(e), n && (e.updateProgress(), e.updateSlidesClasses());
|
|
28
|
+
}, u = (n) => {
|
|
29
|
+
!e || l || (e.allowSlideNext = !0, e.allowSlidePrev = !0, e.activeIndex = n, e.updateProgress(), e.updateSlidesClasses(), m(e), setTimeout(() => {
|
|
30
|
+
if (l) return;
|
|
31
|
+
const t = e.slides[n];
|
|
32
|
+
if (t) {
|
|
33
|
+
const c = e.el.closest(`.${i.carouselArea}`);
|
|
34
|
+
if (c) {
|
|
35
|
+
const f = t.getBoundingClientRect(), d = c.getBoundingClientRect();
|
|
36
|
+
(f.left < d.left || f.right > d.right) && t.scrollIntoView({
|
|
37
|
+
behavior: "smooth",
|
|
38
|
+
block: "nearest",
|
|
39
|
+
inline: "center"
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}, 10));
|
|
44
|
+
}, C = () => {
|
|
45
|
+
if (!e || s <= 0)
|
|
46
|
+
return u(g.length - 1);
|
|
47
|
+
u(s - 1);
|
|
48
|
+
}, w = () => {
|
|
49
|
+
if (!e || s >= g.length - 1)
|
|
50
|
+
return u(0);
|
|
51
|
+
u(s + 1);
|
|
52
|
+
}, I = s - 1, N = s + 1, x = s - 2, P = s + 2;
|
|
53
|
+
return /* @__PURE__ */ E("div", { className: i.root, children: [
|
|
54
|
+
/* @__PURE__ */ o("div", { className: i.header, children: /* @__PURE__ */ o(
|
|
55
|
+
y,
|
|
56
|
+
{
|
|
57
|
+
left: {
|
|
58
|
+
onClick: C
|
|
59
|
+
},
|
|
60
|
+
right: {
|
|
61
|
+
onClick: w
|
|
62
|
+
},
|
|
63
|
+
className: i.progressButtonContainer
|
|
64
|
+
}
|
|
65
|
+
) }),
|
|
66
|
+
/* @__PURE__ */ o("div", { className: i.carouselArea, children: /* @__PURE__ */ o(
|
|
67
|
+
b,
|
|
68
|
+
{
|
|
69
|
+
onSwiper: v,
|
|
70
|
+
onSlideChange: m,
|
|
71
|
+
modules: j,
|
|
72
|
+
slidesPerView: 5,
|
|
73
|
+
speed: 300,
|
|
74
|
+
centeredSlides: !1,
|
|
75
|
+
className: i.swiper,
|
|
76
|
+
watchSlidesProgress: !0,
|
|
77
|
+
initialSlide: 0,
|
|
78
|
+
spaceBetween: 30,
|
|
79
|
+
threshold: 100,
|
|
80
|
+
onTouchEnd: () => {
|
|
81
|
+
setTimeout(() => {
|
|
82
|
+
r(!1), a(!0);
|
|
83
|
+
}, 200);
|
|
84
|
+
},
|
|
85
|
+
onTouchMove: () => {
|
|
86
|
+
r(!0), setTimeout(() => {
|
|
87
|
+
l && a(!1);
|
|
88
|
+
}, 10);
|
|
89
|
+
},
|
|
90
|
+
onSliderMove: () => {
|
|
91
|
+
r(!0);
|
|
92
|
+
},
|
|
93
|
+
onReachBeginning: () => {
|
|
94
|
+
r(!1), a(!0);
|
|
95
|
+
},
|
|
96
|
+
onReachEnd: () => {
|
|
97
|
+
r(!1), a(!0);
|
|
98
|
+
},
|
|
99
|
+
onTransitionStart: () => {
|
|
100
|
+
r(!0);
|
|
101
|
+
},
|
|
102
|
+
onTransitionEnd: () => {
|
|
103
|
+
setTimeout(() => {
|
|
104
|
+
r(!1), a(!0);
|
|
105
|
+
}, 200), e && (e.updateSize(), e.updateSlides(), e.updateProgress(), e.updateSlidesClasses());
|
|
106
|
+
},
|
|
107
|
+
children: g.map((n, t) => /* @__PURE__ */ o(
|
|
108
|
+
D,
|
|
109
|
+
{
|
|
110
|
+
className: L(i.swiperSlide, {
|
|
111
|
+
activeSlide: t === s,
|
|
112
|
+
prevSlide: t === I,
|
|
113
|
+
nextSlide: t === N,
|
|
114
|
+
prevPrevSlide: t === x,
|
|
115
|
+
nextNextSlide: t === P
|
|
116
|
+
}),
|
|
117
|
+
children: /* @__PURE__ */ o(
|
|
118
|
+
"div",
|
|
119
|
+
{
|
|
120
|
+
className: i.swiperSlideInner,
|
|
121
|
+
style: {
|
|
122
|
+
backgroundImage: `url(${n.image})`
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
)
|
|
126
|
+
},
|
|
127
|
+
t
|
|
128
|
+
))
|
|
129
|
+
}
|
|
130
|
+
) })
|
|
131
|
+
] });
|
|
132
|
+
};
|
|
133
|
+
export {
|
|
134
|
+
Q as ComplexImageCarousel
|
|
135
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="complexImageCarousel-module__root___p3Kd-",o="complexImageCarousel-module__header___sxByG",r="complexImageCarousel-module__progressButtonContainer___l3Qih",s="complexImageCarousel-module__carouselArea___dqNWo",l="complexImageCarousel-module__swiper___W-TcF",_="complexImageCarousel-module__swiperSlide___PjBf9",a="complexImageCarousel-module__swiperSlideInner___J2B0U",t={root:e,header:o,progressButtonContainer:r,carouselArea:s,swiper:l,swiperSlide:_,swiperSlideInner:a};exports.carouselArea=s;exports.default=t;exports.header=o;exports.progressButtonContainer=r;exports.root=e;exports.swiper=l;exports.swiperSlide=_;exports.swiperSlideInner=a;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
const e = "complexImageCarousel-module__root___p3Kd-", o = "complexImageCarousel-module__header___sxByG", r = "complexImageCarousel-module__progressButtonContainer___l3Qih", s = "complexImageCarousel-module__carouselArea___dqNWo", _ = "complexImageCarousel-module__swiper___W-TcF", l = "complexImageCarousel-module__swiperSlide___PjBf9", a = "complexImageCarousel-module__swiperSlideInner___J2B0U", n = {
|
|
2
|
+
root: e,
|
|
3
|
+
header: o,
|
|
4
|
+
progressButtonContainer: r,
|
|
5
|
+
carouselArea: s,
|
|
6
|
+
swiper: _,
|
|
7
|
+
swiperSlide: l,
|
|
8
|
+
swiperSlideInner: a
|
|
9
|
+
};
|
|
10
|
+
export {
|
|
11
|
+
s as carouselArea,
|
|
12
|
+
n as default,
|
|
13
|
+
o as header,
|
|
14
|
+
r as progressButtonContainer,
|
|
15
|
+
e as root,
|
|
16
|
+
_ as swiper,
|
|
17
|
+
l as swiperSlide,
|
|
18
|
+
a as swiperSlideInner
|
|
19
|
+
};
|
package/dist/components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("../../../Icon/Icon.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("../../../Icon/Icon.cjs.js"),a=require("../../../Icon/constants.cjs.js"),h=require("../../../TextButton/TextButton.cjs.js"),s=require("../../../Typography/Typography.cjs.js"),x=require("../../../../utils/cn/cn.cjs.js"),t=require("./complexTooltipContent.module.css.cjs.js"),_=({style:n,title:l,description:u,link:o,isBlurred:r,className:i,onMouseEnter:d,onMouseLeave:p,onClose:c})=>e.jsxs("div",{className:x.cn(t.default.content,r&&t.default.blurred,i),"data-style":n,onMouseEnter:d,onMouseLeave:p,children:[e.jsxs("div",{className:t.default.contentHeader,children:[e.jsx(s.Typography,{as:"h4",defaultVariant:"headingSm",children:l}),c&&e.jsxs("button",{className:t.default.closeButton,onClick:c,children:["(",e.jsx(m.Icon,{name:a.EIconName.CLOSE,className:t.default.closeIcon}),")"]})]}),e.jsx(s.Typography,{as:"p",defaultVariant:"bodySm",children:u}),o&&e.jsx(h.TextButton,{suffixIcon:a.EIconName.ARROW_FORWARD,as:"a",href:o.url,target:"_blank",rel:"noopener noreferrer",inverted:n==="dark"&&!r||n==="light"&&r,children:o.label})]});exports.ComplexTooltipContent=_;
|
package/dist/components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.es.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { jsxs as n, jsx as
|
|
1
|
+
import { jsxs as n, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { Icon as h } from "../../../Icon/Icon.es.js";
|
|
3
3
|
import { EIconName as c } from "../../../Icon/constants.es.js";
|
|
4
4
|
import { TextButton as u } from "../../../TextButton/TextButton.es.js";
|
|
5
5
|
import { Typography as i } from "../../../Typography/Typography.es.js";
|
|
6
6
|
import { cn as x } from "../../../../utils/cn/cn.es.js";
|
|
7
|
-
import
|
|
7
|
+
import r from "./complexTooltipContent.module.css.es.js";
|
|
8
8
|
const C = ({
|
|
9
|
-
style:
|
|
9
|
+
style: o,
|
|
10
10
|
title: l,
|
|
11
11
|
description: s,
|
|
12
|
-
link:
|
|
12
|
+
link: t,
|
|
13
13
|
isBlurred: a,
|
|
14
14
|
className: d,
|
|
15
15
|
onMouseEnter: p,
|
|
@@ -18,28 +18,30 @@ const C = ({
|
|
|
18
18
|
}) => /* @__PURE__ */ n(
|
|
19
19
|
"div",
|
|
20
20
|
{
|
|
21
|
-
className: x(
|
|
22
|
-
"data-style":
|
|
21
|
+
className: x(r.content, a && r.blurred, d),
|
|
22
|
+
"data-style": o,
|
|
23
23
|
onMouseEnter: p,
|
|
24
24
|
onMouseLeave: f,
|
|
25
25
|
children: [
|
|
26
|
-
/* @__PURE__ */ n("div", { className:
|
|
27
|
-
/* @__PURE__ */
|
|
28
|
-
m && /* @__PURE__ */ n("button", { className:
|
|
26
|
+
/* @__PURE__ */ n("div", { className: r.contentHeader, children: [
|
|
27
|
+
/* @__PURE__ */ e(i, { as: "h4", defaultVariant: "headingSm", children: l }),
|
|
28
|
+
m && /* @__PURE__ */ n("button", { className: r.closeButton, onClick: m, children: [
|
|
29
29
|
"(",
|
|
30
|
-
/* @__PURE__ */
|
|
30
|
+
/* @__PURE__ */ e(h, { name: c.CLOSE, className: r.closeIcon }),
|
|
31
31
|
")"
|
|
32
32
|
] })
|
|
33
33
|
] }),
|
|
34
|
-
/* @__PURE__ */
|
|
35
|
-
|
|
34
|
+
/* @__PURE__ */ e(i, { as: "p", defaultVariant: "bodySm", children: s }),
|
|
35
|
+
t && /* @__PURE__ */ e(
|
|
36
36
|
u,
|
|
37
37
|
{
|
|
38
38
|
suffixIcon: c.ARROW_FORWARD,
|
|
39
39
|
as: "a",
|
|
40
|
-
href:
|
|
41
|
-
|
|
42
|
-
|
|
40
|
+
href: t.url,
|
|
41
|
+
target: "_blank",
|
|
42
|
+
rel: "noopener noreferrer",
|
|
43
|
+
inverted: o === "dark" && !a || o === "light" && a,
|
|
44
|
+
children: t.label
|
|
43
45
|
}
|
|
44
46
|
)
|
|
45
47
|
]
|
|
@@ -13,5 +13,5 @@ type FilterMenuProps<T extends string | number> = {
|
|
|
13
13
|
options: ReadonlyArray<TOptionGroup<T>>;
|
|
14
14
|
onSelect: (value: T, optionGroup: TOptionGroup<T>) => void;
|
|
15
15
|
};
|
|
16
|
-
export declare function FilterMenu<T extends string | number>({ label, open, options, selectedValue, onSelect }: FilterMenuProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare function FilterMenu<T extends string | number>({ label, open, options, selectedValue, onSelect, }: FilterMenuProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
17
17
|
export {};
|
|
@@ -6,7 +6,13 @@ import { Icon as v } from "../Icon/Icon.es.js";
|
|
|
6
6
|
import { EIconName as m } from "../Icon/constants.es.js";
|
|
7
7
|
import { Typography as o } from "../Typography/Typography.es.js";
|
|
8
8
|
import e from "./filterMenu.module.css.es.js";
|
|
9
|
-
function j({
|
|
9
|
+
function j({
|
|
10
|
+
label: c,
|
|
11
|
+
open: d = !1,
|
|
12
|
+
options: p,
|
|
13
|
+
selectedValue: u,
|
|
14
|
+
onSelect: h
|
|
15
|
+
}) {
|
|
10
16
|
const [t, f] = g(d), b = () => f((l) => !l);
|
|
11
17
|
return /* @__PURE__ */ r("div", { className: e.root, children: [
|
|
12
18
|
/* @__PURE__ */ r("button", { className: e.toggleButton, onClick: b, children: [
|
|
@@ -14,7 +20,16 @@ function j({ label: c, open: d = !1, options: p, selectedValue: u, onSelect: h }
|
|
|
14
20
|
/* @__PURE__ */ a(v, { name: t ? m.REMOVE : m.PLUS, className: e.toggleIcon })
|
|
15
21
|
] }),
|
|
16
22
|
/* @__PURE__ */ a("div", { className: n(e.menu, t && e.isOpen), role: "menu", children: p.map((l, s) => /* @__PURE__ */ r("ul", { className: e.subOptions, children: [
|
|
17
|
-
l.label && /* @__PURE__ */ a("li", { className: n(e.divider, s !== 0 && e.dividerLine), children: /* @__PURE__ */ a(
|
|
23
|
+
l.label && /* @__PURE__ */ a("li", { className: n(e.divider, s !== 0 && e.dividerLine), children: /* @__PURE__ */ a(
|
|
24
|
+
o,
|
|
25
|
+
{
|
|
26
|
+
as: "div",
|
|
27
|
+
defaultVariant: "bodyMd",
|
|
28
|
+
weight: "medium",
|
|
29
|
+
className: e.dividerLabel,
|
|
30
|
+
children: l.label
|
|
31
|
+
}
|
|
32
|
+
) }, s),
|
|
18
33
|
l.values.map(({ value: i, label: N }) => /* @__PURE__ */ a("li", { className: e.option, onClick: () => h(i, l), children: /* @__PURE__ */ a(
|
|
19
34
|
o,
|
|
20
35
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var l=(r=>(r.ALERT_ERROR_FILL="alert-error-fill",r.ALERT_ERROR="alert-error",r.CHECK="check",r.CIRCLE_CHECK_FILL="circle-check-fill",r.CIRCLE_CHECK="circle-check",r.CLOSE="close",r.HELP="help",r.INFO="info",r.MENU="menu",r.PLUS="plus",r.REMOVE="remove",r.SEARCH="search",r.WARNING="warning",r.ARROW_BACK="arrow-back",r.ARROW_DOWNWARD="arrow-downward",r.ARROW_FORWARD="arrow-forward",r.ARROW_INSERT="arrow-insert",r.ARROW_OUTWARD="arrow-outward",r.ARROW_RETURN="arrow-return",r.ARROW_UPWARD="arrow-upward",r.CHEVRON_BACK="chevron-back",r.CHEVRON_DOWN="chevron-down",r.CHEVRON_FORWARD="chevron-forward",r.CHEVRON_UP="chevron-up",r.MESSAGE_FILL="message-fill",r.MESSAGE="message",r.CALENDAR="calendar",r.CART="cart",r.PACKAGE_FILL="package-fill",r.PACKAGE="package",r.SMILE_FILL="smile-fill",r.SMILE="smile",r.CIRCLE_DASH_FILL="circle-dash-fill",r.CIRCLE_DASH="circle-dash",r.PIN_DROP="pin-drop",r.FILTER="filter",r.COACHING="coaching",r.LABS="labs",r.MYSPAN="myspan",r.OPTIMIZATIONS="optimizations",r.PROTOCOLS="protocols",r.RULER="ruler",r.SCALE="scale",r.FACEBOOK="facebook",r.HEART_FILL="heart-fill",r.HEART="heart",r.INSTAGRAM="instagram",r.STAR_FILL="star-fill",r.STAR_HALF="star-half",r.STAR_OUTLINE="star-outline",r.STAR="star",r.X="x",r))(l||{});const a={"alert-error-fill":"action","alert-error":"action",check:"action","circle-check-fill":"action","circle-check":"action",close:"action",help:"action",info:"action",menu:"action",plus:"action",remove:"action",search:"action",warning:"action","arrow-back":"arrow","arrow-downward":"arrow","arrow-forward":"arrow","arrow-insert":"arrow","arrow-outward":"arrow","arrow-return":"arrow","arrow-upward":"arrow","chevron-back":"arrow","chevron-down":"arrow","chevron-forward":"arrow","chevron-up":"arrow","message-fill":"chat",message:"chat",calendar:"eCommerce",cart:"eCommerce","package-fill":"eCommerce",package:"eCommerce","smile-fill":"faces",smile:"faces","circle-dash-fill":"indicators","circle-dash":"indicators","pin-drop":"global",filter:"global",coaching:"medical",labs:"medical",myspan:"medical",optimizations:"medical",protocols:"medical",ruler:"medical",scale:"medical",facebook:"social","heart-fill":"social",heart:"social",instagram:"social","star-fill":"social","star-half":"social","star-outline":"social",star:"social",x:"social"};exports.EIconName=l;exports.ICON_FOLDERS_MAP=a;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var l=(r=>(r.ALERT_ERROR_FILL="alert-error-fill",r.ALERT_ERROR="alert-error",r.CHECK="check",r.CIRCLE_CHECK_FILL="circle-check-fill",r.CIRCLE_CHECK="circle-check",r.CLOSE="close",r.BRACKET_LEFT="bracket-left",r.BRACKET_RIGHT="bracket-right",r.HELP="help",r.INFO="info",r.MENU="menu",r.PLUS="plus",r.PLAY="play",r.REMOVE="remove",r.SEARCH="search",r.WARNING="warning",r.ARROW_BACK="arrow-back",r.ARROW_DOWNWARD="arrow-downward",r.ARROW_FORWARD="arrow-forward",r.ARROW_INSERT="arrow-insert",r.ARROW_OUTWARD="arrow-outward",r.ARROW_RETURN="arrow-return",r.ARROW_UPWARD="arrow-upward",r.CHEVRON_BACK="chevron-back",r.CHEVRON_DOWN="chevron-down",r.CHEVRON_FORWARD="chevron-forward",r.CHEVRON_UP="chevron-up",r.MESSAGE_FILL="message-fill",r.MESSAGE="message",r.CALENDAR="calendar",r.CART="cart",r.PACKAGE_FILL="package-fill",r.PACKAGE="package",r.SMILE_FILL="smile-fill",r.SMILE="smile",r.CIRCLE_DASH_FILL="circle-dash-fill",r.CIRCLE_DASH="circle-dash",r.PIN_DROP="pin-drop",r.FILTER="filter",r.COACHING="coaching",r.LABS="labs",r.MYSPAN="myspan",r.OPTIMIZATIONS="optimizations",r.PROTOCOLS="protocols",r.RULER="ruler",r.SCALE="scale",r.FACEBOOK="facebook",r.HEART_FILL="heart-fill",r.HEART="heart",r.INSTAGRAM="instagram",r.STAR_FILL="star-fill",r.STAR_HALF="star-half",r.STAR_OUTLINE="star-outline",r.STAR="star",r.X="x",r))(l||{});const a={"alert-error-fill":"action","alert-error":"action",check:"action","circle-check-fill":"action","circle-check":"action",close:"action","bracket-left":"action","bracket-right":"action",help:"action",info:"action",menu:"action",plus:"action",play:"action",remove:"action",search:"action",warning:"action","arrow-back":"arrow","arrow-downward":"arrow","arrow-forward":"arrow","arrow-insert":"arrow","arrow-outward":"arrow","arrow-return":"arrow","arrow-upward":"arrow","chevron-back":"arrow","chevron-down":"arrow","chevron-forward":"arrow","chevron-up":"arrow","message-fill":"chat",message:"chat",calendar:"eCommerce",cart:"eCommerce","package-fill":"eCommerce",package:"eCommerce","smile-fill":"faces",smile:"faces","circle-dash-fill":"indicators","circle-dash":"indicators","pin-drop":"global",filter:"global",coaching:"medical",labs:"medical",myspan:"medical",optimizations:"medical",protocols:"medical",ruler:"medical",scale:"medical",facebook:"social","heart-fill":"social",heart:"social",instagram:"social","star-fill":"social","star-half":"social","star-outline":"social",star:"social",x:"social"};exports.EIconName=l;exports.ICON_FOLDERS_MAP=a;
|
|
@@ -5,10 +5,13 @@ export declare enum EIconName {
|
|
|
5
5
|
CIRCLE_CHECK_FILL = "circle-check-fill",
|
|
6
6
|
CIRCLE_CHECK = "circle-check",
|
|
7
7
|
CLOSE = "close",
|
|
8
|
+
BRACKET_LEFT = "bracket-left",
|
|
9
|
+
BRACKET_RIGHT = "bracket-right",
|
|
8
10
|
HELP = "help",
|
|
9
11
|
INFO = "info",
|
|
10
12
|
MENU = "menu",
|
|
11
13
|
PLUS = "plus",
|
|
14
|
+
PLAY = "play",
|
|
12
15
|
REMOVE = "remove",
|
|
13
16
|
SEARCH = "search",
|
|
14
17
|
WARNING = "warning",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var l = /* @__PURE__ */ ((r) => (r.ALERT_ERROR_FILL = "alert-error-fill", r.ALERT_ERROR = "alert-error", r.CHECK = "check", r.CIRCLE_CHECK_FILL = "circle-check-fill", r.CIRCLE_CHECK = "circle-check", r.CLOSE = "close", r.HELP = "help", r.INFO = "info", r.MENU = "menu", r.PLUS = "plus", r.REMOVE = "remove", r.SEARCH = "search", r.WARNING = "warning", r.ARROW_BACK = "arrow-back", r.ARROW_DOWNWARD = "arrow-downward", r.ARROW_FORWARD = "arrow-forward", r.ARROW_INSERT = "arrow-insert", r.ARROW_OUTWARD = "arrow-outward", r.ARROW_RETURN = "arrow-return", r.ARROW_UPWARD = "arrow-upward", r.CHEVRON_BACK = "chevron-back", r.CHEVRON_DOWN = "chevron-down", r.CHEVRON_FORWARD = "chevron-forward", r.CHEVRON_UP = "chevron-up", r.MESSAGE_FILL = "message-fill", r.MESSAGE = "message", r.CALENDAR = "calendar", r.CART = "cart", r.PACKAGE_FILL = "package-fill", r.PACKAGE = "package", r.SMILE_FILL = "smile-fill", r.SMILE = "smile", r.CIRCLE_DASH_FILL = "circle-dash-fill", r.CIRCLE_DASH = "circle-dash", r.PIN_DROP = "pin-drop", r.FILTER = "filter", r.COACHING = "coaching", r.LABS = "labs", r.MYSPAN = "myspan", r.OPTIMIZATIONS = "optimizations", r.PROTOCOLS = "protocols", r.RULER = "ruler", r.SCALE = "scale", r.FACEBOOK = "facebook", r.HEART_FILL = "heart-fill", r.HEART = "heart", r.INSTAGRAM = "instagram", r.STAR_FILL = "star-fill", r.STAR_HALF = "star-half", r.STAR_OUTLINE = "star-outline", r.STAR = "star", r.X = "x", r))(l || {});
|
|
1
|
+
var l = /* @__PURE__ */ ((r) => (r.ALERT_ERROR_FILL = "alert-error-fill", r.ALERT_ERROR = "alert-error", r.CHECK = "check", r.CIRCLE_CHECK_FILL = "circle-check-fill", r.CIRCLE_CHECK = "circle-check", r.CLOSE = "close", r.BRACKET_LEFT = "bracket-left", r.BRACKET_RIGHT = "bracket-right", r.HELP = "help", r.INFO = "info", r.MENU = "menu", r.PLUS = "plus", r.PLAY = "play", r.REMOVE = "remove", r.SEARCH = "search", r.WARNING = "warning", r.ARROW_BACK = "arrow-back", r.ARROW_DOWNWARD = "arrow-downward", r.ARROW_FORWARD = "arrow-forward", r.ARROW_INSERT = "arrow-insert", r.ARROW_OUTWARD = "arrow-outward", r.ARROW_RETURN = "arrow-return", r.ARROW_UPWARD = "arrow-upward", r.CHEVRON_BACK = "chevron-back", r.CHEVRON_DOWN = "chevron-down", r.CHEVRON_FORWARD = "chevron-forward", r.CHEVRON_UP = "chevron-up", r.MESSAGE_FILL = "message-fill", r.MESSAGE = "message", r.CALENDAR = "calendar", r.CART = "cart", r.PACKAGE_FILL = "package-fill", r.PACKAGE = "package", r.SMILE_FILL = "smile-fill", r.SMILE = "smile", r.CIRCLE_DASH_FILL = "circle-dash-fill", r.CIRCLE_DASH = "circle-dash", r.PIN_DROP = "pin-drop", r.FILTER = "filter", r.COACHING = "coaching", r.LABS = "labs", r.MYSPAN = "myspan", r.OPTIMIZATIONS = "optimizations", r.PROTOCOLS = "protocols", r.RULER = "ruler", r.SCALE = "scale", r.FACEBOOK = "facebook", r.HEART_FILL = "heart-fill", r.HEART = "heart", r.INSTAGRAM = "instagram", r.STAR_FILL = "star-fill", r.STAR_HALF = "star-half", r.STAR_OUTLINE = "star-outline", r.STAR = "star", r.X = "x", r))(l || {});
|
|
2
2
|
const a = {
|
|
3
3
|
"alert-error-fill": "action",
|
|
4
4
|
"alert-error": "action",
|
|
@@ -6,10 +6,13 @@ const a = {
|
|
|
6
6
|
"circle-check-fill": "action",
|
|
7
7
|
"circle-check": "action",
|
|
8
8
|
close: "action",
|
|
9
|
+
"bracket-left": "action",
|
|
10
|
+
"bracket-right": "action",
|
|
9
11
|
help: "action",
|
|
10
12
|
info: "action",
|
|
11
13
|
menu: "action",
|
|
12
14
|
plus: "action",
|
|
15
|
+
play: "action",
|
|
13
16
|
remove: "action",
|
|
14
17
|
search: "action",
|
|
15
18
|
warning: "action",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./constants.cjs.js"),r=require("../../icons/action/alert-error-fill.svg.cjs.js"),a=require("../../icons/action/alert-error.svg.cjs.js"),o=require("../../icons/action/check.svg.cjs.js"),c=require("../../icons/action/circle-check-fill.svg.cjs.js"),t=require("../../icons/action/circle-check.svg.cjs.js"),n=require("../../icons/action/close.svg.cjs.js"),u=require("../../icons/action/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./constants.cjs.js"),r=require("../../icons/action/alert-error-fill.svg.cjs.js"),a=require("../../icons/action/alert-error.svg.cjs.js"),o=require("../../icons/action/check.svg.cjs.js"),c=require("../../icons/action/circle-check-fill.svg.cjs.js"),t=require("../../icons/action/circle-check.svg.cjs.js"),n=require("../../icons/action/close.svg.cjs.js"),u=require("../../icons/action/bracket-left.svg.cjs.js"),E=require("../../icons/action/bracket-right.svg.cjs.js"),l=require("../../icons/action/help.svg.cjs.js"),I=require("../../icons/action/info.svg.cjs.js"),i=require("../../icons/action/menu.svg.cjs.js"),s=require("../../icons/action/play.svg.cjs.js"),N=require("../../icons/action/plus.svg.cjs.js"),m=require("../../icons/action/remove.svg.cjs.js"),d=require("../../icons/action/search.svg.cjs.js"),R=require("../../icons/action/warning.svg.cjs.js"),f=require("../../icons/arrow/arrow-back.svg.cjs.js"),q=require("../../icons/arrow/arrow-downward.svg.cjs.js"),A=require("../../icons/arrow/arrow-forward.svg.cjs.js"),O=require("../../icons/arrow/arrow-insert.svg.cjs.js"),C=require("../../icons/arrow/arrow-outward.svg.cjs.js"),L=require("../../icons/arrow/arrow-return.svg.cjs.js"),_=require("../../icons/arrow/arrow-upward.svg.cjs.js"),S=require("../../icons/arrow/chevron-back.svg.cjs.js"),F=require("../../icons/arrow/chevron-down.svg.cjs.js"),T=require("../../icons/arrow/chevron-forward.svg.cjs.js"),H=require("../../icons/arrow/chevron-up.svg.cjs.js"),D=require("../../icons/chat/message-fill.svg.cjs.js"),h=require("../../icons/chat/message.svg.cjs.js"),w=require("../../icons/eCommerce/calendar.svg.cjs.js"),P=require("../../icons/eCommerce/cart.svg.cjs.js"),W=require("../../icons/eCommerce/package-fill.svg.cjs.js"),p=require("../../icons/eCommerce/package.svg.cjs.js"),M=require("../../icons/faces/smile-fill.svg.cjs.js"),g=require("../../icons/faces/smile.svg.cjs.js"),k=require("../../icons/indicators/circle-dash-fill.svg.cjs.js"),K=require("../../icons/indicators/circle-dash.svg.cjs.js"),U=require("../../icons/global/pin-drop.svg.cjs.js"),B=require("../../icons/global/filter.svg.cjs.js"),G=require("../../icons/medical/coaching.svg.cjs.js"),b=require("../../icons/medical/labs.svg.cjs.js"),v=require("../../icons/medical/myspan.svg.cjs.js"),V=require("../../icons/medical/optimizations.svg.cjs.js"),y=require("../../icons/medical/protocols.svg.cjs.js"),Y=require("../../icons/medical/ruler.svg.cjs.js"),j=require("../../icons/medical/scale.svg.cjs.js"),x=require("../../icons/social/facebook.svg.cjs.js"),z=require("../../icons/social/heart-fill.svg.cjs.js"),X=require("../../icons/social/heart.svg.cjs.js"),Z=require("../../icons/social/instagram.svg.cjs.js"),J=require("../../icons/social/star-fill.svg.cjs.js"),Q=require("../../icons/social/star-half.svg.cjs.js"),$=require("../../icons/social/star-outline.svg.cjs.js"),ee=require("../../icons/social/star.svg.cjs.js"),re=require("../../icons/social/x.svg.cjs.js"),ae={[e.EIconName.ALERT_ERROR_FILL]:r.default,[e.EIconName.ALERT_ERROR]:a.default,[e.EIconName.CHECK]:o.default,[e.EIconName.CIRCLE_CHECK_FILL]:c.default,[e.EIconName.CIRCLE_CHECK]:t.default,[e.EIconName.CLOSE]:n.default,[e.EIconName.BRACKET_LEFT]:u.default,[e.EIconName.BRACKET_RIGHT]:E.default,[e.EIconName.HELP]:l.default,[e.EIconName.INFO]:I.default,[e.EIconName.MENU]:i.default,[e.EIconName.PLAY]:s.default,[e.EIconName.PLUS]:N.default,[e.EIconName.REMOVE]:m.default,[e.EIconName.SEARCH]:d.default,[e.EIconName.WARNING]:R.default,[e.EIconName.ARROW_BACK]:f.default,[e.EIconName.ARROW_DOWNWARD]:q.default,[e.EIconName.ARROW_FORWARD]:A.default,[e.EIconName.ARROW_INSERT]:O.default,[e.EIconName.ARROW_OUTWARD]:C.default,[e.EIconName.ARROW_RETURN]:L.default,[e.EIconName.ARROW_UPWARD]:_.default,[e.EIconName.CHEVRON_BACK]:S.default,[e.EIconName.CHEVRON_DOWN]:F.default,[e.EIconName.CHEVRON_FORWARD]:T.default,[e.EIconName.CHEVRON_UP]:H.default,[e.EIconName.MESSAGE_FILL]:D.default,[e.EIconName.MESSAGE]:h.default,[e.EIconName.CALENDAR]:w.default,[e.EIconName.CART]:P.default,[e.EIconName.PACKAGE_FILL]:W.default,[e.EIconName.PACKAGE]:p.default,[e.EIconName.SMILE_FILL]:M.default,[e.EIconName.SMILE]:g.default,[e.EIconName.CIRCLE_DASH_FILL]:k.default,[e.EIconName.CIRCLE_DASH]:K.default,[e.EIconName.PIN_DROP]:U.default,[e.EIconName.FILTER]:B.default,[e.EIconName.COACHING]:G.default,[e.EIconName.LABS]:b.default,[e.EIconName.MYSPAN]:v.default,[e.EIconName.OPTIMIZATIONS]:V.default,[e.EIconName.PROTOCOLS]:y.default,[e.EIconName.RULER]:Y.default,[e.EIconName.SCALE]:j.default,[e.EIconName.FACEBOOK]:x.default,[e.EIconName.HEART_FILL]:z.default,[e.EIconName.HEART]:X.default,[e.EIconName.INSTAGRAM]:Z.default,[e.EIconName.STAR_FILL]:J.default,[e.EIconName.STAR_HALF]:Q.default,[e.EIconName.STAR_OUTLINE]:$.default,[e.EIconName.STAR]:ee.default,[e.EIconName.X]:re.default};exports.ICON_COMPONENTS=ae;
|