trepur_components 0.1.17 → 0.1.18

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.
Files changed (11) hide show
  1. package/dist/components/Breadcrumbs/Breadcrumbs.stories.js +14 -2
  2. package/dist/components/Breadcrumbs/index.js +12 -6
  3. package/dist/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.js +14 -2
  4. package/dist/components/BreadcrumbsBordered/index.js +7 -3
  5. package/dist/components/CardImageLink/CardImageLink.stories.js +2 -1
  6. package/dist/components/CardImageLink/index.js +15 -2
  7. package/dist/components/CardImageLinkList/CardImageLinkList.stories.js +2 -2
  8. package/dist/components/CardImageLinkList/index.js +13 -2
  9. package/dist/components/CardList/CardList.stories.js +2 -1
  10. package/dist/components/CardList/index.js +3 -2
  11. package/package.json +1 -1
package/dist/components/Breadcrumbs/Breadcrumbs.stories.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = exports._Breadcrumbs = void 0;
6
+ exports.default = exports._Breadcrumbs = exports.BreadcrumbsWithOnlyOneLink = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
@@ -25,6 +25,10 @@ const links = [{
25
25
  link: '/',
26
26
  name: 'Link 3'
27
27
  }];
28
+ const link = [{
29
+ link: '/',
30
+ name: 'link 1'
31
+ }];
28
32
  var _default = {
29
33
  title: 'Components/Breadcrumbs',
30
34
  argTypes: {},
@@ -45,4 +49,12 @@ const _Breadcrumbs = () => {
45
49
  });
46
50
  };
47
51
 
48
- exports._Breadcrumbs = _Breadcrumbs;
52
+ exports._Breadcrumbs = _Breadcrumbs;
53
+
54
+ const BreadcrumbsWithOnlyOneLink = () => {
55
+ return /*#__PURE__*/_react.default.createElement(_index.default, {
56
+ links: link
57
+ });
58
+ };
59
+
60
+ exports.BreadcrumbsWithOnlyOneLink = BreadcrumbsWithOnlyOneLink;
package/dist/components/Breadcrumbs/index.js CHANGED
@@ -19,16 +19,22 @@ const Breadcrumbs = _ref => {
19
19
  return /*#__PURE__*/_react.default.createElement("ul", {
20
20
  className: classes
21
21
  }, links && links.map((link, i) => {
22
- return /*#__PURE__*/_react.default.createElement("div", {
23
- key: link.name
24
- }, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("div", {
22
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
25
23
  className: "flex"
24
+ }, /*#__PURE__*/_react.default.createElement("li", {
25
+ className: "h-8"
26
26
  }, i + 1 >= linksLength ? /*#__PURE__*/_react.default.createElement("p", {
27
- className: ""
28
- }, link.name) : /*#__PURE__*/_react.default.createElement("a", {
27
+ className: "px-1 py-1"
28
+ }, link.name) : /*#__PURE__*/_react.default.createElement("p", {
29
+ className: "px-1 py-1"
30
+ }, /*#__PURE__*/_react.default.createElement("a", {
29
31
  className: "text-social-facebook hover:underline",
30
32
  href: link.link
31
- }, link.name), i + 1 < linksLength ? /*#__PURE__*/_react.default.createElement("p", null, "\xA0 > \xA0") : null)));
33
+ }, link.name)))), i + 1 < linksLength ? /*#__PURE__*/_react.default.createElement("li", {
34
+ className: "h-8"
35
+ }, /*#__PURE__*/_react.default.createElement("p", {
36
+ className: "py-1"
37
+ }, "\xA0 > \xA0")) : null);
32
38
  }));
33
39
  };
34
40
 
package/dist/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = exports._BreadcrumbsBordered = void 0;
6
+ exports.default = exports._BreadcrumbsBordered = exports.WithOnlyOneLink = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
@@ -25,6 +25,10 @@ const links = [{
25
25
  link: '/',
26
26
  name: 'Link 3'
27
27
  }];
28
+ const link = [{
29
+ link: '/',
30
+ name: 'link 1'
31
+ }];
28
32
  var _default = {
29
33
  title: 'Components/BreadcrumbsBordered',
30
34
  argTypes: {},
@@ -45,4 +49,12 @@ const _BreadcrumbsBordered = args => {
45
49
  });
46
50
  };
47
51
 
