trepur_components 1.0.0 → 1.0.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/dist/src/lib/components/Accordion/Accordion.stories.js +19 -11
- package/dist/src/lib/components/Accordion/Accordion.stories.js.map +1 -1
- package/dist/src/lib/components/Accordion/index.d.ts +1 -2
- package/dist/src/lib/components/Accordion/index.js +1 -1
- package/dist/src/lib/components/Accordion/index.js.map +1 -1
- package/dist/src/lib/components/AlertBar/AlertBar.stories.js +1 -1
- package/dist/src/lib/components/AlertBar/AlertBar.stories.js.map +1 -1
- package/dist/src/lib/components/AlertBar/index.js +21 -19
- package/dist/src/lib/components/AlertBar/index.js.map +1 -1
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.stories.js.map +1 -1
- package/dist/src/lib/components/Breadcrumbs/index.js +8 -10
- package/dist/src/lib/components/Breadcrumbs/index.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.js +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/index.d.ts +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/index.js +7 -7
- package/dist/src/lib/components/BreadcrumbsBordered/index.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.stories.js +2 -2
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.stories.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsItem/index.js +33 -35
- package/dist/src/lib/components/BreadcrumbsItem/index.js.map +1 -1
- package/dist/src/lib/components/Button/button.stories.js +64 -19
- package/dist/src/lib/components/Button/button.stories.js.map +1 -1
- package/dist/src/lib/components/Button/index.js +11 -11
- package/dist/src/lib/components/Button/index.js.map +1 -1
- package/dist/src/lib/components/Card/Card.stories.d.ts +4 -1
- package/dist/src/lib/components/Card/Card.stories.js +32 -32
- package/dist/src/lib/components/Card/Card.stories.js.map +1 -1
- package/dist/src/lib/components/Card/index.d.ts +3 -3
- package/dist/src/lib/components/Card/index.js +43 -40
- package/dist/src/lib/components/Card/index.js.map +1 -1
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.stories.js +3 -3
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.stories.js.map +1 -1
- package/dist/src/lib/components/CardWithTopImage/index.js +1 -1
- package/dist/src/lib/components/CardWithTopImage/index.js.map +1 -1
- package/dist/src/lib/components/Carousel/Carousel.stories.js +12 -12
- package/dist/src/lib/components/Carousel/Carousel.stories.js.map +1 -1
- package/dist/src/lib/components/Carousel/index.d.ts +6 -8
- package/dist/src/lib/components/Carousel/index.js +95 -54
- package/dist/src/lib/components/Carousel/index.js.map +1 -1
- package/dist/src/lib/components/ChevronCard/ChevronCard.stories.js +1 -1
- package/dist/src/lib/components/ChevronCard/ChevronCard.stories.js.map +1 -1
- package/dist/src/lib/components/ChevronCard/index.js +8 -8
- package/dist/src/lib/components/ChevronCard/index.js.map +1 -1
- package/dist/src/lib/components/Collapsible/Collapsible.stories.js +5 -3
- package/dist/src/lib/components/Collapsible/Collapsible.stories.js.map +1 -1
- package/dist/src/lib/components/Collapsible/index.d.ts +1 -1
- package/dist/src/lib/components/Collapsible/index.js +22 -22
- package/dist/src/lib/components/Collapsible/index.js.map +1 -1
- package/dist/src/lib/components/Column/Column.stories.js +42 -8
- package/dist/src/lib/components/Column/Column.stories.js.map +1 -1
- package/dist/src/lib/components/Column/index.js +2 -2
- package/dist/src/lib/components/Column/index.js.map +1 -1
- package/dist/src/lib/components/Container/Container.stories.js +1 -1
- package/dist/src/lib/components/Container/Container.stories.js.map +1 -1
- package/dist/src/lib/components/Container/index.js +1 -1
- package/dist/src/lib/components/Container/index.js.map +1 -1
- package/dist/src/lib/components/FooterBar/footerBar.stories.js +2 -2
- package/dist/src/lib/components/FooterBar/footerBar.stories.js.map +1 -1
- package/dist/src/lib/components/FooterBar/index.js +1 -1
- package/dist/src/lib/components/FooterBar/index.js.map +1 -1
- package/dist/src/lib/components/Form/Form.stories.js +1 -1
- package/dist/src/lib/components/Form/Form.stories.js.map +1 -1
- package/dist/src/lib/components/Form/index.js +4 -4
- package/dist/src/lib/components/Form/index.js.map +1 -1
- package/dist/src/lib/components/FyreCard/FyreCard.stories.js +3 -3
- package/dist/src/lib/components/FyreCard/FyreCard.stories.js.map +1 -1
- package/dist/src/lib/components/FyreCard/index.js +6 -7
- package/dist/src/lib/components/FyreCard/index.js.map +1 -1
- package/dist/src/lib/components/Greeting/Greeting.stories.js +1 -1
- package/dist/src/lib/components/Greeting/Greeting.stories.js.map +1 -1
- package/dist/src/lib/components/Greeting/index.js +4 -4
- package/dist/src/lib/components/Greeting/index.js.map +1 -1
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.stories.d.ts +6 -0
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.stories.js +46 -0
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.stories.js.map +1 -0
- package/dist/src/lib/components/HamburgerIcon/index.d.ts +7 -0
- package/dist/src/lib/components/HamburgerIcon/index.js +26 -0
- package/dist/src/lib/components/HamburgerIcon/index.js.map +1 -0
- package/dist/src/lib/components/Icon/Icon.stories.d.ts +1 -1
- package/dist/src/lib/components/Icon/Icon.stories.js +4 -2
- package/dist/src/lib/components/Icon/Icon.stories.js.map +1 -1
- package/dist/src/lib/components/Icon/index.d.ts +4 -2
- package/dist/src/lib/components/Icon/index.js +17 -3
- package/dist/src/lib/components/Icon/index.js.map +1 -1
- package/dist/src/lib/components/Image/Image.stories.js +2 -2
- package/dist/src/lib/components/Image/Image.stories.js.map +1 -1
- package/dist/src/lib/components/Image/index.js +3 -3
- package/dist/src/lib/components/Image/index.js.map +1 -1
- package/dist/src/lib/components/ImageLink/ImageLink.stories.d.ts +4 -1
- package/dist/src/lib/components/ImageLink/ImageLink.stories.js +8 -7
- package/dist/src/lib/components/ImageLink/ImageLink.stories.js.map +1 -1
- package/dist/src/lib/components/ImageLink/index.js +6 -6
- package/dist/src/lib/components/ImageLink/index.js.map +1 -1
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.stories.d.ts +2 -2
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.stories.js +5 -3
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.stories.js.map +1 -1
- package/dist/src/lib/components/ImageLinkList/index.d.ts +1 -1
- package/dist/src/lib/components/ImageLinkList/index.js +3 -3
- package/dist/src/lib/components/ImageLinkList/index.js.map +1 -1
- package/dist/src/lib/components/InformationIcon/InformationIcon.stories.js +5 -3
- package/dist/src/lib/components/InformationIcon/InformationIcon.stories.js.map +1 -1
- package/dist/src/lib/components/InformationIcon/index.d.ts +1 -1
- package/dist/src/lib/components/InformationIcon/index.js +12 -13
- package/dist/src/lib/components/InformationIcon/index.js.map +1 -1
- package/dist/src/lib/components/Input/Input.stories.js +10 -10
- package/dist/src/lib/components/Input/Input.stories.js.map +1 -1
- package/dist/src/lib/components/Input/index.d.ts +1 -1
- package/dist/src/lib/components/Input/index.js +14 -14
- package/dist/src/lib/components/Input/index.js.map +1 -1
- package/dist/src/lib/components/Jumbotron/Jumbotron.stories.js +1 -1
- package/dist/src/lib/components/Jumbotron/Jumbotron.stories.js.map +1 -1
- package/dist/src/lib/components/Jumbotron/index.js +1 -1
- package/dist/src/lib/components/Jumbotron/index.js.map +1 -1
- package/dist/src/lib/components/Nav/Nav.stories.d.ts +6 -0
- package/dist/src/lib/components/Nav/Nav.stories.js +12 -12
- package/dist/src/lib/components/Nav/Nav.stories.js.map +1 -1
- package/dist/src/lib/components/Nav/index.d.ts +2 -2
- package/dist/src/lib/components/Nav/index.js +25 -35
- package/dist/src/lib/components/Nav/index.js.map +1 -1
- package/dist/src/lib/components/NavItem/NavItem.stories.js +1 -1
- package/dist/src/lib/components/NavItem/NavItem.stories.js.map +1 -1
- package/dist/src/lib/components/NavItem/index.js +2 -2
- package/dist/src/lib/components/NavItem/index.js.map +1 -1
- package/dist/src/lib/components/NewsCard/NewsCard.stories.js +1 -1
- package/dist/src/lib/components/NewsCard/NewsCard.stories.js.map +1 -1
- package/dist/src/lib/components/NewsCard/index.js +3 -3
- package/dist/src/lib/components/NewsCard/index.js.map +1 -1
- package/dist/src/lib/components/Profile/Profile.stories.js +2 -2
- package/dist/src/lib/components/Profile/Profile.stories.js.map +1 -1
- package/dist/src/lib/components/Profile/index.js +9 -11
- package/dist/src/lib/components/Profile/index.js.map +1 -1
- package/dist/src/lib/components/Row/Row.stories.js +4 -4
- package/dist/src/lib/components/Row/Row.stories.js.map +1 -1
- package/dist/src/lib/components/Row/index.js.map +1 -1
- package/dist/src/lib/components/Search/Search.stories.js +1 -1
- package/dist/src/lib/components/Search/Search.stories.js.map +1 -1
- package/dist/src/lib/components/Search/index.js +10 -10
- package/dist/src/lib/components/Search/index.js.map +1 -1
- package/dist/src/lib/components/SocialBlock/SocialBlock.stories.js +9 -9
- package/dist/src/lib/components/SocialBlock/SocialBlock.stories.js.map +1 -1
- package/dist/src/lib/components/SocialBlock/index.d.ts +2 -2
- package/dist/src/lib/components/SocialBlock/index.js +20 -21
- package/dist/src/lib/components/SocialBlock/index.js.map +1 -1
- package/dist/src/lib/components/StarRating/StarRating.stories.js +1 -1
- package/dist/src/lib/components/StarRating/StarRating.stories.js.map +1 -1
- package/dist/src/lib/components/StarRating/index.js +3 -3
- package/dist/src/lib/components/StarRating/index.js.map +1 -1
- package/dist/src/lib/components/Testimonial/Testimonial.stories.js +1 -1
- package/dist/src/lib/components/Testimonial/Testimonial.stories.js.map +1 -1
- package/dist/src/lib/components/Testimonial/index.js.map +1 -1
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.stories.js +2 -2
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.stories.js.map +1 -1
- package/dist/src/lib/components/TextAndTitle/index.d.ts +2 -2
- package/dist/src/lib/components/TextAndTitle/index.js +55 -64
- package/dist/src/lib/components/TextAndTitle/index.js.map +1 -1
- package/dist/src/lib/components/TextArea/TextArea.stories.js +3 -3
- package/dist/src/lib/components/TextArea/TextArea.stories.js.map +1 -1
- package/dist/src/lib/components/TextArea/index.js +4 -3
- package/dist/src/lib/components/TextArea/index.js.map +1 -1
- package/dist/src/lib/components/Timeline/Timeline.stories.js +12 -13
- package/dist/src/lib/components/Timeline/Timeline.stories.js.map +1 -1
- package/dist/src/lib/components/Timeline/index.d.ts +1 -1
- package/dist/src/lib/components/Timeline/index.js +57 -35
- package/dist/src/lib/components/Timeline/index.js.map +1 -1
- package/dist/src/lib/components/Tubestops/Tubestops.stories.js +4 -4
- package/dist/src/lib/components/Tubestops/Tubestops.stories.js.map +1 -1
- package/dist/src/lib/components/Tubestops/index.js +5 -5
- package/dist/src/lib/components/Tubestops/index.js.map +1 -1
- package/dist/src/lib/components/UserIcon/UserIcon.stories.js.map +1 -1
- package/dist/src/lib/components/UserIcon/index.js +5 -6
- package/dist/src/lib/components/UserIcon/index.js.map +1 -1
- package/dist/src/lib/components/Video/Video.stories.js +1 -1
- package/dist/src/lib/components/Video/Video.stories.js.map +1 -1
- package/dist/src/lib/components/Video/index.js +2 -2
- package/dist/src/lib/components/Video/index.js.map +1 -1
- package/dist/src/lib/index.js.map +1 -1
- package/dist/src/lib/typography/Fonts.stories.d.ts +2 -2
- package/dist/src/lib/typography/Fonts.stories.js +2 -32
- package/dist/src/lib/typography/Fonts.stories.js.map +1 -1
- package/dist/src/lib/typography/index.d.ts +4 -2
- package/dist/src/lib/typography/index.js.map +1 -1
- package/dist/src/lib/utils/controls.js.map +1 -1
- package/dist/src/lib/utils/theme.d.ts +3 -2
- package/dist/src/lib/utils/theme.js +20 -0
- package/dist/src/lib/utils/theme.js.map +1 -1
- package/dist/tailwind.config.d.ts +1 -0
- package/dist/tailwind.config.js +1 -0
- package/dist/tailwind.config.js.map +1 -1
- package/package.json +2 -1
- package/dist/components/Accordion/Accordion.stories.tsx +0 -88
- package/dist/components/Accordion/index.tsx +0 -31
- package/dist/components/AlertBar/AlertBar.stories.tsx +0 -105
- package/dist/components/AlertBar/index.tsx +0 -127
- package/dist/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -60
- package/dist/components/Breadcrumbs/index.tsx +0 -55
- package/dist/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.tsx +0 -52
- package/dist/components/BreadcrumbsBordered/index.tsx +0 -44
- package/dist/components/BreadcrumbsItem/BreadcrumbsItem.stories.tsx +0 -54
- package/dist/components/BreadcrumbsItem/index.tsx +0 -151
- package/dist/components/Button/button.stories.tsx +0 -148
- package/dist/components/Button/index.tsx +0 -91
- package/dist/components/Card/Card.stories.tsx +0 -150
- package/dist/components/Card/index.tsx +0 -162
- package/dist/components/CardWithTopImage/CardWithTopImage.stories.tsx +0 -48
- package/dist/components/CardWithTopImage/index.tsx +0 -40
- package/dist/components/Carousel/Carousel.stories.tsx +0 -369
- package/dist/components/Carousel/index.tsx +0 -267
- package/dist/components/ChevronCard/ChevronCard.stories.tsx +0 -21
- package/dist/components/ChevronCard/index.tsx +0 -39
- package/dist/components/Collapsible/Collapsible.stories.tsx +0 -70
- package/dist/components/Collapsible/index.tsx +0 -124
- package/dist/components/Column/Column.stories.tsx +0 -82
- package/dist/components/Column/index.tsx +0 -114
- package/dist/components/Container/Container.stories.tsx +0 -38
- package/dist/components/Container/index.tsx +0 -30
- package/dist/components/FooterBar/footerBar.stories.tsx +0 -57
- package/dist/components/FooterBar/index.tsx +0 -44
- package/dist/components/Form/Form.stories.tsx +0 -93
- package/dist/components/Form/index.tsx +0 -58
- package/dist/components/FyreCard/FyreCard.stories.tsx +0 -29
- package/dist/components/FyreCard/index.tsx +0 -46
- package/dist/components/Greeting/Greeting.stories.tsx +0 -42
- package/dist/components/Greeting/index.tsx +0 -46
- package/dist/components/HamburgerIcon/HamburgerIcon.stories.tsx +0 -50
- package/dist/components/HamburgerIcon/index.tsx +0 -65
- package/dist/components/Icon/Icon.stories.tsx +0 -102
- package/dist/components/Icon/index.tsx +0 -112
- package/dist/components/Image/Image.stories.tsx +0 -88
- package/dist/components/Image/index.tsx +0 -113
- package/dist/components/ImageLink/ImageLink.stories.tsx +0 -60
- package/dist/components/ImageLink/index.tsx +0 -62
- package/dist/components/ImageLinkList/ImageLinkList.stories.tsx +0 -32
- package/dist/components/ImageLinkList/index.tsx +0 -33
- package/dist/components/InformationIcon/InformationIcon.stories.tsx +0 -86
- package/dist/components/InformationIcon/index.tsx +0 -84
- package/dist/components/Input/Input.stories.tsx +0 -99
- package/dist/components/Input/index.tsx +0 -126
- package/dist/components/Jumbotron/Jumbotron.stories.tsx +0 -22
- package/dist/components/Jumbotron/index.tsx +0 -25
- package/dist/components/Nav/Nav.stories.tsx +0 -155
- package/dist/components/Nav/index.tsx +0 -180
- package/dist/components/NavItem/NavItem.stories.tsx +0 -89
- package/dist/components/NavItem/index.tsx +0 -65
- package/dist/components/NewsCard/NewsCard.stories.tsx +0 -71
- package/dist/components/NewsCard/index.tsx +0 -48
- package/dist/components/Profile/Profile.stories.tsx +0 -50
- package/dist/components/Profile/index.tsx +0 -87
- package/dist/components/Row/Row.stories.tsx +0 -51
- package/dist/components/Row/index.tsx +0 -24
- package/dist/components/Search/Search.stories.tsx +0 -58
- package/dist/components/Search/index.tsx +0 -58
- package/dist/components/SocialBlock/SocialBlock.stories.tsx +0 -114
- package/dist/components/SocialBlock/index.tsx +0 -161
- package/dist/components/StarRating/StarRating.stories.tsx +0 -23
- package/dist/components/StarRating/index.tsx +0 -71
- package/dist/components/Testimonial/Testimonial.stories.tsx +0 -110
- package/dist/components/Testimonial/index.tsx +0 -50
- package/dist/components/TextAndTitle/TextAndTitle.stories.tsx +0 -65
- package/dist/components/TextAndTitle/index.tsx +0 -257
- package/dist/components/TextArea/TextArea.stories.tsx +0 -67
- package/dist/components/TextArea/index.tsx +0 -97
- package/dist/components/Timeline/Timeline.stories.tsx +0 -100
- package/dist/components/Timeline/index.css +0 -133
- package/dist/components/Timeline/index.tsx +0 -315
- package/dist/components/Tubestops/Tubestops.stories.tsx +0 -66
- package/dist/components/Tubestops/index.css +0 -92
- package/dist/components/Tubestops/index.tsx +0 -77
- package/dist/components/UserIcon/UserIcon.stories.tsx +0 -67
- package/dist/components/UserIcon/index.tsx +0 -42
- package/dist/components/Video/Video.stories.tsx +0 -23
- package/dist/components/Video/index.tsx +0 -49
- package/dist/fonts/Sora/OFL.txt +0 -93
- package/dist/fonts/Sora/README.txt +0 -70
- package/dist/fonts/Sora/Sora-VariableFont_wght.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-Bold.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-ExtraBold.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-ExtraLight.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-Light.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-Medium.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-Regular.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-SemiBold.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-Thin.ttf +0 -0
- package/dist/index.js +0 -272
- package/dist/styles/base.css +0 -73
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/Carousel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,IAAI,MAAM,
|
|
1
|
+
{"version":3,"file":"Carousel.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/Carousel.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ export interface Props {
|
|
|
5
5
|
id?: string;
|
|
6
6
|
className?: string;
|
|
7
7
|
breakpoints?: {
|
|
8
|
-
[key: string]: Omit<KeenSliderOptions<{}, {}, KeenSliderHooks>,
|
|
8
|
+
[key: string]: Omit<KeenSliderOptions<{}, {}, KeenSliderHooks>, 'breakpoints'>;
|
|
9
9
|
};
|
|
10
10
|
defaultAnimation?: {
|
|
11
11
|
duration?: number;
|
|
@@ -16,16 +16,16 @@ export interface Props {
|
|
|
16
16
|
dragSpeed?: number;
|
|
17
17
|
initial?: number;
|
|
18
18
|
loop?: boolean;
|
|
19
|
-
mode?:
|
|
19
|
+
mode?: 'snap' | 'free' | 'free-snap';
|
|
20
20
|
range?: {
|
|
21
21
|
align?: boolean;
|
|
22
22
|
min?: number;
|
|
23
23
|
max?: number;
|
|
24
24
|
};
|
|
25
|
-
renderMode?:
|
|
25
|
+
renderMode?: 'precision' | 'performance' | 'custom';
|
|
26
26
|
rtl?: boolean;
|
|
27
27
|
rubberband?: boolean;
|
|
28
|
-
slides?:
|
|
28
|
+
slides?: any[];
|
|
29
29
|
vertical?: boolean;
|
|
30
30
|
animationStarted?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
31
31
|
animationStopped?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
@@ -41,14 +41,12 @@ export interface Props {
|
|
|
41
41
|
optionsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
42
42
|
slideChanged?: boolean;
|
|
43
43
|
updated?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
44
|
-
|
|
44
|
+
perView?: number;
|
|
45
45
|
spacing?: number;
|
|
46
46
|
number?: number;
|
|
47
|
-
origin?: number |
|
|
47
|
+
origin?: number | 'auto' | 'center';
|
|
48
48
|
arrows?: {
|
|
49
49
|
visible: boolean;
|
|
50
|
-
colours: string;
|
|
51
|
-
disabledColours: string;
|
|
52
50
|
onClick?: () => void;
|
|
53
51
|
};
|
|
54
52
|
dots?: {
|
|
@@ -2,26 +2,72 @@ import React, { useState } from 'react';
|
|
|
2
2
|
import 'keen-slider/keen-slider.min.css';
|
|
3
3
|
import { useKeenSlider } from 'keen-slider/react';
|
|
4
4
|
import classNames from 'classnames';
|
|
5
|
-
|
|
5
|
+
import Icon from '../Icon';
|
|
6
|
+
const Carousel = ({ id, className, breakpoints, defaultAnimation, disabled, drag, dragSpeed, initial, loop = true, mode = 'snap', range, renderMode, rtl, rubberband, slides, vertical, animationStarted, animationStopped, animationEnded, created, destroyed, detailsChanged, dragged, dragStarted, dragChecked, dragEnded, beforeOptionsChanged, optionsChanged, slideChanged, updated, perView = 1, spacing, number, origin, arrows, dots }) => {
|
|
6
7
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
7
8
|
const classList = className;
|
|
8
|
-
const dotClasses = `w-4 h-4 cursor-pointer focus:${dots === null || dots === void 0 ? void 0 : dots.activeColours} rounded-full mx-1 `;
|
|
9
9
|
const [currentSlide, setCurrentSlide] = useState(0);
|
|
10
10
|
const [loaded, setLoaded] = useState(false);
|
|
11
|
+
const wheelControls = (slider) => {
|
|
12
|
+
let touchTimeout;
|
|
13
|
+
let position;
|
|
14
|
+
let wheelActive;
|
|
15
|
+
function dispatch(e, name) {
|
|
16
|
+
position.x -= e.deltaX;
|
|
17
|
+
position.y -= e.deltaY;
|
|
18
|
+
slider.container.dispatchEvent(new CustomEvent(name, {
|
|
19
|
+
detail: {
|
|
20
|
+
x: position.x,
|
|
21
|
+
y: position.y
|
|
22
|
+
}
|
|
23
|
+
}));
|
|
24
|
+
}
|
|
25
|
+
function wheelStart(e) {
|
|
26
|
+
position = {
|
|
27
|
+
x: e.pageX,
|
|
28
|
+
y: e.pageY
|
|
29
|
+
};
|
|
30
|
+
dispatch(e, 'ksDragStart');
|
|
31
|
+
}
|
|
32
|
+
function wheel(e) {
|
|
33
|
+
dispatch(e, 'ksDrag');
|
|
34
|
+
}
|
|
35
|
+
function wheelEnd(e) {
|
|
36
|
+
dispatch(e, 'ksDragEnd');
|
|
37
|
+
}
|
|
38
|
+
function eventWheel(e) {
|
|
39
|
+
e.preventDefault();
|
|
40
|
+
if (!wheelActive) {
|
|
41
|
+
wheelStart(e);
|
|
42
|
+
wheelActive = true;
|
|
43
|
+
}
|
|
44
|
+
wheel(e);
|
|
45
|
+
clearTimeout(touchTimeout);
|
|
46
|
+
touchTimeout = setTimeout(() => {
|
|
47
|
+
wheelActive = false;
|
|
48
|
+
wheelEnd(e);
|
|
49
|
+
}, 50);
|
|
50
|
+
}
|
|
51
|
+
slider.on('created', () => {
|
|
52
|
+
slider.container.addEventListener('wheel', eventWheel, {
|
|
53
|
+
passive: false
|
|
54
|
+
});
|
|
55
|
+
});
|
|
56
|
+
};
|
|
11
57
|
const [sliderRef, instanceRef] = useKeenSlider({
|
|
12
|
-
initial
|
|
13
|
-
breakpoints
|
|
14
|
-
defaultAnimation
|
|
15
|
-
disabled
|
|
16
|
-
drag
|
|
17
|
-
dragSpeed
|
|
18
|
-
loop
|
|
19
|
-
mode
|
|
20
|
-
range
|
|
21
|
-
renderMode
|
|
22
|
-
rtl
|
|
23
|
-
rubberband
|
|
24
|
-
vertical
|
|
58
|
+
initial,
|
|
59
|
+
breakpoints,
|
|
60
|
+
defaultAnimation,
|
|
61
|
+
disabled,
|
|
62
|
+
drag,
|
|
63
|
+
dragSpeed,
|
|
64
|
+
loop,
|
|
65
|
+
mode,
|
|
66
|
+
range,
|
|
67
|
+
renderMode,
|
|
68
|
+
rtl,
|
|
69
|
+
rubberband,
|
|
70
|
+
vertical,
|
|
25
71
|
slideChanged(slider) {
|
|
26
72
|
setCurrentSlide(slider.track.details.rel);
|
|
27
73
|
},
|
|
@@ -30,52 +76,47 @@ const Carousel = ({ id, className, breakpoints, defaultAnimation, disabled, drag
|
|
|
30
76
|
setLoaded(true);
|
|
31
77
|
},
|
|
32
78
|
// created: created,
|
|
33
|
-
animationStarted
|
|
34
|
-
animationStopped
|
|
35
|
-
animationEnded
|
|
36
|
-
destroyed
|
|
37
|
-
detailsChanged
|
|
38
|
-
dragged
|
|
39
|
-
dragStarted
|
|
40
|
-
dragChecked
|
|
41
|
-
dragEnded
|
|
42
|
-
beforeOptionsChanged
|
|
43
|
-
optionsChanged
|
|
44
|
-
updated
|
|
79
|
+
animationStarted,
|
|
80
|
+
animationStopped,
|
|
81
|
+
animationEnded,
|
|
82
|
+
destroyed,
|
|
83
|
+
detailsChanged,
|
|
84
|
+
dragged,
|
|
85
|
+
dragStarted,
|
|
86
|
+
dragChecked,
|
|
87
|
+
dragEnded,
|
|
88
|
+
beforeOptionsChanged,
|
|
89
|
+
optionsChanged,
|
|
90
|
+
updated,
|
|
45
91
|
slides: {
|
|
46
|
-
perView
|
|
47
|
-
spacing
|
|
48
|
-
origin
|
|
49
|
-
number
|
|
50
|
-
}
|
|
51
|
-
});
|
|
92
|
+
perView,
|
|
93
|
+
spacing,
|
|
94
|
+
origin,
|
|
95
|
+
number
|
|
96
|
+
}
|
|
97
|
+
}, [wheelControls]);
|
|
52
98
|
return (React.createElement(React.Fragment, null,
|
|
53
|
-
React.createElement("div",
|
|
54
|
-
React.createElement("div", {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
(dots === null || dots === void 0 ? void 0 : dots.visible) && loaded && instanceRef.current && (React.createElement("div", { className:
|
|
60
|
-
|
|
61
|
-
].map((idx) => {
|
|
62
|
-
return (React.createElement("button", { key: idx, onClick: () => {
|
|
99
|
+
React.createElement("div", { id: id, className: classNames(classList, (arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && 'flex justify-between', 'navigation-wrapper w-full') },
|
|
100
|
+
(arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && loaded && (instanceRef.current !== undefined) && (React.createElement("div", { className: 'my-auto' },
|
|
101
|
+
React.createElement(Arrow, { left: true, onClick: (e) => { var _a; return e.stopPropagation() !== undefined || ((_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.prev()); }, disabled: currentSlide === 0, arrows: arrows }))),
|
|
102
|
+
React.createElement("div", { ref: sliderRef, className: 'keen-slider w-full' }, (slides != null) && slides),
|
|
103
|
+
(arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && loaded && (instanceRef.current !== undefined) && (React.createElement("div", { className: 'my-auto' },
|
|
104
|
+
React.createElement(Arrow, { right: true, onClick: (e) => { var _a; return e.stopPropagation() !== undefined || ((_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.next()); }, disabled: currentSlide === ((_d = (_c = (_b = (_a = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _a === void 0 ? void 0 : _a.track) === null || _b === void 0 ? void 0 : _b.details) === null || _c === void 0 ? void 0 : _c.slides) === null || _d === void 0 ? void 0 : _d.length), arrows: arrows })))),
|
|
105
|
+
(dots === null || dots === void 0 ? void 0 : dots.visible) === true && loaded && (instanceRef.current != null) && (React.createElement("div", { className: 'flex py-8 justify-center' }, [...Array((_h = (_g = (_f = (_e = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _e === void 0 ? void 0 : _e.track) === null || _f === void 0 ? void 0 : _f.details) === null || _g === void 0 ? void 0 : _g.slides) === null || _h === void 0 ? void 0 : _h.length).keys()].map((idx, i) => {
|
|
106
|
+
return (React.createElement(Dot, { key: `dot_${i}`, isActive: currentSlide === idx, onClick: () => {
|
|
63
107
|
var _a;
|
|
64
108
|
(_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.moveToIdx(idx);
|
|
65
|
-
}
|
|
109
|
+
} }));
|
|
66
110
|
})))));
|
|
67
111
|
};
|
|
68
112
|
function Arrow(props) {
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
return (React.createElement("
|
|
75
|
-
|
|
76
|
-
}, onClick: props === null || props === void 0 ? void 0 : props.onClick, className: `${arrowClasses}`, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
|
|
77
|
-
(props === null || props === void 0 ? void 0 : props.left) && (React.createElement("path", { d: "M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z" })),
|
|
78
|
-
!(props === null || props === void 0 ? void 0 : props.left) && (React.createElement("path", { d: "M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z" }))));
|
|
113
|
+
return (React.createElement("div", { className: 'w-full' },
|
|
114
|
+
React.createElement("a", { onClick: props === null || props === void 0 ? void 0 : props.onClick },
|
|
115
|
+
React.createElement(Icon, { type: (props === null || props === void 0 ? void 0 : props.left) === true ? 'chevron-left' : 'chevron-right', className: 'mx-auto hover:cursor-pointer', size: 3, rounded: true, bgColour: 'white', colour: 'primary' }))));
|
|
116
|
+
}
|
|
117
|
+
function Dot(props) {
|
|
118
|
+
return (React.createElement("a", { onClick: props === null || props === void 0 ? void 0 : props.onClick },
|
|
119
|
+
React.createElement(Icon, { type: 'circle', className: 'mx-1 hover:cursor-pointer', size: 1, rounded: true, bgColour: (props === null || props === void 0 ? void 0 : props.isActive) ? 'primary' : 'secondary', colour: (props === null || props === void 0 ? void 0 : props.isActive) ? 'primary' : 'secondary' })));
|
|
79
120
|
}
|
|
80
121
|
export default Carousel;
|
|
81
122
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,iCAAiC,CAAA;AACxC,OAAO,EAAE,aAAa,EAA0D,MAAM,mBAAmB,CAAA;AACzG,OAAO,UAAU,MAAM,YAAY,CAAA;AA0CnC,MAAM,QAAQ,GAAoB,CAAC,EACjC,EAAE,EACF,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,OAAO,EACP,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChevronCard.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/ChevronCard/ChevronCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"ChevronCard.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/ChevronCard/ChevronCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,WAAW,MAAM,SAAS,CAAA;AAGjC,MAAM,aAAa,GAAsC;IACvD,KAAK,EAAE,gDAAgD;IACvD,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,EAAE;IACd,QAAQ,oBACH,cAAc,CAClB;IACD,IAAI,EAAE,EACL;CACF,CAAA;AAED,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,WAAW,oBAAK,IAAI,EAAI,CAAA;AAExF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE7C,eAAe,aAAa,CAAA"}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
+
import classNames from 'classnames';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
const ChevronCard = ({ id, className }) => {
|
|
3
|
-
|
|
4
|
-
classList += className ? className : '';
|
|
4
|
+
const classList = classNames(className, 'flex border-l border-t border-b h-20 w-32 z-10 bg-white');
|
|
5
5
|
return (React.createElement(React.Fragment, null,
|
|
6
|
-
React.createElement("div",
|
|
6
|
+
React.createElement("div", { id: id, className: `${classList} flex` },
|
|
7
7
|
React.createElement("div", { className: 'border-l border-t border-b h-20 w-32 z-10 bg-white' }),
|
|
8
8
|
React.createElement("div", { id: 'chevronLeft', className: 'border h-14 w-14 -ml-7 mt-3 rotate-45' })),
|
|
9
|
-
React.createElement("div",
|
|
9
|
+
React.createElement("div", { id: id, className: 'flex-col my-8' },
|
|
10
10
|
React.createElement("div", { className: 'border-l border-t border-r h-32 w-20 z-20 bg-white' }),
|
|
11
11
|
React.createElement("div", { id: 'chevronLeft', className: 'border h-14 w-14 -mt-7 ml-3 rotate-45 z-0' })),
|
|
12
|
-
React.createElement("div",
|
|
12
|
+
React.createElement("div", { id: id, className: 'flex-col my-16' },
|
|
13
13
|
React.createElement("div", { className: 'border h-14 w-14 -mb-7 ml-3 rotate-45 z-0' }),
|
|
14
|
-
React.createElement("div",
|
|
15
|
-
React.createElement("div",
|
|
14
|
+
React.createElement("div", { id: id, className: 'border-l border-b border-r h-32 w-20 z-20 bg-white' })),
|
|
15
|
+
React.createElement("div", { id: id, className: 'flex' },
|
|
16
16
|
React.createElement("div", { className: 'border h-14 w-14 -mr-7 mt-3 rotate-45' }),
|
|
17
|
-
React.createElement("div",
|
|
17
|
+
React.createElement("div", { id: id, className: 'border-r border-t border-b h-20 w-32 z-10 bg-white' }))));
|
|
18
18
|
};
|
|
19
19
|
export default ChevronCard;
|
|
20
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/ChevronCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,WAAW,GAAoB,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/ChevronCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,WAAW,GAAoB,CAAC,EACpC,EAAE,EACF,SAAS,EACH,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,yDAAyD,CAAC,CAAA;IAElG,OAAO,CACL;QACE,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,SAAS,OAAO;YACzC,6BAAK,SAAS,EAAC,oDAAoD,GAAG;YACtE,6BAAK,EAAE,EAAC,aAAa,EAAC,SAAS,EAAC,uCAAuC,GAAG,CACtE;QAEN,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,eAAe;YACpC,6BAAK,SAAS,EAAC,oDAAoD,GAAG;YACtE,6BAAK,EAAE,EAAC,aAAa,EAAC,SAAS,EAAC,2CAA2C,GAAG,CAC1E;QAEN,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,gBAAgB;YACrC,6BAAK,SAAS,EAAC,2CAA2C,GAAG;YAC7D,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,oDAAoD,GAAG,CAC1E;QAEN,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,MAAM;YAC3B,6BAAK,SAAS,EAAC,uCAAuC,GAAG;YACzD,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,oDAAoD,GAAG,CAC1E,CACL,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -53,10 +53,12 @@ const componentMeta = {
|
|
|
53
53
|
subtitle: 'This is a subtitle',
|
|
54
54
|
showBottomLine: true,
|
|
55
55
|
iconProps: {
|
|
56
|
-
type: 'heart'
|
|
56
|
+
type: 'heart',
|
|
57
|
+
colour: 'white',
|
|
58
|
+
bgColour: 'primary'
|
|
57
59
|
},
|
|
58
|
-
children: React.createElement("p", null, "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Error, unde perferendis quibusdam eos repellendus vero rerum sunt reiciendis velit autem odio, fuga molestiae perspiciatis dolor voluptatum mollitia quos ipsa! Doloribus? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Reiciendis ducimus, dolorum tempore unde earum aspernatur placeat magnam, alias neque, blanditiis esse tenetur dignissimos in optio nihil libero cum cupiditate debitis?")
|
|
59
|
-
}
|
|
60
|
+
children: React.createElement("p", null, "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Error, unde perferendis quibusdam eos repellendus vero rerum sunt reiciendis velit autem odio, fuga molestiae perspiciatis dolor voluptatum mollitia quos ipsa! Doloribus? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Reiciendis ducimus, dolorum tempore unde earum aspernatur placeat magnam, alias neque, blanditiis esse tenetur dignissimos in optio nihil libero cum cupiditate debitis?")
|
|
61
|
+
}
|
|
60
62
|
};
|
|
61
63
|
const Template = (args) => React.createElement(Collapsible, Object.assign({}, args));
|
|
62
64
|
export const _Collapsible = Template.bind({});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapsible.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Collapsible/Collapsible.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,SAAS,CAAA;AAGjC,MAAM,aAAa,GAAsC;
|
|
1
|
+
{"version":3,"file":"Collapsible.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Collapsible/Collapsible.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,SAAS,CAAA;AAGjC,MAAM,aAAa,GAAsC;IACvD,KAAK,EAAE,2CAA2C;IAClD,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,EAAE;IACd,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,SAAS,EAAE;YACT,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,YAAY,EAAE;YACZ,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,cAAc,EAAE;YACd,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,iBAAiB;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,cAAc,EAAE,IAAI;QACpB,SAAS,EAAE;YACT,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,OAAO;YACf,QAAQ,EAAE,SAAS;SACpB;QACD,QAAQ,EAAE,yeAA8c;KACzd;CACF,CAAA;AAED,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,WAAW,oBAAK,IAAI,EAAI,CAAA;AAExF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE7C,eAAe,aAAa,CAAA"}
|
|
@@ -10,7 +10,7 @@ export interface Props {
|
|
|
10
10
|
borderBottom?: boolean;
|
|
11
11
|
showBottomLine?: boolean;
|
|
12
12
|
iconProps?: iconProps;
|
|
13
|
-
children?:
|
|
13
|
+
children?: string | JSX.Element;
|
|
14
14
|
}
|
|
15
15
|
declare const Collapsible: ({ id, className, title, subtitle, boldTitle, borderTop, borderBottom, showBottomLine, iconProps, children }: Props) => JSX.Element;
|
|
16
16
|
export default Collapsible;
|
|
@@ -4,13 +4,14 @@ import classNames from 'classnames';
|
|
|
4
4
|
const Collapsible = ({ id, className, title, subtitle, boldTitle, borderTop, borderBottom, showBottomLine, iconProps, children }) => {
|
|
5
5
|
const [expanded, setExpanded] = useState(false);
|
|
6
6
|
useEffect(() => {
|
|
7
|
-
const coll = document.getElementsByClassName(
|
|
7
|
+
const coll = document.getElementsByClassName('collapsible');
|
|
8
8
|
let i;
|
|
9
9
|
for (i = 0; i < coll.length; i++) {
|
|
10
|
-
coll[i].addEventListener(
|
|
11
|
-
|
|
10
|
+
coll[i].addEventListener('click', function (err) {
|
|
11
|
+
const content = this.nextElementSibling;
|
|
12
|
+
const scrollHeight = content.scrollHeight.toString();
|
|
12
13
|
if (content.style.maxHeight === '0px') {
|
|
13
|
-
content.style.maxHeight =
|
|
14
|
+
content.style.maxHeight = `${scrollHeight}px`;
|
|
14
15
|
}
|
|
15
16
|
else {
|
|
16
17
|
content.style.maxHeight = '0px';
|
|
@@ -20,48 +21,47 @@ const Collapsible = ({ id, className, title, subtitle, boldTitle, borderTop, bor
|
|
|
20
21
|
});
|
|
21
22
|
const headingClassList = classNames({
|
|
22
23
|
'border-b': borderBottom,
|
|
23
|
-
'border-t': borderTop
|
|
24
|
+
'border-t': borderTop
|
|
24
25
|
}, 'w-auto flex text-center collapsible');
|
|
25
|
-
const classList = classNames(
|
|
26
|
+
const classList = classNames(className, 'bg-primary text-white hover:bg-white hover:text-primary transition-opactiy duration-300');
|
|
26
27
|
const padding = classNames({
|
|
27
|
-
'pt-7': title && subtitle,
|
|
28
|
-
'pt-4': title &&
|
|
28
|
+
'pt-7': title !== undefined && subtitle !== undefined,
|
|
29
|
+
'pt-4': title !== undefined && subtitle === undefined
|
|
29
30
|
});
|
|
30
31
|
const textSubstitutePadding = classNames({
|
|
31
|
-
'pb-4':
|
|
32
|
+
'pb-4': title === undefined && subtitle === undefined
|
|
32
33
|
});
|
|
33
34
|
const contentWrapperClassList = classNames({
|
|
34
35
|
'max-h-max my-2': expanded,
|
|
35
36
|
'max-h-0': !expanded
|
|
36
37
|
}, 'w-auto overflow-hidden px-4 bg-white text-primary');
|
|
37
|
-
const childrenClassList = classNames(
|
|
38
|
-
[padding]: true
|
|
39
|
-
}, 'w-full pr-8 text-right');
|
|
38
|
+
const childrenClassList = classNames(padding, 'w-full pr-8 text-right');
|
|
40
39
|
const expandItem = (e) => {
|
|
41
40
|
const content = e.currentTarget.nextElementSibling;
|
|
41
|
+
const scrollHeight = content.scrollHeight.toString();
|
|
42
42
|
if (!expanded) {
|
|
43
|
-
content.style.maxHeight = `${
|
|
43
|
+
content.style.maxHeight = `${scrollHeight}px`;
|
|
44
44
|
}
|
|
45
45
|
else {
|
|
46
46
|
content.style.maxHeight = '0px';
|
|
47
47
|
}
|
|
48
48
|
setExpanded(!expanded);
|
|
49
49
|
};
|
|
50
|
-
return (React.createElement("div",
|
|
50
|
+
return (React.createElement("div", { id: id, className: classList },
|
|
51
51
|
React.createElement("div", { onClick: e => expandItem(e), className: headingClassList },
|
|
52
|
-
iconProps &&
|
|
52
|
+
(iconProps !== undefined) &&
|
|
53
53
|
React.createElement("div", { className: `pl-4 text-left ${padding} ${textSubstitutePadding}` },
|
|
54
54
|
React.createElement(Icon, Object.assign({}, iconProps))),
|
|
55
|
-
(title || subtitle) &&
|
|
55
|
+
(title !== undefined || subtitle !== undefined) &&
|
|
56
56
|
React.createElement("div", { className: 'w-full pl-4 py-4 text-left' },
|
|
57
|
-
title && React.createElement("h4", null, title),
|
|
58
|
-
subtitle && React.createElement("h5", null,
|
|
57
|
+
title !== undefined && React.createElement("h4", null, title),
|
|
58
|
+
subtitle !== undefined && React.createElement("h5", null,
|
|
59
59
|
React.createElement("small", null, subtitle))),
|
|
60
|
-
children &&
|
|
60
|
+
children !== undefined &&
|
|
61
61
|
React.createElement("div", { className: childrenClassList },
|
|
62
|
-
React.createElement(Icon, { type: expanded ? 'chevron-up' : 'chevron-down' }))),
|
|
63
|
-
children &&
|
|
64
|
-
React.createElement("div", { className: contentWrapperClassList, style: {
|
|
62
|
+
React.createElement(Icon, { type: expanded ? 'chevron-up' : 'chevron-down', colour: 'white', bgColour: 'primary' }))),
|
|
63
|
+
children !== undefined &&
|
|
64
|
+
React.createElement("div", { className: contentWrapperClassList, style: { transition: 'max-height 0.2s ease-out' } }, children)));
|
|
65
65
|
};
|
|
66
66
|
export default Collapsible;
|
|
67
67
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Collapsible/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,IAA4B,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Collapsible/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,IAA4B,MAAM,kBAAkB,CAAA;AAC3D,OAAO,UAAU,MAAM,YAAY,CAAA;AAenC,MAAM,WAAW,GAAG,CAAC,EACnB,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,YAAY,EACZ,cAAc,EACd,SAAS,EACT,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,QAAQ,CAAC,sBAAsB,CAAC,aAAa,CAAC,CAAA;QAC3D,IAAI,CAAS,CAAA;QAEb,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAChC,IAAI,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,UAAqB,GAAQ;gBAC7D,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,CAAA;gBAEvC,MAAM,YAAY,GAAW,OAAO,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAA;gBAC5D,IAAI,OAAO,CAAC,KAAK,CAAC,SAAS,KAAK,KAAK,EAAE;oBACrC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,YAAY,IAAI,CAAA;iBAC9C;qBAAM;oBACL,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAA;iBAChC;YACH,CAAC,CAAC,CAAA;SACH;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,UAAU,EAAE,YAAY;QACxB,UAAU,EAAE,SAAS;KACtB,EAAE,qCAAqC,CAAC,CAAA;IAEzC,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,yFAAyF,CAAC,CAAA;IAElI,MAAM,OAAO,GAAG,UAAU,CAAC;QACzB,MAAM,EAAE,KAAK,KAAK,SAAS,IAAI,QAAQ,KAAK,SAAS;QACrD,MAAM,EAAE,KAAK,KAAK,SAAS,IAAI,QAAQ,KAAK,SAAS;KACtD,CAAC,CAAA;IAEF,MAAM,qBAAqB,GAAG,UAAU,CAAC;QACvC,MAAM,EAAE,KAAK,KAAK,SAAS,IAAI,QAAQ,KAAK,SAAS;KACtD,CAAC,CAAA;IAEF,MAAM,uBAAuB,GAAG,UAAU,CAAC;QACzC,gBAAgB,EAAE,QAAQ;QAC1B,SAAS,EAAE,CAAC,QAAQ;KACrB,EAAE,mDAAmD,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,EAAE,wBAAwB,CAAC,CAAA;IAEvE,MAAM,UAAU,GAAG,CAAC,CAAM,EAAQ,EAAE;QAClC,MAAM,OAAO,GAAG,CAAC,CAAC,aAAa,CAAC,kBAAkB,CAAA;QAClD,MAAM,YAAY,GAAW,OAAO,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAA;QAC5D,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,YAAY,IAAI,CAAA;SAC9C;aAAM;YACL,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAA;SAChC;QACD,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,6BACE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAC3B,SAAS,EAAE,gBAAgB;YAE1B,CAAC,SAAS,KAAK,SAAS,CAAC;gBACxB,6BACE,SAAS,EAAE,kBAAkB,OAAO,IAAI,qBAAqB,EAAE;oBAE/D,oBAAC,IAAI,oBAAK,SAAS,EAAI,CACnB;YACP,CAAC,KAAK,KAAK,SAAS,IAAI,QAAQ,KAAK,SAAS,CAAC;gBAC9C,6BAAK,SAAS,EAAC,4BAA4B;oBACxC,KAAK,KAAK,SAAS,IAAI,gCAAK,KAAK,CAAM;oBACvC,QAAQ,KAAK,SAAS,IAAI;wBAAI,mCAAQ,QAAQ,CAAS,CAAK,CACzD;YACP,QAAQ,KAAK,SAAS;gBACrB,6BAAK,SAAS,EAAE,iBAAiB;oBAC/B,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EAC9C,MAAM,EAAC,OAAO,EACd,QAAQ,EAAC,SAAS,GAClB,CACE,CACJ;QACL,QAAQ,KAAK,SAAS;YACrB,6BACE,SAAS,EAAE,uBAAuB,EAClC,KAAK,EAAE,EAAE,UAAU,EAAE,0BAA0B,EAAE,IAEhD,QAAQ,CACL,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -1,23 +1,57 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import Column from './index';
|
|
3
|
-
import { idAndClassName } from '
|
|
3
|
+
import { idAndClassName } from '../../utils/controls';
|
|
4
4
|
import CardWithTopImage from '../CardWithTopImage';
|
|
5
|
-
import logo from '
|
|
6
|
-
const cardChild = React.createElement(CardWithTopImage, { id: 'cardwithtopimage', imageProps: {
|
|
7
|
-
image: logo
|
|
5
|
+
import logo from '@assets/images/primary-logo.png';
|
|
6
|
+
const cardChild = (React.createElement(CardWithTopImage, { id: 'cardwithtopimage', imageProps: {
|
|
7
|
+
image: logo,
|
|
8
|
+
roundedFull: true
|
|
8
9
|
} },
|
|
9
10
|
React.createElement("p", null, "This is some text"),
|
|
10
11
|
React.createElement("p", null, "This is some more text"),
|
|
11
12
|
React.createElement("p", null, "This is a bit more text"),
|
|
12
|
-
React.createElement("p", null, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem odit ad sed, quam recusandae voluptatem provident eveniet beatae omnis vero minus unde facilis. Quia commodi quas odit iusto ut enim!"));
|
|
13
|
+
React.createElement("p", null, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem odit ad sed, quam recusandae voluptatem provident eveniet beatae omnis vero minus unde facilis. Quia commodi quas odit iusto ut enim!")));
|
|
13
14
|
const componentMeta = {
|
|
14
15
|
title: 'Trepur Components/Rupert Bennett/Atoms/Column',
|
|
15
16
|
component: Column,
|
|
16
17
|
parameters: {},
|
|
17
|
-
argTypes: Object.assign({}, idAndClassName),
|
|
18
|
+
argTypes: Object.assign(Object.assign({}, idAndClassName), { sm: {
|
|
19
|
+
type: { name: 'number', required: false },
|
|
20
|
+
description: 'The number of sections out of 12 that the component should span on sm screens',
|
|
21
|
+
table: {
|
|
22
|
+
type: { summary: 'number' }
|
|
23
|
+
}
|
|
24
|
+
}, md: {
|
|
25
|
+
type: { name: 'number', required: false },
|
|
26
|
+
description: 'The number of sections out of 12 that the component should span on md screens',
|
|
27
|
+
table: {
|
|
28
|
+
type: { summary: 'number' }
|
|
29
|
+
}
|
|
30
|
+
}, lg: {
|
|
31
|
+
type: { name: 'number', required: false },
|
|
32
|
+
description: 'The number of sections out of 12 that the component should span on lg screens',
|
|
33
|
+
table: {
|
|
34
|
+
type: { summary: 'number' }
|
|
35
|
+
}
|
|
36
|
+
}, xl: {
|
|
37
|
+
type: { name: 'number', required: false },
|
|
38
|
+
description: 'The number of sections out of 12 that the component should span on xl screens',
|
|
39
|
+
table: {
|
|
40
|
+
type: { summary: 'number' }
|
|
41
|
+
}
|
|
42
|
+
}, children: {
|
|
43
|
+
type: { name: 'other', value: 'string | React.ReactNode' },
|
|
44
|
+
description: 'The child elements to show in the component',
|
|
45
|
+
table: {
|
|
46
|
+
type: {
|
|
47
|
+
summary: 'Array'
|
|
48
|
+
},
|
|
49
|
+
defaultValue: { summary: 'undefined' }
|
|
50
|
+
}
|
|
51
|
+
} }),
|
|
18
52
|
args: {
|
|
19
|
-
sm:
|
|
20
|
-
md:
|
|
53
|
+
sm: 12,
|
|
54
|
+
md: 8,
|
|
21
55
|
lg: 4,
|
|
22
56
|
xl: 2,
|
|
23
57
|
className: 'bg-facebook md:bg-twitter lg-whatsapp xl:bg-linkedin border',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Column.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Column/Column.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,SAAS,CAAA;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,gBAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"Column.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Column/Column.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,SAAS,CAAA;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,gBAAgB,MAAM,8BAA8B,CAAA;AAC3D,OAAO,IAAI,MAAM,iCAAiC,CAAA;AAGlD,MAAM,SAAS,GAAG,CAChB,oBAAC,gBAAgB,IACf,EAAE,EAAC,kBAAkB,EACrB,UAAU,EAAE;QACV,KAAK,EAAE,IAAI;QACX,WAAW,EAAE,IAAI;KAClB;IAED,mDAAwB;IACxB,wDAA6B;IAC7B,yDAA8B;IAC9B,wOAA6M,CAC5L,CACpB,CAAA;AAED,MAAM,aAAa,GAAiC;IAClD,KAAK,EAAE,+CAA+C;IACtD,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,EAAE;IACd,QAAQ,kCACH,cAAc,KACjB,EAAE,EAAE;YACF,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,+EAA+E;YAC5F,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF,EACD,EAAE,EAAE;YACF,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,+EAA+E;YAC5F,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF,EACD,EAAE,EAAE;YACF,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,+EAA+E;YAC5F,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF,EACD,EAAE,EAAE;YACF,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,+EAA+E;YAC5F,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF,EACD,QAAQ,EAAE;YACR,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,0BAA0B,EAAE;YAC1D,WAAW,EAAE,6CAA6C;YAC1D,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,OAAO;iBACjB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF,GACF;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,SAAS,EAAE,6DAA6D;QACxE,QAAQ,EAAE,SAAS;KACpB;CACF,CAAA;AAED,MAAM,QAAQ,GAAkC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,MAAM,oBAAK,IAAI,EAAI,CAAA;AAE9E,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,eAAe,aAAa,CAAA"}
|
|
@@ -76,8 +76,8 @@ const Column = ({ id, className, sm = 1, md = 1, lg = 1, xl = 1, children }) =>
|
|
|
76
76
|
[calculateWidth('md', md)]: md,
|
|
77
77
|
[calculateWidth('lg', lg)]: lg,
|
|
78
78
|
[calculateWidth('xl', xl)]: xl
|
|
79
|
-
},
|
|
80
|
-
return (React.createElement("div",
|
|
79
|
+
}, className, 'h-full');
|
|
80
|
+
return (React.createElement("div", { id: id, className: classList }, children));
|
|
81
81
|
};
|
|
82
82
|
export default Column;
|
|
83
83
|
//# sourceMappingURL=index.js.map
|