trepur_components 1.0.61 → 2.1.1
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 +8 -0
- package/dist/src/lib/components/Accordion/Accordion.js.map +1 -1
- package/dist/src/lib/components/AlertBar/AlertBar.d.ts +5 -5
- package/dist/src/lib/components/AlertBar/AlertBar.js +29 -25
- package/dist/src/lib/components/AlertBar/AlertBar.js.map +1 -1
- package/dist/src/lib/components/AlertBar/style.module.css +1 -0
- package/dist/src/lib/components/AlertBar/style.module.css.map +1 -1
- package/dist/src/lib/components/Avatar/Avatar.d.ts +1 -1
- package/dist/src/lib/components/Avatar/Avatar.js +108 -92
- package/dist/src/lib/components/Avatar/Avatar.js.map +1 -1
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.js +5 -10
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/src/lib/components/Breadcrumbs/style.module.css +1 -0
- package/dist/src/lib/components/Breadcrumbs/style.module.css.map +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/style.module.css +1 -0
- package/dist/src/lib/components/BreadcrumbsBordered/style.module.css.map +1 -1
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.js +19 -9
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsItem/style.module.css +1 -0
- package/dist/src/lib/components/BreadcrumbsItem/style.module.css.map +1 -1
- package/dist/src/lib/components/Button/Button.d.ts +1 -1
- package/dist/src/lib/components/Button/Button.js +4 -5
- package/dist/src/lib/components/Button/Button.js.map +1 -1
- package/dist/src/lib/components/Button/style.module.css +1 -0
- package/dist/src/lib/components/Button/style.module.css.map +1 -1
- package/dist/src/lib/components/Calendar/Calendar.d.ts +1 -1
- package/dist/src/lib/components/Calendar/Calendar.js +3 -2
- package/dist/src/lib/components/Calendar/Calendar.js.map +1 -1
- package/dist/src/lib/components/Calendar/style.css +109 -108
- package/dist/src/lib/components/Calendar/style.css.map +1 -1
- package/dist/src/lib/components/Card/Card.js +9 -12
- package/dist/src/lib/components/Card/Card.js.map +1 -1
- package/dist/src/lib/components/Card/style.module.css +69 -68
- package/dist/src/lib/components/Card/style.module.css.map +1 -1
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.js.map +1 -1
- package/dist/src/lib/components/CardWithTopImage/style.module.css +19 -18
- package/dist/src/lib/components/CardWithTopImage/style.module.css.map +1 -1
- package/dist/src/lib/components/Carousel/Carousel.d.ts +8 -10
- package/dist/src/lib/components/Carousel/Carousel.js +30 -30
- package/dist/src/lib/components/Carousel/Carousel.js.map +1 -1
- package/dist/src/lib/components/Carousel/style.module.css +1 -0
- package/dist/src/lib/components/Carousel/style.module.css.map +1 -1
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.d.ts +1 -3
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.js +6 -14
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.js.map +1 -1
- package/dist/src/lib/components/CarouselThumbnail/style.module.css +1 -0
- package/dist/src/lib/components/CarouselThumbnail/style.module.css.map +1 -1
- package/dist/src/lib/components/Checkbox/Checkbox.d.ts +1 -0
- package/dist/src/lib/components/Checkbox/Checkbox.js +7 -3
- package/dist/src/lib/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/src/lib/components/Checkbox/style.module.css +1 -0
- package/dist/src/lib/components/Checkbox/style.module.css.map +1 -1
- package/dist/src/lib/components/Collapsible/Collapsible.d.ts +3 -3
- package/dist/src/lib/components/Collapsible/Collapsible.js +20 -18
- package/dist/src/lib/components/Collapsible/Collapsible.js.map +1 -1
- package/dist/src/lib/components/Collapsible/style.module.css +5 -4
- package/dist/src/lib/components/Collapsible/style.module.css.map +1 -1
- package/dist/src/lib/components/Column/Column.js.map +1 -1
- package/dist/src/lib/components/Column/style.module.css +3 -3
- package/dist/src/lib/components/Column/style.module.css.map +1 -1
- package/dist/src/lib/components/ComponentWrapper/ComponentWrapper.js +1 -1
- package/dist/src/lib/components/ComponentWrapper/ComponentWrapper.js.map +1 -1
- package/dist/src/lib/components/ComponentWrapper/style.module.css +23 -23
- package/dist/src/lib/components/ComponentWrapper/style.module.css.map +1 -1
- package/dist/src/lib/components/Container/Container.d.ts +1 -1
- package/dist/src/lib/components/Container/Container.js +2 -4
- package/dist/src/lib/components/Container/Container.js.map +1 -1
- package/dist/src/lib/components/Container/style.module.css +12 -21
- package/dist/src/lib/components/Container/style.module.css.map +1 -1
- package/dist/src/lib/components/Counter/Counter.d.ts +10 -0
- package/dist/src/lib/components/Counter/Counter.js +35 -0
- package/dist/src/lib/components/Counter/Counter.js.map +1 -0
- package/dist/src/lib/components/Counter/style.module.css +48 -0
- package/dist/src/lib/components/Counter/style.module.css.map +1 -0
- package/dist/src/lib/components/DetailUpdater/DetailUpdater.d.ts +4 -2
- package/dist/src/lib/components/DetailUpdater/DetailUpdater.js +30 -27
- package/dist/src/lib/components/DetailUpdater/DetailUpdater.js.map +1 -1
- package/dist/src/lib/components/DetailUpdater/style.module.css +3 -2
- package/dist/src/lib/components/DetailUpdater/style.module.css.map +1 -1
- package/dist/src/lib/components/Dialog/Dialog.js +10 -13
- package/dist/src/lib/components/Dialog/Dialog.js.map +1 -1
- package/dist/src/lib/components/Dialog/style.module.css +5 -4
- package/dist/src/lib/components/Dialog/style.module.css.map +1 -1
- package/dist/src/lib/components/DropdownMenu/style.module.css +36 -35
- package/dist/src/lib/components/DropdownMenu/style.module.css.map +1 -1
- package/dist/src/lib/components/FileUploader/FilePreview.js +3 -1
- package/dist/src/lib/components/FileUploader/FilePreview.js.map +1 -1
- package/dist/src/lib/components/FileUploader/FileUploader.d.ts +2 -2
- package/dist/src/lib/components/FileUploader/FileUploader.js +24 -12
- package/dist/src/lib/components/FileUploader/FileUploader.js.map +1 -1
- package/dist/src/lib/components/FileUploader/style.module.css +4 -4
- package/dist/src/lib/components/FileUploader/style.module.css.map +1 -1
- package/dist/src/lib/components/FilterItem/FilterItem.js +3 -1
- package/dist/src/lib/components/FilterItem/FilterItem.js.map +1 -1
- package/dist/src/lib/components/FilterItem/style.module.css +1 -0
- package/dist/src/lib/components/FilterItem/style.module.css.map +1 -1
- package/dist/src/lib/components/Footer/Footer.js +3 -2
- package/dist/src/lib/components/Footer/Footer.js.map +1 -1
- package/dist/src/lib/components/Footer/style.module.css +4 -3
- package/dist/src/lib/components/Footer/style.module.css.map +1 -1
- package/dist/src/lib/components/FooterNav/FooterNav.js.map +1 -1
- package/dist/src/lib/components/FooterNav/style.module.css.map +1 -1
- package/dist/src/lib/components/FooterNavItem/FooterNavItem.js +8 -5
- package/dist/src/lib/components/FooterNavItem/FooterNavItem.js.map +1 -1
- package/dist/src/lib/components/FooterNavItem/style.module.css.map +1 -1
- package/dist/src/lib/components/Form/Form.d.ts +4 -4
- package/dist/src/lib/components/Form/Form.js +8 -8
- package/dist/src/lib/components/Form/Form.js.map +1 -1
- package/dist/src/lib/components/FyreCard/FyreCard.js.map +1 -1
- package/dist/src/lib/components/FyreCard/style.module.css +1 -0
- package/dist/src/lib/components/FyreCard/style.module.css.map +1 -1
- package/dist/src/lib/components/Greeting/Greeting.d.ts +1 -1
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js +3 -1
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js.map +1 -1
- package/dist/src/lib/components/HamburgerIcon/style.module.css +1 -0
- package/dist/src/lib/components/HamburgerIcon/style.module.css.map +1 -1
- package/dist/src/lib/components/HorizontalLine/HorizontalLine.js +1 -1
- package/dist/src/lib/components/HorizontalLine/HorizontalLine.js.map +1 -1
- package/dist/src/lib/components/HorizontalLine/style.module.css.map +1 -1
- package/dist/src/lib/components/Icon/Icon.d.ts +4 -4
- package/dist/src/lib/components/Icon/Icon.js +19 -19
- package/dist/src/lib/components/Icon/Icon.js.map +1 -1
- package/dist/src/lib/components/Icon/style.module.css +1 -0
- package/dist/src/lib/components/Icon/style.module.css.map +1 -1
- package/dist/src/lib/components/IconCard/IconCard.js.map +1 -1
- package/dist/src/lib/components/IconCard/style.module.css +1 -0
- package/dist/src/lib/components/IconCard/style.module.css.map +1 -1
- package/dist/src/lib/components/Image/Image.js +12 -7
- package/dist/src/lib/components/Image/Image.js.map +1 -1
- package/dist/src/lib/components/Image/style.module.css +1 -0
- package/dist/src/lib/components/Image/style.module.css.map +1 -1
- package/dist/src/lib/components/ImageInfo/ImageInfo.d.ts +2 -2
- package/dist/src/lib/components/ImageInfo/ImageInfo.js +11 -11
- package/dist/src/lib/components/ImageInfo/ImageInfo.js.map +1 -1
- package/dist/src/lib/components/ImageInfo/style.module.css +36 -35
- package/dist/src/lib/components/ImageInfo/style.module.css.map +1 -1
- package/dist/src/lib/components/ImageLink/ImageLink.js +3 -5
- package/dist/src/lib/components/ImageLink/ImageLink.js.map +1 -1
- package/dist/src/lib/components/ImageLink/style.module.css +3 -2
- package/dist/src/lib/components/ImageLink/style.module.css.map +1 -1
- package/dist/src/lib/components/ImageLinkList/style.module.css +3 -2
- package/dist/src/lib/components/ImageLinkList/style.module.css.map +1 -1
- package/dist/src/lib/components/InformationIcon/InformationIcon.d.ts +3 -3
- package/dist/src/lib/components/InformationIcon/InformationIcon.js +14 -15
- package/dist/src/lib/components/InformationIcon/InformationIcon.js.map +1 -1
- package/dist/src/lib/components/InformationIcon/style.module.css +9 -8
- package/dist/src/lib/components/InformationIcon/style.module.css.map +1 -1
- package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.d.ts +3 -3
- package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.js +12 -12
- package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.js.map +1 -1
- package/dist/src/lib/components/InformationIconBlock/style.module.css +2 -1
- package/dist/src/lib/components/InformationIconBlock/style.module.css.map +1 -1
- package/dist/src/lib/components/Input/Input.d.ts +2 -2
- package/dist/src/lib/components/Input/Input.js +11 -9
- package/dist/src/lib/components/Input/Input.js.map +1 -1
- package/dist/src/lib/components/Input/style.module.css +3 -1
- package/dist/src/lib/components/Input/style.module.css.map +1 -1
- package/dist/src/lib/components/Jumbotron/style.module.css +1 -0
- package/dist/src/lib/components/Jumbotron/style.module.css.map +1 -1
- package/dist/src/lib/components/MenuButton/MenuButton.d.ts +3 -3
- package/dist/src/lib/components/MenuButton/MenuButton.js +14 -12
- package/dist/src/lib/components/MenuButton/MenuButton.js.map +1 -1
- package/dist/src/lib/components/MenuButton/style.module.css +47 -46
- package/dist/src/lib/components/MenuButton/style.module.css.map +1 -1
- package/dist/src/lib/components/Modal/Modal.js.map +1 -1
- package/dist/src/lib/components/Modal/style.module.css +3 -2
- package/dist/src/lib/components/Modal/style.module.css.map +1 -1
- package/dist/src/lib/components/Nav/Nav.d.ts +5 -5
- package/dist/src/lib/components/Nav/Nav.js +28 -28
- package/dist/src/lib/components/Nav/Nav.js.map +1 -1
- package/dist/src/lib/components/Nav/StickyNav.js +7 -9
- package/dist/src/lib/components/Nav/StickyNav.js.map +1 -1
- package/dist/src/lib/components/Nav/style.module.css +11 -10
- package/dist/src/lib/components/Nav/style.module.css.map +1 -1
- package/dist/src/lib/components/NavItem/NavItem.d.ts +4 -4
- package/dist/src/lib/components/NavItem/NavItem.js +6 -6
- package/dist/src/lib/components/NavItem/NavItem.js.map +1 -1
- package/dist/src/lib/components/NavItem/style.module.css +0 -1
- package/dist/src/lib/components/NavItem/style.module.css.map +1 -1
- package/dist/src/lib/components/NewsCard/NewsCard.js +2 -3
- package/dist/src/lib/components/NewsCard/NewsCard.js.map +1 -1
- package/dist/src/lib/components/NewsCard/style.module.css +1 -0
- package/dist/src/lib/components/NewsCard/style.module.css.map +1 -1
- package/dist/src/lib/components/Pill/Pill.js +4 -7
- package/dist/src/lib/components/Pill/Pill.js.map +1 -1
- package/dist/src/lib/components/Pill/style.module.css +1 -0
- package/dist/src/lib/components/Pill/style.module.css.map +1 -1
- package/dist/src/lib/components/ProductCard/ProductCard.d.ts +4 -0
- package/dist/src/lib/components/ProductCard/ProductCard.js +25 -19
- package/dist/src/lib/components/ProductCard/ProductCard.js.map +1 -1
- package/dist/src/lib/components/ProductCard/style.module.css +54 -47
- package/dist/src/lib/components/ProductCard/style.module.css.map +1 -1
- package/dist/src/lib/components/ProductCardV2/ProductCardV2.d.ts +24 -0
- package/dist/src/lib/components/ProductCardV2/ProductCardV2.js +27 -0
- package/dist/src/lib/components/ProductCardV2/ProductCardV2.js.map +1 -0
- package/dist/src/lib/components/ProductCardV2/style.module.css +93 -0
- package/dist/src/lib/components/ProductCardV2/style.module.css.map +1 -0
- package/dist/src/lib/components/Proficiencies/style.module.css +2 -1
- package/dist/src/lib/components/Proficiencies/style.module.css.map +1 -1
- package/dist/src/lib/components/Profile/Profile.js +11 -10
- package/dist/src/lib/components/Profile/Profile.js.map +1 -1
- package/dist/src/lib/components/Profile/style.module.css +3 -2
- package/dist/src/lib/components/Profile/style.module.css.map +1 -1
- package/dist/src/lib/components/Row/style.module.css +1 -0
- package/dist/src/lib/components/Row/style.module.css.map +1 -1
- package/dist/src/lib/components/Search/Search.js +8 -7
- package/dist/src/lib/components/Search/Search.js.map +1 -1
- package/dist/src/lib/components/Search/style.module.css +1 -0
- package/dist/src/lib/components/Search/style.module.css.map +1 -1
- package/dist/src/lib/components/Select/Select.d.ts +1 -0
- package/dist/src/lib/components/Select/Select.js +11 -8
- package/dist/src/lib/components/Select/Select.js.map +1 -1
- package/dist/src/lib/components/Select/style.module.css +1 -1
- package/dist/src/lib/components/Select/style.module.css.map +1 -1
- package/dist/src/lib/components/Showcase/style.module.css +10 -9
- package/dist/src/lib/components/Showcase/style.module.css.map +1 -1
- package/dist/src/lib/components/SideNav/SideNav.js.map +1 -1
- package/dist/src/lib/components/SideNav/style.module.css +2 -1
- package/dist/src/lib/components/SideNav/style.module.css.map +1 -1
- package/dist/src/lib/components/SocialBlock/SocialBlock.d.ts +3 -3
- package/dist/src/lib/components/SocialBlock/SocialBlock.js +7 -7
- package/dist/src/lib/components/SocialBlock/SocialBlock.js.map +1 -1
- package/dist/src/lib/components/SocialBlock/style.module.css +29 -28
- package/dist/src/lib/components/SocialBlock/style.module.css.map +1 -1
- package/dist/src/lib/components/SocialButton/SocialButton.d.ts +3 -3
- package/dist/src/lib/components/SocialButton/SocialButton.js +11 -11
- package/dist/src/lib/components/SocialButton/SocialButton.js.map +1 -1
- package/dist/src/lib/components/SocialButton/style.module.css +66 -15
- package/dist/src/lib/components/SocialButton/style.module.css.map +1 -1
- package/dist/src/lib/components/StarRating/StarRating.js.map +1 -1
- package/dist/src/lib/components/StarRating/style.module.css +1 -0
- package/dist/src/lib/components/StarRating/style.module.css.map +1 -1
- package/dist/src/lib/components/Testimonial/Testimonial.js.map +1 -1
- package/dist/src/lib/components/Testimonial/style.module.css +1 -0
- package/dist/src/lib/components/Testimonial/style.module.css.map +1 -1
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.d.ts +6 -9
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js +14 -54
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js.map +1 -1
- package/dist/src/lib/components/TextAndTitle/style.module.css +3 -2
- package/dist/src/lib/components/TextAndTitle/style.module.css.map +1 -1
- package/dist/src/lib/components/TextArea/TextArea.d.ts +2 -2
- package/dist/src/lib/components/TextArea/TextArea.js +11 -9
- package/dist/src/lib/components/TextArea/TextArea.js.map +1 -1
- package/dist/src/lib/components/TextArea/style.module.css +1 -1
- package/dist/src/lib/components/TextArea/style.module.css.map +1 -1
- package/dist/src/lib/components/Timeline/Timeline.js +15 -20
- package/dist/src/lib/components/Timeline/Timeline.js.map +1 -1
- package/dist/src/lib/components/Timeline/style.module.css +13 -12
- package/dist/src/lib/components/Timeline/style.module.css.map +1 -1
- package/dist/src/lib/components/TimelineV2/TimelineV2.d.ts +3 -3
- package/dist/src/lib/components/TimelineV2/TimelineV2.js +6 -6
- package/dist/src/lib/components/TimelineV2/TimelineV2.js.map +1 -1
- package/dist/src/lib/components/TimelineV2/style.module.css +4 -3
- package/dist/src/lib/components/TimelineV2/style.module.css.map +1 -1
- package/dist/src/lib/components/Tubestops/Tubestops.d.ts +4 -8
- package/dist/src/lib/components/Tubestops/Tubestops.js +19 -32
- package/dist/src/lib/components/Tubestops/Tubestops.js.map +1 -1
- package/dist/src/lib/components/Tubestops/style.module.css +49 -923
- package/dist/src/lib/components/Tubestops/style.module.css.map +1 -1
- package/dist/src/lib/components/UserIcon/UserIcon.js.map +1 -1
- package/dist/src/lib/components/UserIcon/style.module.css +3 -2
- package/dist/src/lib/components/UserIcon/style.module.css.map +1 -1
- package/dist/src/lib/index.d.ts +4 -1
- package/dist/src/lib/index.js +4 -1
- package/dist/src/lib/index.js.map +1 -1
- package/dist/src/lib/typography/Colours/Colours.d.ts +7 -0
- package/dist/src/lib/typography/Colours/Colours.js +90 -0
- package/dist/src/lib/typography/Colours/Colours.js.map +1 -0
- package/dist/src/lib/typography/Colours/style.module.css +24 -0
- package/dist/src/lib/typography/Colours/style.module.css.map +1 -0
- package/dist/src/lib/typography/{index.d.ts → Fonts/Fonts.d.ts} +1 -1
- package/dist/src/lib/typography/{index.js → Fonts/Fonts.js} +3 -3
- package/dist/src/lib/typography/Fonts/Fonts.js.map +1 -0
- package/dist/src/lib/utils/controls.d.ts +3 -3
- package/dist/src/lib/utils/controls.js.map +1 -1
- package/dist/src/lib/utils/screens.d.ts +1 -2
- package/dist/src/lib/utils/screens.js +1 -1
- package/dist/src/lib/utils/screens.js.map +1 -1
- package/dist/src/lib/utils/theme.js +4 -1
- package/dist/src/lib/utils/theme.js.map +1 -1
- package/dist/tailwind.config.d.ts +14 -7
- package/dist/tailwind.config.js +63 -69
- package/dist/tailwind.config.js.map +1 -1
- package/package.json +35 -39
- package/dist/src/lib/snapWrapper.d.ts +0 -2
- package/dist/src/lib/snapWrapper.js +0 -7
- package/dist/src/lib/snapWrapper.js.map +0 -1
- package/dist/src/lib/typography/index.js.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Props as navItemProps } from
|
|
3
|
-
import { ThemeTypes } from
|
|
4
|
-
import { Props as MenuButtonProps } from
|
|
2
|
+
import { Props as navItemProps } from '../NavItem/NavItem';
|
|
3
|
+
import { ThemeTypes } from '../../utils/controls';
|
|
4
|
+
import { Props as MenuButtonProps } from '../MenuButton/MenuButton';
|
|
5
5
|
export interface Props {
|
|
6
6
|
id?: string;
|
|
7
7
|
className?: string;
|
|
@@ -16,7 +16,7 @@ export interface Props {
|
|
|
16
16
|
logoLink: string;
|
|
17
17
|
mobileClasses?: string;
|
|
18
18
|
getNavStatus: (withMobileSideBar: boolean, open: boolean) => void;
|
|
19
|
-
variant:
|
|
19
|
+
variant: 'light' | 'dark';
|
|
20
20
|
text?: string;
|
|
21
21
|
textLink?: string;
|
|
22
22
|
theme?: ThemeTypes;
|
|
@@ -24,5 +24,5 @@ export interface Props {
|
|
|
24
24
|
withDesktopShadow?: boolean;
|
|
25
25
|
profileMenu?: MenuButtonProps;
|
|
26
26
|
}
|
|
27
|
-
declare const Nav: ({ id, className, navLinks, withMobileSideBar, withMobileDropdown, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant, text, textLink, theme, withStickyNavShadow, withDesktopShadow, profileMenu
|
|
27
|
+
declare const Nav: ({ id, className, navLinks, withMobileSideBar, withMobileDropdown, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant, text, textLink, theme, withStickyNavShadow, withDesktopShadow, profileMenu }: Props) => JSX.Element;
|
|
28
28
|
export default Nav;
|
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
import React, { useEffect, useState } from
|
|
2
|
-
import classNames from
|
|
3
|
-
import NavItem from
|
|
4
|
-
import HamburgerIcon from
|
|
5
|
-
import style from
|
|
6
|
-
import Image from
|
|
7
|
-
import Container from
|
|
8
|
-
import StickyNav from
|
|
9
|
-
import MenuButton from
|
|
10
|
-
import HorizontalLine from
|
|
11
|
-
const Nav = ({ id, className, navLinks, withMobileSideBar = false, withMobileDropdown = false, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant =
|
|
1
|
+
import React, { useEffect, useState } from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import NavItem from '../NavItem/NavItem';
|
|
4
|
+
import HamburgerIcon from '../HamburgerIcon/HamburgerIcon';
|
|
5
|
+
import style from './style.module.css';
|
|
6
|
+
import Image from '../Image/Image';
|
|
7
|
+
import Container from '../Container/Container';
|
|
8
|
+
import StickyNav from './StickyNav';
|
|
9
|
+
import MenuButton from '../MenuButton/MenuButton';
|
|
10
|
+
import HorizontalLine from '../HorizontalLine/HorizontalLine';
|
|
11
|
+
const Nav = ({ id, className, navLinks, withMobileSideBar = false, withMobileDropdown = false, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant = 'dark', text, textLink = '/', theme = 'theme-rupertbennett', withStickyNavShadow = false, withDesktopShadow = false, profileMenu }) => {
|
|
12
12
|
var _a, _b, _c, _d;
|
|
13
13
|
const [showSideNav, setShowSideNav] = useState(false);
|
|
14
14
|
const [showDropdownNav, setShowDropdownNav] = useState(false);
|
|
15
15
|
const [showStickyNav, setShowStickyNav] = useState(false);
|
|
16
|
-
const colours = variant ===
|
|
16
|
+
const colours = variant === 'dark' ? [style.dark] : [style.light];
|
|
17
17
|
const classList = classNames({
|
|
18
18
|
// [style.desktopNavDropShadow]: withDesktopShadow && !showStickyNav && !showSideNav
|
|
19
19
|
}, className, style.nav, theme, colours);
|
|
20
20
|
const stickyClassList = classNames({
|
|
21
|
-
[style.showStickyNav]: showStickyNav
|
|
21
|
+
[style.showStickyNav]: showStickyNav
|
|
22
22
|
}, style.stickyNav);
|
|
23
23
|
const isSticky = () => {
|
|
24
24
|
window.scrollY >= 80 ? setShowStickyNav(true) : setShowStickyNav(false);
|
|
25
25
|
};
|
|
26
26
|
useEffect(() => {
|
|
27
|
-
window.addEventListener(
|
|
27
|
+
window.addEventListener('scroll', isSticky);
|
|
28
28
|
return () => {
|
|
29
|
-
window.removeEventListener(
|
|
29
|
+
window.removeEventListener('scroll', isSticky);
|
|
30
30
|
};
|
|
31
31
|
});
|
|
32
32
|
const sideNavClasses = classNames({
|
|
33
33
|
[style.sideBarCollapsed]: !showSideNav,
|
|
34
|
-
[style.sideBarExpanded]: showSideNav
|
|
34
|
+
[style.sideBarExpanded]: showSideNav
|
|
35
35
|
}, style.sideNavClassList, colours);
|
|
36
36
|
const dropdownNavClasses = classNames({
|
|
37
37
|
[style.dropDownCollapsed]: !showDropdownNav,
|
|
38
38
|
[style.dropDownExpanded]: showDropdownNav,
|
|
39
|
-
[`h-${dropdownNavHeight}`]: showDropdownNav
|
|
39
|
+
[`h-${dropdownNavHeight}`]: showDropdownNav
|
|
40
40
|
}, style.dropDownNavClassList);
|
|
41
41
|
const mobileContainer = classNames(style.mobileContainer, style.mobileNav, mobileClasses);
|
|
42
42
|
const toggleMenu = () => {
|
|
@@ -53,27 +53,27 @@ const Nav = ({ id, className, navLinks, withMobileSideBar = false, withMobileDro
|
|
|
53
53
|
return (React.createElement("header", { id: id, className: classList },
|
|
54
54
|
React.createElement(Container, { withPadding: true, className: mobileContainer, theme: theme },
|
|
55
55
|
(withMobileSideBar || withMobileDropdown) && (React.createElement("div", { className: style.collapseBtnWrapper },
|
|
56
|
-
React.createElement(HamburgerIcon, { onClick: toggleMenu, theme: theme, variant: variant ===
|
|
57
|
-
React.createElement("a", { className: style.mobileLogo, href: logoLink, "aria-label": `${themeString.split(
|
|
58
|
-
React.createElement(Image, { src: variant ===
|
|
56
|
+
React.createElement(HamburgerIcon, { onClick: toggleMenu, theme: theme, variant: variant === 'dark' ? 'primary' : 'secondary' }))),
|
|
57
|
+
React.createElement("a", { className: style.mobileLogo, href: logoLink, "aria-label": `${themeString.split('-')[1]}-mobile-logo` },
|
|
58
|
+
React.createElement(Image, { src: variant === 'dark' ? mobileLogoDarkTheme : mobileLogo, title: `${(_a = themeString.split('-')[1]) !== null && _a !== void 0 ? _a : `${themeString.split('-')[1]}-`}mobile-logo`, altText: `${(_b = themeString.split('-')[1]) !== null && _b !== void 0 ? _b : `${themeString.split('-')[1]}-`}mobile-logo`, height: 5, width: 5 }))),
|
|
59
59
|
React.createElement(Container, { withPadding: true, className: style.desktopNav, theme: theme },
|
|
60
60
|
React.createElement("div", { className: style.logoClassList },
|
|
61
|
-
React.createElement("a", { className: style.desktopLogo, href: logoLink, "aria-label": `${themeString.split(
|
|
62
|
-
React.createElement(Image, { src: variant ===
|
|
61
|
+
React.createElement("a", { className: style.desktopLogo, href: logoLink, "aria-label": `${themeString.split('-')[1]}-desktop-logo` },
|
|
62
|
+
React.createElement(Image, { src: variant === 'dark' ? logoDarkTheme : logo, title: `${(_c = themeString.split('-')[1]) !== null && _c !== void 0 ? _c : `${themeString.split('-')[1]}-`}desktop-logo`, altText: `${(_d = themeString.split('-')[1]) !== null && _d !== void 0 ? _d : `${themeString.split('-')[1]}-`}desktop-logo`, height: 5, width: 5 }))),
|
|
63
63
|
React.createElement("nav", { className: style.navItems }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
64
|
-
return (React.createElement(NavItem, Object.assign({ key: `desktop_nav_item_${i}` }, navLink, { className: style.navItemPadding, bordered: false, rounded: false, underlineOnHover: true, variant: variant ===
|
|
64
|
+
return (React.createElement(NavItem, Object.assign({ key: `desktop_nav_item_${i}` }, navLink, { className: style.navItemPadding, bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme })));
|
|
65
65
|
})),
|
|
66
|
-
!(profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems) !== undefined && (React.createElement("div", { className: style.textClassList }, text !== undefined && (React.createElement(NavItem, { title: text, href: textLink, className: style.navItemPadding, underlineOnHover: true, variant: variant ===
|
|
66
|
+
!(profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems) !== undefined && (React.createElement("div", { className: style.textClassList }, text !== undefined && (React.createElement(NavItem, { title: text, href: textLink, className: style.navItemPadding, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme })))),
|
|
67
67
|
(profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems) && (React.createElement("div", { className: style.profileClassList },
|
|
68
68
|
React.createElement(MenuButton, Object.assign({}, profileMenu, { menuItems: profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems }))))),
|
|
69
69
|
withMobileSideBar && (React.createElement("div", { className: sideNavClasses }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
70
|
-
return (React.createElement("div", { className:
|
|
71
|
-
React.createElement(NavItem, Object.assign({
|
|
72
|
-
React.createElement(HorizontalLine, { colour: variant ===
|
|
70
|
+
return (React.createElement("div", { className: 'flex-col', key: `sidebar_nav_item_${i}` },
|
|
71
|
+
React.createElement(NavItem, Object.assign({}, navLink, { className: classNames(colours, style.mobileSideBarMenuNavItems, 'pb-4 pt-2 justify-center'), bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme })),
|
|
72
|
+
React.createElement(HorizontalLine, { colour: variant === 'light' ? 'primary' : 'white', className: 'mx-2', theme: theme })));
|
|
73
73
|
}))),
|
|
74
74
|
withMobileDropdown && (React.createElement("div", { className: dropdownNavClasses },
|
|
75
75
|
React.createElement("div", { className: style.mobileDropDownMenu }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
76
|
-
return (React.createElement(NavItem, Object.assign({ key: `dropdown_nav_item_${i}` }, navLink, { className: style.mobileDropDownMenuNavItems, bordered: false, rounded: false, underlineOnHover: true, variant: variant ===
|
|
76
|
+
return (React.createElement(NavItem, Object.assign({ key: `dropdown_nav_item_${i}` }, navLink, { className: style.mobileDropDownMenuNavItems, bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme })));
|
|
77
77
|
})))),
|
|
78
78
|
React.createElement(StickyNav, { id: id, className: stickyClassList, navLinks: navLinks, withMobileSideBar: withMobileSideBar, withMobileDropdown: withMobileDropdown, dropdownNavHeight: dropdownNavHeight, logo: logo, logoDarkTheme: logoDarkTheme, mobileLogo: mobileLogo, mobileLogoDarkTheme: mobileLogoDarkTheme, logoLink: logoLink, mobileClasses: mobileClasses, getNavStatus: getNavStatus, variant: variant, theme: theme, tabindex: showStickyNav ? 0 : -1, withShadow: withStickyNavShadow })));
|
|
79
79
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -49,15 +49,13 @@ const StickyNav = ({ id, className, navLinks, withMobileSideBar = false, withMob
|
|
|
49
49
|
React.createElement("nav", { className: style.navItems }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
50
50
|
return (React.createElement(NavItem, Object.assign({ key: `desktop_nav_item_${i}` }, navLink, { className: style.navItemPadding, bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme, tabindex: tabindex })));
|
|
51
51
|
}))),
|
|
52
|
-
withMobileSideBar &&
|
|
53
|
-
React.createElement(
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
return (React.createElement(NavItem, Object.assign({ key: `dropdown_nav_item_${i}` }, navLink, { className: style.mobileDropDownMenuNavItems, bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme, tabindex: tabindex })));
|
|
60
|
-
})))));
|
|
52
|
+
withMobileSideBar && (React.createElement("div", { className: sideNavClasses }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
53
|
+
return (React.createElement(NavItem, Object.assign({ key: `sidebar_nav_item_${i}` }, navLink, { className: classNames(colours, style.mobileSideBarMenuNavItems), bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme, tabindex: tabindex })));
|
|
54
|
+
}))),
|
|
55
|
+
withMobileDropdown && (React.createElement("div", { className: dropdownNavClasses },
|
|
56
|
+
React.createElement("div", { className: style.mobileDropDownMenu }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
57
|
+
return (React.createElement(NavItem, Object.assign({ key: `dropdown_nav_item_${i}` }, navLink, { className: style.mobileDropDownMenuNavItems, bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme, tabindex: tabindex })));
|
|
58
|
+
}))))));
|
|
61
59
|
};
|
|
62
60
|
export default StickyNav;
|
|
63
61
|
//# sourceMappingURL=StickyNav.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StickyNav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/StickyNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,OAAkC,MAAM,6BAA6B,CAAA;AAC5E,OAAO,aAAa,MAAM,yCAAyC,CAAA;AACnE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,KAAK,MAAM,yBAAyB,CAAA;AAC3C,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAwBvD,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,iBAAiB,GAAG,KAAK,EACzB,kBAAkB,GAAG,KAAK,EAC1B,iBAAiB,EACjB,IAAI,EACJ,aAAa,EACb,UAAU,EACV,mBAAmB,EACnB,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,OAAO,GAAG,MAAM,EAChB,KAAK,GAAG,qBAAqB,EAC7B,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,CAAC,EACZ,UAAU,GAAG,KAAK,EACZ,EAAe,EAAE;;IACvB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7D,MAAM,OAAO,GAAG,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAEjE,MAAM,SAAS,GAAG,UAAU,
|
|
1
|
+
{"version":3,"file":"StickyNav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/StickyNav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
top: 1rem
|
|
111
111
|
}
|
|
112
112
|
|
|
113
|
-
.collapseBtnWrapper:hover>button {
|
|
113
|
+
.collapseBtnWrapper:hover > button {
|
|
114
114
|
|
|
115
115
|
color: var(--color-primary)
|
|
116
116
|
}
|
|
@@ -128,7 +128,7 @@
|
|
|
128
128
|
padding-bottom: 1.5rem
|
|
129
129
|
}
|
|
130
130
|
|
|
131
|
-
@media (min-width:
|
|
131
|
+
@media (min-width: 744px) {
|
|
132
132
|
|
|
133
133
|
.navItems {
|
|
134
134
|
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
}
|
|
139
139
|
}
|
|
140
140
|
|
|
141
|
-
@media (min-width:
|
|
141
|
+
@media (min-width: 950px) {
|
|
142
142
|
|
|
143
143
|
.navItems {
|
|
144
144
|
|
|
@@ -164,7 +164,7 @@
|
|
|
164
164
|
width: 24rem
|
|
165
165
|
}
|
|
166
166
|
|
|
167
|
-
@media (min-width:
|
|
167
|
+
@media (min-width: 744px) {
|
|
168
168
|
|
|
169
169
|
.logoClassList {
|
|
170
170
|
|
|
@@ -181,7 +181,7 @@
|
|
|
181
181
|
flex-direction: row-reverse
|
|
182
182
|
}
|
|
183
183
|
|
|
184
|
-
@media (min-width:
|
|
184
|
+
@media (min-width: 950px) {
|
|
185
185
|
|
|
186
186
|
.textClassList {
|
|
187
187
|
|
|
@@ -198,7 +198,7 @@
|
|
|
198
198
|
flex-direction: row-reverse
|
|
199
199
|
}
|
|
200
200
|
|
|
201
|
-
@media (min-width:
|
|
201
|
+
@media (min-width: 744px) {
|
|
202
202
|
|
|
203
203
|
.profileClassList {
|
|
204
204
|
|
|
@@ -234,7 +234,7 @@
|
|
|
234
234
|
align-items: center
|
|
235
235
|
}
|
|
236
236
|
|
|
237
|
-
@media (min-width:
|
|
237
|
+
@media (min-width: 744px) {
|
|
238
238
|
|
|
239
239
|
.mobileContainer {
|
|
240
240
|
|
|
@@ -265,7 +265,7 @@
|
|
|
265
265
|
overflow: hidden
|
|
266
266
|
}
|
|
267
267
|
|
|
268
|
-
@media (min-width:
|
|
268
|
+
@media (min-width: 744px) {
|
|
269
269
|
|
|
270
270
|
.dropDownNavClassList {
|
|
271
271
|
|
|
@@ -298,7 +298,7 @@
|
|
|
298
298
|
transition-duration: 700ms
|
|
299
299
|
}
|
|
300
300
|
|
|
301
|
-
@media (min-width:
|
|
301
|
+
@media (min-width: 744px) {
|
|
302
302
|
|
|
303
303
|
.sideNavClassList {
|
|
304
304
|
|
|
@@ -348,7 +348,7 @@
|
|
|
348
348
|
width: 100%
|
|
349
349
|
}
|
|
350
350
|
|
|
351
|
-
@media (min-width:
|
|
351
|
+
@media (min-width: 550px) {
|
|
352
352
|
|
|
353
353
|
.sideBarExpanded {
|
|
354
354
|
|
|
@@ -369,4 +369,5 @@
|
|
|
369
369
|
|
|
370
370
|
color: var(--color-primary)
|
|
371
371
|
}
|
|
372
|
+
|
|
372
373
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Nav/style.module.css"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Nav/style.module.css"],"names":[],"mappings":"AACE;;IAAA,kBAAoB;;IAApB,WAAoB;;IACpB,aAAwC;;IAAxC,mBAAwC;;IAAxC;AADoB;;AAKpB;;IAAA,mGAAqB;;IAArB;AAAqB;;AAIrB;;IAAA,kBAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,eAAoF;;IAApF,QAAoF;;IAApF,WAAoF;;IAApF,WAAoF;;IAApF,gBAAoF;;IAApF,UAAoF;;IAApF,wBAAoF;;IAApF,wDAAoF;;IAApF;AAAoF;;AAIpF;;IAAA,mGAAqB;;IAArB;AAAqB;;AAIrB;;IAAA,UAA+C;;IAA/C,wBAA+C;;IAA/C,wDAA+C;;IAA/C;AAA+C;;AAI/C;;IAAA;AAAa;;AAIb;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,wCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAsC;;IAAtC,QAAsC;;IAAtC,WAAsC;;IAAtC,UAAsC;;IAAtC;AAAsC;;AAItC;;IAAA;AAAmB;;AAInB;;IAAA,aAA+D;;IAA/D,YAA+D;;IAA/D,uBAA+D;;IAA/D,mBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA,aAA+D;;QAA/D;IAA+D;AAAA;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,iBAA+B;;IAA/B,kBAA+B;;IAA/B,WAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,aAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA;;QAAA;IAA0B;AAAA;;AAI1B;;IAAA,aAA2C;;IAA3C,YAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,aAA2C;;IAA3C,YAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,aAAkC;;IAAlC;AAAkC;;AAAlC;;IAAA;;QAAA;IAAkC;AAAA;;AAIlC;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,WAAqC;;IAArC;AAAqC;;AAArC;;IAAA;;QAAA;IAAqC;AAAA;;AAIrC;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAU;;AAIV;;IAAA,eAA+D;;IAA/D,WAA+D;;IAA/D,YAA+D;;IAA/D,gBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,oBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA;AAAU;;AAIV;;IAAA,aAA+B;;IAA/B;AAA+B;;AAA/B;;IAAA;;QAAA;IAA+B;AAAA;;AAI/B;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,oCAA4B;;IAA5B;AAA4B","file":"style.module.css","sourcesContent":[".desktopNav {\n @apply z-50 relative;\n @apply flex items-center justify-between;\n}\n\n.desktopNavDropShadow {\n @apply drop-shadow-lg;\n}\n\n.mobileNav {\n @apply z-50 relative;\n}\n\n.stickyNav {\n @apply fixed z-40 top-0 overflow-hidden w-full opacity-0 transition-all duration-500;\n}\n\n.stickyNavDropShadow {\n @apply drop-shadow-lg;\n}\n\n.showStickyNav {\n @apply opacity-100 transition-all duration-1000;\n}\n\n.invisible {\n @apply hidden;\n}\n\n.primary {\n @apply bg-primary text-white;\n}\n\n.secondary {\n @apply bg-secondary text-white;\n}\n\n.white {\n @apply bg-white text-black;\n}\n\n.black {\n @apply bg-black text-white;\n}\n\n.collapseBtnWrapper {\n @apply absolute inset-y-0 left-8 top-4;\n}\n\n.collapseBtnWrapper:hover > button {\n @apply text-primary;\n}\n\n.navItems {\n @apply hidden md:flex justify-center py-6 md:pr-16 lg:pr-0 w-96;\n}\n\n.navItemPadding {\n @apply w-24 mx-auto text-center;\n}\n\n.logoClassList {\n @apply hidden md:flex w-96;\n}\n\n.textClassList {\n @apply hidden lg:flex w-96 flex-row-reverse;\n}\n\n.profileClassList {\n @apply hidden md:flex w-96 flex-row-reverse;\n}\n\n.desktopLogo:focus {\n @apply border-2 border-white;\n}\n\n.mobileLogo {\n @apply mx-auto;\n}\n\n.mobileLogo:focus {\n @apply border-2 border-white;\n}\n\n.mobileContainer {\n @apply flex items-center md:hidden;\n}\n\n.mobileDropDownMenu {\n @apply pt-2 pb-3 space-y-1;\n}\n\n.dropDownNavClassList {\n @apply z-50 md:hidden overflow-hidden;\n}\n\n.mobileDropDownMenuNavItems {\n @apply pl-8 pt-2;\n}\n\n.dropDownCollapsed {\n @apply h-0;\n}\n\n.sideNavClassList {\n @apply z-50 md:hidden fixed overflow-hidden h-full duration-700;\n}\n\n.mobileSideBarMenu {\n @apply pt-2 pb-3 space-y-1;\n}\n\n.mobileSideBarMenuNavItems {\n @apply pl-2 pt-4;\n}\n\n.mobileSideBarMenuNavItems:focus {\n @apply border-2 border-white;\n}\n\n.sideBarCollapsed {\n @apply w-0;\n}\n\n.sideBarExpanded {\n @apply w-full sm:w-1/3 h-screen;\n}\n\n.dark {\n @apply bg-primary text-white;\n}\n\n.light {\n @apply bg-white text-primary;\n}\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { ThemeTypes } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ThemeTypes } from '../../utils/controls';
|
|
3
3
|
export interface Props {
|
|
4
4
|
id?: string;
|
|
5
5
|
className?: string;
|
|
@@ -10,9 +10,9 @@ export interface Props {
|
|
|
10
10
|
rounded?: boolean;
|
|
11
11
|
underlineOnHover?: boolean;
|
|
12
12
|
isActive?: boolean;
|
|
13
|
-
variant?:
|
|
13
|
+
variant?: 'primary' | 'secondary';
|
|
14
14
|
theme?: ThemeTypes;
|
|
15
15
|
tabindex?: number;
|
|
16
16
|
}
|
|
17
|
-
declare const NavItem: ({ id, className, title, href, onClick, bordered, rounded, underlineOnHover, isActive, variant, theme, tabindex
|
|
17
|
+
declare const NavItem: ({ id, className, title, href, onClick, bordered, rounded, underlineOnHover, isActive, variant, theme, tabindex }: Props) => JSX.Element;
|
|
18
18
|
export default NavItem;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import classNames from
|
|
3
|
-
import style from
|
|
4
|
-
const NavItem = ({ id, className, title, href =
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import style from './style.module.css';
|
|
4
|
+
const NavItem = ({ id, className, title, href = '/', onClick, bordered = false, rounded = true, underlineOnHover = true, isActive = false, variant = 'primary', theme = 'theme-rupertbennett', tabindex }) => {
|
|
5
5
|
const classList = classNames(className, style.navItem, theme);
|
|
6
6
|
const anchorClassList = classNames({
|
|
7
7
|
[style.underline]: underlineOnHover,
|
|
@@ -9,8 +9,8 @@ const NavItem = ({ id, className, title, href = "/", onClick, bordered = false,
|
|
|
9
9
|
[style.inactive]: !isActive,
|
|
10
10
|
[style.bordered]: bordered,
|
|
11
11
|
[style.rounded]: rounded,
|
|
12
|
-
[style.primary]: variant ===
|
|
13
|
-
[style.secondary]: variant ===
|
|
12
|
+
[style.primary]: variant === 'primary',
|
|
13
|
+
[style.secondary]: variant === 'secondary'
|
|
14
14
|
}, [style.anchorClassList]);
|
|
15
15
|
return (React.createElement("div", { id: id, className: classList },
|
|
16
16
|
React.createElement("a", Object.assign({ href: href, onClick: onClick, className: anchorClassList }, (tabindex !== undefined && { tabIndex: tabindex })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavItem.js","sourceRoot":"","sources":["../../../../../src/lib/components/NavItem/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"NavItem.js","sourceRoot":"","sources":["../../../../../src/lib/components/NavItem/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAkBtC,MAAM,OAAO,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,GAAG,GAAG,EACV,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,IAAI,EACd,gBAAgB,GAAG,IAAI,EACvB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,qBAAqB,EAC7B,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAE7D,MAAM,eAAe,GAAG,UAAU,CAChC;QACE,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,gBAAgB;QACnC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,QAAQ;QACxB,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ;QAC3B,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ;QAC1B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;QACxB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,SAAS;QACtC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,KAAK,WAAW;KAC3C,EACD,CAAC,KAAK,CAAC,eAAe,CAAC,CACxB,CAAA;IAED,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,yCACE,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,eAAe,IACtB,CAAC,QAAQ,KAAK,SAAS,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;YAEtD,8BAAM,SAAS,EAAE,KAAK,CAAC,aAAa,IAAG,KAAK,CAAQ,CAClD,CACA,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/NavItem/style.module.css"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/NavItem/style.module.css"],"names":[],"mappings":"AACE;;IAAA,iBAAyB;;IAAzB,oBAAyB;;IAAzB,qBAAyB;;IAAzB,mBAAyB;;IAAzB;AAAyB;;AAIzB;;IAAA;AAAiB;;AAIjB;;IAAA,WAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA,kBAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,kBAAmD;;IAAnD,gBAAmD;;IAAnD,SAAmD;;IAAnD,eAAmD;;IAAnD,wBAAmD;;IAAnD,wDAAmD;;IAAnD;AAAmD;;AAInD;;IAAA;AAAa;;AAIb;;IAAA,0BAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,0BAAiB;;IAAjB;AAAiB;;AAIjB;;IAAA,sBAAiD;;IAAjD,iBAAiD;;IAAjD,sCAAiD;;IAAjD;AAAiD;;AAIjD;;IAAA;AAAa;;AAIb;;IAAA,sBAA2C;;IAA3C,iBAA2C;;IAA3C,gCAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,mBAAoC;;IAApC;AAAoC;;AAIpC;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,oCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,sCAA8B;;IAA9B;AAA8B","file":"style.module.css","sourcesContent":[".bordered {\n @apply border-2 px-2 py-2;\n}\n\n.rounded {\n @apply rounded-md;\n}\n\n.navItem {\n @apply w-auto list-none;\n}\n\n.underline > span {\n @apply relative ease-linear;\n}\n\n.underline > span:before {\n @apply absolute -bottom-1 left-0 h-1 transition-all;\n}\n\n.underline:hover > span:before {\n @apply w-full;\n}\n\n.active > span {\n @apply before:w-full;\n}\n\n.inactive > span {\n @apply before:w-0;\n}\n\n.anchorClassList {\n @apply border-2 border-transparent rounded-xl p-2;\n}\n\n.anchorClassList:focus > span:before {\n @apply w-full;\n}\n\n.anchorClassList:focus {\n @apply border-2 border-white rounded-xl p-2;\n}\n\n.spanClassList {\n @apply text-center whitespace-nowrap;\n}\n\n.secondary {\n @apply text-white bg-primary;\n}\n\n.secondary > span:before {\n @apply text-white bg-white;\n}\n\n.primary {\n @apply text-primary bg-white;\n}\n\n.primary > span:before {\n @apply text-primary bg-primary;\n}\n"]}
|
|
@@ -14,9 +14,8 @@ const NewsCard = ({ id, className, title, content, imageProps, buttonProps, roun
|
|
|
14
14
|
React.createElement("div", { className: classNames(style.contentWrapper, 'expandable') },
|
|
15
15
|
React.createElement("p", null, title),
|
|
16
16
|
React.createElement("p", null, content),
|
|
17
|
-
|
|
18
|
-
React.createElement(
|
|
19
|
-
React.createElement(Button, Object.assign({}, buttonProps), buttonProps.children)))));
|
|
17
|
+
buttonProps !== undefined && (React.createElement("div", { className: style.buttonWrapper },
|
|
18
|
+
React.createElement(Button, Object.assign({}, buttonProps), buttonProps.children))))));
|
|
20
19
|
};
|
|
21
20
|
export default NewsCard;
|
|
22
21
|
//# sourceMappingURL=NewsCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NewsCard.js","sourceRoot":"","sources":["../../../../../src/lib/components/NewsCard/NewsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AActC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACP,UAAU,EACV,WAAW,EACX,OAAO,EACP,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,
|
|
1
|
+
{"version":3,"file":"NewsCard.js","sourceRoot":"","sources":["../../../../../src/lib/components/NewsCard/NewsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AActC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACP,UAAU,EACV,WAAW,EACX,OAAO,EACP,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAC1B;QACE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;KACzB,EACD,SAAS,EACT,KAAK,CAAC,SAAS,EACf,KAAK,CACN,CAAA;IAED,MAAM,GAAG,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,MAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;IAE/D,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B;YACE,oBAAC,KAAK,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,EAAI,CAC/B;QACN,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,cAAc,EAAE,YAAY,CAAC;YAC5D,+BAAI,KAAK,CAAK;YACd,+BAAI,OAAO,CAAK;YACf,WAAW,KAAK,SAAS,IAAI,CAC5B,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;gBACjC,oBAAC,MAAM,oBAAK,WAAW,GAAG,WAAW,CAAC,QAAQ,CAAU,CACpD,CACP,CACG,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/NewsCard/style.module.css"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/NewsCard/style.module.css"],"names":[],"mappings":"AACE;;IAAA;AAAiB;;AAIjB;;IAAA,aAAsB;;IAAtB,iBAAsB;;IAAtB;AAAsB;;AAItB;;IAAA,aAAuD;;IAAvD,WAAuD;;IAAvD,sBAAuD;;IAAvD,8BAAuD;;IAAvD;AAAuD;;AAIvD;;IAAA,kBAAW;;IAAX;AAAW","file":"style.module.css","sourcesContent":[".rounded {\n @apply rounded-lg;\n}\n\n.classList {\n @apply border flex p-2;\n}\n\n.contentWrapper {\n @apply flex flex-col justify-between w-auto text-center;\n}\n\n.buttonWrapper {\n @apply px-8;\n}\n"]}
|
|
@@ -15,13 +15,10 @@ const Pill = ({ id, className, text, onClick, dismissOnClick = false, theme = 't
|
|
|
15
15
|
}
|
|
16
16
|
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
17
17
|
};
|
|
18
|
-
return (
|
|
19
|
-
|
|
20
|
-
React.createElement("
|
|
21
|
-
|
|
22
|
-
dismissOnClick &&
|
|
23
|
-
React.createElement(Icon, { className: style.icon, type: 'multiply', bgColour: 'white', hoverBgColour: 'white', colour: 'primary', hoverColour: 'primary' }))))
|
|
24
|
-
: React.createElement(React.Fragment, null));
|
|
18
|
+
return shouldDisplay ? (React.createElement("button", { id: id, className: classList, onClick: handleOnClick },
|
|
19
|
+
React.createElement("div", { className: style.classes },
|
|
20
|
+
React.createElement("p", null, text),
|
|
21
|
+
dismissOnClick && (React.createElement(Icon, { className: style.icon, type: 'multiply', bgColour: 'white', hoverBgColour: 'white', colour: 'primary', hoverColour: 'primary' }))))) : (React.createElement(React.Fragment, null));
|
|
25
22
|
};
|
|
26
23
|
export default Pill;
|
|
27
24
|
//# sourceMappingURL=Pill.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pill.js","sourceRoot":"","sources":["../../../../../src/lib/components/Pill/Pill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,IAAI,MAAM,uBAAuB,CAAA;AAYxC,MAAM,IAAI,GAAG,CAAC,EACZ,EAAE,EACF,SAAS,EACT,IAAI,EACJ,OAAO,EACP,cAAc,GAAG,KAAK,EACtB,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAExD,MAAM,SAAS,GAAG,UAAU,
|
|
1
|
+
{"version":3,"file":"Pill.js","sourceRoot":"","sources":["../../../../../src/lib/components/Pill/Pill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,IAAI,MAAM,uBAAuB,CAAA;AAYxC,MAAM,IAAI,GAAG,CAAC,EACZ,EAAE,EACF,SAAS,EACT,IAAI,EACJ,OAAO,EACP,cAAc,GAAG,KAAK,EACtB,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAExD,MAAM,SAAS,GAAG,UAAU,CAC1B;QACE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,aAAa;QAC9B,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC,cAAc;QACvC,CAAC,KAAK,CAAC,qBAAqB,CAAC,EAAE,cAAc;KAC9C,EACD,SAAS,EACT,CAAC,KAAK,CAAC,cAAc,CAAC,EACtB,KAAK,CACN,CAAA;IAED,MAAM,aAAa,GAAG,GAAS,EAAE;QAC/B,IAAI,cAAc,EAAE;YAClB,gBAAgB,CAAC,KAAK,CAAC,CAAA;SACxB;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA;IACb,CAAC,CAAA;IAED,OAAO,aAAa,CAAC,CAAC,CAAC,CACrB,gCAAQ,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa;QAC1D,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;YAC3B,+BAAI,IAAI,CAAK;YACZ,cAAc,IAAI,CACjB,oBAAC,IAAI,IACH,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAC,OAAO,EAChB,aAAa,EAAC,OAAO,EACrB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,SAAS,GACrB,CACH,CACG,CACC,CACV,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Pill/style.module.css"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Pill/style.module.css"],"names":[],"mappings":"AACE;;IAAA,qBAAiC;;IAAjC,iBAAiC;;IAAjC,oBAAiC;;IAAjC,uBAAiC;;IACjC,qBAA+C;;IAA/C,kCAA+C;;IAA/C;AADiC;;AAKjC;;IAAA,kBAAW;;IAAX;AAAW;;AAIX;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAW;;AAIX;;IAAA,mBAAwB;;IAAxB;AAAwB;;AAIxB;;IAAA;AAAkB;;AAIlB;;IAAA;AAAgB;;AAIhB;;IAAA,kBAAgB;;IAAhB;AAAgB","file":"style.module.css","sourcesContent":[".wrapperClasses {\n @apply border-2 rounded-full py-1;\n @apply inline-block border-primary text-primary;\n}\n\n.wrapperPadding {\n @apply px-4;\n}\n\n.wrapperPaddingDismiss {\n @apply pl-4 pr-1;\n}\n\n.classes {\n @apply flex;\n}\n\n.icon {\n @apply ml-2 rounded-full;\n}\n\n.visible {\n @apply opacity-100;\n}\n\n.invisible {\n @apply opacity-0;\n}\n\n.hidden {\n @apply invisible;\n}\n"]}
|
|
@@ -9,8 +9,12 @@ export interface Props {
|
|
|
9
9
|
textLineOne?: string;
|
|
10
10
|
textLineTwo?: string;
|
|
11
11
|
textLineThree?: string;
|
|
12
|
+
count?: number;
|
|
12
13
|
ctaText: string;
|
|
14
|
+
isEditable?: boolean;
|
|
13
15
|
ctaOnClick?: () => void;
|
|
16
|
+
onEditClick?: () => void;
|
|
17
|
+
onCounterClick?: (count: number) => void;
|
|
14
18
|
theme?: ThemeTypes;
|
|
15
19
|
}
|
|
16
20
|
declare const ProductCard: React.FC<Props>;
|
|
@@ -1,31 +1,37 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import Button from '../Button/Button';
|
|
4
|
+
import Icon from '../Icon/Icon';
|
|
4
5
|
import style from './style.module.css';
|
|
5
|
-
|
|
6
|
+
import Counter from '../Counter/Counter';
|
|
7
|
+
const ProductCard = ({ id, className, imageProps, title, textLineOne, textLineTwo, textLineThree, count, ctaText, isEditable = false, ctaOnClick, onEditClick, onCounterClick, theme = 'theme-rupertbennett' }) => {
|
|
6
8
|
const [isHovering, setIsHovering] = useState(false);
|
|
7
9
|
const ProductCardTitleClasses = classNames(style.title);
|
|
8
10
|
const ProductCardSubTitleClassList = classNames(style.subtitle);
|
|
9
|
-
const classList = classNames(className, style.classList, theme);
|
|
11
|
+
const classList = classNames(className, style.classList, theme, 'absolute');
|
|
10
12
|
const imageClassList = classNames(style.imageClassList);
|
|
11
|
-
return (React.createElement("div", { id: id, className: classList, onMouseOver: () =>
|
|
12
|
-
|
|
13
|
-
|
|
13
|
+
return (React.createElement("div", { id: id, className: classList, onMouseOver: () => {
|
|
14
|
+
setIsHovering(true);
|
|
15
|
+
}, onMouseOut: () => {
|
|
16
|
+
setIsHovering(false);
|
|
17
|
+
} },
|
|
18
|
+
React.createElement("div", { className: 'relative' },
|
|
19
|
+
React.createElement("img", Object.assign({ className: imageClassList }, imageProps)),
|
|
20
|
+
isEditable && (React.createElement("div", { className: style.editButton },
|
|
21
|
+
React.createElement(Button, { theme: theme, type: 'icon', variant: 'secondary', onClick: onEditClick },
|
|
22
|
+
React.createElement(Icon, { type: 'pencil', theme: theme }))))),
|
|
14
23
|
React.createElement("div", { className: style.content },
|
|
15
|
-
!isHovering &&
|
|
16
|
-
React.createElement("
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
React.createElement("div", { className: style.hoverContentWrapper },
|
|
27
|
-
React.createElement("div", { className: style.buttonWrapper },
|
|
28
|
-
React.createElement(Button, { onClick: ctaOnClick, theme: theme }, ctaText))))));
|
|
24
|
+
!isHovering && (React.createElement("div", { className: style.contentWrapper },
|
|
25
|
+
title !== undefined && (React.createElement("h3", { className: ProductCardTitleClasses }, title)),
|
|
26
|
+
textLineOne !== undefined && (React.createElement("h4", { className: ProductCardSubTitleClassList }, textLineOne)),
|
|
27
|
+
textLineTwo !== undefined && (React.createElement("h4", { className: ProductCardSubTitleClassList }, textLineTwo)),
|
|
28
|
+
textLineThree !== undefined && (React.createElement("h4", { className: ProductCardSubTitleClassList }, textLineThree)))),
|
|
29
|
+
isHovering && (React.createElement("div", { className: style.hoverContentWrapper },
|
|
30
|
+
React.createElement("div", { className: style.buttonWrapper },
|
|
31
|
+
React.createElement(Button, { onClick: ctaOnClick, theme: theme }, ctaText),
|
|
32
|
+
count !== undefined && (React.createElement(Counter, { count: count, theme: theme, onClick: (newCount) => {
|
|
33
|
+
onCounterClick === null || onCounterClick === void 0 ? void 0 : onCounterClick(newCount);
|
|
34
|
+
} }))))))));
|
|
29
35
|
};
|
|
30
36
|
export default ProductCard;
|
|
31
37
|
//# sourceMappingURL=ProductCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../../src/lib/components/ProductCard/ProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAM,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../../src/lib/components/ProductCard/ProductCard.tsx"],"names":[],"mappings":"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"}
|