trepur_components 0.1.5 → 0.1.6
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/Components/Breadcrumbs/Breadcrumbs.stories.js +9 -5
- package/dist/Components/Breadcrumbs/index.js +16 -8
- package/dist/Components/BreadcrumbsBordered/BreadcrumbsBordered.stories.js +9 -5
- package/dist/Components/BreadcrumbsBordered/index.js +16 -8
- package/dist/Components/Button/Button.stories.js +17 -13
- package/dist/Components/Button/index.js +12 -12
- package/dist/Components/ButtonSlide/ButtonSlide.stories.js +17 -13
- package/dist/Components/ButtonSlide/index.js +12 -12
- package/dist/Components/Card/Card.stories.js +20 -16
- package/dist/Components/Card/index.js +28 -26
- package/dist/Components/CardImageLink/CardImageLink.stories.js +14 -10
- package/dist/Components/CardImageLink/index.js +10 -10
- package/dist/Components/CardImageLinkList/CardImageLinkList.stories.js +9 -5
- package/dist/Components/CardImageLinkList/index.js +8 -6
- package/dist/Components/CardList/CardList.stories.js +9 -5
- package/dist/Components/CardList/index.js +9 -5
- package/dist/Components/Icon/Icon.stories.js +12 -8
- package/dist/Components/Icon/index.js +8 -8
- package/dist/Components/Jumbotron/Jumbotron.stories.js +12 -8
- package/dist/Components/Jumbotron/index.js +10 -10
- package/dist/Components/Nav/Nav.stories.js +13 -9
- package/dist/Components/Nav/index.js +62 -21
- package/dist/Components/Profile/Profile.stories.js +9 -5
- package/dist/Components/Profile/index.js +49 -8
- package/dist/Components/Search/Search.stories.js +12 -8
- package/dist/Components/Search/index.js +13 -11
- package/dist/Components/SignedInLinks/SignedInLinks.stories.js +9 -5
- package/dist/Components/SignedInLinks/index.js +9 -5
- package/dist/Components/SignedOutLinks/SignedOutLinks.stories.js +9 -5
- package/dist/Components/SignedOutLinks/index.js +9 -5
- package/dist/index.js +31 -1
- package/package.json +1 -1
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -18,9 +20,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
18
20
|
var _default = {
|
|
19
21
|
title: 'Components/CardImageLink',
|
|
20
22
|
argTypes: {},
|
|
21
|
-
decorators: [
|
|
22
|
-
|
|
23
|
-
|
|
23
|
+
decorators: [function (story) {
|
|
24
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
25
|
+
className: "p-4"
|
|
26
|
+
}, story());
|
|
27
|
+
}],
|
|
24
28
|
parameters: {
|
|
25
29
|
readme: {
|
|
26
30
|
sidebar: _README.default
|
|
@@ -29,7 +33,7 @@ var _default = {
|
|
|
29
33
|
};
|
|
30
34
|
exports.default = _default;
|
|
31
35
|
|
|
32
|
-
|
|
36
|
+
var _CardImageLink = function _CardImageLink(args) {
|
|
33
37
|
return /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
34
38
|
altText: "image",
|
|
35
39
|
image: "https://picsum.photos/400/400"
|
|
@@ -38,7 +42,7 @@ const _CardImageLink = args => {
|
|
|
38
42
|
|
|
39
43
|
exports._CardImageLink = _CardImageLink;
|
|
40
44
|
|
|
41
|
-
|
|
45
|
+
var JumbotronWithOneBtn = function JumbotronWithOneBtn(args) {
|
|
42
46
|
return /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
43
47
|
altText: "image",
|
|
44
48
|
image: "https://picsum.photos/400/400",
|
|
@@ -48,7 +52,7 @@ const JumbotronWithOneBtn = args => {
|
|
|
48
52
|
|
|
49
53
|
exports.JumbotronWithOneBtn = JumbotronWithOneBtn;
|
|
50
54
|
|
|
51
|
-
|
|
55
|
+
var JumbotronWithTwoBtns = function JumbotronWithTwoBtns(args) {
|
|
52
56
|
return /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
53
57
|
altText: "image",
|
|
54
58
|
image: "https://picsum.photos/400/400",
|
|
@@ -59,7 +63,7 @@ const JumbotronWithTwoBtns = args => {
|
|
|
59
63
|
|
|
60
64
|
exports.JumbotronWithTwoBtns = JumbotronWithTwoBtns;
|
|
61
65
|
|
|
62
|
-
|
|
66
|
+
var JumbotronWithCenterText = function JumbotronWithCenterText(args) {
|
|
63
67
|
return /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
64
68
|
altText: "image",
|
|
65
69
|
image: "https://picsum.photos/400/400",
|
|
@@ -69,10 +73,10 @@ const JumbotronWithCenterText = args => {
|
|
|
69
73
|
|
|
70
74
|
exports.JumbotronWithCenterText = JumbotronWithCenterText;
|
|
71
75
|
|
|
72
|
-
|
|
73
|
-
|
|
76
|
+
var lotsOfCardImageLinks = function lotsOfCardImageLinks(args) {
|
|
77
|
+
var cards = [];
|
|
74
78
|
|
|
75
|
-
for (
|
|
79
|
+
for (var i = 0; i < 6; i++) {
|
|
76
80
|
cards.push( /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
77
81
|
altText: "image",
|
|
78
82
|
image: "https://picsum.photos/400/400",
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -9,16 +11,14 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
9
11
|
|
|
10
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
13
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
} = _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;
|
|
14
|
+
var CardImageLink = function CardImageLink(_ref) {
|
|
15
|
+
var image = _ref.image,
|
|
16
|
+
altText = _ref.altText,
|
|
17
|
+
text = _ref.text,
|
|
18
|
+
ctaText = _ref.ctaText,
|
|
19
|
+
ctaLink = _ref.ctaLink,
|
|
20
|
+
classes = _ref.classes;
|
|
21
|
+
var 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;
|
|
22
22
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
23
23
|
className: classList
|
|
24
24
|
}, /*#__PURE__*/_react.default.createElement("a", {
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -15,7 +17,7 @@ require("../../index.css");
|
|
|
15
17
|
|
|
16
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
19
|
|
|
18
|
-
|
|
20
|
+
var list = [{
|
|
19
21
|
"HeightRank": 1,
|
|
20
22
|
"Name": "Scafell Pike",
|
|
21
23
|
"Section": "34B: LD C&W",
|
|
@@ -43,9 +45,11 @@ const list = [{
|
|
|
43
45
|
var _default = {
|
|
44
46
|
title: 'Components/CardImageLinkList',
|
|
45
47
|
argTypes: {},
|
|
46
|
-
decorators: [
|
|
47
|
-
|
|
48
|
-
|
|
48
|
+
decorators: [function (story) {
|
|
49
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
50
|
+
className: "p-4"
|
|
51
|
+
}, story());
|
|
52
|
+
}],
|
|
49
53
|
parameters: {
|
|
50
54
|
readme: {
|
|
51
55
|
sidebar: _README.default
|
|
@@ -54,7 +58,7 @@ var _default = {
|
|
|
54
58
|
};
|
|
55
59
|
exports.default = _default;
|
|
56
60
|
|
|
57
|
-
|
|
61
|
+
var _CardImageLinkList = function _CardImageLinkList(args) {
|
|
58
62
|
return /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
59
63
|
list: list
|
|
60
64
|
});
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
6
8
|
exports.default = void 0;
|
|
7
9
|
|
|
10
|
+
require("core-js/modules/es.array.map.js");
|
|
11
|
+
|
|
8
12
|
require("core-js/modules/es.regexp.exec.js");
|
|
9
13
|
|
|
10
14
|
require("core-js/modules/es.string.replace.js");
|
|
@@ -13,14 +17,12 @@ var _index = _interopRequireDefault(require("../CardImageLink/index"));
|
|
|
13
17
|
|
|
14
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
19
|
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
list
|
|
19
|
-
} = _ref;
|
|
20
|
+
var CardImageLinkList = function CardImageLinkList(_ref) {
|
|
21
|
+
var list = _ref.list;
|
|
20
22
|
return /*#__PURE__*/React.createElement("div", {
|
|
21
23
|
className: "grid md:grid-cols-4 sm:grid-cols-2"
|
|
22
|
-
}, list && list.map((item, i)
|
|
23
|
-
|
|
24
|
+
}, list && list.map(function (item, i) {
|
|
25
|
+
var link = '/wainwright/' + item.Name.replace(/\s+/g, '');
|
|
24
26
|
return /*#__PURE__*/React.createElement(_index.default, {
|
|
25
27
|
altText: "image",
|
|
26
28
|
image: '/' + item.Name.replace(/\s+/g, '') + '.jpeg' || 'https://picsum.photos/400/400',
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -17,7 +19,7 @@ require("../../index.css");
|
|
|
17
19
|
|
|
18
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
21
|
|
|
20
|
-
|
|
22
|
+
var list = [/*#__PURE__*/_react.default.createElement(_index2.default, {
|
|
21
23
|
id: "card",
|
|
22
24
|
title: "This is a title",
|
|
23
25
|
titleClass: "font-bold",
|
|
@@ -33,9 +35,11 @@ const list = [/*#__PURE__*/_react.default.createElement(_index2.default, {
|
|
|
33
35
|
var _default = {
|
|
34
36
|
title: 'Components/CardList',
|
|
35
37
|
argTypes: {},
|
|
36
|
-
decorators: [
|
|
37
|
-
|
|
38
|
-
|
|
38
|
+
decorators: [function (story) {
|
|
39
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
40
|
+
className: "p-4"
|
|
41
|
+
}, story());
|
|
42
|
+
}],
|
|
39
43
|
parameters: {
|
|
40
44
|
readme: {
|
|
41
45
|
sidebar: _README.default
|
|
@@ -44,7 +48,7 @@ var _default = {
|
|
|
44
48
|
};
|
|
45
49
|
exports.default = _default;
|
|
46
50
|
|
|
47
|
-
|
|
51
|
+
var _Cardlist = function _Cardlist() {
|
|
48
52
|
return /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
49
53
|
list: list
|
|
50
54
|
});
|
|
@@ -1,21 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
6
8
|
exports.default = void 0;
|
|
7
9
|
|
|
10
|
+
require("core-js/modules/es.array.map.js");
|
|
11
|
+
|
|
12
|
+
require("core-js/modules/es.function.name.js");
|
|
13
|
+
|
|
8
14
|
var _index = _interopRequireDefault(require("../Card/index"));
|
|
9
15
|
|
|
10
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
17
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
list
|
|
15
|
-
} = _ref;
|
|
18
|
+
var CardList = function CardList(_ref) {
|
|
19
|
+
var list = _ref.list;
|
|
16
20
|
return /*#__PURE__*/React.createElement("div", {
|
|
17
21
|
className: "flex"
|
|
18
|
-
}, list && list.map(item
|
|
22
|
+
}, list && list.map(function (item) {
|
|
19
23
|
return /*#__PURE__*/React.createElement(_index.default, {
|
|
20
24
|
id: "card",
|
|
21
25
|
title: item.name,
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -17,9 +19,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
17
19
|
|
|
18
20
|
var _default = {
|
|
19
21
|
title: 'Components/Icon',
|
|
20
|
-
decorators: [
|
|
21
|
-
|
|
22
|
-
|
|
22
|
+
decorators: [function (story) {
|
|
23
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
24
|
+
className: "p-4"
|
|
25
|
+
}, story());
|
|
26
|
+
}],
|
|
23
27
|
parameters: {
|
|
24
28
|
readme: {
|
|
25
29
|
sidebar: _README.default
|
|
@@ -28,7 +32,7 @@ var _default = {
|
|
|
28
32
|
};
|
|
29
33
|
exports.default = _default;
|
|
30
34
|
|
|
31
|
-
|
|
35
|
+
var _Icon = function _Icon(args) {
|
|
32
36
|
return /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
33
37
|
type: "thumbs-up"
|
|
34
38
|
});
|
|
@@ -36,7 +40,7 @@ const _Icon = args => {
|
|
|
36
40
|
|
|
37
41
|
exports._Icon = _Icon;
|
|
38
42
|
|
|
39
|
-
|
|
43
|
+
var withSizeTwo = function withSizeTwo(args) {
|
|
40
44
|
return /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
41
45
|
type: "thumbs-up",
|
|
42
46
|
size: "2"
|
|
@@ -45,7 +49,7 @@ const withSizeTwo = args => {
|
|
|
45
49
|
|
|
46
50
|
exports.withSizeTwo = withSizeTwo;
|
|
47
51
|
|
|
48
|
-
|
|
52
|
+
var withSizeThree = function withSizeThree(args) {
|
|
49
53
|
return /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
50
54
|
type: "thumbs-up",
|
|
51
55
|
size: "3"
|
|
@@ -54,7 +58,7 @@ const withSizeThree = args => {
|
|
|
54
58
|
|
|
55
59
|
exports.withSizeThree = withSizeThree;
|
|
56
60
|
|
|
57
|
-
|
|
61
|
+
var withSizeFour = function withSizeFour(args) {
|
|
58
62
|
return /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
59
63
|
type: "thumbs-up",
|
|
60
64
|
size: "4"
|
|
@@ -63,7 +67,7 @@ const withSizeFour = args => {
|
|
|
63
67
|
|
|
64
68
|
exports.withSizeFour = withSizeFour;
|
|
65
69
|
|
|
66
|
-
|
|
70
|
+
var withSizeFive = function withSizeFive(args) {
|
|
67
71
|
return /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
68
72
|
type: "thumbs-up",
|
|
69
73
|
size: "5"
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -15,15 +17,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
15
17
|
|
|
16
18
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
19
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
onClick
|
|
24
|
-
} = _ref;
|
|
20
|
+
var Icon = function Icon(_ref) {
|
|
21
|
+
var type = _ref.type,
|
|
22
|
+
size = _ref.size,
|
|
23
|
+
className = _ref.className,
|
|
24
|
+
onClick = _ref.onClick;
|
|
25
25
|
if (!type) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
|
|
26
|
-
|
|
26
|
+
var classList = "fa fa-".concat(type, " fa-x ");
|
|
27
27
|
classList += size ? "fa-".concat(size, "x ") : "";
|
|
28
28
|
classList += className ? " ".concat(className) : "";
|
|
29
29
|
return /*#__PURE__*/_react.default.createElement("span", _extends({
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -17,9 +19,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
17
19
|
|
|
18
20
|
var _default = {
|
|
19
21
|
title: 'Components/Jumbotron',
|
|
20
|
-
decorators: [
|
|
21
|
-
|
|
22
|
-
|
|
22
|
+
decorators: [function (story) {
|
|
23
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
24
|
+
className: "p-4"
|
|
25
|
+
}, story());
|
|
26
|
+
}],
|
|
23
27
|
parameters: {
|
|
24
28
|
readme: {
|
|
25
29
|
sidebar: _README.default
|
|
@@ -28,7 +32,7 @@ var _default = {
|
|
|
28
32
|
};
|
|
29
33
|
exports.default = _default;
|
|
30
34
|
|
|
31
|
-
|
|
35
|
+
var _Jumbotron = function _Jumbotron(args) {
|
|
32
36
|
return /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
33
37
|
altText: "image",
|
|
34
38
|
image: "https://picsum.photos/1500/400"
|
|
@@ -37,7 +41,7 @@ const _Jumbotron = args => {
|
|
|
37
41
|
|
|
38
42
|
exports._Jumbotron = _Jumbotron;
|
|
39
43
|
|
|
40
|
-
|
|
44
|
+
var JumbotronWithOneBtn = function JumbotronWithOneBtn(args) {
|
|
41
45
|
return /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
42
46
|
altText: "image",
|
|
43
47
|
image: "https://picsum.photos/1500/400",
|
|
@@ -47,7 +51,7 @@ const JumbotronWithOneBtn = args => {
|
|
|
47
51
|
|
|
48
52
|
exports.JumbotronWithOneBtn = JumbotronWithOneBtn;
|
|
49
53
|
|
|
50
|
-
|
|
54
|
+
var JumbotronWithTwoBtns = function JumbotronWithTwoBtns(args) {
|
|
51
55
|
return /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
52
56
|
altText: "image",
|
|
53
57
|
image: "https://picsum.photos/1500/400",
|
|
@@ -58,7 +62,7 @@ const JumbotronWithTwoBtns = args => {
|
|
|
58
62
|
|
|
59
63
|
exports.JumbotronWithTwoBtns = JumbotronWithTwoBtns;
|
|
60
64
|
|
|
61
|
-
|
|
65
|
+
var JumbotronWithCenterText = function JumbotronWithCenterText(args) {
|
|
62
66
|
return /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
63
67
|
altText: "image",
|
|
64
68
|
image: "https://picsum.photos/1500/400",
|
|
@@ -68,7 +72,7 @@ const JumbotronWithCenterText = args => {
|
|
|
68
72
|
|
|
69
73
|
exports.JumbotronWithCenterText = JumbotronWithCenterText;
|
|
70
74
|
|
|
71
|
-
|
|
75
|
+
var JumbotronWithTextAndBtns = function JumbotronWithTextAndBtns(args) {
|
|
72
76
|
return /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
73
77
|
altText: "image",
|
|
74
78
|
image: "https://picsum.photos/1500/400",
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -9,16 +11,14 @@ var _index = _interopRequireDefault(require("../Button/index"));
|
|
|
9
11
|
|
|
10
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
13
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
ctaLink2
|
|
21
|
-
} = _ref;
|
|
14
|
+
var Jumbotron = function Jumbotron(_ref) {
|
|
15
|
+
var image = _ref.image,
|
|
16
|
+
altText = _ref.altText,
|
|
17
|
+
text = _ref.text,
|
|
18
|
+
ctaText = _ref.ctaText,
|
|
19
|
+
ctaText2 = _ref.ctaText2,
|
|
20
|
+
ctaLink = _ref.ctaLink,
|
|
21
|
+
ctaLink2 = _ref.ctaLink2;
|
|
22
22
|
return /*#__PURE__*/React.createElement("div", {
|
|
23
23
|
className: "w-screen text-center"
|
|
24
24
|
}, /*#__PURE__*/React.createElement("img", {
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -15,7 +17,7 @@ require("../../index.css");
|
|
|
15
17
|
|
|
16
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
19
|
|
|
18
|
-
|
|
20
|
+
var links = [{
|
|
19
21
|
name: 'link 1',
|
|
20
22
|
reference: '/'
|
|
21
23
|
}, {
|
|
@@ -31,9 +33,11 @@ const links = [{
|
|
|
31
33
|
var _default = {
|
|
32
34
|
title: 'Components/Nav',
|
|
33
35
|
argTypes: {},
|
|
34
|
-
decorators: [
|
|
35
|
-
|
|
36
|
-
|
|
36
|
+
decorators: [function (story) {
|
|
37
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
38
|
+
className: "p-4"
|
|
39
|
+
}, story());
|
|
40
|
+
}],
|
|
37
41
|
parameters: {
|
|
38
42
|
readme: {
|
|
39
43
|
sidebar: _README.default
|
|
@@ -42,7 +46,7 @@ var _default = {
|
|
|
42
46
|
};
|
|
43
47
|
exports.default = _default;
|
|
44
48
|
|
|
45
|
-
|
|
49
|
+
var _Nav = function _Nav(args) {
|
|
46
50
|
return /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
47
51
|
links: links,
|
|
48
52
|
navPosition: "1",
|
|
@@ -54,7 +58,7 @@ const _Nav = args => {
|
|
|
54
58
|
|
|
55
59
|
exports._Nav = _Nav;
|
|
56
60
|
|
|
57
|
-
|
|
61
|
+
var NavWithSearch = function NavWithSearch() {
|
|
58
62
|
return /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
59
63
|
links: links,
|
|
60
64
|
navPosition: "1",
|
|
@@ -67,7 +71,7 @@ const NavWithSearch = () => {
|
|
|
67
71
|
|
|
68
72
|
exports.NavWithSearch = NavWithSearch;
|
|
69
73
|
|
|
70
|
-
|
|
74
|
+
var NavWithProfile = function NavWithProfile() {
|
|
71
75
|
return /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
72
76
|
links: links,
|
|
73
77
|
navPosition: "1",
|
|
@@ -80,7 +84,7 @@ const NavWithProfile = () => {
|
|
|
80
84
|
|
|
81
85
|
exports.NavWithProfile = NavWithProfile;
|
|
82
86
|
|
|
83
|
-
|
|
87
|
+
var NavWithSearchAndProfile = function NavWithSearchAndProfile() {
|
|
84
88
|
return /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
85
89
|
links: links,
|
|
86
90
|
navPosition: "1",
|
|
@@ -94,7 +98,7 @@ const NavWithSearchAndProfile = () => {
|
|
|
94
98
|
|
|
95
99
|
exports.NavWithSearchAndProfile = NavWithSearchAndProfile;
|
|
96
100
|
|
|
97
|
-
|
|
101
|
+
var NavAligned = function NavAligned() {
|
|
98
102
|
return /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
99
103
|
links: links,
|
|
100
104
|
navPosition: "1",
|
|
@@ -1,11 +1,35 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
require("core-js/modules/es.symbol.js");
|
|
4
|
+
|
|
5
|
+
require("core-js/modules/es.symbol.description.js");
|
|
6
|
+
|
|
7
|
+
require("core-js/modules/es.object.to-string.js");
|
|
8
|
+
|
|
9
|
+
require("core-js/modules/es.symbol.iterator.js");
|
|
10
|
+
|
|
11
|
+
require("core-js/modules/es.array.iterator.js");
|
|
12
|
+
|
|
13
|
+
require("core-js/modules/es.string.iterator.js");
|
|
14
|
+
|
|
15
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
16
|
+
|
|
17
|
+
require("core-js/modules/es.array.slice.js");
|
|
18
|
+
|
|
19
|
+
require("core-js/modules/es.array.from.js");
|
|
20
|
+
|
|
21
|
+
require("core-js/modules/es.regexp.exec.js");
|
|
22
|
+
|
|
23
|
+
require("core-js/modules/es.object.define-property.js");
|
|
24
|
+
|
|
3
25
|
Object.defineProperty(exports, "__esModule", {
|
|
4
26
|
value: true
|
|
5
27
|
});
|
|
6
28
|
exports.default = void 0;
|
|
7
29
|
|
|
8
|
-
require("core-js/modules/
|
|
30
|
+
require("core-js/modules/es.array.map.js");
|
|
31
|
+
|
|
32
|
+
require("core-js/modules/es.function.name.js");
|
|
9
33
|
|
|
10
34
|
var _react = require("react");
|
|
11
35
|
|
|
@@ -15,19 +39,34 @@ var _index2 = _interopRequireDefault(require("../Search/index"));
|
|
|
15
39
|
|
|
16
40
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
41
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
42
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
43
|
+
|
|
44
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
45
|
+
|
|
46
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
47
|
+
|
|
48
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
49
|
+
|
|
50
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
51
|
+
|
|
52
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
53
|
+
|
|
54
|
+
var Header = function Header(_ref) {
|
|
55
|
+
var links = _ref.links,
|
|
56
|
+
navPosition = _ref.navPosition,
|
|
57
|
+
alignNavAndLogo = _ref.alignNavAndLogo,
|
|
58
|
+
navClass = _ref.navClass,
|
|
59
|
+
navLinkClass = _ref.navLinkClass,
|
|
60
|
+
logoClass = _ref.logoClass,
|
|
61
|
+
showSearch = _ref.showSearch,
|
|
62
|
+
showProfile = _ref.showProfile;
|
|
63
|
+
|
|
64
|
+
var _useState = (0, _react.useState)(false),
|
|
65
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
66
|
+
mobileMenuState = _useState2[0],
|
|
67
|
+
setmobileMenuState = _useState2[1];
|
|
68
|
+
|
|
69
|
+
var profileLinks = [{
|
|
31
70
|
name: 'PROFILE ITEM 1',
|
|
32
71
|
reference: '/'
|
|
33
72
|
}, {
|
|
@@ -40,9 +79,9 @@ const Header = _ref => {
|
|
|
40
79
|
name: 'PROFILE ITEM 4',
|
|
41
80
|
reference: '/'
|
|
42
81
|
}];
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
82
|
+
var combinedLogoClass = logoClass + ' hidden sm:inline-flex flex-1 flex items-center justify-center sm:items-stretch ';
|
|
83
|
+
var combinedMobileLogoClass = logoClass + ' sm:hidden block flex-1 flex items-center justify-center sm:items-stretch ';
|
|
84
|
+
var linkContainerClass = 'flex-1 flex items-center justify-center sm:items-stretch ';
|
|
46
85
|
|
|
47
86
|
if (alignNavAndLogo) {
|
|
48
87
|
combinedLogoClass = ' hidden sm:inline-flex pl-4 pt-8 absolute inset-y-0 h-8 left-0 flex items-center';
|
|
@@ -74,7 +113,9 @@ const Header = _ref => {
|
|
|
74
113
|
id: "nav-collapse-btn-wrapper",
|
|
75
114
|
className: "absolute inset-y-0 left-0 flex items-center"
|
|
76
115
|
}, /*#__PURE__*/React.createElement("button", {
|
|
77
|
-
onClick: ()
|
|
116
|
+
onClick: function onClick() {
|
|
117
|
+
return setmobileMenuState(!mobileMenuState);
|
|
118
|
+
},
|
|
78
119
|
type: "button",
|
|
79
120
|
className: "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-black hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white",
|
|
80
121
|
"aria-controls": "mobile-menu",
|
|
@@ -123,7 +164,7 @@ const Header = _ref => {
|
|
|
123
164
|
}, /*#__PURE__*/React.createElement("ul", {
|
|
124
165
|
id: "nav-list",
|
|
125
166
|
className: "list-none mx-auto flex flex-1"
|
|
126
|
-
}, links && links.map(link
|
|
167
|
+
}, links && links.map(function (link) {
|
|
127
168
|
return /*#__PURE__*/React.createElement("li", {
|
|
128
169
|
key: link.name,
|
|
129
170
|
className: "flex px-4",
|
|
@@ -147,14 +188,14 @@ const Header = _ref => {
|
|
|
147
188
|
className: "flex flex-1 ml-4"
|
|
148
189
|
}), /*#__PURE__*/React.createElement("div", {
|
|
149
190
|
className: "px-2 pt-2 pb-3 space-y-1"
|
|
150
|
-
}, links && links.map(link
|
|
191
|
+
}, links && links.map(function (link) {
|
|
151
192
|
return /*#__PURE__*/React.createElement("a", {
|
|
152
193
|
key: link.name,
|
|
153
194
|
href: link.reference,
|
|
154
195
|
className: "text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium",
|
|
155
196
|
"aria-current": "page"
|
|
156
197
|
}, link.name);
|
|
157
|
-
}), showProfile && profileLinks && profileLinks.map(link
|
|
198
|
+
}), showProfile && profileLinks && profileLinks.map(function (link) {
|
|
158
199
|
return /*#__PURE__*/React.createElement("a", {
|
|
159
200
|
key: link.name,
|
|
160
201
|
href: link.reference,
|