@mjhls/mjh-framework 1.0.505 → 1.0.507
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 +1 -1
- package/dist/cjs/RolesDeck.js +89 -0
- package/dist/cjs/View.js +1 -1
- package/dist/cjs/index.js +2 -0
- package/dist/esm/RolesDeck.js +84 -0
- package/dist/esm/View.js +1 -1
- package/dist/esm/index.js +1 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var React__default = _interopDefault(React);
|
|
7
|
+
var Container = _interopDefault(require('react-bootstrap/Container'));
|
|
8
|
+
var Row = _interopDefault(require('react-bootstrap/Row'));
|
|
9
|
+
var Col = _interopDefault(require('react-bootstrap/Col'));
|
|
10
|
+
var Card = _interopDefault(require('react-bootstrap/Card'));
|
|
11
|
+
|
|
12
|
+
var RolesDeck = function RolesDeck(props) {
|
|
13
|
+
var _props$icon = props.icon,
|
|
14
|
+
icon = _props$icon === undefined ? false : _props$icon,
|
|
15
|
+
data = props.dataRecord;
|
|
16
|
+
|
|
17
|
+
// Sample
|
|
18
|
+
// <RolesDeck
|
|
19
|
+
// icon - flag to show/hide the arrow icon.
|
|
20
|
+
// dataRecord - data record to be shown in card.
|
|
21
|
+
// />
|
|
22
|
+
|
|
23
|
+
return React__default.createElement(
|
|
24
|
+
'div',
|
|
25
|
+
{ className: 'rolesDeck' },
|
|
26
|
+
React__default.createElement(
|
|
27
|
+
Container,
|
|
28
|
+
null,
|
|
29
|
+
React__default.createElement(
|
|
30
|
+
Row,
|
|
31
|
+
null,
|
|
32
|
+
data && data.map(function (row, index) {
|
|
33
|
+
if (row && row.url && row.name) {
|
|
34
|
+
return React__default.createElement(
|
|
35
|
+
Col,
|
|
36
|
+
{ key: index, md: 12, lg: 6, counter: index++, style: { display: 'flex', flex: '1 0 auto' } },
|
|
37
|
+
React__default.createElement(
|
|
38
|
+
Card,
|
|
39
|
+
{ className: 'taxonomy-card', style: { position: 'relative', overflow: 'hidden', borderBottom: '3px solid var(--primary)' } },
|
|
40
|
+
React__default.createElement(
|
|
41
|
+
Card.Link,
|
|
42
|
+
{ href: row.url },
|
|
43
|
+
React__default.createElement(
|
|
44
|
+
Card.Body,
|
|
45
|
+
null,
|
|
46
|
+
React__default.createElement(
|
|
47
|
+
Row,
|
|
48
|
+
null,
|
|
49
|
+
React__default.createElement(
|
|
50
|
+
Col,
|
|
51
|
+
{ className: 'details-content-wrapper' },
|
|
52
|
+
React__default.createElement(
|
|
53
|
+
'div',
|
|
54
|
+
{ className: 'details-wrapper' },
|
|
55
|
+
row.name
|
|
56
|
+
)
|
|
57
|
+
)
|
|
58
|
+
),
|
|
59
|
+
icon && React__default.createElement(
|
|
60
|
+
'span',
|
|
61
|
+
{
|
|
62
|
+
className: 'taxonomy-icon',
|
|
63
|
+
style: {
|
|
64
|
+
position: 'absolute',
|
|
65
|
+
right: '20px',
|
|
66
|
+
top: '50%',
|
|
67
|
+
transform: 'translateY(-50%) translateX(50px)',
|
|
68
|
+
transition: 'all .25s',
|
|
69
|
+
pointerEvents: 'none'
|
|
70
|
+
} },
|
|
71
|
+
'\u2192'
|
|
72
|
+
)
|
|
73
|
+
)
|
|
74
|
+
)
|
|
75
|
+
)
|
|
76
|
+
);
|
|
77
|
+
}
|
|
78
|
+
})
|
|
79
|
+
)
|
|
80
|
+
),
|
|
81
|
+
icon && React__default.createElement(
|
|
82
|
+
'style',
|
|
83
|
+
{ jsx: 'true' },
|
|
84
|
+
'\n .taxonomy-card .taxonomy-icon {\n transform: translateY(-50%) translateX(10px) !important;\n }\n .taxonomy-card.card:hover .taxonomy-icon {\n transform: translateY(-50%) translateX(5px) scale(1.25) rotate(-180deg) !important;\n }\n '
|
|
85
|
+
)
|
|
86
|
+
);
|
|
87
|
+
};
|
|
88
|
+
|
|
89
|
+
module.exports = RolesDeck;
|
package/dist/cjs/View.js
CHANGED
package/dist/cjs/index.js
CHANGED
|
@@ -55,6 +55,7 @@ var ThumbnailCard = require('./ThumbnailCard.js');
|
|
|
55
55
|
require('./BlockContent-f942392e.js');
|
|
56
56
|
require('./react-social-icons-cd0d9d3b.js');
|
|
57
57
|
var TaxonomyCard = require('./TaxonomyCard.js');
|
|
58
|
+
var RolesDeck = require('./RolesDeck.js');
|
|
58
59
|
require('./smoothscroll-95231a70.js');
|
|
59
60
|
var GroupDeck = require('./GroupDeck.js');
|
|
60
61
|
var YoutubeGroup = require('./YoutubeGroup.js');
|
|
@@ -178,6 +179,7 @@ exports.GridContent = GridContent;
|
|
|
178
179
|
exports.DeckQueue = DeckQueue;
|
|
179
180
|
exports.ThumbnailCard = ThumbnailCard;
|
|
180
181
|
exports.TaxonomyCard = TaxonomyCard;
|
|
182
|
+
exports.RolesDeck = RolesDeck;
|
|
181
183
|
exports.GroupDeck = GroupDeck;
|
|
182
184
|
exports.YoutubeGroup = YoutubeGroup;
|
|
183
185
|
exports.QueueDeckExpanded = QueueDeckExpanded;
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import Container from 'react-bootstrap/Container';
|
|
3
|
+
import Row from 'react-bootstrap/Row';
|
|
4
|
+
import Col from 'react-bootstrap/Col';
|
|
5
|
+
import Card from 'react-bootstrap/Card';
|
|
6
|
+
|
|
7
|
+
var RolesDeck = function RolesDeck(props) {
|
|
8
|
+
var _props$icon = props.icon,
|
|
9
|
+
icon = _props$icon === undefined ? false : _props$icon,
|
|
10
|
+
data = props.dataRecord;
|
|
11
|
+
|
|
12
|
+
// Sample
|
|
13
|
+
// <RolesDeck
|
|
14
|
+
// icon - flag to show/hide the arrow icon.
|
|
15
|
+
// dataRecord - data record to be shown in card.
|
|
16
|
+
// />
|
|
17
|
+
|
|
18
|
+
return React__default.createElement(
|
|
19
|
+
'div',
|
|
20
|
+
{ className: 'rolesDeck' },
|
|
21
|
+
React__default.createElement(
|
|
22
|
+
Container,
|
|
23
|
+
null,
|
|
24
|
+
React__default.createElement(
|
|
25
|
+
Row,
|
|
26
|
+
null,
|
|
27
|
+
data && data.map(function (row, index) {
|
|
28
|
+
if (row && row.url && row.name) {
|
|
29
|
+
return React__default.createElement(
|
|
30
|
+
Col,
|
|
31
|
+
{ key: index, md: 12, lg: 6, counter: index++, style: { display: 'flex', flex: '1 0 auto' } },
|
|
32
|
+
React__default.createElement(
|
|
33
|
+
Card,
|
|
34
|
+
{ className: 'taxonomy-card', style: { position: 'relative', overflow: 'hidden', borderBottom: '3px solid var(--primary)' } },
|
|
35
|
+
React__default.createElement(
|
|
36
|
+
Card.Link,
|
|
37
|
+
{ href: row.url },
|
|
38
|
+
React__default.createElement(
|
|
39
|
+
Card.Body,
|
|
40
|
+
null,
|
|
41
|
+
React__default.createElement(
|
|
42
|
+
Row,
|
|
43
|
+
null,
|
|
44
|
+
React__default.createElement(
|
|
45
|
+
Col,
|
|
46
|
+
{ className: 'details-content-wrapper' },
|
|
47
|
+
React__default.createElement(
|
|
48
|
+
'div',
|
|
49
|
+
{ className: 'details-wrapper' },
|
|
50
|
+
row.name
|
|
51
|
+
)
|
|
52
|
+
)
|
|
53
|
+
),
|
|
54
|
+
icon && React__default.createElement(
|
|
55
|
+
'span',
|
|
56
|
+
{
|
|
57
|
+
className: 'taxonomy-icon',
|
|
58
|
+
style: {
|
|
59
|
+
position: 'absolute',
|
|
60
|
+
right: '20px',
|
|
61
|
+
top: '50%',
|
|
62
|
+
transform: 'translateY(-50%) translateX(50px)',
|
|
63
|
+
transition: 'all .25s',
|
|
64
|
+
pointerEvents: 'none'
|
|
65
|
+
} },
|
|
66
|
+
'\u2192'
|
|
67
|
+
)
|
|
68
|
+
)
|
|
69
|
+
)
|
|
70
|
+
)
|
|
71
|
+
);
|
|
72
|
+
}
|
|
73
|
+
})
|
|
74
|
+
)
|
|
75
|
+
),
|
|
76
|
+
icon && React__default.createElement(
|
|
77
|
+
'style',
|
|
78
|
+
{ jsx: 'true' },
|
|
79
|
+
'\n .taxonomy-card .taxonomy-icon {\n transform: translateY(-50%) translateX(10px) !important;\n }\n .taxonomy-card.card:hover .taxonomy-icon {\n transform: translateY(-50%) translateX(5px) scale(1.25) rotate(-180deg) !important;\n }\n '
|
|
80
|
+
)
|
|
81
|
+
);
|
|
82
|
+
};
|
|
83
|
+
|
|
84
|
+
export default RolesDeck;
|
package/dist/esm/View.js
CHANGED
package/dist/esm/index.js
CHANGED
|
@@ -51,6 +51,7 @@ export { default as ThumbnailCard } from './ThumbnailCard.js';
|
|
|
51
51
|
import './BlockContent-a614acdf.js';
|
|
52
52
|
import './react-social-icons-a7d5c5c7.js';
|
|
53
53
|
export { default as TaxonomyCard } from './TaxonomyCard.js';
|
|
54
|
+
export { default as RolesDeck } from './RolesDeck.js';
|
|
54
55
|
import './smoothscroll-4b699764.js';
|
|
55
56
|
export { default as GroupDeck } from './GroupDeck.js';
|
|
56
57
|
export { default as YoutubeGroup } from './YoutubeGroup.js';
|