Skip to content

Commit c553049

Browse files
author
unknown
committed
4.13.0
1 parent 57f1b8c commit c553049

23 files changed

+756
-535
lines changed

‎README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@ All fully responsive. All compatible with different browsers.
5959

6060
# Version:
6161

62-
- MDBReact 4.12.0
62+
- MDBReact 4.13.0
6363
- React 16.8.1
6464

6565
# Quick start

‎README.txt‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
Material Design for Bootstrap
22

3-
Version: MDB React Pro 4.12.0
3+
Version: MDB React Pro 4.13.0
44

55
Documentation:
66
https://mdbootstrap.com/docs/react/

‎dist/css/mdb.css‎

Lines changed: 273 additions & 344 deletions
Large diffs are not rendered by default.

‎dist/mdbreact.esm.js‎

Lines changed: 22 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1421,15 +1421,17 @@ function (_React$Component) {
14211421
Tag = _this$props.tag,
14221422
waves = _this$props.waves,
14231423
zoom = _this$props.zoom,
1424-
attributes = _objectWithoutProperties(_this$props, ["cascade", "children", "className", "hover", "rounded", "src", "tag", "waves", "zoom"]);
1424+
fixed = _this$props.fixed,
1425+
attributes = _objectWithoutProperties(_this$props, ["cascade", "children", "className", "hover", "rounded", "src", "tag", "waves", "zoom", "fixed"]);
14251426

14261427
var classes = classNames("view", rounded && "rounded", zoom && "zoom", hover && "overlay", cascade && "view-cascade", waves ? "Ripple-parent" : false, className);
14271428
var viewStyle = src ? {
14281429
backgroundImage: "url(\"".concat(src, "\")"),
14291430
backgroundRepeat: "no-repeat",
14301431
backgroundSize: "cover",
14311432
backgroundPosition: "center center",
1432-
height: "100vh"
1433+
height: "100vh",
1434+
backgroundAttachment: fixed ? "fixed" : null
14331435
} : {};
14341436
return React.createElement(Tag, _extends({}, attributes, {
14351437
className: classes,
@@ -3933,7 +3935,7 @@ function (_Component) {
39333935
var Tag = tag;
39343936

39353937
if (this.context.isOpen) {
3936-
var position1 = this.context.dropup ? 'top' : 'bottom';
3938+
var position1 = this.context.dropup ? 'top' : this.context.dropright ? 'right' : this.context.dropleft ? 'left' : 'bottom';
39373939
var position2 = right ? 'end' : 'start';
39383940
attrs.placement = "".concat(position1, "-").concat(position2);
39393941
attrs.component = tag;
@@ -3990,6 +3992,8 @@ DropdownMenu.defaultProps = {
39903992
DropdownMenu.contextTypes = {
39913993
isOpen: PropTypes.bool.isRequired,
39923994
dropup: PropTypes.bool.isRequired,
3995+
dropright: PropTypes.bool.isRequired,
3996+
dropleft: PropTypes.bool.isRequired,
39933997
color: PropTypes.oneOfType([PropTypes.oneOf(['primary', 'default', 'secondary', 'success', 'dark', 'danger', 'info', 'warning', 'ins']), PropTypes.bool])
39943998
};
39953999

@@ -5718,6 +5722,7 @@ Popper$1.propTypes = {
57185722
id: PropTypes.string,
57195723
isVisible: PropTypes.bool,
57205724
placement: PropTypes.string,
5725+
popover: PropTypes.bool,
57215726
style: PropTypes.objectOf(PropTypes.string),
57225727
tag: PropTypes.string
57235728
};
@@ -5727,6 +5732,7 @@ Popper$1.defaultProps = {
57275732
id: 'popper',
57285733
isVisible: false,
57295734
placement: 'top',
5735+
popover: false,
57305736
style: {
57315737
display: 'inline-block'
57325738
},
@@ -6079,6 +6085,8 @@ function (_React$Component) {
60796085
return {
60806086
isOpen: this.state.isOpen,
60816087
dropup: this.props.dropup,
6088+
dropright: this.props.dropright,
6089+
dropleft: this.props.dropleft,
60826090
toggle: this.toggle
60836091
};
60846092
}
@@ -6200,11 +6208,13 @@ function (_React$Component) {
62006208
children = _omit.children,
62016209
dropup = _omit.dropup,
62026210
group = _omit.group,
6203-
size = _omit.size;
6211+
size = _omit.size,
6212+
dropright = _omit.dropright,
6213+
dropleft = _omit.dropleft;
62046214

62056215
var classes = classNames((_classNames = {
62066216
"btn-group": group
6207-
}, _defineProperty(_classNames, "btn-group-".concat(size), !!size), _defineProperty(_classNames, "dropdown", !group), _defineProperty(_classNames, "show", this.state.isOpen), _defineProperty(_classNames, "dropup", dropup), _classNames), className);
6217+
}, _defineProperty(_classNames, "btn-group-".concat(size), !!size), _defineProperty(_classNames, "dropdown", !group), _defineProperty(_classNames, "show", this.state.isOpen), _defineProperty(_classNames, "dropup", dropup), _defineProperty(_classNames, "dropright", dropright), _defineProperty(_classNames, "dropleft", dropleft), _classNames), className);
62086218
return React.createElement(Manager, null, React.createElement("div", {
62096219
className: classes,
62106220
onKeyDown: this.handleKeyDown
@@ -6218,6 +6228,8 @@ function (_React$Component) {
62186228
Dropdown.propTypes = {
62196229
disabled: PropTypes.bool,
62206230
dropup: PropTypes.bool,
6231+
dropright: PropTypes.bool,
6232+
dropleft: PropTypes.bool,
62216233
group: PropTypes.bool,
62226234
size: PropTypes.string,
62236235
tag: PropTypes.string,
@@ -6227,12 +6239,16 @@ Dropdown.propTypes = {
62276239
};
62286240
Dropdown.defaultProps = {
62296241
dropup: false,
6242+
dropright: false,
6243+
dropleft: false,
62306244
tag: "div"
62316245
};
62326246
Dropdown.childContextTypes = {
62336247
toggle: PropTypes.func.isRequired,
62346248
isOpen: PropTypes.bool.isRequired,
6235-
dropup: PropTypes.bool.isRequired
6249+
dropup: PropTypes.bool.isRequired,
6250+
dropright: PropTypes.bool.isRequired,
6251+
dropleft: PropTypes.bool.isRequired
62366252
};
62376253

62386254
// FREE

‎dist/mdbreact.js‎

Lines changed: 22 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1428,15 +1428,17 @@ function (_React$Component) {
14281428
Tag = _this$props.tag,
14291429
waves = _this$props.waves,
14301430
zoom = _this$props.zoom,
1431-
attributes = _objectWithoutProperties(_this$props, ["cascade", "children", "className", "hover", "rounded", "src", "tag", "waves", "zoom"]);
1431+
fixed = _this$props.fixed,
1432+
attributes = _objectWithoutProperties(_this$props, ["cascade", "children", "className", "hover", "rounded", "src", "tag", "waves", "zoom", "fixed"]);
14321433

14331434
var classes = classNames("view", rounded && "rounded", zoom && "zoom", hover && "overlay", cascade && "view-cascade", waves ? "Ripple-parent" : false, className);
14341435
var viewStyle = src ? {
14351436
backgroundImage: "url(\"".concat(src, "\")"),
14361437
backgroundRepeat: "no-repeat",
14371438
backgroundSize: "cover",
14381439
backgroundPosition: "center center",
1439-
height: "100vh"
1440+
height: "100vh",
1441+
backgroundAttachment: fixed ? "fixed" : null
14401442
} : {};
14411443
return React__default.createElement(Tag, _extends({}, attributes, {
14421444
className: classes,
@@ -3940,7 +3942,7 @@ function (_Component) {
39403942
var Tag = tag;
39413943

39423944
if (this.context.isOpen) {
3943-
var position1 = this.context.dropup ? 'top' : 'bottom';
3945+
var position1 = this.context.dropup ? 'top' : this.context.dropright ? 'right' : this.context.dropleft ? 'left' : 'bottom';
39443946
var position2 = right ? 'end' : 'start';
39453947
attrs.placement = "".concat(position1, "-").concat(position2);
39463948
attrs.component = tag;
@@ -3997,6 +3999,8 @@ DropdownMenu.defaultProps = {
39973999
DropdownMenu.contextTypes = {
39984000
isOpen: PropTypes.bool.isRequired,
39994001
dropup: PropTypes.bool.isRequired,
4002+
dropright: PropTypes.bool.isRequired,
4003+
dropleft: PropTypes.bool.isRequired,
40004004
color: PropTypes.oneOfType([PropTypes.oneOf(['primary', 'default', 'secondary', 'success', 'dark', 'danger', 'info', 'warning', 'ins']), PropTypes.bool])
40014005
};
40024006

@@ -5725,6 +5729,7 @@ Popper.propTypes = {
57255729
id: PropTypes.string,
57265730
isVisible: PropTypes.bool,
57275731
placement: PropTypes.string,
5732+
popover: PropTypes.bool,
57285733
style: PropTypes.objectOf(PropTypes.string),
57295734
tag: PropTypes.string
57305735
};
@@ -5734,6 +5739,7 @@ Popper.defaultProps = {
57345739
id: 'popper',
57355740
isVisible: false,
57365741
placement: 'top',
5742+
popover: false,
57375743
style: {
57385744
display: 'inline-block'
57395745
},
@@ -6086,6 +6092,8 @@ function (_React$Component) {
60866092
return {
60876093
isOpen: this.state.isOpen,
60886094
dropup: this.props.dropup,
6095+
dropright: this.props.dropright,
6096+
dropleft: this.props.dropleft,
60896097
toggle: this.toggle
60906098
};
60916099
}
@@ -6207,11 +6215,13 @@ function (_React$Component) {
62076215
children = _omit.children,
62086216
dropup = _omit.dropup,
62096217
group = _omit.group,
6210-
size = _omit.size;
6218+
size = _omit.size,
6219+
dropright = _omit.dropright,
6220+
dropleft = _omit.dropleft;
62116221

62126222
var classes = classNames((_classNames = {
62136223
"btn-group": group
6214-
}, _defineProperty(_classNames, "btn-group-".concat(size), !!size), _defineProperty(_classNames, "dropdown", !group), _defineProperty(_classNames, "show", this.state.isOpen), _defineProperty(_classNames, "dropup", dropup), _classNames), className);
6224+
}, _defineProperty(_classNames, "btn-group-".concat(size), !!size), _defineProperty(_classNames, "dropdown", !group), _defineProperty(_classNames, "show", this.state.isOpen), _defineProperty(_classNames, "dropup", dropup), _defineProperty(_classNames, "dropright", dropright), _defineProperty(_classNames, "dropleft", dropleft), _classNames), className);
62156225
return React__default.createElement(reactPopper.Manager, null, React__default.createElement("div", {
62166226
className: classes,
62176227
onKeyDown: this.handleKeyDown
@@ -6225,6 +6235,8 @@ function (_React$Component) {
62256235
Dropdown.propTypes = {
62266236
disabled: PropTypes.bool,
62276237
dropup: PropTypes.bool,
6238+
dropright: PropTypes.bool,
6239+
dropleft: PropTypes.bool,
62286240
group: PropTypes.bool,
62296241
size: PropTypes.string,
62306242
tag: PropTypes.string,
@@ -6234,12 +6246,16 @@ Dropdown.propTypes = {
62346246
};
62356247
Dropdown.defaultProps = {
62366248
dropup: false,
6249+
dropright: false,
6250+
dropleft: false,
62376251
tag: "div"
62386252
};
62396253
Dropdown.childContextTypes = {
62406254
toggle: PropTypes.func.isRequired,
62416255
isOpen: PropTypes.bool.isRequired,
6242-
dropup: PropTypes.bool.isRequired
6256+
dropup: PropTypes.bool.isRequired,
6257+
dropright: PropTypes.bool.isRequired,
6258+
dropleft: PropTypes.bool.isRequired
62436259
};
62446260

62456261
// FREE

‎dist/scss/_custom-skin.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ $skins: map-merge((
1919
"skin-btn-primary": #fff,
2020
"skin-btn-secondary": #fff,
2121
"skin-btn-default": #fff,
22-
"skin-text": #fff,
22+
"skin-text": #fff
2323
)
2424
), $skins);
2525

‎dist/scss/_custom-styles.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
// Your custom styles
1+
// Your custom stylesz

‎dist/scss/addons/_directives.scss‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,8 @@
1919
text-align: center;
2020
font-weight: 900;
2121
font-size: 2rem;
22-
}
23-
@for $i from 1 through 36 {
22+
}
23+
@for $i from 1 through 36 {
2424
div:nth-child(#{$i}) {
2525
$h: (random(400) + 100) + px;
2626
height: $h;
@@ -43,8 +43,8 @@
4343
font-weight: 900;
4444
font-size: 2rem;
4545
flex: 1 0 auto;
46-
}
47-
@for $i from 1 through 36 {
46+
}
47+
@for $i from 1 through 36 {
4848
div:nth-child(#{$i}) {
4949
$h: (random(400) + 70) + px;
5050
width: $h;
@@ -60,14 +60,14 @@
6060
max-height: 1000px;
6161
div {
6262
width: auto;
63-
background: #975A58;
64-
color: white;
63+
// background: #975A58;
64+
// color: white;
6565
margin: 0 1rem 1rem 0;
66-
text-align: center;
67-
font-weight: 900;
68-
font-size: 2rem;
69-
}
70-
@for $i from 1 through 36 {
66+
// text-align: center;
67+
// font-weight: 900;
68+
// font-size: 2rem;
69+
}
70+
@for $i from 1 through 36 {
7171
div:nth-child(#{$i}) {
7272
$h: (random(400) + 100) + px;
7373
height: $h;

‎dist/scss/core/_global.scss‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -54,13 +54,13 @@
5454
@include make-gradient-rgba($name, $val);
5555
}
5656

57-
// .dark-grey-text {
58-
// color: #4f4f4f !important;
59-
// &:hover,
60-
// &:focus {
61-
// color: #4f4f4f !important;
62-
// }
63-
// }
57+
.dark-grey-text {
58+
color: #4f4f4f !important;
59+
&:hover,
60+
&:focus {
61+
color: #4f4f4f !important;
62+
}
63+
}
6464

6565
// Shadow on hover
6666
.hoverable {

‎dist/scss/free/_buttons.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
text-transform: uppercase;
1111
white-space: normal;
1212
word-wrap: break-word;
13-
color: $btn-color-basic;
13+
color: inherit;
1414
&:hover,
1515
&:active,
1616
&:focus {

0 commit comments

Comments
 (0)