48
- exports._BreadcrumbsBordered = _BreadcrumbsBordered;
52
+ exports._BreadcrumbsBordered = _BreadcrumbsBordered;
53
+
54
+ const WithOnlyOneLink = args => {
55
+ return /*#__PURE__*/_react.default.createElement(_index.default, {
56
+ links: link
57
+ });
58
+ };
59
+
60
+ exports.WithOnlyOneLink = WithOnlyOneLink;
package/dist/components/BreadcrumbsBordered/index.js CHANGED
@@ -26,16 +26,16 @@ const Breadcrumbs = _ref => {
26
26
  className: "item"
27
27
  }, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("div", {
28
28
  className: " bc-item px-4 mx-3 hover:bg-brand-secondary bg-brand-border border-brand-secondary h-8"
29
- }, i + 1 < linksLength ? i === 0 ? /*#__PURE__*/_react.default.createElement("a", {
29
+ }, linksLength !== 1 ? i + 1 < linksLength ? i === 0 ? /*#__PURE__*/_react.default.createElement("a", {
30
30
  href: link.link
31
31
  }, /*#__PURE__*/_react.default.createElement("p", {
32
- className: i !== 0 ? 'pl-2 pt-1 text-social-facebook hover:underline' : 'pt-1 text-social-facebook hover:underline'
32
+ className: i !== 0 ? 'pl-2 pt-1 text-social-facebook hover:underline' : 'pt-1 hover:underline'
33
33
  }, link.name, /*#__PURE__*/_react.default.createElement("span", {
34
34
  className: "right-arrow"
35
35
  }))) : /*#__PURE__*/_react.default.createElement("a", {
36
36
  href: link.link
37
37
  }, /*#__PURE__*/_react.default.createElement("p", {
38
- className: i !== 0 ? 'pl-2 pt-1 text-social-facebook hover:underline' : 'pt-1 text-social-facebook hover:underline'
38
+ className: i !== 0 ? 'pl-2 pt-1 hover:underline' : 'pt-1 text-social-facebook hover:underline'
39
39
  }, /*#__PURE__*/_react.default.createElement("span", {
40
40
  className: "test-arrow-bottom"
41
41
  }), /*#__PURE__*/_react.default.createElement("span", {
@@ -50,6 +50,10 @@ const Breadcrumbs = _ref => {
50
50
  className: "test-arrow-top"
51
51
  }), link.name, /*#__PURE__*/_react.default.createElement("span", {
52
52
  className: "right-arrow"
53
+ })) : /*#__PURE__*/_react.default.createElement("p", {
54
+ className: "pt-1"
55
+ }, link.name, /*#__PURE__*/_react.default.createElement("span", {
56
+ className: "right-arrow"
53
57
  })))));
54
58
  }));
55
59
  };
package/dist/components/CardImageLink/CardImageLink.stories.js CHANGED
@@ -99,7 +99,8 @@ const lotsOfCardImageLinks = args => {
99
99
  altText: "image",
100
100
  image: "https://picsum.photos/400/400",
101
101
  text: args.text,
102
- ctaText: args.ctaText
102
+ ctaText: args.ctaText,
103
+ ctaText2: args.ctaText
103
104
  }));
104
105
  }
105
106
 
package/dist/components/CardImageLink/index.js CHANGED
@@ -7,6 +7,8 @@ exports.default = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
+ var _Button = _interopRequireDefault(require("../Button"));
11
+
10
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
13
 
12
14
  const CardImageLink = _ref => {
@@ -15,10 +17,13 @@ const CardImageLink = _ref => {
15
17
  altText,
16
18
  text,
17
19
  ctaText,
20
+ ctaText2,
18
21
  ctaLink,
19
22
  classes
20
23
  } = _ref;
21
- const classList = "cursor-pointer relative lg:mx-3 md:mx-1 mx-1 lg:mb-5 md:mb-2 mb-2 w-auto hover:opacity-50 overflow-hidden " + classes;
24
+ let showButtonOne = ctaText ? true : false;
25
+ let showButtonTwo = ctaText2 ? true : false;
26
+ const classList = " cursor-pointer relative lg:mx-3 md:mx-1 mx-1 lg:mb-5 md:mb-2 mb-2 hover:opacity-50 overflow-hidden " + classes;
22
27
  return /*#__PURE__*/_react.default.createElement("div", {
23
28
  className: classList
24
29
  }, /*#__PURE__*/_react.default.createElement("a", {
@@ -29,7 +34,15 @@ const CardImageLink = _ref => {
29
34
  className: "object-cover w-full h-full"
30
35
  }), /*#__PURE__*/_react.default.createElement("div", {
31
36
  className: "absolute w-full py-5 top-5 inset-x-0 bg-blue-400 text-black md:text-2xl text-xs text-center leading-4"
32
- }, text)));
37
+ }, text), /*#__PURE__*/_react.default.createElement("div", {
38
+ className: "absolute space-x-8 text-center mx-4 flex top-20"
39
+ }, showButtonOne ? /*#__PURE__*/_react.default.createElement(_Button.default, {
40
+ className: "text-black text-md text-center",
41
+ ctaText: ctaText
42
+ }) : null, showButtonTwo ? /*#__PURE__*/_react.default.createElement(_Button.default, {
43
+ className: "text-black text-md text-center",
44
+ ctaText: ctaText2
45
+ }) : null)));
33
46
  };
