trepur_components 2.1.1 → 2.2.2
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.d.ts +0 -2
- package/dist/src/lib/components/Accordion/Accordion.js +2 -2
- package/dist/src/lib/components/Accordion/Accordion.js.map +1 -1
- package/dist/src/lib/components/AlertBar/AlertBar.d.ts +2 -4
- package/dist/src/lib/components/AlertBar/AlertBar.js +2 -2
- package/dist/src/lib/components/AlertBar/AlertBar.js.map +1 -1
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.d.ts +1 -3
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.js +2 -2
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.d.ts +1 -3
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.js +2 -2
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.d.ts +1 -3
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.js +4 -4
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.js.map +1 -1
- package/dist/src/lib/components/Button/Button.d.ts +1 -3
- package/dist/src/lib/components/Button/Button.js +2 -2
- package/dist/src/lib/components/Button/Button.js.map +1 -1
- package/dist/src/lib/components/Button/style.module.css +8 -8
- package/dist/src/lib/components/Button/style.module.css.map +1 -1
- package/dist/src/lib/components/Calendar/Calendar.d.ts +0 -2
- package/dist/src/lib/components/Calendar/Calendar.js +3 -2
- package/dist/src/lib/components/Calendar/Calendar.js.map +1 -1
- package/dist/src/lib/components/Card/Card.d.ts +3 -5
- package/dist/src/lib/components/Card/Card.js +2 -2
- package/dist/src/lib/components/Card/Card.js.map +1 -1
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.d.ts +2 -4
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.js +2 -2
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.js.map +1 -1
- package/dist/src/lib/components/Carousel/Carousel.d.ts +2 -5
- package/dist/src/lib/components/Carousel/Carousel.js +5 -5
- package/dist/src/lib/components/Carousel/Carousel.js.map +1 -1
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.d.ts +2 -3
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.js +3 -3
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.js.map +1 -1
- package/dist/src/lib/components/Checkbox/Checkbox.d.ts +0 -2
- package/dist/src/lib/components/Checkbox/Checkbox.js +2 -2
- package/dist/src/lib/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/src/lib/components/Collapsible/Collapsible.d.ts +2 -4
- package/dist/src/lib/components/Collapsible/Collapsible.js +3 -3
- package/dist/src/lib/components/Collapsible/Collapsible.js.map +1 -1
- package/dist/src/lib/components/Column/Column.d.ts +0 -2
- package/dist/src/lib/components/Column/Column.js +2 -2
- package/dist/src/lib/components/Column/Column.js.map +1 -1
- package/dist/src/lib/components/ComponentWrapper/ComponentWrapper.d.ts +3 -4
- package/dist/src/lib/components/ComponentWrapper/ComponentWrapper.js +2 -2
- package/dist/src/lib/components/ComponentWrapper/ComponentWrapper.js.map +1 -1
- package/dist/src/lib/components/Container/Container.d.ts +1 -3
- package/dist/src/lib/components/Container/Container.js +2 -2
- package/dist/src/lib/components/Container/Container.js.map +1 -1
- package/dist/src/lib/components/Counter/Counter.d.ts +0 -2
- package/dist/src/lib/components/Counter/Counter.js +4 -4
- package/dist/src/lib/components/Counter/Counter.js.map +1 -1
- package/dist/src/lib/components/DetailUpdater/DetailUpdater.d.ts +0 -2
- package/dist/src/lib/components/DetailUpdater/DetailUpdater.js +3 -3
- package/dist/src/lib/components/DetailUpdater/DetailUpdater.js.map +1 -1
- package/dist/src/lib/components/Dialog/Dialog.d.ts +2 -4
- package/dist/src/lib/components/Dialog/Dialog.js +2 -2
- package/dist/src/lib/components/Dialog/Dialog.js.map +1 -1
- package/dist/src/lib/components/DropdownMenu/DropdownMenu.d.ts +2 -3
- package/dist/src/lib/components/DropdownMenu/DropdownMenu.js +2 -2
- package/dist/src/lib/components/DropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/src/lib/components/DynamicTextSection/DynamicTextSection.d.ts +1 -3
- package/dist/src/lib/components/DynamicTextSection/DynamicTextSection.js +5 -5
- package/dist/src/lib/components/DynamicTextSection/DynamicTextSection.js.map +1 -1
- package/dist/src/lib/components/FileUploader/FilePreview.d.ts +0 -2
- package/dist/src/lib/components/FileUploader/FilePreview.js +3 -3
- package/dist/src/lib/components/FileUploader/FilePreview.js.map +1 -1
- package/dist/src/lib/components/FileUploader/FileUploader.d.ts +0 -2
- package/dist/src/lib/components/FileUploader/FileUploader.js +6 -6
- package/dist/src/lib/components/FileUploader/FileUploader.js.map +1 -1
- package/dist/src/lib/components/FilterItem/FilterItem.d.ts +1 -3
- package/dist/src/lib/components/FilterItem/FilterItem.js +2 -2
- package/dist/src/lib/components/FilterItem/FilterItem.js.map +1 -1
- package/dist/src/lib/components/Footer/Footer.d.ts +2 -4
- package/dist/src/lib/components/Footer/Footer.js +3 -3
- package/dist/src/lib/components/Footer/Footer.js.map +1 -1
- package/dist/src/lib/components/FooterNav/FooterNav.d.ts +3 -4
- package/dist/src/lib/components/FooterNav/FooterNav.js +2 -2
- package/dist/src/lib/components/FooterNav/FooterNav.js.map +1 -1
- package/dist/src/lib/components/FooterNavItem/FooterNavItem.d.ts +3 -4
- package/dist/src/lib/components/FooterNavItem/FooterNavItem.js +3 -3
- package/dist/src/lib/components/FooterNavItem/FooterNavItem.js.map +1 -1
- package/dist/src/lib/components/Form/Form.d.ts +3 -5
- package/dist/src/lib/components/Form/Form.js +4 -4
- package/dist/src/lib/components/Form/Form.js.map +1 -1
- package/dist/src/lib/components/FyreCard/FyreCard.d.ts +2 -4
- package/dist/src/lib/components/FyreCard/FyreCard.js +2 -2
- package/dist/src/lib/components/FyreCard/FyreCard.js.map +1 -1
- package/dist/src/lib/components/Greeting/Greeting.d.ts +0 -2
- package/dist/src/lib/components/Greeting/Greeting.js.map +1 -1
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.d.ts +1 -3
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js +2 -2
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js.map +1 -1
- package/dist/src/lib/components/HorizontalLine/HorizontalLine.d.ts +2 -3
- package/dist/src/lib/components/HorizontalLine/HorizontalLine.js +2 -2
- package/dist/src/lib/components/HorizontalLine/HorizontalLine.js.map +1 -1
- package/dist/src/lib/components/Icon/Icon.d.ts +2 -3
- package/dist/src/lib/components/Icon/Icon.js +2 -2
- package/dist/src/lib/components/Icon/Icon.js.map +1 -1
- package/dist/src/lib/components/IconCard/IconCard.d.ts +1 -3
- package/dist/src/lib/components/IconCard/IconCard.js +2 -2
- package/dist/src/lib/components/IconCard/IconCard.js.map +1 -1
- package/dist/src/lib/components/Image/Image.d.ts +1 -3
- package/dist/src/lib/components/Image/Image.js +2 -2
- package/dist/src/lib/components/Image/Image.js.map +1 -1
- package/dist/src/lib/components/ImageInfo/ImageInfo.d.ts +1 -2
- package/dist/src/lib/components/ImageInfo/ImageInfo.js +2 -2
- package/dist/src/lib/components/ImageInfo/ImageInfo.js.map +1 -1
- package/dist/src/lib/components/ImageLink/ImageLink.d.ts +2 -4
- package/dist/src/lib/components/ImageLink/ImageLink.js +2 -2
- package/dist/src/lib/components/ImageLink/ImageLink.js.map +1 -1
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.d.ts +2 -4
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.js +2 -2
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.js.map +1 -1
- package/dist/src/lib/components/InformationIcon/InformationIcon.d.ts +3 -4
- package/dist/src/lib/components/InformationIcon/InformationIcon.js +3 -3
- package/dist/src/lib/components/InformationIcon/InformationIcon.js.map +1 -1
- package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.d.ts +3 -4
- package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.js +3 -3
- package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.js.map +1 -1
- package/dist/src/lib/components/Input/Input.d.ts +2 -3
- package/dist/src/lib/components/Input/Input.js +3 -3
- package/dist/src/lib/components/Input/Input.js.map +1 -1
- package/dist/src/lib/components/Jumbotron/Jumbotron.d.ts +1 -3
- package/dist/src/lib/components/Jumbotron/Jumbotron.js +2 -2
- package/dist/src/lib/components/Jumbotron/Jumbotron.js.map +1 -1
- package/dist/src/lib/components/MenuButton/MenuButton.d.ts +2 -3
- package/dist/src/lib/components/MenuButton/MenuButton.js +2 -2
- package/dist/src/lib/components/MenuButton/MenuButton.js.map +1 -1
- package/dist/src/lib/components/Nav/Nav.d.ts +4 -6
- package/dist/src/lib/components/Nav/Nav.js +32 -30
- package/dist/src/lib/components/Nav/Nav.js.map +1 -1
- package/dist/src/lib/components/Nav/StickyNav.d.ts +3 -5
- package/dist/src/lib/components/Nav/StickyNav.js +9 -9
- package/dist/src/lib/components/Nav/StickyNav.js.map +1 -1
- package/dist/src/lib/components/Nav/style.module.css +52 -0
- package/dist/src/lib/components/Nav/style.module.css.map +1 -1
- package/dist/src/lib/components/NavItem/NavItem.d.ts +1 -3
- package/dist/src/lib/components/NavItem/NavItem.js +2 -2
- package/dist/src/lib/components/NavItem/NavItem.js.map +1 -1
- package/dist/src/lib/components/NavItem/style.module.css +5 -5
- package/dist/src/lib/components/NavItem/style.module.css.map +1 -1
- package/dist/src/lib/components/NewsCard/NewsCard.d.ts +3 -5
- package/dist/src/lib/components/NewsCard/NewsCard.js +2 -2
- package/dist/src/lib/components/NewsCard/NewsCard.js.map +1 -1
- package/dist/src/lib/components/Pill/Pill.d.ts +1 -3
- package/dist/src/lib/components/Pill/Pill.js +2 -2
- package/dist/src/lib/components/Pill/Pill.js.map +1 -1
- package/dist/src/lib/components/ProductCard/ProductCard.d.ts +1 -3
- package/dist/src/lib/components/ProductCard/ProductCard.js +6 -6
- package/dist/src/lib/components/ProductCard/ProductCard.js.map +1 -1
- package/dist/src/lib/components/ProductCardV2/ProductCardV2.d.ts +2 -4
- package/dist/src/lib/components/ProductCardV2/ProductCardV2.js +8 -8
- package/dist/src/lib/components/ProductCardV2/ProductCardV2.js.map +1 -1
- package/dist/src/lib/components/Proficiencies/Proficiencies.d.ts +3 -4
- package/dist/src/lib/components/Proficiencies/Proficiencies.js +3 -3
- package/dist/src/lib/components/Proficiencies/Proficiencies.js.map +1 -1
- package/dist/src/lib/components/Profile/Profile.d.ts +2 -4
- package/dist/src/lib/components/Profile/Profile.js +2 -2
- package/dist/src/lib/components/Profile/Profile.js.map +1 -1
- package/dist/src/lib/components/Row/Row.d.ts +1 -3
- package/dist/src/lib/components/Row/Row.js +2 -2
- package/dist/src/lib/components/Row/Row.js.map +1 -1
- package/dist/src/lib/components/Search/Search.d.ts +2 -4
- package/dist/src/lib/components/Search/Search.js +2 -2
- package/dist/src/lib/components/Search/Search.js.map +1 -1
- package/dist/src/lib/components/Select/Select.d.ts +0 -2
- package/dist/src/lib/components/Select/Select.js +5 -5
- package/dist/src/lib/components/Select/Select.js.map +1 -1
- package/dist/src/lib/components/Showcase/Showcase.d.ts +2 -3
- package/dist/src/lib/components/Showcase/Showcase.js +5 -5
- package/dist/src/lib/components/Showcase/Showcase.js.map +1 -1
- package/dist/src/lib/components/SideNav/SideNav.d.ts +2 -3
- package/dist/src/lib/components/SideNav/SideNav.js +2 -2
- package/dist/src/lib/components/SideNav/SideNav.js.map +1 -1
- package/dist/src/lib/components/SocialBlock/SocialBlock.d.ts +2 -3
- package/dist/src/lib/components/SocialBlock/SocialBlock.js +3 -3
- package/dist/src/lib/components/SocialBlock/SocialBlock.js.map +1 -1
- package/dist/src/lib/components/SocialButton/SocialButton.d.ts +2 -3
- package/dist/src/lib/components/SocialButton/SocialButton.js +2 -2
- package/dist/src/lib/components/SocialButton/SocialButton.js.map +1 -1
- package/dist/src/lib/components/StarRating/StarRating.d.ts +1 -3
- package/dist/src/lib/components/StarRating/StarRating.js +2 -2
- package/dist/src/lib/components/StarRating/StarRating.js.map +1 -1
- package/dist/src/lib/components/Testimonial/Testimonial.d.ts +2 -4
- package/dist/src/lib/components/Testimonial/Testimonial.js +2 -2
- package/dist/src/lib/components/Testimonial/Testimonial.js.map +1 -1
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.d.ts +2 -3
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js +3 -3
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js.map +1 -1
- package/dist/src/lib/components/TextArea/TextArea.d.ts +2 -3
- package/dist/src/lib/components/TextArea/TextArea.js +3 -3
- package/dist/src/lib/components/TextArea/TextArea.js.map +1 -1
- package/dist/src/lib/components/Timeline/Timeline.d.ts +2 -3
- package/dist/src/lib/components/Timeline/Timeline.js +3 -3
- package/dist/src/lib/components/Timeline/Timeline.js.map +1 -1
- package/dist/src/lib/components/TimelineV2/TimelineV2.d.ts +3 -4
- package/dist/src/lib/components/TimelineV2/TimelineV2.js +3 -3
- package/dist/src/lib/components/TimelineV2/TimelineV2.js.map +1 -1
- package/dist/src/lib/components/Tubestops/Tubestops.d.ts +1 -2
- package/dist/src/lib/components/Tubestops/Tubestops.js +6 -6
- package/dist/src/lib/components/Tubestops/Tubestops.js.map +1 -1
- package/dist/src/lib/components/UserIcon/UserIcon.d.ts +2 -4
- package/dist/src/lib/components/UserIcon/UserIcon.js +2 -2
- package/dist/src/lib/components/UserIcon/UserIcon.js.map +1 -1
- package/dist/src/lib/components/Video/Video.d.ts +1 -3
- package/dist/src/lib/components/Video/Video.js +1 -1
- package/dist/src/lib/components/Video/Video.js.map +1 -1
- package/dist/src/lib/typography/Colours/Colours.d.ts +1 -5
- package/dist/src/lib/typography/Colours/Colours.js +43 -43
- package/dist/src/lib/typography/Colours/Colours.js.map +1 -1
- package/dist/src/lib/typography/Colours/style.module.css +0 -7
- package/dist/src/lib/typography/Colours/style.module.css.map +1 -1
- package/dist/src/lib/typography/Fonts/Fonts.js +1 -1
- package/dist/src/lib/typography/Fonts/Fonts.js.map +1 -1
- package/dist/src/lib/utils/controls.d.ts +0 -16
- package/dist/src/lib/utils/controls.js +0 -11
- package/dist/src/lib/utils/controls.js.map +1 -1
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
|
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import style from './style.module.css';
|
|
4
4
|
import Icon from '../Icon/Icon';
|
|
5
|
-
const Select = ({ id, className, options, value, label, onClick, required = false, fullWidth = false
|
|
5
|
+
const Select = ({ id, className, options, value, label, onClick, required = false, fullWidth = false }) => {
|
|
6
6
|
const [showDropDown, setShowDropDown] = useState(false);
|
|
7
7
|
const [activeValue, setActiveValue] = useState(value !== undefined ? value : options === null || options === void 0 ? void 0 : options[0]);
|
|
8
8
|
const handleOptionClick = (e) => {
|
|
@@ -14,9 +14,9 @@ const Select = ({ id, className, options, value, label, onClick, required = fals
|
|
|
14
14
|
[style.fullWidth]: fullWidth,
|
|
15
15
|
[style.notFullWidth]: !fullWidth
|
|
16
16
|
});
|
|
17
|
-
const headerClassList = classNames(fullWidthClasses, style.classList, className, theme);
|
|
18
|
-
const dropdownClassList = classNames(fullWidthClasses, style.optionList, theme);
|
|
19
|
-
const dropdownItemClassList = classNames(style.option, theme);
|
|
17
|
+
const headerClassList = classNames(fullWidthClasses, style.classList, className, 'theme-local');
|
|
18
|
+
const dropdownClassList = classNames(fullWidthClasses, style.optionList, 'theme-local');
|
|
19
|
+
const dropdownItemClassList = classNames(style.option, 'theme-local');
|
|
20
20
|
return (React.createElement(React.Fragment, null,
|
|
21
21
|
React.createElement("div", { id: id, className: headerClassList, onClick: () => {
|
|
22
22
|
setShowDropDown(!showDropDown);
|
|
@@ -27,7 +27,7 @@ const Select = ({ id, className, options, value, label, onClick, required = fals
|
|
|
27
27
|
required && React.createElement("p", { className: style.required }, "\u00A0*")),
|
|
28
28
|
React.createElement("p", { className: style.value }, activeValue)),
|
|
29
29
|
React.createElement(Icon, { className: style.icon, bgColour: 'white', colour: 'ink', hoverBgColour: 'white', hoverColour: 'ink', type: 'chevron-down' })),
|
|
30
|
-
showDropDown && (React.createElement("div", { className: classNames(style.dropdownWrapper, fullWidthClasses
|
|
30
|
+
showDropDown && (React.createElement("div", { className: classNames(style.dropdownWrapper, fullWidthClasses) },
|
|
31
31
|
React.createElement("ul", { className: dropdownClassList }, options === null || options === void 0 ? void 0 : options.map((option, i) => (React.createElement("li", { key: `key_${i}`, className: dropdownItemClassList, value: option, onClick: (e) => {
|
|
32
32
|
handleOptionClick(e);
|
|
33
33
|
} }, option))))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../src/lib/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,IAAI,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../src/lib/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,IAAI,MAAM,uBAAuB,CAAA;AAaxC,MAAM,MAAM,GAAoB,CAAC,EAC/B,EAAE,EACF,SAAS,EACT,OAAO,EACP,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EAClB,EAAE,EAAE;IACH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAC5C,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAC3C,CAAA;IAED,MAAM,iBAAiB,GAAG,CAAC,CAAM,EAAQ,EAAE;QACzC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;QAC7B,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;QACpC,eAAe,CAAC,KAAK,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,SAAS;QAC5B,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC,SAAS;KACjC,CAAC,CAAA;IAEF,MAAM,eAAe,GAAG,UAAU,CAChC,gBAAgB,EAChB,KAAK,CAAC,SAAS,EACf,SAAS,EACT,aAAa,CACd,CAAA;IAED,MAAM,iBAAiB,GAAG,UAAU,CAClC,gBAAgB,EAChB,KAAK,CAAC,UAAU,EAChB,aAAa,CACd,CAAA;IACD,MAAM,qBAAqB,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;IAErE,OAAO,CACL;QACE,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,GAAG,EAAE;gBACZ,eAAe,CAAC,CAAC,YAAY,CAAC,CAAA;YAChC,CAAC;YAED,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc;gBAClC,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY;oBAChC,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK;oBACrC,QAAQ,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,QAAQ,cAAa,CAClD;gBACN,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,WAAW,CAAK,CACxC;YACN,oBAAC,IAAI,IACH,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,QAAQ,EAAC,OAAO,EAChB,MAAM,EAAC,KAAK,EACZ,aAAa,EAAC,OAAO,EACrB,WAAW,EAAC,KAAK,EACjB,IAAI,EAAC,cAAc,GACnB,CACE;QACL,YAAY,IAAI,CACf,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,eAAe,EAAE,gBAAgB,CAAC;YACjE,4BAAI,SAAS,EAAE,iBAAiB,IAC7B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAAc,EAAE,CAAC,EAAE,EAAE,CAAC,CACnC,4BACE,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,SAAS,EAAE,qBAAqB,EAChC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,iBAAiB,CAAC,CAAC,CAAC,CAAA;gBACtB,CAAC,IAEA,MAAM,CACJ,CACN,CAAC,CACC,CACD,CACP,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Colours
|
|
3
|
-
import { Props as iconProps } from '../Icon/Icon';
|
|
2
|
+
import { type Colours } from '../../utils/controls';
|
|
3
|
+
import { type Props as iconProps } from '../Icon/Icon';
|
|
4
4
|
export interface Props {
|
|
5
5
|
id: string;
|
|
6
6
|
className?: string;
|
|
@@ -9,7 +9,6 @@ export interface Props {
|
|
|
9
9
|
description: string;
|
|
10
10
|
bgColour?: Colours;
|
|
11
11
|
image: string;
|
|
12
|
-
theme?: ThemeTypes;
|
|
13
12
|
size?: 'small' | 'medium' | 'large';
|
|
14
13
|
iconProps?: iconProps;
|
|
15
14
|
}
|
|
@@ -5,15 +5,15 @@ import Container from '../Container/Container';
|
|
|
5
5
|
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
6
6
|
import Icon from '../Icon/Icon';
|
|
7
7
|
import Avatar from '../Avatar/Avatar';
|
|
8
|
-
const Showcase = ({ id, className, title, subTitle, description, bgColour, size = 'large',
|
|
9
|
-
const classList = classNames(className);
|
|
8
|
+
const Showcase = ({ id, className, title, subTitle, description, bgColour, size = 'large', iconProps }) => {
|
|
9
|
+
const classList = classNames(className, 'theme-local');
|
|
10
10
|
const containerSize = classNames({
|
|
11
11
|
[style.smallContainer]: size === 'small',
|
|
12
12
|
[style.mediumContainer]: size === 'medium',
|
|
13
13
|
[style.largeContainer]: size === 'large'
|
|
14
14
|
}, style.container);
|
|
15
|
-
return (React.createElement(ComponentWrapper, { id: id, className: classList, bgColour: bgColour
|
|
16
|
-
React.createElement(Container, { className: containerSize
|
|
15
|
+
return (React.createElement(ComponentWrapper, { id: id, className: classList, bgColour: bgColour },
|
|
16
|
+
React.createElement(Container, { className: containerSize },
|
|
17
17
|
React.createElement("div", { className: style.textWrapper },
|
|
18
18
|
React.createElement("h2", { className: style.title }, title),
|
|
19
19
|
React.createElement("h2", { className: style.subTitle }, subTitle),
|
|
@@ -21,7 +21,7 @@ const Showcase = ({ id, className, title, subTitle, description, bgColour, size
|
|
|
21
21
|
React.createElement("div", { className: style.avatarWrapper },
|
|
22
22
|
React.createElement(Avatar, null))),
|
|
23
23
|
(iconProps === null || iconProps === void 0 ? void 0 : iconProps.type) !== undefined && (React.createElement("div", { className: style.iconWrapper },
|
|
24
|
-
React.createElement(Icon, Object.assign({
|
|
24
|
+
React.createElement(Icon, Object.assign({ className: style.icon, size: 2, rounded: true }, iconProps, { type: iconProps.type, onClick: iconProps.onClick }))))));
|
|
25
25
|
};
|
|
26
26
|
export default Showcase;
|
|
27
27
|
//# sourceMappingURL=Showcase.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Showcase.js","sourceRoot":"","sources":["../../../../../src/lib/components/Showcase/Showcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,
|
|
1
|
+
{"version":3,"file":"Showcase.js","sourceRoot":"","sources":["../../../../../src/lib/components/Showcase/Showcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,IAAiC,MAAM,uBAAuB,CAAA;AACrE,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAe9C,MAAM,QAAQ,GAAoB,CAAC,EACjC,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,IAAI,GAAG,OAAO,EAEd,SAAS,EACH,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IAEtD,MAAM,aAAa,GAAG,UAAU,CAC9B;QACE,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,IAAI,KAAK,OAAO;QACxC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,IAAI,KAAK,QAAQ;QAC1C,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,IAAI,KAAK,OAAO;KACzC,EACD,KAAK,CAAC,SAAS,CAChB,CAAA;IAED,OAAO,CACL,oBAAC,gBAAgB,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ;QAChE,oBAAC,SAAS,IAAC,SAAS,EAAE,aAAa;YACjC,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;gBAC/B,4BAAI,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAM;gBACxC,4BAAI,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAG,QAAQ,CAAM;gBAC9C,2BAAG,SAAS,EAAE,KAAK,CAAC,WAAW,IAAG,WAAW,CAAK,CAC9C;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;gBACjC,oBAAC,MAAM,OAAG,CACN,CACI;QACX,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,MAAK,SAAS,IAAI,CAChC,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;YAC/B,oBAAC,IAAI,kBACH,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,IAAI,EAAE,CAAC,EACP,OAAO,UACH,SAAS,IACb,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,OAAO,EAAE,SAAS,CAAC,OAAO,IAC1B,CACE,CACP,CACgB,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Colours
|
|
2
|
+
import { type Colours } from '../../utils/controls';
|
|
3
3
|
export interface Props {
|
|
4
4
|
id: string;
|
|
5
5
|
className: string;
|
|
@@ -8,7 +8,6 @@ export interface Props {
|
|
|
8
8
|
bgColour?: Colours;
|
|
9
9
|
showNav?: boolean;
|
|
10
10
|
leftExpand?: boolean;
|
|
11
|
-
theme?: ThemeTypes;
|
|
12
11
|
}
|
|
13
|
-
declare const SideNav: ({ id, className, children, bgColour, showNav, leftExpand
|
|
12
|
+
declare const SideNav: ({ id, className, children, bgColour, showNav, leftExpand }: Props) => JSX.Element;
|
|
14
13
|
export default SideNav;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import style from './style.module.css';
|
|
4
|
-
const SideNav = ({ id, className, children, bgColour = 'primary', showNav = false, leftExpand = true
|
|
4
|
+
const SideNav = ({ id, className, children, bgColour = 'primary', showNav = false, leftExpand = true }) => {
|
|
5
5
|
const sideNavClasses = classNames({
|
|
6
6
|
[style.sideBarCollapsed]: !showNav,
|
|
7
7
|
[style.sideBarExpanded]: showNav,
|
|
8
8
|
[style.leftExpand]: leftExpand,
|
|
9
9
|
[style.rightExpand]: !leftExpand
|
|
10
|
-
}, style[bgColour], style.sideNavClassList, className, theme);
|
|
10
|
+
}, style[bgColour], style.sideNavClassList, className, 'theme-local');
|
|
11
11
|
return (React.createElement("div", { id: id, className: sideNavClasses }, children));
|
|
12
12
|
};
|
|
13
13
|
export default SideNav;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNav.js","sourceRoot":"","sources":["../../../../../src/lib/components/SideNav/SideNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"SideNav.js","sourceRoot":"","sources":["../../../../../src/lib/components/SideNav/SideNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAatC,MAAM,OAAO,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,SAAS,EACpB,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,IAAI,EACX,EAAe,EAAE;IACvB,MAAM,cAAc,GAAG,UAAU,CAC/B;QACE,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,CAAC,OAAO;QAClC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,OAAO;QAChC,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,UAAU;QAC9B,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,UAAU;KACjC,EACD,KAAK,CAAC,QAAQ,CAAC,EACf,KAAK,CAAC,gBAAgB,EACtB,SAAS,EACT,aAAa,CACd,CAAA;IAED,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,cAAc,IACnC,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Colours
|
|
2
|
+
import { type Colours } from '../../utils/controls';
|
|
3
3
|
export interface Props {
|
|
4
4
|
id?: string;
|
|
5
5
|
className?: string;
|
|
@@ -10,7 +10,6 @@ export interface Props {
|
|
|
10
10
|
type: string;
|
|
11
11
|
}>;
|
|
12
12
|
variant: 'light' | 'dark';
|
|
13
|
-
theme?: ThemeTypes;
|
|
14
13
|
}
|
|
15
|
-
declare const SocialBlock: ({ id, className, title, description, bgColour, socialButtons, variant
|
|
14
|
+
declare const SocialBlock: ({ id, className, title, description, bgColour, socialButtons, variant }: Props) => JSX.Element;
|
|
16
15
|
export default SocialBlock;
|
|
@@ -3,10 +3,10 @@ import classNames from 'classnames';
|
|
|
3
3
|
import style from './style.module.css';
|
|
4
4
|
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
5
5
|
import SocialButton from '../SocialButton/SocialButton';
|
|
6
|
-
const SocialBlock = ({ id, className, title, description, bgColour, socialButtons, variant = 'light'
|
|
6
|
+
const SocialBlock = ({ id, className, title, description, bgColour, socialButtons, variant = 'light' }) => {
|
|
7
7
|
const colours = variant === 'dark' ? style.dark : style.light;
|
|
8
|
-
const classList = classNames(style.classList, className, colours);
|
|
9
|
-
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour
|
|
8
|
+
const classList = classNames(style.classList, className, colours, 'theme-local');
|
|
9
|
+
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour },
|
|
10
10
|
React.createElement("div", { className: style.outside },
|
|
11
11
|
React.createElement("div", { className: style.wrapper },
|
|
12
12
|
React.createElement("div", { className: style.buttonWrapper }, socialButtons === null || socialButtons === void 0 ? void 0 : socialButtons.map((button, i) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SocialBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialBlock/SocialBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,YAAY,MAAM,uCAAuC,CAAA;
|
|
1
|
+
{"version":3,"file":"SocialBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialBlock/SocialBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,YAAY,MAAM,uCAAuC,CAAA;AAYhE,MAAM,WAAW,GAAG,CAAC,EACnB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,aAAa,EACb,OAAO,GAAG,OAAO,EACX,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAA;IAC7D,MAAM,SAAS,GAAG,UAAU,CAC1B,KAAK,CAAC,SAAS,EACf,SAAS,EACT,OAAO,EACP,aAAa,CACd,CAAA;IAED,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ;QAElB,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;YAC3B,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;gBAC3B,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,IAChC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,CAAC,MAAW,EAAE,CAAS,EAAE,EAAE;oBAC7C,OAAO,CACL,MAAM,CAAC,IAAI,KAAK,SAAS,IAAI,CAC3B,oBAAC,YAAY,IACX,GAAG,EAAE,iBAAiB,CAAC,EAAE,EACzB,SAAS,EAAE,KAAK,CAAC,aAAa,EAC9B,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,IAAI,EAAE,MAAM,CAAC,IAAI,GACjB,CACH,CACF,CAAA;gBACH,CAAC,CAAC,CACE,CACF,CACF,CACW,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { SocialTypes } from '../../utils/controls';
|
|
3
3
|
export interface Props {
|
|
4
4
|
id?: string;
|
|
5
5
|
className?: string;
|
|
@@ -7,7 +7,6 @@ export interface Props {
|
|
|
7
7
|
type?: SocialTypes;
|
|
8
8
|
href?: string;
|
|
9
9
|
openInNewTab?: boolean;
|
|
10
|
-
theme?: ThemeTypes;
|
|
11
10
|
}
|
|
12
|
-
declare const SocialButton: ({ id, className, onClick, type, href, openInNewTab
|
|
11
|
+
declare const SocialButton: ({ id, className, onClick, type, href, openInNewTab }: Props) => JSX.Element;
|
|
13
12
|
export default SocialButton;
|
|
@@ -2,13 +2,13 @@ import React from 'react';
|
|
|
2
2
|
import Icon from '../Icon/Icon';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import style from './style.module.css';
|
|
5
|
-
const SocialButton = ({ id, className, onClick, type = 'facebook', href, openInNewTab = false
|
|
5
|
+
const SocialButton = ({ id, className, onClick, type = 'facebook', href, openInNewTab = false }) => {
|
|
6
6
|
const getColours = (type) => {
|
|
7
7
|
const typeString = type;
|
|
8
8
|
const colour = `interactive-${typeString}`;
|
|
9
9
|
return colour;
|
|
10
10
|
};
|
|
11
|
-
const classList = classNames(style.classList, style[type],
|
|
11
|
+
const classList = classNames(style.classList, style[type], className, 'theme-local');
|
|
12
12
|
const iconType = {
|
|
13
13
|
facebook: 'facebook-f',
|
|
14
14
|
instagram: 'instagram',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SocialButton.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialButton/SocialButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,uBAAuB,CAAA;AACxC,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"SocialButton.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialButton/SocialButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,uBAAuB,CAAA;AACxC,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAWtC,MAAM,YAAY,GAAG,CAAC,EACpB,EAAE,EACF,SAAS,EACT,OAAO,EACP,IAAI,GAAG,UAAU,EACjB,IAAI,EACJ,YAAY,GAAG,KAAK,EACd,EAAe,EAAE;IACvB,MAAM,UAAU,GAAG,CAAC,IAAa,EAAW,EAAE;QAC5C,MAAM,UAAU,GAAW,IAAI,CAAA;QAC/B,MAAM,MAAM,GAAW,eAAe,UAAU,EAAE,CAAA;QAClD,OAAO,MAAiB,CAAA;IAC1B,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,UAAU,CAC1B,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,IAAI,CAAC,EACX,SAAS,EACT,aAAa,CACd,CAAA;IAED,MAAM,QAAQ,GAAG;QACf,QAAQ,EAAE,YAAY;QACtB,SAAS,EAAE,WAAW;QACtB,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE,aAAa;KACxB,CAAA;IAED,MAAM,UAAU,GAAW,IAAI,CAAC,QAAQ,EAAE,CAAA;IAC1C,OAAO,CACL,yCACE,SAAS,EAAE,KAAK,CAAC,MAAM,EACvB,IAAI,EAAE,IAAI,gBACE,cAAc,UAAU,EAAE,EACtC,OAAO,EAAE,OAAO,IACZ,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;QAE1C,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;YAC/B,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,EACpB,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAE,CAAC,EACP,KAAK,QACL,OAAO,QACP,QAAQ,EAAE,IAAI,EACd,MAAM,EAAC,OAAO,EACd,aAAa,EAAE,UAAU,CAAC,IAAe,CAAC,GAC1C,CACE,CACJ,CACL,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ThemeTypes } from '../../utils/controls';
|
|
3
2
|
export interface Props {
|
|
4
3
|
id: string;
|
|
5
4
|
className: string;
|
|
6
5
|
stars: number;
|
|
7
6
|
size: number;
|
|
8
|
-
theme?: ThemeTypes;
|
|
9
7
|
}
|
|
10
|
-
declare const StarRating: ({ id, className, stars, size
|
|
8
|
+
declare const StarRating: ({ id, className, stars, size }: Props) => JSX.Element;
|
|
11
9
|
export default StarRating;
|
|
@@ -2,8 +2,8 @@ import React from 'react';
|
|
|
2
2
|
import Icon from '../Icon/Icon';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import style from './style.module.css';
|
|
5
|
-
const StarRating = ({ id, className, stars = 1, size = 1
|
|
6
|
-
const classList = classNames(className, style.classList, theme);
|
|
5
|
+
const StarRating = ({ id, className, stars = 1, size = 1 }) => {
|
|
6
|
+
const classList = classNames(className, style.classList, 'theme-local');
|
|
7
7
|
const getStars = () => {
|
|
8
8
|
const starsArr = [];
|
|
9
9
|
for (let i = 0; i < stars; i++) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StarRating.js","sourceRoot":"","sources":["../../../../../src/lib/components/StarRating/StarRating.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,uBAAuB,CAAA;AACxC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"StarRating.js","sourceRoot":"","sources":["../../../../../src/lib/components/StarRating/StarRating.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,uBAAuB,CAAA;AACxC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAStC,MAAM,UAAU,GAAG,CAAC,EAClB,EAAE,EACF,SAAS,EACT,KAAK,GAAG,CAAC,EACT,IAAI,GAAG,CAAC,EACF,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IAEvE,MAAM,QAAQ,GAAG,GAAkB,EAAE;QACnC,MAAM,QAAQ,GAAG,EAAE,CAAA;QACnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;YAC9B,QAAQ,CAAC,IAAI,CACX,oBAAC,IAAI,IACH,GAAG,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAAE,EAC5B,EAAE,EAAE,WAAW,CAAC,EAAE,EAClB,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,WAAW,EAAE,SAAS,CAAC,EACnD,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,OAAO,EAChB,WAAW,EAAC,MAAM,EAClB,aAAa,EAAC,OAAO,GACrB,CACH,CAAA;SACF;QACD,OAAO,QAAQ,CAAA;IACjB,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,GAAkB,EAAE;QAC1C,MAAM,QAAQ,GAAG,EAAE,CAAA;QACnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;YAClC,QAAQ,CAAC,IAAI,CACX,oBAAC,IAAI,IACH,GAAG,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAAE,EAC9B,EAAE,EAAE,aAAa,CAAC,EAAE,EACpB,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,aAAa,EAAE,gBAAgB,CAAC,EAC5D,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,OAAO,EAChB,WAAW,EAAC,MAAM,EAClB,aAAa,EAAC,OAAO,GACrB,CACH,CAAA;SACF;QACD,OAAO,QAAQ,CAAA;IACjB,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAkB,EAAE;QACtC,MAAM,SAAS,GAAG,CAAC,GAAG,QAAQ,EAAE,EAAE,GAAG,eAAe,EAAE,CAAC,CAAA;QACvD,OAAO,SAAS,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC9B,WAAW,EAAE,CACV,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Props as imageProps } from '../Image/Image';
|
|
3
|
-
import { ThemeTypes } from '../../utils/controls';
|
|
2
|
+
import { type Props as imageProps } from '../Image/Image';
|
|
4
3
|
export interface Props {
|
|
5
4
|
id?: string;
|
|
6
5
|
className?: string;
|
|
@@ -13,7 +12,6 @@ export interface Props {
|
|
|
13
12
|
positionEndDate?: string;
|
|
14
13
|
authorsName?: string;
|
|
15
14
|
authorsPosition?: string;
|
|
16
|
-
theme?: ThemeTypes;
|
|
17
15
|
}
|
|
18
|
-
declare const Testimonial: ({ id, className, text, imageProps, companyName, position, date, positionStartDate, positionEndDate, authorsName, authorsPosition
|
|
16
|
+
declare const Testimonial: ({ id, className, text, imageProps, companyName, position, date, positionStartDate, positionEndDate, authorsName, authorsPosition }: Props) => JSX.Element;
|
|
19
17
|
export default Testimonial;
|
|
@@ -3,8 +3,8 @@ import classNames from 'classnames';
|
|
|
3
3
|
import Image from '../Image/Image';
|
|
4
4
|
import style from './style.module.css';
|
|
5
5
|
import Container from '../Container/Container';
|
|
6
|
-
const Testimonial = ({ id, className, text, imageProps, companyName, position, date, positionStartDate, positionEndDate, authorsName, authorsPosition
|
|
7
|
-
const classList = classNames(className, style.classList, theme);
|
|
6
|
+
const Testimonial = ({ id, className, text, imageProps, companyName, position, date, positionStartDate, positionEndDate, authorsName, authorsPosition }) => {
|
|
7
|
+
const classList = classNames(className, style.classList, 'theme-local');
|
|
8
8
|
const src = (imageProps === null || imageProps === void 0 ? void 0 : imageProps.src) !== undefined ? imageProps === null || imageProps === void 0 ? void 0 : imageProps.src : '';
|
|
9
9
|
return (React.createElement("div", { id: id, className: classList },
|
|
10
10
|
React.createElement(Container, { withPadding: true },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Testimonial.js","sourceRoot":"","sources":["../../../../../src/lib/components/Testimonial/Testimonial.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,
|
|
1
|
+
{"version":3,"file":"Testimonial.js","sourceRoot":"","sources":["../../../../../src/lib/components/Testimonial/Testimonial.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAmC,MAAM,yBAAyB,CAAA;AACzE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAgBvD,MAAM,WAAW,GAAG,CAAC,EACnB,EAAE,EACF,SAAS,EACT,IAAI,EACJ,UAAU,EACV,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,eAAe,EACT,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IACvE,MAAM,GAAG,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,MAAK,SAAS,CAAC,CAAC,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;IAEhE,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,oBAAC,SAAS,IAAC,WAAW;YACpB,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY;gBAChC,oBAAC,KAAK,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,EAAI,CAC/B;YACN;gBACE,4BAAI,SAAS,EAAE,KAAK,CAAC,WAAW,IAAG,WAAW,CAAM;gBACpD,2BAAG,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAG,QAAQ,CAAK;gBAC5C,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK;oBACtB,iBAAiB;;oBAAK,eAAe,CACpC;gBACJ,2BAAG,SAAS,EAAE,KAAK,CAAC,IAAI,IAAG,IAAI,CAAK;gBACpC,2BAAG,SAAS,EAAE,KAAK,CAAC,MAAM;oBACvB,WAAW;;oBAAK,eAAe;;oBAAI,IAAI,CACtC,CACA,CACI,CACR,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Props as buttonProps } from '../Button/Button';
|
|
3
|
-
import { Colours
|
|
2
|
+
import { type Props as buttonProps } from '../Button/Button';
|
|
3
|
+
import { type Colours } from '../../utils/controls';
|
|
4
4
|
export interface Props {
|
|
5
5
|
id: string;
|
|
6
6
|
className?: string;
|
|
@@ -21,7 +21,6 @@ export interface Props {
|
|
|
21
21
|
cancelButtonProps?: buttonProps;
|
|
22
22
|
isHorizontal?: boolean;
|
|
23
23
|
children?: any;
|
|
24
|
-
theme?: ThemeTypes;
|
|
25
24
|
}
|
|
26
25
|
declare const TextAndTitle: React.FC<Props>;
|
|
27
26
|
export default TextAndTitle;
|
|
@@ -2,10 +2,10 @@ import React, { useState } from 'react';
|
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import style from './style.module.css';
|
|
4
4
|
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
5
|
-
const TextAndTitle = ({ id, className, title, description, bgColour, titleClasses, textClasses, textLineOne, textLineTwo, textLineThree, titleBold, textCenter, titleCenter, withLiveUpdates = false, isHorizontal = true, children
|
|
5
|
+
const TextAndTitle = ({ id, className, title, description, bgColour, titleClasses, textClasses, textLineOne, textLineTwo, textLineThree, titleBold, textCenter, titleCenter, withLiveUpdates = false, isHorizontal = true, children }) => {
|
|
6
6
|
const [isInEditingMode, setIsInEditingMode] = useState(false);
|
|
7
7
|
const borderClasses = style.bordered;
|
|
8
|
-
const classList = classNames(className);
|
|
8
|
+
const classList = classNames(className, 'theme-local');
|
|
9
9
|
const titleClassList = classNames({
|
|
10
10
|
[style.fontBold]: titleBold,
|
|
11
11
|
[style.textCenter]: titleCenter,
|
|
@@ -29,7 +29,7 @@ const TextAndTitle = ({ id, className, title, description, bgColour, titleClasse
|
|
|
29
29
|
const textWrapperClassList = classNames({
|
|
30
30
|
[style.horizontalTextWrapperClassList]: isHorizontal
|
|
31
31
|
});
|
|
32
|
-
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour
|
|
32
|
+
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour },
|
|
33
33
|
React.createElement("div", { className: wrapperClassList, onClick: toggleEditState },
|
|
34
34
|
React.createElement("div", { className: titleWrapperClassList }, children !== undefined && children !== null ? (children) : (React.createElement("h1", { className: titleClassList }, title))),
|
|
35
35
|
React.createElement("div", { className: textWrapperClassList },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextAndTitle.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextAndTitle/TextAndTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;
|
|
1
|
+
{"version":3,"file":"TextAndTitle.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextAndTitle/TextAndTitle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Colours
|
|
2
|
+
import { type Colours } from '../../utils/controls';
|
|
3
3
|
export interface Props {
|
|
4
4
|
id?: string;
|
|
5
5
|
className?: string;
|
|
@@ -22,7 +22,6 @@ export interface Props {
|
|
|
22
22
|
errorState?: boolean;
|
|
23
23
|
value?: string;
|
|
24
24
|
bgColour?: Colours;
|
|
25
|
-
theme?: ThemeTypes;
|
|
26
25
|
}
|
|
27
|
-
declare const TextArea: ({ id, className, autoComplete, disabled, formId, maxLength, minLength, required, readOnly, label, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState, value
|
|
26
|
+
declare const TextArea: ({ id, className, autoComplete, disabled, formId, maxLength, minLength, required, readOnly, label, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState, value }: Props) => JSX.Element;
|
|
28
27
|
export default TextArea;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useRef } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import style from './style.module.css';
|
|
4
|
-
const TextArea = ({ id, className, autoComplete, disabled, formId, maxLength, minLength, required = false, readOnly, label, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState = false, value
|
|
4
|
+
const TextArea = ({ id, className, autoComplete, disabled, formId, maxLength, minLength, required = false, readOnly, label, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState = false, value }) => {
|
|
5
5
|
const newId = id !== undefined ? `-${id}` : '';
|
|
6
6
|
const valueClassList = classNames({
|
|
7
7
|
[style.errorState]: errors != null || errorState
|
|
@@ -9,7 +9,7 @@ const TextArea = ({ id, className, autoComplete, disabled, formId, maxLength, mi
|
|
|
9
9
|
const labelClassList = classNames({
|
|
10
10
|
[style.labelError]: errors != null || errorState
|
|
11
11
|
}, style.label);
|
|
12
|
-
const headerClassList = classNames(style.classList, className, theme);
|
|
12
|
+
const headerClassList = classNames(style.classList, className, 'theme-local');
|
|
13
13
|
const btnRef = useRef(null);
|
|
14
14
|
const handleClick = () => {
|
|
15
15
|
var _a;
|
|
@@ -23,7 +23,7 @@ const TextArea = ({ id, className, autoComplete, disabled, formId, maxLength, mi
|
|
|
23
23
|
React.createElement("textarea", { ref: btnRef, id: `input${newId}`, className: valueClassList, autoComplete: autoComplete, disabled: disabled, form: formId, maxLength: maxLength, minLength: minLength, required: required, readOnly: readOnly, name: name, value: value, placeholder: placeholder, onChange: (e) => {
|
|
24
24
|
onChange === null || onChange === void 0 ? void 0 : onChange(e);
|
|
25
25
|
}, onBlur: onBlur, onFocus: onFocus, onClick: onClick })),
|
|
26
|
-
withValidation && (React.createElement("div", { id: `errors${newId}`, className: classNames(style.errors, theme) }, errors === null || errors === void 0 ? void 0 : errors.map((error, i) => {
|
|
26
|
+
withValidation && (React.createElement("div", { id: `errors${newId}`, className: classNames(style.errors, 'theme-local') }, errors === null || errors === void 0 ? void 0 : errors.map((error, i) => {
|
|
27
27
|
return (React.createElement("p", { key: `error-msg-${i + 0}`, className: style.errorText }, error));
|
|
28
28
|
})))));
|
|
29
29
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AA2BtC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,SAAS,EACT,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,cAAc,EACd,MAAM,EACN,UAAU,GAAG,KAAK,EAClB,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,KAAK,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAE9C,MAAM,cAAc,GAAG,UAAU,CAC/B;QACE,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,IAAI,IAAI,UAAU;KACjD,EACD,KAAK,CAAC,KAAK,CACZ,CAAA;IAED,MAAM,cAAc,GAAG,UAAU,CAC/B;QACE,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,IAAI,IAAI,UAAU;KACjD,EACD,KAAK,CAAC,KAAK,CACZ,CAAA;IAED,MAAM,eAAe,GAAG,UAAU,CAAC,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,aAAa,CAAC,CAAA;IAE7E,MAAM,MAAM,GAAG,MAAM,CAAM,IAAI,CAAC,CAAA;IAEhC,MAAM,WAAW,GAAG,GAAS,EAAE;;QAC7B,MAAA,MAAM,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,OAAO,CACL;QACE,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,OAAO,EAAE,WAAW;YAC3D,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY;gBAChC,2BAAG,SAAS,EAAE,cAAc,IAAG,KAAK,CAAK;gBACxC,QAAQ,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,QAAQ,cAAa,CAClD;YACN,kCACE,GAAG,EAAE,MAAM,EACX,EAAE,EAAE,QAAQ,KAAK,EAAE,EACnB,SAAS,EAAE,cAAc,EACzB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAA;gBACf,CAAC,EACD,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,GAChB,CACE;QACL,cAAc,IAAI,CACjB,6BACE,EAAE,EAAE,SAAS,KAAK,EAAE,EACpB,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC,IAEjD,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACxB,OAAO,CACL,2BAAG,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IACrD,KAAK,CACJ,CACL,CAAA;QACH,CAAC,CAAC,CACE,CACP,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Colours
|
|
2
|
+
import { type Colours } from '../../utils/controls';
|
|
3
3
|
export interface Props {
|
|
4
4
|
id?: string;
|
|
5
5
|
className?: string;
|
|
@@ -13,7 +13,6 @@ export interface Props {
|
|
|
13
13
|
useImages?: boolean;
|
|
14
14
|
horizontalComponentClasses?: string;
|
|
15
15
|
isSm?: boolean;
|
|
16
|
-
theme?: ThemeTypes;
|
|
17
16
|
}
|
|
18
|
-
declare const Timeline: ({ id, className, title, description, bgColour, isHorizontal, items, reverse, textCenter, useImages, horizontalComponentClasses, isSm
|
|
17
|
+
declare const Timeline: ({ id, className, title, description, bgColour, isHorizontal, items, reverse, textCenter, useImages, horizontalComponentClasses, isSm }: Props) => JSX.Element;
|
|
19
18
|
export default Timeline;
|
|
@@ -5,8 +5,8 @@ import Column from '../Column/Column';
|
|
|
5
5
|
import Row from '../Row/Row';
|
|
6
6
|
import style from './style.module.css';
|
|
7
7
|
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
8
|
-
const Timeline = ({ id, className, title, description, bgColour, isHorizontal = false, items, reverse = false, textCenter, useImages = true, horizontalComponentClasses, isSm = false
|
|
9
|
-
const classList = classNames(className, style.classList);
|
|
8
|
+
const Timeline = ({ id, className, title, description, bgColour, isHorizontal = false, items, reverse = false, textCenter, useImages = true, horizontalComponentClasses, isSm = false }) => {
|
|
9
|
+
const classList = classNames(className, style.classList, 'theme-local');
|
|
10
10
|
const ulClasses = classNames({
|
|
11
11
|
[`${style.ulHorizontal} none-reverse`]: !reverse && isHorizontal,
|
|
12
12
|
[`${style.ul} none-reverse`]: !reverse && !isHorizontal,
|
|
@@ -25,7 +25,7 @@ const Timeline = ({ id, className, title, description, bgColour, isHorizontal =
|
|
|
25
25
|
horizontal: isHorizontal && !isSm,
|
|
26
26
|
vertical: !isHorizontal
|
|
27
27
|
}, style.circle);
|
|
28
|
-
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour
|
|
28
|
+
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour },
|
|
29
29
|
React.createElement("div", { className: ulClasses }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
|
|
30
30
|
let before;
|
|
31
31
|
if (i % 2 === 0) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../../../../src/lib/components/Timeline/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,yBAAyB,CAAA;AAC3C,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAC9C,OAAO,GAAG,MAAM,qBAAqB,CAAA;AACrC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;
|
|
1
|
+
{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../../../../src/lib/components/Timeline/Timeline.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Colours
|
|
3
|
-
import { Props as ImageProps } from '../Image/Image';
|
|
2
|
+
import { type Colours } from '../../utils/controls';
|
|
3
|
+
import { type Props as ImageProps } from '../Image/Image';
|
|
4
4
|
interface Item {
|
|
5
5
|
preText?: string;
|
|
6
6
|
title?: string;
|
|
@@ -15,7 +15,6 @@ export interface Props {
|
|
|
15
15
|
description?: string;
|
|
16
16
|
bgColour?: Colours;
|
|
17
17
|
items?: Item[];
|
|
18
|
-
theme?: ThemeTypes;
|
|
19
18
|
}
|
|
20
|
-
declare const TimelineV2: ({ id, className, title, description, bgColour, items
|
|
19
|
+
declare const TimelineV2: ({ id, className, title, description, bgColour, items }: Props) => JSX.Element;
|
|
21
20
|
export default TimelineV2;
|
|
@@ -3,9 +3,9 @@ import classNames from 'classnames';
|
|
|
3
3
|
import style from './style.module.css';
|
|
4
4
|
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
5
5
|
import Collapsible from '../Collapsible/Collapsible';
|
|
6
|
-
const TimelineV2 = ({ id, className, title, description, bgColour, items
|
|
7
|
-
const classList = classNames(className, style.classList);
|
|
8
|
-
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour
|
|
6
|
+
const TimelineV2 = ({ id, className, title, description, bgColour, items }) => {
|
|
7
|
+
const classList = classNames(className, style.classList, 'theme-local');
|
|
8
|
+
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
|
|
9
9
|
return (React.createElement("div", { className: style.item, key: `timeline_${i}` },
|
|
10
10
|
React.createElement("div", { className: style.lineWrapper },
|
|
11
11
|
React.createElement("p", { className: style.circle }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimelineV2.js","sourceRoot":"","sources":["../../../../../src/lib/components/TimelineV2/TimelineV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,WAAW,MAAM,qCAAqC,CAAA;
|
|
1
|
+
{"version":3,"file":"TimelineV2.js","sourceRoot":"","sources":["../../../../../src/lib/components/TimelineV2/TimelineV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,WAAW,MAAM,qCAAqC,CAAA;AAoB7D,MAAM,UAAU,GAAG,CAAC,EAClB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IAEvE,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,IAEjB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAS,EAAE,EAAE;QAC9B,OAAO,CACL,6BAAK,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,YAAY,CAAC,EAAE;YAC9C,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;gBAC/B,2BAAG,SAAS,EAAE,KAAK,CAAC,MAAM,GAAI;gBAC9B,6BACE,SAAS,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAC5D,CACE;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;gBAC/B,oBAAC,WAAW,IACV,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,IAAI,CAAC,UAAU,IAE1B,IAAI,CAAC,QAAQ,CACF,CACV,CACF,CACP,CAAA;IACH,CAAC,CAAC,CACe,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Colours
|
|
2
|
+
import { type Colours } from '../../utils/controls';
|
|
3
3
|
export interface Props extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
|
|
4
4
|
items?: string[];
|
|
5
|
-
theme?: ThemeTypes;
|
|
6
5
|
bgColour?: Colours;
|
|
7
6
|
activeStop?: number;
|
|
8
7
|
}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import style from './style.module.css';
|
|
4
|
-
const Tubestops = ({ id, items, activeStop = 1
|
|
5
|
-
return (React.createElement("div", { id: id, className: style.wrapper }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
|
|
6
|
-
return (React.createElement("div", { className: classNames(style.item
|
|
4
|
+
const Tubestops = ({ id, items, activeStop = 1 }) => {
|
|
5
|
+
return (React.createElement("div", { id: id, className: classNames(style.wrapper, 'theme-local') }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
|
|
6
|
+
return (React.createElement("div", { className: classNames(style.item), key: `tubestop-stop-${i}` },
|
|
7
7
|
React.createElement("div", { className: classNames({
|
|
8
8
|
[style.line]: i >= activeStop - 1 && i < items.length - 1,
|
|
9
9
|
[style.completedLine]: i < activeStop - 1 && i < items.length - 1
|
|
10
|
-
}
|
|
10
|
+
}) }),
|
|
11
11
|
React.createElement("p", { className: classNames({
|
|
12
12
|
[style.completedCircle]: i + 1 < activeStop,
|
|
13
13
|
[style.activeCircle]: activeStop === i + 1,
|
|
14
14
|
[style.inactiveCircle]: i + 1 > activeStop,
|
|
15
15
|
[style.circleLast]: i === items.length - 1
|
|
16
|
-
}, style.circle
|
|
16
|
+
}, style.circle) }),
|
|
17
17
|
React.createElement("p", { className: classNames({
|
|
18
18
|
[style.completedStop]: i + 1 < activeStop,
|
|
19
19
|
[style.activeStop]: activeStop === i + 1,
|
|
20
20
|
[style.inactiveStop]: i + 1 > activeStop
|
|
21
|
-
}, style.text
|
|
21
|
+
}, style.text) }, item)));
|
|
22
22
|
})));
|
|
23
23
|
};
|
|
24
24
|
export default Tubestops;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tubestops.js","sourceRoot":"","sources":["../../../../../src/lib/components/Tubestops/Tubestops.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAUtC,MAAM,SAAS,GAAoB,CAAC,
|
|
1
|
+
{"version":3,"file":"Tubestops.js","sourceRoot":"","sources":["../../../../../src/lib/components/Tubestops/Tubestops.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAUtC,MAAM,SAAS,GAAoB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE;IACnE,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE,aAAa,CAAC,IAC7D,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAS,EAAE,EAAE;QAC9B,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,iBAAiB,CAAC,EAAE;YAC/D,6BACE,SAAS,EAAE,UAAU,CAAC;oBACpB,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,UAAU,GAAG,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC;oBACzD,CAAC,KAAK,CAAC,aAAa,CAAC,EACnB,CAAC,GAAG,UAAU,GAAG,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC;iBAC7C,CAAC,GACF;YACF,2BACE,SAAS,EAAE,UAAU,CACnB;oBACE,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,UAAU;oBAC3C,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,UAAU,KAAK,CAAC,GAAG,CAAC;oBAC1C,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,UAAU;oBAC1C,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC;iBAC3C,EACD,KAAK,CAAC,MAAM,CACb,GACD;YACF,2BACE,SAAS,EAAE,UAAU,CACnB;oBACE,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,UAAU;oBACzC,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,UAAU,KAAK,CAAC,GAAG,CAAC;oBACxC,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,UAAU;iBACzC,EACD,KAAK,CAAC,IAAI,CACX,IAEA,IAAI,CACH,CACA,CACP,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|