trepur_components 0.1.13 → 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.
- package/README.md +3 -65
- package/dist/components/AlertBar/AlertBar.stories.js +1 -3
- package/dist/components/Breadcrumbs/Breadcrumbs.stories.js +15 -3
- package/dist/components/Breadcrumbs/index.js +12 -6
- package/dist/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.js +14 -2
- package/dist/components/BreadcrumbsBordered/index.js +9 -3
- package/dist/components/Button/Button.stories.js +1 -1
- package/dist/components/ButtonSlide/ButtonSlide.stories.js +1 -1
- package/dist/components/Card/Card.stories.js +1 -1
- package/dist/components/CardImageLink/CardImageLink.stories.js +3 -2
- package/dist/components/CardImageLink/index.js +15 -2
- package/dist/components/CardImageLinkList/CardImageLinkList.stories.js +3 -3
- package/dist/components/CardImageLinkList/index.js +13 -2
- package/dist/components/CardList/CardList.stories.js +3 -2
- package/dist/components/CardList/index.js +3 -2
- package/dist/components/Icon/Icon.stories.js +1 -1
- package/dist/components/Icon/index.js +3 -3
- package/dist/components/Jumbotron/Jumbotron.stories.js +1 -1
- package/dist/components/Nav/Nav.stories.js +1 -1
- package/dist/components/Profile/Profile.stories.js +2 -2
- package/dist/components/Profile/user.jpeg +0 -0
- package/dist/components/Search/Search.stories.js +1 -1
- package/dist/components/SignedInLinks/SignedInLinks.stories.js +1 -1
- package/dist/components/SignedOutLinks/SignedOutLinks.stories.js +1 -1
- package/dist/index.js +126 -8
- package/package.json +11 -12
package/README.md
CHANGED
|
@@ -1,70 +1,8 @@
|
|
|
1
|
-
# Getting Started with Create React App
|
|
2
|
-
|
|
3
|
-
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
|
|
4
|
-
|
|
5
1
|
## Available Scripts
|
|
6
|
-
|
|
7
2
|
In the project directory, you can run:
|
|
8
3
|
|
|
9
|
-
### `npm start`
|
|
10
|
-
|
|
11
|
-
Runs the app in the development mode.\
|
|
12
|
-
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
|
|
13
|
-
|
|
14
|
-
The page will reload if you make edits.\
|
|
15
|
-
You will also see any lint errors in the console.
|
|
16
|
-
|
|
17
|
-
### `npm test`
|
|
18
|
-
|
|
19
|
-
Launches the test runner in the interactive watch mode.\
|
|
20
|
-
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
|
|
21
|
-
|
|
22
4
|
### `npm run build`
|
|
5
|
+
Build the dist folder made from the lib directory as specified in the build script in package.json
|
|
23
6
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
The build is minified and the filenames include the hashes.\
|
|
28
|
-
Your app is ready to be deployed!
|
|
29
|
-
|
|
30
|
-
See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
|
|
31
|
-
|
|
32
|
-
### `npm run eject`
|
|
33
|
-
|
|
34
|
-
**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
|
|
35
|
-
|
|
36
|
-
If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
|
|
37
|
-
|
|
38
|
-
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
|
|
39
|
-
|
|
40
|
-
You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
|
|
41
|
-
|
|
42
|
-
## Learn More
|
|
43
|
-
|
|
44
|
-
You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
|
|
45
|
-
|
|
46
|
-
To learn React, check out the [React documentation](https://reactjs.org/).
|
|
47
|
-
|
|
48
|
-
### Code Splitting
|
|
49
|
-
|
|
50
|
-
This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
|
|
51
|
-
|
|
52
|
-
### Analyzing the Bundle Size
|
|
53
|
-
|
|
54
|
-
This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
|
|
55
|
-
|
|
56
|
-
### Making a Progressive Web App
|
|
57
|
-
|
|
58
|
-
This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
|
|
59
|
-
|
|
60
|
-
### Advanced Configuration
|
|
61
|
-
|
|
62
|
-
This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
|
|
63
|
-
|
|
64
|
-
### Deployment
|
|
65
|
-
|
|
66
|
-
This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
|
|
67
|
-
|
|
68
|
-
### `npm run build` fails to minify
|
|
69
|
-
|
|
70
|
-
This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
|
|
7
|
+
### `npm publish`
|
|
8
|
+
Publishes the new version of the package to npm - new version number to be updated in package.json before the publish is executed
|
|
@@ -7,9 +7,7 @@ exports.default = exports._AlertBarWithRightIcon = exports._AlertBar = exports.A
|
|
|
7
7
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
require("../../index.css");
|
|
10
|
+
require("../../../index.css");
|
|
13
11
|
|
|
14
12
|
var _index2 = _interopRequireDefault(require("./index"));
|
|
15
13
|
|
|
@@ -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
|
|
|
@@ -11,7 +11,7 @@ var _README = _interopRequireDefault(require("./README.md"));
|
|
|
11
11
|
|
|
12
12
|
var _index = _interopRequireDefault(require("./index"));
|
|
13
13
|
|
|
14
|
-
require("
|
|
14
|
+
require("../../../index.css");
|
|
15
15
|
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
17
|
|
|
@@ -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;
|
|
@@ -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("
|
|
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("
|
|
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
|
|
|
@@ -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;
|
|
@@ -7,6 +7,8 @@ exports.default = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
|
|
10
|
+
require("./index.css");
|
|
11
|
+
|
|
10
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
13
|
|
|
12
14
|
const Breadcrumbs = _ref => {
|
|
@@ -24,16 +26,16 @@ const Breadcrumbs = _ref => {
|
|
|
24
26
|
className: "item"
|
|
25
27
|
}, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("div", {
|
|
26
28
|
className: " bc-item px-4 mx-3 hover:bg-brand-secondary bg-brand-border border-brand-secondary h-8"
|
|
27
|
-
}, i + 1 < linksLength ? i === 0 ? /*#__PURE__*/_react.default.createElement("a", {
|
|
29
|
+
}, linksLength !== 1 ? i + 1 < linksLength ? i === 0 ? /*#__PURE__*/_react.default.createElement("a", {
|
|
28
30
|
href: link.link
|
|
29
31
|
}, /*#__PURE__*/_react.default.createElement("p", {
|
|
30
|
-
className: i !== 0 ? 'pl-2 pt-1 text-social-facebook hover:underline' : 'pt-1
|
|
32
|
+
className: i !== 0 ? 'pl-2 pt-1 text-social-facebook hover:underline' : 'pt-1 hover:underline'
|
|
31
33
|
}, link.name, /*#__PURE__*/_react.default.createElement("span", {
|
|
32
34
|
className: "right-arrow"
|
|
33
35
|
}))) : /*#__PURE__*/_react.default.createElement("a", {
|
|
34
36
|
href: link.link
|
|
35
37
|
}, /*#__PURE__*/_react.default.createElement("p", {
|
|
36
|
-
className: i !== 0 ? 'pl-2 pt-1
|
|
38
|
+
className: i !== 0 ? 'pl-2 pt-1 hover:underline' : 'pt-1 text-social-facebook hover:underline'
|
|
37
39
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
38
40
|
className: "test-arrow-bottom"
|
|
39
41
|
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
@@ -48,6 +50,10 @@ const Breadcrumbs = _ref => {
|
|
|
48
50
|
className: "test-arrow-top"
|
|
49
51
|
}), link.name, /*#__PURE__*/_react.default.createElement("span", {
|
|
50
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"
|
|
51
57
|
})))));
|
|
52
58
|
}));
|
|
53
59
|
};
|
|
@@ -13,7 +13,7 @@ var _README = _interopRequireDefault(require("./README.md"));
|
|
|
13
13
|
|
|
14
14
|
var _index = _interopRequireDefault(require("./index"));
|
|
15
15
|
|
|
16
|
-
require("
|
|
16
|
+
require("../../../index.css");
|
|
17
17
|
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
19
|
|
|
@@ -13,7 +13,7 @@ var _README = _interopRequireDefault(require("./README.md"));
|
|
|
13
13
|
|
|
14
14
|
var _index = _interopRequireDefault(require("./index"));
|
|
15
15
|
|
|
16
|
-
require("
|
|
16
|
+
require("../../../index.css");
|
|
17
17
|
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
19
|
|
|
@@ -13,7 +13,7 @@ var _README = _interopRequireDefault(require("./README.md"));
|
|
|
13
13
|
|
|
14
14
|
var _index = _interopRequireDefault(require("./index"));
|
|
15
15
|
|
|
16
|
-
require("
|
|
16
|
+
require("../../../index.css");
|
|
17
17
|
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
19
|
|
|
@@ -11,7 +11,7 @@ var _README = _interopRequireDefault(require("./README.md"));
|
|
|
11
11
|
|
|
12
12
|
var _index = _interopRequireDefault(require("./index"));
|
|
13
13
|
|
|
14
|
-
require("
|
|
14
|
+
require("../../../index.css");
|
|
15
15
|
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
17
|
|
|
@@ -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
|
|
|
@@ -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
|
-
|
|
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;
|
|
@@ -11,13 +11,13 @@ var _README = _interopRequireDefault(require("./README.md"));
|
|
|
11
11
|
|
|
12
12
|
var _index = _interopRequireDefault(require("./index"));
|
|
13
13
|
|
|
14
|
-
require("
|
|
14
|
+
require("../../../index.css");
|
|
15
15
|
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
17
|
|
|
18
18
|
const list = [{
|
|
19
19
|
"HeightRank": 1,
|
|
20
|
-
"Name": "
|
|
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": "
|
|
32
|
+
"Name": "https://picsum.photos/400/400",
|
|
33
33
|
"Section": "34B: LD C&W",
|
|
34
34
|
"Birkett": "Birkett",
|
|
35
35
|
"HeightInMeters": 964,
|
|
@@ -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:
|
|
29
|
-
text:
|
|
39
|
+
image: image,
|
|
40
|
+
text: name,
|
|
30
41
|
ctaLink: link,
|
|
31
42
|
key: item.HeightRank
|
|
32
43
|
});
|
|
@@ -13,7 +13,7 @@ var _index = _interopRequireDefault(require("./index"));
|
|
|
13
13
|
|
|
14
14
|
var _index2 = _interopRequireDefault(require("../Card/index"));
|
|
15
15
|
|
|
16
|
-
require("
|
|
16
|
+
require("../../../index.css");
|
|
17
17
|
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
19
|
|
|
@@ -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
|
|
|
@@ -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
|
};
|
|
@@ -11,7 +11,7 @@ var _README = _interopRequireDefault(require("./README.md"));
|
|
|
11
11
|
|
|
12
12
|
var _index = _interopRequireDefault(require("./index"));
|
|
13
13
|
|
|
14
|
-
require("
|
|
14
|
+
require("../../../index.css");
|
|
15
15
|
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
17
|
|
|
@@ -7,7 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
|
|
8
8
|
require("core-js/modules/es.object.assign.js");
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
|
|
@@ -20,11 +20,11 @@ const Icon = _ref => {
|
|
|
20
20
|
className,
|
|
21
21
|
onClick
|
|
22
22
|
} = _ref;
|
|
23
|
-
if (!type) return /*#__PURE__*/
|
|
23
|
+
if (!type) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
|
|
24
24
|
let classList = "fa fa-".concat(type, " fa-x ");
|
|
25
25
|
classList += size ? "fa-".concat(size, "x ") : "";
|
|
26
26
|
classList += className ? " ".concat(className) : "";
|
|
27
|
-
return /*#__PURE__*/
|
|
27
|
+
return /*#__PURE__*/_react.default.createElement("span", _extends({
|
|
28
28
|
className: classList,
|
|
29
29
|
role: "img",
|
|
30
30
|
"aria-hidden": "true",
|
|
@@ -11,7 +11,7 @@ var _README = _interopRequireDefault(require("./README.md"));
|
|
|
11
11
|
|
|
12
12
|
var _index = _interopRequireDefault(require("./index"));
|
|
13
13
|
|
|
14
|
-
require("
|
|
14
|
+
require("../../../index.css");
|
|
15
15
|
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
17
|
|
|
@@ -11,7 +11,7 @@ var _README = _interopRequireDefault(require("./README.md"));
|
|
|
11
11
|
|
|
12
12
|
var _index = _interopRequireDefault(require("./index"));
|
|
13
13
|
|
|
14
|
-
require("
|
|
14
|
+
require("../../../index.css");
|
|
15
15
|
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
17
|
|
|
@@ -11,9 +11,9 @@ var _README = _interopRequireDefault(require("./README.md"));
|
|
|
11
11
|
|
|
12
12
|
var _index = _interopRequireDefault(require("./index"));
|
|
13
13
|
|
|
14
|
-
require("
|
|
14
|
+
require("../../../index.css");
|
|
15
15
|
|
|
16
|
-
var _user = _interopRequireDefault(require("
|
|
16
|
+
var _user = _interopRequireDefault(require("./user.jpeg"));
|
|
17
17
|
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
19
|
|
|
Binary file
|
|
@@ -11,7 +11,7 @@ var _README = _interopRequireDefault(require("./README.md"));
|
|
|
11
11
|
|
|
12
12
|
var _index = _interopRequireDefault(require("./index"));
|
|
13
13
|
|
|
14
|
-
require("
|
|
14
|
+
require("../../../index.css");
|
|
15
15
|
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
17
|
|
|
@@ -11,7 +11,7 @@ var _README = _interopRequireDefault(require("./README.md"));
|
|
|
11
11
|
|
|
12
12
|
var _index = _interopRequireDefault(require("./index"));
|
|
13
13
|
|
|
14
|
-
require("
|
|
14
|
+
require("../../../index.css");
|
|
15
15
|
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
17
|
|
|
@@ -11,7 +11,7 @@ var _README = _interopRequireDefault(require("./README.md"));
|
|
|
11
11
|
|
|
12
12
|
var _index = _interopRequireDefault(require("./index"));
|
|
13
13
|
|
|
14
|
-
require("
|
|
14
|
+
require("../../../index.css");
|
|
15
15
|
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
17
|
|
package/dist/index.js
CHANGED
|
@@ -1,17 +1,135 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "AlertBar", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _index.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "Breadcrumbs", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _index2.default;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "BreadcrumbsBordered", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _BreadcrumbsBordered.default;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "Button", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _Button.default;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "ButtonSlide", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function get() {
|
|
33
|
+
return _ButtonSlide.default;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
Object.defineProperty(exports, "Card", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function get() {
|
|
39
|
+
return _Card.default;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
Object.defineProperty(exports, "CardImageLink", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function get() {
|
|
45
|
+
return _CardImageLink.default;
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
Object.defineProperty(exports, "CardImageLinkList", {
|
|
49
|
+
enumerable: true,
|
|
50
|
+
get: function get() {
|
|
51
|
+
return _CardImageLinkList.default;
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
Object.defineProperty(exports, "CardList", {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function get() {
|
|
57
|
+
return _CardList.default;
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
Object.defineProperty(exports, "Icon", {
|
|
61
|
+
enumerable: true,
|
|
62
|
+
get: function get() {
|
|
63
|
+
return _Icon.default;
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
Object.defineProperty(exports, "Jumbotron", {
|
|
67
|
+
enumerable: true,
|
|
68
|
+
get: function get() {
|
|
69
|
+
return _Jumbotron.default;
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
Object.defineProperty(exports, "Nav", {
|
|
73
|
+
enumerable: true,
|
|
74
|
+
get: function get() {
|
|
75
|
+
return _Nav.default;
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
Object.defineProperty(exports, "Profile", {
|
|
79
|
+
enumerable: true,
|
|
80
|
+
get: function get() {
|
|
81
|
+
return _Profile.default;
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
Object.defineProperty(exports, "Search", {
|
|
85
|
+
enumerable: true,
|
|
86
|
+
get: function get() {
|
|
87
|
+
return _Search.default;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
Object.defineProperty(exports, "SignedInLinks", {
|
|
91
|
+
enumerable: true,
|
|
92
|
+
get: function get() {
|
|
93
|
+
return _SignedInLinks.default;
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
Object.defineProperty(exports, "SignedOutLinks", {
|
|
97
|
+
enumerable: true,
|
|
98
|
+
get: function get() {
|
|
99
|
+
return _SignedOutLinks.default;
|
|
100
|
+
}
|
|
101
|
+
});
|
|
4
102
|
|
|
5
|
-
var
|
|
103
|
+
var _index = _interopRequireDefault(require("./components/AlertBar/index"));
|
|
6
104
|
|
|
7
|
-
|
|
105
|
+
var _index2 = _interopRequireDefault(require("./components/Breadcrumbs/index"));
|
|
8
106
|
|
|
9
|
-
|
|
107
|
+
var _BreadcrumbsBordered = _interopRequireDefault(require("./components/BreadcrumbsBordered"));
|
|
10
108
|
|
|
11
|
-
|
|
109
|
+
var _Button = _interopRequireDefault(require("./components/Button"));
|
|
12
110
|
|
|
13
|
-
|
|
111
|
+
var _ButtonSlide = _interopRequireDefault(require("./components/ButtonSlide"));
|
|
14
112
|
|
|
15
|
-
|
|
113
|
+
var _Card = _interopRequireDefault(require("./components/Card"));
|
|
16
114
|
|
|
17
|
-
|
|
115
|
+
var _CardImageLink = _interopRequireDefault(require("./components/CardImageLink"));
|
|
116
|
+
|
|
117
|
+
var _CardImageLinkList = _interopRequireDefault(require("./components/CardImageLinkList"));
|
|
118
|
+
|
|
119
|
+
var _CardList = _interopRequireDefault(require("./components/CardList"));
|
|
120
|
+
|
|
121
|
+
var _Icon = _interopRequireDefault(require("./components/Icon"));
|
|
122
|
+
|
|
123
|
+
var _Jumbotron = _interopRequireDefault(require("./components/Jumbotron"));
|
|
124
|
+
|
|
125
|
+
var _Nav = _interopRequireDefault(require("./components/Nav"));
|
|
126
|
+
|
|
127
|
+
var _Profile = _interopRequireDefault(require("./components/Profile"));
|
|
128
|
+
|
|
129
|
+
var _Search = _interopRequireDefault(require("./components/Search"));
|
|
130
|
+
|
|
131
|
+
var _SignedInLinks = _interopRequireDefault(require("./components/SignedInLinks"));
|
|
132
|
+
|
|
133
|
+
var _SignedOutLinks = _interopRequireDefault(require("./components/SignedOutLinks"));
|
|
134
|
+
|
|
135
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
package/package.json
CHANGED
|
@@ -2,32 +2,35 @@
|
|
|
2
2
|
"name": "trepur_components",
|
|
3
3
|
"description": "component lib",
|
|
4
4
|
"author": "trepur_ttenneb",
|
|
5
|
-
"version": "0.1.
|
|
5
|
+
"version": "0.1.18",
|
|
6
6
|
"private": false,
|
|
7
|
-
"keywords": [
|
|
7
|
+
"keywords": [
|
|
8
|
+
"react",
|
|
9
|
+
"components",
|
|
10
|
+
"ui"
|
|
11
|
+
],
|
|
8
12
|
"main": "dist/index.js",
|
|
9
13
|
"module": "dist/index.js",
|
|
10
|
-
"files": [
|
|
14
|
+
"files": [
|
|
15
|
+
"dist",
|
|
16
|
+
"README.md"
|
|
17
|
+
],
|
|
11
18
|
"dependencies": {
|
|
12
19
|
"@babel/polyfill": "^7.12.1",
|
|
13
|
-
"@craco/craco": "^6.4.0",
|
|
14
20
|
"@storybook/addon-knobs": "^6.3.1",
|
|
15
21
|
"@testing-library/jest-dom": "^5.14.1",
|
|
16
22
|
"@testing-library/react": "^11.2.7",
|
|
17
23
|
"@testing-library/user-event": "^12.8.3",
|
|
18
24
|
"react": "^17.0.2",
|
|
19
25
|
"react-dom": "^17.0.2",
|
|
20
|
-
"react-router-dom": "^6.2.1",
|
|
21
26
|
"react-scripts": "4.0.3",
|
|
22
27
|
"storybook": "^6.4.10",
|
|
23
28
|
"web-vitals": "^1.1.2"
|
|
24
29
|
},
|
|
25
30
|
"scripts": {
|
|
26
|
-
"build-lib": "rollup -c",
|
|
27
31
|
"build": "rm -rf dist && NODE_ENV=production babel src/lib --out-dir dist --copy-files",
|
|
28
|
-
"test": "craco test",
|
|
29
32
|
"eject": "react-scripts eject",
|
|
30
|
-
"storybook": "start-storybook -p 6006
|
|
33
|
+
"storybook": "start-storybook -p 6006",
|
|
31
34
|
"build-storybook": "build-storybook -s public"
|
|
32
35
|
},
|
|
33
36
|
"eslintConfig": {
|
|
@@ -71,10 +74,6 @@
|
|
|
71
74
|
"@storybook/react": "^6.3.12",
|
|
72
75
|
"autoprefixer": "^9.8.8",
|
|
73
76
|
"postcss": "^7.0.39",
|
|
74
|
-
"rollup": "^2.63.0",
|
|
75
|
-
"rollup-plugin-babel": "^4.4.0",
|
|
76
|
-
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
77
|
-
"rollup-plugin-postcss": "^4.0.2",
|
|
78
77
|
"storybook-readme": "^5.0.9",
|
|
79
78
|
"tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.17"
|
|
80
79
|
}
|