34
47
 
35
48
  var _default = CardImageLink;
package/dist/components/CardImageLinkList/CardImageLinkList.stories.js CHANGED
@@ -17,7 +17,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
17
17
 
18
18
  const list = [{
19
19
  "HeightRank": 1,
20
- "Name": "Scafell Pike",
20
+ "Name": "https://picsum.photos/400/400",
21
21
  "Section": "34B: LD C&W",
22
22
  "Birkett": "Birkett",
23
23
  "HeightInMeters": 978,
@@ -29,7 +29,7 @@ const list = [{
29
29
  "Classification\n(§ DoBIH codes)": "Ma,F,Sim,Hew,N,W,B,Sy,Fel,CoH,CoU,CoA"
30
30
  }, {
31
31
  "HeightRank": 2,
32
- "Name": "Scafell",
32
+ "Name": "https://picsum.photos/400/400",
33
33
  "Section": "34B: LD C&W",
34
34
  "Birkett": "Birkett",
35
35
  "HeightInMeters": 964,
package/dist/components/CardImageLinkList/index.js CHANGED
@@ -23,10 +23,21 @@ const CardImageLinkList = _ref => {
23
23
  className: "grid md:grid-cols-4 sm:grid-cols-2"
24
24
  }, list && list.map((item, i) => {
25
25
  const link = '/wainwright/' + item.Name.replace(/\s+/g, '');
26
+ let image;
27
+ let name;
28
+
29
+ if (item.Name === "https://picsum.photos/400/400") {
30
+ image = 'https://picsum.photos/400/400';
31
+ name = "Test Card " + (i + 1);
32
+ } else {
33
+ image = '/' + item.Name.replace(/\s+/g, '') + '.jpeg';
34
+ name = item.Name;
35
+ }
36
+
26
37
  return /*#__PURE__*/_react.default.createElement(_index.default, {
27
38
  altText: "image",
28
- image: '/' + item.Name.replace(/\s+/g, '') + '.jpeg' || 'https://picsum.photos/400/400',
29
- text: item.Name,
39
+ image: image,
40
+ text: name,
30
41
  ctaLink: link,
31
42
  key: item.HeightRank
32
43
  });
package/dist/components/CardList/CardList.stories.js CHANGED
@@ -30,7 +30,8 @@ for (let i = 0; i < 4; i++) {
30
30
  image: "https://picsum.photos/500/300",
31
31
  hasCta: true,
32
32
  ctaText: "button 1",
33
- rounded: true
33
+ rounded: true,
34
+ bordered: true
34
35
  }));
35
36
  }
36
37
 
package/dist/components/CardList/index.js CHANGED
@@ -17,13 +17,13 @@ const CardList = _ref => {
17
17
  let {
18
18
  list
19
19
  } = _ref;
20
- console.log('c2', list);
21
20
  return /*#__PURE__*/_react.default.createElement("div", {
22
21
  className: "flex"
23
22
  }, list && list.map(item => {
24
23
  return /*#__PURE__*/_react.default.createElement(_index.default, {
25
24
  id: "card",
26
25
  title: item.props.title,
26
+ classNames: "mx-2",
27
27
  titleClass: "text-center font-bold",
28
28
  subTitle: item.props.subTitle,
29
29
  extraText: item.props.extraText,
@@ -32,7 +32,8 @@ const CardList = _ref => {
32
32
  hasCta: item.props.hasCta,
33
33
  ctaText: item.props.ctaText,
34
34
  imageBelowTitle: item.props.imageBelowTitle,
35
- rounded: item.props.rounded
35
+ rounded: item.props.rounded,
36
+ bordered: item.props.bordered
36
37
  });
37
38
  }));
38
39
  };
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": "0.1.17",
5
+ "version": "0.1.18",
6
6
  "private": false,
7
7
  "keywords": [
8
8
  "react",