trepur_components 1.0.6 → 1.0.8
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/Carousel/Carousel.d.ts +25 -9
- package/dist/src/lib/components/Carousel/Carousel.js +6 -6
- package/dist/src/lib/components/Carousel/Carousel.js.map +1 -1
- package/dist/src/lib/components/Image/Image.d.ts +2 -1
- package/dist/src/lib/components/Image/Image.js +3 -2
- package/dist/src/lib/components/Image/Image.js.map +1 -1
- package/dist/src/lib/components/Image/style.module.css +9 -0
- package/dist/src/lib/components/Image/style.module.css.map +1 -1
- package/dist/src/lib/components/Nav/Nav.js.map +1 -1
- package/dist/src/lib/components/NavItem/NavItem.js +0 -1
- package/dist/src/lib/components/NavItem/NavItem.js.map +1 -1
- package/dist/src/lib/components/SocialBlock/style.module.css +1 -5
- package/dist/src/lib/components/SocialBlock/style.module.css.map +1 -1
- package/dist/src/lib/components/Timeline/style.module.css +0 -1
- package/dist/src/lib/components/Timeline/style.module.css.map +1 -1
- package/package.json +2 -2
- package/dist/src/lib/components/Accordion/style.module.css +0 -4
- package/dist/src/lib/components/Accordion/style.module.css.map +0 -1
- package/dist/src/lib/components/AlertBar/index.d.ts +0 -16
- package/dist/src/lib/components/AlertBar/index.js +0 -64
- package/dist/src/lib/components/AlertBar/index.js.map +0 -1
- package/dist/src/lib/components/Breadcrumbs/index.d.ts +0 -11
- package/dist/src/lib/components/Breadcrumbs/index.js +0 -20
- package/dist/src/lib/components/Breadcrumbs/index.js.map +0 -1
- package/dist/src/lib/components/BreadcrumbsBordered/index.d.ts +0 -9
- package/dist/src/lib/components/BreadcrumbsBordered/index.js +0 -18
- package/dist/src/lib/components/BreadcrumbsBordered/index.js.map +0 -1
- package/dist/src/lib/components/BreadcrumbsItem/index.d.ts +0 -12
- package/dist/src/lib/components/BreadcrumbsItem/index.js +0 -57
- package/dist/src/lib/components/BreadcrumbsItem/index.js.map +0 -1
- package/dist/src/lib/components/Button/index.d.ts +0 -17
- package/dist/src/lib/components/Button/index.js +0 -32
- package/dist/src/lib/components/Button/index.js.map +0 -1
- package/dist/src/lib/components/Card/index.d.ts +0 -31
- package/dist/src/lib/components/Card/index.js +0 -66
- package/dist/src/lib/components/Card/index.js.map +0 -1
- package/dist/src/lib/components/CardWithTopImage/index.d.ts +0 -10
- package/dist/src/lib/components/CardWithTopImage/index.js +0 -15
- package/dist/src/lib/components/CardWithTopImage/index.js.map +0 -1
- package/dist/src/lib/components/Carousel/index.d.ts +0 -58
- package/dist/src/lib/components/Carousel/index.js +0 -122
- package/dist/src/lib/components/Carousel/index.js.map +0 -1
- package/dist/src/lib/components/ChevronCard/index.d.ts +0 -7
- package/dist/src/lib/components/ChevronCard/index.js +0 -20
- package/dist/src/lib/components/ChevronCard/index.js.map +0 -1
- package/dist/src/lib/components/Collapsible/index.d.ts +0 -16
- package/dist/src/lib/components/Collapsible/index.js +0 -67
- package/dist/src/lib/components/Collapsible/index.js.map +0 -1
- package/dist/src/lib/components/Column/index.d.ts +0 -12
- package/dist/src/lib/components/Column/index.js +0 -83
- package/dist/src/lib/components/Column/index.js.map +0 -1
- package/dist/src/lib/components/Container/index.d.ts +0 -9
- package/dist/src/lib/components/Container/index.js +0 -8
- package/dist/src/lib/components/Container/index.js.map +0 -1
- package/dist/src/lib/components/FooterBar/index.d.ts +0 -11
- package/dist/src/lib/components/FooterBar/index.js +0 -15
- package/dist/src/lib/components/FooterBar/index.js.map +0 -1
- package/dist/src/lib/components/Form/index.d.ts +0 -16
- package/dist/src/lib/components/Form/index.js +0 -19
- package/dist/src/lib/components/Form/index.js.map +0 -1
- package/dist/src/lib/components/FyreCard/index.d.ts +0 -13
- package/dist/src/lib/components/FyreCard/index.js +0 -17
- package/dist/src/lib/components/FyreCard/index.js.map +0 -1
- package/dist/src/lib/components/Greeting/index.d.ts +0 -10
- package/dist/src/lib/components/Greeting/index.js +0 -23
- package/dist/src/lib/components/Greeting/index.js.map +0 -1
- package/dist/src/lib/components/HamburgerIcon/index.d.ts +0 -7
- package/dist/src/lib/components/HamburgerIcon/index.js +0 -26
- package/dist/src/lib/components/HamburgerIcon/index.js.map +0 -1
- package/dist/src/lib/components/Icon/index.d.ts +0 -19
- package/dist/src/lib/components/Icon/index.js +0 -56
- package/dist/src/lib/components/Icon/index.js.map +0 -1
- package/dist/src/lib/components/Image/index.d.ts +0 -16
- package/dist/src/lib/components/Image/index.js +0 -54
- package/dist/src/lib/components/Image/index.js.map +0 -1
- package/dist/src/lib/components/ImageLink/index.d.ts +0 -15
- package/dist/src/lib/components/ImageLink/index.js +0 -18
- package/dist/src/lib/components/ImageLink/index.js.map +0 -1
- package/dist/src/lib/components/ImageLinkList/index.d.ts +0 -9
- package/dist/src/lib/components/ImageLinkList/index.js +0 -11
- package/dist/src/lib/components/ImageLinkList/index.js.map +0 -1
- package/dist/src/lib/components/InformationIcon/index.d.ts +0 -15
- package/dist/src/lib/components/InformationIcon/index.js +0 -45
- package/dist/src/lib/components/InformationIcon/index.js.map +0 -1
- package/dist/src/lib/components/Input/index.d.ts +0 -31
- package/dist/src/lib/components/Input/index.js +0 -25
- package/dist/src/lib/components/Input/index.js.map +0 -1
- package/dist/src/lib/components/Jumbotron/index.d.ts +0 -9
- package/dist/src/lib/components/Jumbotron/index.js +0 -9
- package/dist/src/lib/components/Jumbotron/index.js.map +0 -1
- package/dist/src/lib/components/Nav/index.d.ts +0 -22
- package/dist/src/lib/components/Nav/index.js +0 -65
- package/dist/src/lib/components/Nav/index.js.map +0 -1
- package/dist/src/lib/components/NavItem/index.d.ts +0 -15
- package/dist/src/lib/components/NavItem/index.js +0 -24
- package/dist/src/lib/components/NavItem/index.js.map +0 -1
- package/dist/src/lib/components/NewsCard/index.d.ts +0 -14
- package/dist/src/lib/components/NewsCard/index.js +0 -20
- package/dist/src/lib/components/NewsCard/index.js.map +0 -1
- package/dist/src/lib/components/Profile/index.d.ts +0 -18
- package/dist/src/lib/components/Profile/index.js +0 -36
- package/dist/src/lib/components/Profile/index.js.map +0 -1
- package/dist/src/lib/components/Row/index.d.ts +0 -8
- package/dist/src/lib/components/Row/index.js +0 -8
- package/dist/src/lib/components/Row/index.js.map +0 -1
- package/dist/src/lib/components/Search/index.d.ts +0 -13
- package/dist/src/lib/components/Search/index.js +0 -23
- package/dist/src/lib/components/Search/index.js.map +0 -1
- package/dist/src/lib/components/SocialBlock/index.d.ts +0 -21
- package/dist/src/lib/components/SocialBlock/index.js +0 -65
- package/dist/src/lib/components/SocialBlock/index.js.map +0 -1
- package/dist/src/lib/components/StarRating/index.d.ts +0 -9
- package/dist/src/lib/components/StarRating/index.js +0 -27
- package/dist/src/lib/components/StarRating/index.js.map +0 -1
- package/dist/src/lib/components/Testimonial/index.d.ts +0 -17
- package/dist/src/lib/components/Testimonial/index.js +0 -27
- package/dist/src/lib/components/Testimonial/index.js.map +0 -1
- package/dist/src/lib/components/TextAndTitle/index.d.ts +0 -26
- package/dist/src/lib/components/TextAndTitle/index.js +0 -104
- package/dist/src/lib/components/TextAndTitle/index.js.map +0 -1
- package/dist/src/lib/components/TextArea/index.d.ts +0 -27
- package/dist/src/lib/components/TextArea/index.js +0 -19
- package/dist/src/lib/components/TextArea/index.js.map +0 -1
- package/dist/src/lib/components/Timeline/index.css +0 -135
- package/dist/src/lib/components/Timeline/index.css.map +0 -1
- package/dist/src/lib/components/Timeline/index.d.ts +0 -14
- package/dist/src/lib/components/Timeline/index.js +0 -208
- package/dist/src/lib/components/Timeline/index.js.map +0 -1
- package/dist/src/lib/components/Tubestops/index.css +0 -97
- package/dist/src/lib/components/Tubestops/index.css.map +0 -1
- package/dist/src/lib/components/Tubestops/index.d.ts +0 -13
- package/dist/src/lib/components/Tubestops/index.js +0 -44
- package/dist/src/lib/components/Tubestops/index.js.map +0 -1
- package/dist/src/lib/components/UserIcon/index.d.ts +0 -11
- package/dist/src/lib/components/UserIcon/index.js +0 -16
- package/dist/src/lib/components/UserIcon/index.js.map +0 -1
- package/dist/src/lib/components/Video/index.d.ts +0 -17
- package/dist/src/lib/components/Video/index.js +0 -9
- package/dist/src/lib/components/Video/index.js.map +0 -1
|
@@ -1,6 +1,27 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import 'keen-slider/keen-slider.min.css';
|
|
3
3
|
import { KeenSliderInstance, KeenSliderHooks, KeenSliderOptions } from 'keen-slider/react';
|
|
4
|
+
import { Colours } from '../../utils/controls';
|
|
5
|
+
interface Arrow {
|
|
6
|
+
visible?: boolean;
|
|
7
|
+
left?: boolean;
|
|
8
|
+
right?: boolean;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
onClick?: any;
|
|
11
|
+
colour?: Colours;
|
|
12
|
+
bgColour?: Colours;
|
|
13
|
+
hoverColour?: Colours;
|
|
14
|
+
hoverBgColour?: Colours;
|
|
15
|
+
}
|
|
16
|
+
interface Dot {
|
|
17
|
+
isActive?: boolean;
|
|
18
|
+
visible?: boolean;
|
|
19
|
+
onClick?: any;
|
|
20
|
+
colour?: Colours;
|
|
21
|
+
bgColour?: Colours;
|
|
22
|
+
hoverColour?: Colours;
|
|
23
|
+
hoverBgColour?: Colours;
|
|
24
|
+
}
|
|
4
25
|
export interface Props {
|
|
5
26
|
id?: string;
|
|
6
27
|
className?: string;
|
|
@@ -45,15 +66,10 @@ export interface Props {
|
|
|
45
66
|
spacing?: number;
|
|
46
67
|
number?: number;
|
|
47
68
|
origin?: number | 'auto' | 'center';
|
|
48
|
-
arrows?:
|
|
49
|
-
|
|
50
|
-
onClick?: () => void;
|
|
51
|
-
};
|
|
52
|
-
dots?: {
|
|
53
|
-
visible: boolean;
|
|
54
|
-
activeColours: string;
|
|
55
|
-
colours: string;
|
|
56
|
-
};
|
|
69
|
+
arrows?: Arrow;
|
|
70
|
+
dots?: Dot;
|
|
57
71
|
}
|
|
58
72
|
declare const Carousel: React.FC<Props>;
|
|
73
|
+
declare function Arrow(props: Arrow): JSX.Element;
|
|
74
|
+
declare function Dot(props: Dot): JSX.Element;
|
|
59
75
|
export default Carousel;
|
|
@@ -99,25 +99,25 @@ const Carousel = ({ id, className, breakpoints, defaultAnimation, disabled, drag
|
|
|
99
99
|
return (React.createElement(React.Fragment, null,
|
|
100
100
|
React.createElement("div", { id: id, className: classNames(classList, (arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && style.visibleArrows, style.classList, 'navigation-wrapper') },
|
|
101
101
|
(arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && loaded && (instanceRef.current !== undefined) && (React.createElement("div", { className: style.arrowWrapper },
|
|
102
|
-
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
|
|
102
|
+
React.createElement(Arrow, Object.assign({ 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)))),
|
|
103
103
|
React.createElement("div", { ref: sliderRef, className: classNames(style.slideWrapper, 'keen-slider') }, (slides != null) && slides),
|
|
104
104
|
(arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && loaded && (instanceRef.current !== undefined) && (React.createElement("div", { className: style.arrowWrapper },
|
|
105
|
-
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
|
|
105
|
+
React.createElement(Arrow, Object.assign({ 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))))),
|
|
106
106
|
(dots === null || dots === void 0 ? void 0 : dots.visible) === true && loaded && (instanceRef.current != null) && (React.createElement("div", { className: style.dotWrapper }, [...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) => {
|
|
107
|
-
return (React.createElement(Dot, { key: `dot_${i}`, isActive: currentSlide === idx, onClick: () => {
|
|
107
|
+
return (React.createElement(Dot, Object.assign({ key: `dot_${i}`, isActive: currentSlide === idx, onClick: () => {
|
|
108
108
|
var _a;
|
|
109
109
|
(_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.moveToIdx(idx);
|
|
110
|
-
} }));
|
|
110
|
+
} }, dots)));
|
|
111
111
|
})))));
|
|
112
112
|
};
|
|
113
113
|
function Arrow(props) {
|
|
114
114
|
return (React.createElement("div", { className: style.arrowWrapper },
|
|
115
115
|
React.createElement("a", { onClick: props === null || props === void 0 ? void 0 : props.onClick },
|
|
116
|
-
React.createElement(Icon, { type: (props === null || props === void 0 ? void 0 : props.left) === true ? 'chevron-left' : 'chevron-right', className: style.arrowIconClassList, size: 3, rounded: true, bgColour:
|
|
116
|
+
React.createElement(Icon, { type: (props === null || props === void 0 ? void 0 : props.left) === true ? 'chevron-left' : 'chevron-right', className: style.arrowIconClassList, size: 3, rounded: true, bgColour: props.bgColour, colour: props.colour, hoverBgColour: props.hoverBgColour, hoverColour: props.hoverColour }))));
|
|
117
117
|
}
|
|
118
118
|
function Dot(props) {
|
|
119
119
|
return (React.createElement("a", { onClick: props === null || props === void 0 ? void 0 : props.onClick },
|
|
120
|
-
React.createElement(Icon, { type: 'circle', className: style.dotIconClassList, size: 1, rounded: true, bgColour: (props === null || props === void 0 ? void 0 : props.isActive) ?
|
|
120
|
+
React.createElement(Icon, { type: 'circle', className: style.dotIconClassList, size: 1, rounded: true, bgColour: (props === null || props === void 0 ? void 0 : props.isActive) ? props.hoverBgColour : props.bgColour, colour: (props === null || props === void 0 ? void 0 : props.isActive) ? props.hoverColour : props.colour, hoverBgColour: props.hoverBgColour, hoverColour: props.hoverColour })));
|
|
121
121
|
}
|
|
122
122
|
export default Carousel;
|
|
123
123
|
//# sourceMappingURL=Carousel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/Carousel.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;AACnC,OAAO,IAAI,MAAM,uBAAuB,CAAA;AACxC,OAAO,KAAK,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/Carousel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,6 +11,7 @@ export interface Props {
|
|
|
11
11
|
width?: number;
|
|
12
12
|
overlayText?: string;
|
|
13
13
|
centerAligned?: boolean;
|
|
14
|
+
bordered?: boolean;
|
|
14
15
|
}
|
|
15
|
-
declare const Image: ({ id, className, image, altText, title, rounded, roundedFull, height, width, overlayText, centerAligned }: Props) => JSX.Element;
|
|
16
|
+
declare const Image: ({ id, className, image, altText, title, rounded, roundedFull, height, width, overlayText, centerAligned, bordered }: Props) => JSX.Element;
|
|
16
17
|
export default Image;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import style from './style.module.css';
|
|
4
|
-
const Image = ({ id, className, image, altText, title, rounded = false, roundedFull = false, height = 8, width = 8, overlayText, centerAligned = false }) => {
|
|
4
|
+
const Image = ({ id, className, image, altText, title, rounded = false, roundedFull = false, height = 8, width = 8, overlayText, centerAligned = false, bordered = false }) => {
|
|
5
5
|
const [isHovering, setIsHovering] = useState(false);
|
|
6
6
|
const opacity = classNames({
|
|
7
7
|
[style.visible]: isHovering,
|
|
@@ -38,7 +38,8 @@ const Image = ({ id, className, image, altText, title, rounded = false, roundedF
|
|
|
38
38
|
const imageClassList = classNames({
|
|
39
39
|
[style.rounded]: rounded,
|
|
40
40
|
[style.roundedFull]: roundedFull,
|
|
41
|
-
[style.centerAligned]: centerAligned
|
|
41
|
+
[style.centerAligned]: centerAligned,
|
|
42
|
+
[style.bordered]: bordered
|
|
42
43
|
}, className, widthClassList, heightClassList);
|
|
43
44
|
const overlayClassList = classNames(widthClassList, heightClassList, opacity, style.overlayClassList);
|
|
44
45
|
const overlayTextWrapperClassList = classNames(widthClassList, heightClassList, opacity, style.overlayTextWrapperClassList);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../../src/lib/components/Image/Image.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;
|
|
1
|
+
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../../src/lib/components/Image/Image.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Image/style.module.css"],"names":[],"mappings":"AACI;;IAAA,YAAsC;;IAAtC,kBAAsC;;IAAtC,oBAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,kBAAyD;;IAAzD,WAAyD;;IAAzD,aAAyD;;IAAzD,4BAAyD;;IAAzD,wDAAyD;;IAAzD;AAAyD;;AAIzD;;IAAA,kBAA6D;;IAA7D,WAA6D;;IAA7D,kBAA6D;;IAA7D,yDAA6D;;IAA7D,4BAA6D;;IAA7D,wDAA6D;;IAA7D;AAA6D;;AAI7D;;IAAA;AAAkB;;AAIlB;;IAAA;AAAmB;;AAInB;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA;AAAiB;;AAIjB;;IAAA;AAAgB","file":"style.module.css","sourcesContent":[".overlayTextClassList {\n @apply m-auto text-center text-primary;\n}\n\n.overlayTextWrapperClassList {\n @apply flex absolute z-20 transition-opacity duration-700;\n}\n\n.overlayClassList {\n @apply absolute z-10 transition-opacity duration-700 bg-white;\n}\n\n.rounded {\n @apply rounded-2xl;\n}\n\n.roundedFull {\n @apply rounded-full;\n}\n\n.centerAligned {\n @apply mx-auto;\n}\n\n.visible {\n @apply opacity-80;\n}\n\n.invisible {\n @apply opacity-0;\n}"]}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Image/style.module.css"],"names":[],"mappings":"AACI;;IAAA,YAAsC;;IAAtC,kBAAsC;;IAAtC,oBAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,kBAAyD;;IAAzD,WAAyD;;IAAzD,aAAyD;;IAAzD,4BAAyD;;IAAzD,wDAAyD;;IAAzD;AAAyD;;AAIzD;;IAAA,kBAA6D;;IAA7D,WAA6D;;IAA7D,kBAA6D;;IAA7D,yDAA6D;;IAA7D,4BAA6D;;IAA7D,wDAA6D;;IAA7D;AAA6D;;AAI7D;;IAAA;AAAkB;;AAIlB;;IAAA;AAAmB;;AAInB;;IAAA,iBAA8B;;IAA9B,sBAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA;AAAiB;;AAIjB;;IAAA;AAAgB","file":"style.module.css","sourcesContent":[".overlayTextClassList {\n @apply m-auto text-center text-primary;\n}\n\n.overlayTextWrapperClassList {\n @apply flex absolute z-20 transition-opacity duration-700;\n}\n\n.overlayClassList {\n @apply absolute z-10 transition-opacity duration-700 bg-white;\n}\n\n.rounded {\n @apply rounded-2xl;\n}\n\n.roundedFull {\n @apply rounded-full;\n}\n\n.bordered {\n @apply border-4 border-primary;\n}\n\n.centerAligned {\n @apply mx-auto;\n}\n\n.visible {\n @apply opacity-80;\n}\n\n.invisible {\n @apply opacity-0;\n}"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,6 @@ import style from './style.module.css';
|
|
|
4
4
|
const NavItem = ({ id, className, title, href = '/', onClick, bordered = false, rounded = true, underlineOnHover = true, isActive = false, variant = 'primary' }) => {
|
|
5
5
|
const classList = classNames(className, style.navItem);
|
|
6
6
|
const anchorClassList = classNames({
|
|
7
|
-
[style.underlineOnHover]: underlineOnHover,
|
|
8
7
|
[style.underline]: underlineOnHover,
|
|
9
8
|
[style.active]: isActive,
|
|
10
9
|
[style.inactive]: !isActive,
|
|
@@ -1 +1 @@
|
|
|
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;AAetC,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,EACb,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAEtD,MAAM,eAAe,GAAG,UAAU,CAAC;QACjC,CAAC,KAAK,CAAC,
|
|
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;AAetC,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,EACb,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAEtD,MAAM,eAAe,GAAG,UAAU,CAAC;QACjC,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,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAA;IAE3B,MAAM,aAAa,GAAG,UAAU,CAAC,EAChC,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAEvB,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,2BACE,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,eAAe;YAE1B,8BAAM,SAAS,EAAE,aAAa,IAC3B,KAAK,CACD,CACL,CACA,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
|
|
@@ -27,11 +27,7 @@
|
|
|
27
27
|
|
|
28
28
|
--tw-bg-opacity: 1;
|
|
29
29
|
|
|
30
|
-
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
|
|
31
|
-
|
|
32
|
-
--tw-text-opacity: 1;
|
|
33
|
-
|
|
34
|
-
color: rgb(0 54 160 / var(--tw-text-opacity))
|
|
30
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
|
|
35
31
|
}
|
|
36
32
|
|
|
37
33
|
.light::placeholder {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/SocialBlock/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,kBAA8C;;IAA9C,sDAA8C;;IAA9C,oBAA8C;;IAA9C;AAA8C;;AAA9C;;IAAA,2BAA8C;;IAA9C;AAA8C;;AAI9C;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/SocialBlock/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,kBAA8C;;IAA9C,sDAA8C;;IAA9C,oBAA8C;;IAA9C;AAA8C;;AAA9C;;IAAA,2BAA8C;;IAA9C;AAA8C;;AAI9C;;IAAA,kBAAmC;;IAAnC;AAAmC;;AAAnC;;IAAA,2BAAmC;;IAAnC;AAAmC;;AAInC;;IAAA,aAAgD;;IAAhD,WAAgD;;IAAhD,eAAgD;;IAAhD,uBAAgD;;IAAhD,iBAAgD;;IAAhD;AAAgD;;AAIhD;;IAAA;AAAyB;;AAAzB;;IAAA;;QAAA;IAAyB;AAAA;;AAIzB;;IAAA;AAAW;;AAIX;;IAAA,gBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAW","file":"style.module.css","sourcesContent":[".hoverClassList {\n @apply border-dashed border;\n}\n\n.dark {\n @apply placeholder-white bg-primary text-white;\n}\n\n.light {\n @apply placeholder-primary bg-white;\n}\n\n.buttonWrapperClassList {\n @apply py-4 flex flex-wrap w-full justify-center;\n}\n\n.title {\n @apply text-md sm:text-lg;\n}\n\n.text {\n @apply pt-4;\n}\n\n.cancelButton {\n @apply mt-4 ml-4;\n}\n\n.saveButton {\n @apply mt-4;\n}"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Timeline/style.module.css"],"names":[],"mappings":"AACE;EAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Timeline/style.module.css"],"names":[],"mappings":"AACE;EAAA,WAA4B;EAA5B,qBAA4B;EAA5B;AAA4B;;AAI5B;EAAA,gBAAqE;EAArE,mBAAqE;EAArE,iBAAqE;EAArE,kBAAqE;EAArE,YAAqE;EAArE,WAAqE;EAArE,qBAAqE;EAArE,iBAAqE;EAArE,kBAAqE;EAArE,mDAAqE;EAArE;AAAqE;;AAIrE;EAAA,kBAAqD;EAArD,aAAqD;EAArD,cAAqD;EAArD,mBAAqD;EAArD;AAAqD;;AAIrD;EAAA;AAAuB;;AAIvB;EAAA,8BAAoC;EAApC;AAAoC;;AAIpC;EAAA;AAAe;;AAIf;EAAA,sBAA4C;EAA5C,mBAA4C;EAA5C;AAA4C;;AAI5C;EAAA;AAAkB;;AAIlB;EAAA,kBAAmC;EAAnC,aAAmC;EAAnC,qBAAmC;EAAnC;AAAmC;;AAInC;EAAA;AAAe;;AAIf;EAAA,mBAA+B;EAA/B;AAA+B;;AAI/B;EAAA;AAAe;;AAIf;EAAA,mBAA+B;EAA/B;AAA+B;;AAGjC,aAAa;AAEX;EAAA,kBAAsE;EAAtE,QAAsE;EAAtE,cAAsE;EAAtE,WAAsE;EAAtE,iBAAsE;EAAtE,mBAAsE;EAAtE,sBAAsE;EAAtE,sDAAsE;EACtE,WAAW;EACX,WAAW;EACX;AAHsE;;AAOtE;EAAA,kBAAyE;EAAzE,WAAyE;EAAzE,cAAyE;EAAzE,WAAyE;EAAzE,iBAAyE;EAAzE,mBAAyE;EAAzE,sBAAyE;EAAzE,sDAAyE;EACzE,WAAW;EACX,WAAW;EACX;AAHyE;;AAOzE;EAAA,kBAAyE;EAAzE,WAAyE;EAAzE,cAAyE;EAAzE,WAAyE;EAAzE,iBAAyE;EAAzE,mBAAyE;EAAzE,sBAAyE;EAAzE,sDAAyE;EACzE,WAAW;EACX,WAAW;EACX;AAHyE;;AAOzE;EAAA,kBAAsE;EAAtE,QAAsE;EAAtE,cAAsE;EAAtE,WAAsE;EAAtE,iBAAsE;EAAtE,mBAAsE;EAAtE,sBAAsE;EAAtE,sDAAsE;EACtE,WAAW;EACX,WAAW;EACX;AAHsE;;AAMxE,gBAAgB;AAEd;EAAA,kBAAsE;EAAtE,QAAsE;EAAtE,cAAsE;EAAtE,WAAsE;EAAtE,iBAAsE;EAAtE,mBAAsE;EAAtE,sBAAsE;EAAtE,sDAAsE;EACtE,WAAW;EACX,UAAU;EACV;AAHsE;;AAOtE;EAAA,kBAAyE;EAAzE,WAAyE;EAAzE,cAAyE;EAAzE,WAAyE;EAAzE,iBAAyE;EAAzE,mBAAyE;EAAzE,sBAAyE;EAAzE,sDAAyE;EACzE,WAAW;EACX,UAAU;EACV;AAHyE;;AAOzE;EAAA,kBAAyE;EAAzE,WAAyE;EAAzE,cAAyE;EAAzE,WAAyE;EAAzE,iBAAyE;EAAzE,mBAAyE;EAAzE,sBAAyE;EAAzE,sDAAyE;EACzE,WAAW;EACX,UAAU;EACV;AAHyE;;AAOzE;EAAA,kBAAsE;EAAtE,QAAsE;EAAtE,cAAsE;EAAtE,WAAsE;EAAtE,iBAAsE;EAAtE,mBAAsE;EAAtE,sBAAsE;EAAtE,sDAAsE;EACtE,WAAW;EACX,UAAU;EACV;AAHsE;;AAMxE,eAAe;AAEb;EAAA,kBAAkE;EAAlE,QAAkE;EAAlE,cAAkE;EAAlE,iBAAkE;EAAlE,mBAAkE;EAAlE,sBAAkE;EAAlE,sDAAkE;EAClE,WAAW;EACX,UAAU;EACV,SAAS;EACT;AAJkE;;AAQlE;EAAA,kBAAkE;EAAlE,QAAkE;EAAlE,cAAkE;EAAlE,iBAAkE;EAAlE,mBAAkE;EAAlE,sBAAkE;EAAlE,sDAAkE;EAClE,WAAW;EACX,UAAU;EACV,WAAW;EACX;AAJkE;;AAQlE;EAAA,kBAAkE;EAAlE,QAAkE;EAAlE,cAAkE;EAAlE,iBAAkE;EAAlE,mBAAkE;EAAlE,sBAAkE;EAAlE,sDAAkE;EAClE,WAAW;EACX,UAAU;EACV,WAAW;EACX;AAJkE;;AAQlE;EAAA,kBAAkE;EAAlE,QAAkE;EAAlE,cAAkE;EAAlE,iBAAkE;EAAlE,mBAAkE;EAAlE,sBAAkE;EAAlE,sDAAkE;EAClE,WAAW;EACX,UAAU;EACV,SAAS;EACT;AAJkE","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full list-none pb-4;\n}\n\n.circle {\n @apply w-4 h-4 my-16 text-center mx-auto rounded-full border bg-black;\n}\n\n.liClassList {\n @apply relative flex flex-auto flex-row leading-tight;\n}\n\n.liVerticalReverse {\n @apply flex-row-reverse;\n}\n\n.liHorizontalReverse {\n @apply items-center flex-col-reverse;\n}\n\n.li {\n @apply flex-row;\n}\n\n.liHorizontal {\n @apply items-center flex-col justify-between;\n}\n\n.textCenter {\n @apply text-center;\n}\n\n.ulClassList {\n @apply relative list-none pl-0 flex;\n}\n\n.ulVerticalReverse {\n @apply flex-col;\n}\n\n.ulHorizontalReverse {\n @apply flex-row justify-between;\n}\n\n.ul {\n @apply flex-col;\n}\n\n.ulHorizontal {\n @apply flex-row justify-between;\n}\n\n/* Vertical */\n.circleVerticalBefore {\n @apply absolute top-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 49.9%;\n z-index: -1;\n}\n\n.circleVerticalAfter {\n @apply absolute bottom-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 49.9%;\n z-index: -1;\n}\n\n.firstCircleVerticalAfter {\n @apply absolute bottom-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 49.9%;\n z-index: -1;\n}\n\n.lastCircleVerticalBefore {\n @apply absolute top-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 49.9%;\n z-index: -1;\n}\n\n/* V - collapse*/\n.circleVerticalCollapseBefore {\n @apply absolute top-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 8.2%;\n z-index: -1;\n}\n\n.circleVerticalCollapseAfter {\n @apply absolute bottom-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 8.2%;\n z-index: -1;\n}\n\n.firstCircleVerticalCollapseAfter {\n @apply absolute bottom-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 8.2%;\n z-index: -1;\n}\n\n.lastCircleVerticalCollapseBefore {\n @apply absolute top-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 8.2%;\n z-index: -1;\n}\n\n/* Horizontal */\n.circleHorizontalBefore {\n @apply absolute top-1/2 block border-solid border-2 border-primary;\n content: \"\";\n width: 70%;\n left: -8%;\n z-index: -1;\n}\n\n.circleHorizontalAfter {\n @apply absolute top-1/2 block border-solid border-2 border-primary;\n content: \"\";\n width: 70%;\n right: -12%;\n z-index: -1;\n}\n\n.firstCircleHorizontalAfter {\n @apply absolute top-1/2 block border-solid border-2 border-primary;\n content: \"\";\n width: 60%;\n right: -12%;\n z-index: -1;\n}\n\n.lastCircleHorizontalBefore {\n @apply absolute top-1/2 block border-solid border-2 border-primary;\n content: \"\";\n width: 55%;\n left: -8%;\n z-index: -1;\n}\n"]}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "trepur_components",
|
|
3
3
|
"description": "component lib",
|
|
4
4
|
"author": "trepur_ttenneb",
|
|
5
|
-
"version": "1.0.
|
|
5
|
+
"version": "1.0.8",
|
|
6
6
|
"private": false,
|
|
7
7
|
"keywords": [
|
|
8
8
|
"react",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"scripts": {
|
|
36
36
|
"compile:ts": "tsc && tsc-alias -p tsconfig.json",
|
|
37
37
|
"compile:css": "postcss src/**/**/**/*.css --base . --dir dist -m --verbose",
|
|
38
|
-
"build": "npm run compile:ts && npm run compile:css",
|
|
38
|
+
"build": "rm -rf dist && npm run compile:ts && npm run compile:css",
|
|
39
39
|
"storybook": "start-storybook -p 6006",
|
|
40
40
|
"build-storybook": "build-storybook -s public",
|
|
41
41
|
"lint": "ts-standard",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Accordion/style.module.css"],"names":[],"mappings":"AACI;IAAA;AAAY","file":"style.module.css","sourcesContent":[".title {\n @apply pt-32;\n}"]}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Props as iconProps } from '../Icon';
|
|
3
|
-
export interface Props {
|
|
4
|
-
id?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
type?: 'success' | 'warning' | 'error' | 'info';
|
|
7
|
-
text?: string;
|
|
8
|
-
leftIconProps?: iconProps;
|
|
9
|
-
rightIconProps?: iconProps;
|
|
10
|
-
textCenter?: boolean;
|
|
11
|
-
isDismissable?: boolean;
|
|
12
|
-
theme?: 'light' | 'dark';
|
|
13
|
-
onDismissClick?: React.MouseEventHandler;
|
|
14
|
-
}
|
|
15
|
-
declare const AlertBar: ({ id, className, type, text, theme, leftIconProps, rightIconProps, textCenter, isDismissable, onDismissClick }: Props) => JSX.Element;
|
|
16
|
-
export default AlertBar;
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import Icon from '../Icon';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
import { getTheme } from '../../utils/theme';
|
|
5
|
-
const AlertBar = ({ id, className, type = 'warning', text, theme = 'light', leftIconProps, rightIconProps, textCenter = false, isDismissable = false, onDismissClick }) => {
|
|
6
|
-
const themeToUse = getTheme();
|
|
7
|
-
const [alertBarStatus, setAlertBarStatus] = useState({
|
|
8
|
-
state: 'open',
|
|
9
|
-
display: true
|
|
10
|
-
});
|
|
11
|
-
const bgColor = classNames({
|
|
12
|
-
'bg-rupertbennett-success': type === 'success' && themeToUse === 'rupertbennett',
|
|
13
|
-
'bg-rupertbennett-warning': type === 'warning' && themeToUse === 'rupertbennett',
|
|
14
|
-
'bg-rupertbennett-error': type === 'error' && themeToUse === 'rupertbennett',
|
|
15
|
-
'bg-rupertbennett-info-light': type === 'info' && themeToUse === 'rupertbennett',
|
|
16
|
-
'bg-bootson-success': type === 'success' && themeToUse === 'bootson',
|
|
17
|
-
'bg-bootson-warning': type === 'warning' && themeToUse === 'bootson',
|
|
18
|
-
'bg-bootson-error': type === 'error' && themeToUse === 'bootson',
|
|
19
|
-
'bg-bootson-info-light': type === 'info' && themeToUse === 'bootson'
|
|
20
|
-
});
|
|
21
|
-
const alertBarState = classNames({
|
|
22
|
-
'opacity-100': alertBarStatus.state === 'open',
|
|
23
|
-
'opacity-0': alertBarStatus.state === 'closed',
|
|
24
|
-
hidden: !alertBarStatus.display
|
|
25
|
-
});
|
|
26
|
-
const classList = classNames(className, bgColor, alertBarState, 'text-white w-parent flex py-2 transition-opactiy duration-700');
|
|
27
|
-
const textClassList = classNames({
|
|
28
|
-
'text-center': textCenter,
|
|
29
|
-
'pl-4': !textCenter
|
|
30
|
-
}, 'w-full py-3');
|
|
31
|
-
const rightIconClasses = classNames({
|
|
32
|
-
'hover:cursor-pointer': isDismissable
|
|
33
|
-
}, 'px-8 pt-3');
|
|
34
|
-
const leftIconClasses = 'pt-3 pl-8';
|
|
35
|
-
const closeAlertBar = (e) => {
|
|
36
|
-
setAlertBarStatus({
|
|
37
|
-
state: 'closed',
|
|
38
|
-
display: alertBarStatus.display
|
|
39
|
-
});
|
|
40
|
-
setTimeout(() => setAlertBarStatus({
|
|
41
|
-
state: 'closed',
|
|
42
|
-
display: false
|
|
43
|
-
}), 700);
|
|
44
|
-
if (onDismissClick != null) {
|
|
45
|
-
onDismissClick(e);
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
const dismissIcon = (React.createElement(Icon, { type: 'multiply', colour: 'white' }));
|
|
49
|
-
const iconLeft = (leftIconProps != null) &&
|
|
50
|
-
React.createElement(Icon, Object.assign({}, leftIconProps));
|
|
51
|
-
const iconRight = (rightIconProps != null) &&
|
|
52
|
-
React.createElement(Icon, Object.assign({}, rightIconProps));
|
|
53
|
-
return (React.createElement("div", { id: id, className: classList },
|
|
54
|
-
(leftIconProps != null) &&
|
|
55
|
-
React.createElement("span", { className: leftIconClasses }, iconLeft),
|
|
56
|
-
React.createElement("h3", { className: textClassList }, text),
|
|
57
|
-
isDismissable &&
|
|
58
|
-
React.createElement("a", { className: rightIconClasses, onClick: (e) => closeAlertBar(e) },
|
|
59
|
-
React.createElement("span", null, dismissIcon)),
|
|
60
|
-
(iconRight != null) && !isDismissable &&
|
|
61
|
-
React.createElement("span", { className: rightIconClasses }, iconRight)));
|
|
62
|
-
};
|
|
63
|
-
export default AlertBar;
|
|
64
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/AlertBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,IAA4B,MAAM,kBAAkB,CAAA;AAC3D,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAevC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,IAAI,EACJ,KAAK,GAAG,OAAO,EACf,aAAa,EACb,cAAc,EACd,UAAU,GAAG,KAAK,EAClB,aAAa,GAAG,KAAK,EACrB,cAAc,EACR,EAAe,EAAE;IACvB,MAAM,UAAU,GAAW,QAAQ,EAAE,CAAA;IACrC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC;QACnD,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,IAAI;KACd,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,UAAU,CAAC;QACzB,0BAA0B,EAAE,IAAI,KAAK,SAAS,IAAI,UAAU,KAAK,eAAe;QAChF,0BAA0B,EAAE,IAAI,KAAK,SAAS,IAAI,UAAU,KAAK,eAAe;QAChF,wBAAwB,EAAE,IAAI,KAAK,OAAO,IAAI,UAAU,KAAK,eAAe;QAC5E,6BAA6B,EAAE,IAAI,KAAK,MAAM,IAAI,UAAU,KAAK,eAAe;QAChF,oBAAoB,EAAE,IAAI,KAAK,SAAS,IAAI,UAAU,KAAK,SAAS;QACpE,oBAAoB,EAAE,IAAI,KAAK,SAAS,IAAI,UAAU,KAAK,SAAS;QACpE,kBAAkB,EAAE,IAAI,KAAK,OAAO,IAAI,UAAU,KAAK,SAAS;QAChE,uBAAuB,EAAE,IAAI,KAAK,MAAM,IAAI,UAAU,KAAK,SAAS;KACrE,CAAC,CAAA;IAEF,MAAM,aAAa,GAAG,UAAU,CAAC;QAC/B,aAAa,EAAE,cAAc,CAAC,KAAK,KAAK,MAAM;QAC9C,WAAW,EAAE,cAAc,CAAC,KAAK,KAAK,QAAQ;QAC9C,MAAM,EAAE,CAAC,cAAc,CAAC,OAAO;KAChC,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,EACT,OAAO,EACP,aAAa,EACb,+DAA+D,CAChE,CAAA;IAED,MAAM,aAAa,GAAG,UAAU,CAAC;QAC/B,aAAa,EAAE,UAAU;QACzB,MAAM,EAAE,CAAC,UAAU;KACpB,EAAE,aAAa,CAAC,CAAA;IAEjB,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,sBAAsB,EAAE,aAAa;KACtC,EAAE,WAAW,CAAC,CAAA;IAEf,MAAM,eAAe,GAAG,WAAW,CAAA;IAEnC,MAAM,aAAa,GAAG,CAAC,CAAM,EAAQ,EAAE;QACrC,iBAAiB,CAAC;YAChB,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,cAAc,CAAC,OAAO;SAChC,CAAC,CAAA;QACF,UAAU,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC;YACjC,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,KAAK;SACf,CAAC,EAAE,GAAG,CAAC,CAAA;QACR,IAAI,cAAc,IAAI,IAAI,EAAE;YAC1B,cAAc,CAAC,CAAC,CAAC,CAAA;SAClB;IACH,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,CAClB,oBAAC,IAAI,IACH,IAAI,EAAC,UAAU,EACf,MAAM,EAAC,OAAO,GACd,CACH,CAAA;IAED,MAAM,QAAQ,GAAG,CAAC,aAAa,IAAI,IAAI,CAAC;QACtC,oBAAC,IAAI,oBACC,aAAa,EACjB,CAAA;IAEJ,MAAM,SAAS,GAAG,CAAC,cAAc,IAAI,IAAI,CAAC;QACxC,oBAAC,IAAI,oBACC,cAAc,EAClB,CAAA;IAEJ,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEnB,CAAC,aAAa,IAAI,IAAI,CAAC;YACtB,8BAAM,SAAS,EAAE,eAAe,IAC7B,QAAQ,CACJ;QACT,4BAAI,SAAS,EAAE,aAAa,IAAG,IAAI,CAAM;QACxC,aAAa;YACZ,2BAAG,SAAS,EAAE,gBAAgB,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;gBAC9D,kCACG,WAAW,CACP,CACL;QACL,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa;YACpC,8BAAM,SAAS,EAAE,gBAAgB,IAC9B,SAAS,CACL,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface Props {
|
|
3
|
-
id?: string;
|
|
4
|
-
className?: string;
|
|
5
|
-
links?: Array<{
|
|
6
|
-
name: string;
|
|
7
|
-
href: string;
|
|
8
|
-
}>;
|
|
9
|
-
}
|
|
10
|
-
declare const Breadcrumbs: ({ id, className, links }: Props) => JSX.Element;
|
|
11
|
-
export default Breadcrumbs;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
const Breadcrumbs = ({ id, className, links }) => {
|
|
4
|
-
const linksLength = (links != null)
|
|
5
|
-
? Object.keys(links).length
|
|
6
|
-
: 0;
|
|
7
|
-
const classList = classNames(className, 'flex py-2 px-8');
|
|
8
|
-
return (React.createElement("ul", { id: id, className: classList }, links === null || links === void 0 ? void 0 : links.map((link, i) => {
|
|
9
|
-
return (React.createElement("div", { key: `breadcrumb_${i + 1}`, className: 'flex' },
|
|
10
|
-
React.createElement("li", { className: 'h-8' }, i + 1 >= linksLength
|
|
11
|
-
? (React.createElement("p", { className: 'px-1 py-1' }, link.name))
|
|
12
|
-
: (React.createElement("p", { className: 'px-1 py-1' },
|
|
13
|
-
React.createElement("a", { className: 'text-facebook hover:underline', href: link.href }, link.name)))),
|
|
14
|
-
i + 1 < linksLength &&
|
|
15
|
-
React.createElement("li", { className: 'h-8' },
|
|
16
|
-
React.createElement("p", { className: 'py-1' }, "\u00A0 > \u00A0"))));
|
|
17
|
-
})));
|
|
18
|
-
};
|
|
19
|
-
export default Breadcrumbs;
|
|
20
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAQnC,MAAM,WAAW,GAAG,CAAC,EACnB,EAAE,EACF,SAAS,EACT,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,WAAW,GAAG,CAAC,KAAK,IAAI,IAAI,CAAC;QACjC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM;QAC3B,CAAC,CAAC,CAAC,CAAA;IAEL,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAA;IAEzD,OAAO,CACL,4BAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC7B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QACtB,OAAO,CACL,6BAAK,GAAG,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,EAAC,MAAM;YAC/C,4BAAI,SAAS,EAAC,KAAK,IAChB,CAAC,GAAG,CAAC,IAAI,WAAW;gBACnB,CAAC,CAAC,CACA,2BAAG,SAAS,EAAC,WAAW,IACrB,IAAI,CAAC,IAAI,CACR,CACH;gBACH,CAAC,CAAC,CACA,2BAAG,SAAS,EAAC,WAAW;oBACtB,2BACE,SAAS,EAAC,+BAA+B,EACzC,IAAI,EAAE,IAAI,CAAC,IAAI,IAEd,IAAI,CAAC,IAAI,CACR,CACF,CACH,CACF;YACJ,CAAC,GAAG,CAAC,GAAG,WAAW;gBAClB,4BAAI,SAAS,EAAC,KAAK;oBACjB,2BAAG,SAAS,EAAC,MAAM,sBAAwB,CACxC,CACH,CACP,CAAA;IACH,CAAC,CAAC,CACC,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Props as breadcrumbsItemProps } from '../BreadcrumbsItem/index';
|
|
3
|
-
export interface Props {
|
|
4
|
-
id?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
links?: breadcrumbsItemProps[];
|
|
7
|
-
}
|
|
8
|
-
declare const Breadcrumbs: React.FC<Props>;
|
|
9
|
-
export default Breadcrumbs;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import BreadcrumbsItem from '../BreadcrumbsItem/index';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
const Breadcrumbs = ({ id, className, links }) => {
|
|
5
|
-
const linksLength = (links === null || links === void 0 ? void 0 : links.length) !== undefined ? links.length : 0;
|
|
6
|
-
const classList = classNames(className, 'flex');
|
|
7
|
-
return (React.createElement("ul", { id: id, className: classList }, links === null || links === void 0 ? void 0 : links.map((link, i) => {
|
|
8
|
-
const margin = i === 0 ? ' mr-3' : ' mx-3';
|
|
9
|
-
const first = i === 0;
|
|
10
|
-
let bType = 'standard';
|
|
11
|
-
if (linksLength >= 1 && i + 1 < linksLength) {
|
|
12
|
-
bType = 'link';
|
|
13
|
-
}
|
|
14
|
-
return (React.createElement(BreadcrumbsItem, { key: `breadcrumb_item_${i + 0}`, className: margin, name: link.name, link: link.link, type: bType, firstItem: first }));
|
|
15
|
-
})));
|
|
16
|
-
};
|
|
17
|
-
export default Breadcrumbs;
|
|
18
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/BreadcrumbsBordered/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,eAAkD,MAAM,mCAAmC,CAAA;AAClG,OAAO,UAAU,MAAM,YAAY,CAAA;AAQnC,MAAM,WAAW,GAAoB,CAAC,EACpC,EAAE,EACF,SAAS,EACT,KAAK,EACN,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,MAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAClE,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;IAE/C,OAAO,CACL,4BAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC7B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAA0B,EAAE,CAAS,EAAE,EAAE;QACpD,MAAM,MAAM,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAA;QAC1C,MAAM,KAAK,GAAG,CAAC,KAAK,CAAC,CAAA;QAErB,IAAI,KAAK,GAAG,UAAU,CAAA;QACtB,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,WAAW,EAAE;YAC3C,KAAK,GAAG,MAAM,CAAA;SACf;QACD,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,mBAAmB,CAAC,GAAG,CAAC,EAAE,EAC/B,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,KAAK,GAChB,CACH,CAAA;IACH,CAAC,CAAC,CACC,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface Props {
|
|
3
|
-
id?: string;
|
|
4
|
-
className?: string;
|
|
5
|
-
name: string;
|
|
6
|
-
link: string;
|
|
7
|
-
type?: string;
|
|
8
|
-
firstItem?: boolean;
|
|
9
|
-
href?: string;
|
|
10
|
-
}
|
|
11
|
-
declare const BreadcrumbsItem: ({ id, className, name, link, href, type, firstItem }: Props) => JSX.Element;
|
|
12
|
-
export default BreadcrumbsItem;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
const BreadcrumbsItem = ({ id, className, name, link, href, type, firstItem }) => {
|
|
4
|
-
const [isHovering, setIsHovering] = useState(false);
|
|
5
|
-
const topArrowClasses = 'top-0';
|
|
6
|
-
const bottomArrowClasses = 'bottom-0';
|
|
7
|
-
const textClassList = 'text-center pt-1';
|
|
8
|
-
const liClassList = 'list-none';
|
|
9
|
-
const classList = classNames(className, 'item');
|
|
10
|
-
const itemClassList = classNames({
|
|
11
|
-
'hover:underline': type === 'link',
|
|
12
|
-
'mb-0': isHovering
|
|
13
|
-
}, 'bc-item relative px-4 h-8');
|
|
14
|
-
const backArrowsClasses = 'absolute w-0 h-0 bg-transparent border-l-transparent';
|
|
15
|
-
const frontArrowClasses = 'absolute top-0 w-0 h-0 border-t';
|
|
16
|
-
const frontArrow = (React.createElement("span", { style: {
|
|
17
|
-
borderTop: '17px solid transparent',
|
|
18
|
-
borderBottom: '15px solid transparent',
|
|
19
|
-
borderLeft: '16px solid',
|
|
20
|
-
right: '-16px'
|
|
21
|
-
}, className: frontArrowClasses }));
|
|
22
|
-
const backArrows = (React.createElement(React.Fragment, null,
|
|
23
|
-
React.createElement("span", { style: {
|
|
24
|
-
borderTop: '17px solid',
|
|
25
|
-
borderBottom: '18px solid transparent',
|
|
26
|
-
borderLeft: '17px solid transparent',
|
|
27
|
-
left: '-17px',
|
|
28
|
-
// '-webkit-transform': 'scaleY(-1)',
|
|
29
|
-
transform: 'scaleY(-1)'
|
|
30
|
-
}, className: `${backArrowsClasses} ${bottomArrowClasses}` }),
|
|
31
|
-
React.createElement("span", { style: {
|
|
32
|
-
borderTop: '18px solid',
|
|
33
|
-
borderBottom: '17px solid transparent',
|
|
34
|
-
borderLeft: '17px solid transparent',
|
|
35
|
-
left: '-17px'
|
|
36
|
-
}, className: `${backArrowsClasses} ${topArrowClasses}` })));
|
|
37
|
-
const renderWithFrontArrow = (React.createElement("div", { className: itemClassList },
|
|
38
|
-
React.createElement("p", { className: textClassList },
|
|
39
|
-
name,
|
|
40
|
-
frontArrow)));
|
|
41
|
-
const renderWithBackArrows = (React.createElement("div", { className: itemClassList },
|
|
42
|
-
React.createElement("p", { className: textClassList },
|
|
43
|
-
backArrows,
|
|
44
|
-
name,
|
|
45
|
-
frontArrow)));
|
|
46
|
-
return (React.createElement("div", { id: id, className: classList }, type === 'link'
|
|
47
|
-
? (firstItem === true
|
|
48
|
-
? (React.createElement("a", { onMouseOver: () => setIsHovering(true), onMouseOut: () => setIsHovering(false), href: href },
|
|
49
|
-
React.createElement("li", { className: liClassList }, renderWithFrontArrow)))
|
|
50
|
-
: (React.createElement("a", { onMouseOver: () => setIsHovering(true), onMouseOut: () => setIsHovering(false), href: href },
|
|
51
|
-
React.createElement("li", { className: liClassList }, renderWithBackArrows))))
|
|
52
|
-
: (firstItem === true
|
|
53
|
-
? (React.createElement("li", { className: liClassList, onMouseOver: () => setIsHovering(true), onMouseOut: () => setIsHovering(false) }, renderWithFrontArrow))
|
|
54
|
-
: (React.createElement("li", { className: liClassList, onMouseOver: () => setIsHovering(true), onMouseOut: () => setIsHovering(false) }, renderWithBackArrows)))));
|
|
55
|
-
};
|
|
56
|
-
export default BreadcrumbsItem;
|
|
57
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/BreadcrumbsItem/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface Props {
|
|
3
|
-
id?: string;
|
|
4
|
-
className?: string;
|
|
5
|
-
onClick?: React.MouseEventHandler;
|
|
6
|
-
hoverText?: string;
|
|
7
|
-
variant?: 'primary' | 'secondary';
|
|
8
|
-
type?: 'social' | 'icon' | 'default';
|
|
9
|
-
href?: string;
|
|
10
|
-
rounded?: boolean;
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
isLoading?: boolean;
|
|
13
|
-
openInNewTab?: boolean;
|
|
14
|
-
children?: any;
|
|
15
|
-
}
|
|
16
|
-
declare const Button: ({ id, className, onClick, hoverText, variant, type, href, rounded, disabled, isLoading, openInNewTab, children }: Props) => JSX.Element;
|
|
17
|
-
export default Button;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import Icon from '../Icon';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
const Button = ({ id, className, onClick, hoverText, variant = 'primary', type = 'default', href, rounded = true, disabled = false, isLoading = false, openInNewTab = false, children }) => {
|
|
5
|
-
const padding = classNames({
|
|
6
|
-
'px-1 py-1': type === 'social',
|
|
7
|
-
'px-3': type === 'icon',
|
|
8
|
-
'px-8': type !== 'social' && type !== 'icon'
|
|
9
|
-
}, 'py-2');
|
|
10
|
-
const loadingClasses = classNames({
|
|
11
|
-
invisible: !isLoading
|
|
12
|
-
}, 'absolute left-2/4 top-1/4 -ml-2');
|
|
13
|
-
const classList = classNames({
|
|
14
|
-
'bg-primary text-white border-white': variant === 'primary',
|
|
15
|
-
'hover:bg-white hover:text-primary hover:border-primary': !disabled && variant === 'primary',
|
|
16
|
-
'bg-white text-primary border-primary': variant === 'secondary',
|
|
17
|
-
'hover:bg-primary hover:text-white hover:border-primary': !disabled && variant === 'secondary',
|
|
18
|
-
'opacity-50': disabled,
|
|
19
|
-
'rounded-lg': rounded,
|
|
20
|
-
'rounded-none': !rounded
|
|
21
|
-
}, className, padding, 'group border-2 transition-backgroundColor duration-500 transform');
|
|
22
|
-
const loadingIcon = (React.createElement(Icon, { size: 1, type: 'spinner', animation: 'pulse', colour: 'white', bgColour: 'primary' }));
|
|
23
|
-
return (React.createElement("a", Object.assign({ className: 'group' }, (openInNewTab && { target: '_blank' }), { href: href }),
|
|
24
|
-
React.createElement("button", Object.assign({ id: id, className: classList, "aria-busy": isLoading }, ((onClick != null) &&
|
|
25
|
-
{ onClick }), (disabled &&
|
|
26
|
-
{ disabled })),
|
|
27
|
-
React.createElement("div", { className: classNames({ invisible: isLoading }) }, children),
|
|
28
|
-
isLoading &&
|
|
29
|
-
React.createElement("div", { className: loadingClasses }, loadingIcon))));
|
|
30
|
-
};
|
|
31
|
-
export default Button;
|
|
32
|
-
//# sourceMappingURL=index.js.map
|