@coreui/react 2.5.4 → 2.5.8
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/CHANGELOG.md +32 -0
- package/css/scrollbar.css +18 -0
- package/es/Aside.js +29 -37
- package/es/AsideToggler.js +36 -44
- package/es/Breadcrumb.js +51 -58
- package/es/Breadcrumb2.js +52 -60
- package/es/Footer.js +24 -32
- package/es/Header.js +23 -35
- package/es/HeaderDropdown.js +23 -27
- package/es/NavbarBrand.js +32 -39
- package/es/Shared/classes.js +0 -3
- package/es/Shared/element-closest.js +2 -0
- package/es/Shared/index.js +0 -1
- package/es/Shared/layout/layout.js +75 -16
- package/es/Shared/toggle-classes.js +2 -0
- package/es/Sidebar.js +43 -53
- package/es/SidebarFooter.js +19 -29
- package/es/SidebarForm.js +19 -29
- package/es/SidebarHeader.js +19 -29
- package/es/SidebarMinimizer.js +30 -35
- package/es/SidebarNav.js +128 -162
- package/es/SidebarNav2.js +249 -174
- package/es/SidebarToggler.js +35 -36
- package/es/Switch.js +59 -62
- package/lib/Aside.js +51 -60
- package/lib/AsideToggler.js +58 -67
- package/lib/Breadcrumb.js +71 -77
- package/lib/Breadcrumb2.js +72 -79
- package/lib/Footer.js +40 -47
- package/lib/Header.js +39 -50
- package/lib/HeaderDropdown.js +36 -37
- package/lib/NavbarBrand.js +50 -56
- package/lib/Shared/classes.js +8 -6
- package/lib/Shared/element-closest.js +3 -1
- package/lib/Shared/index.js +2 -3
- package/lib/Shared/layout/layout.js +82 -19
- package/lib/Shared/toggle-classes.js +6 -2
- package/lib/Sidebar.js +69 -81
- package/lib/SidebarFooter.js +33 -42
- package/lib/SidebarForm.js +33 -42
- package/lib/SidebarHeader.js +33 -42
- package/lib/SidebarMinimizer.js +51 -55
- package/lib/SidebarNav.js +154 -187
- package/lib/SidebarNav2.js +275 -198
- package/lib/SidebarToggler.js +56 -58
- package/lib/Switch.js +90 -92
- package/lib/index.js +36 -55
- package/package.json +21 -20
- package/umd/main.d0f057e5.css +5 -0
- package/umd/main.d0f057e5.css.map +1 -0
- package/umd/react.js +6069 -0
- package/umd/react.min.js +38 -0
- package/umd/react.min.js.map +1 -0
- package/umd/@coreui/react.js +0 -11849
- package/umd/@coreui/react.min.js +0 -77
- package/umd/@coreui/react.min.js.map +0 -1
- package/umd/main.a25994ba.css +0 -129
- package/umd/main.a25994ba.css.map +0 -1
package/lib/SidebarToggler.js
CHANGED
|
@@ -1,46 +1,40 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
+
exports["default"] = void 0;
|
|
4
5
|
|
|
5
|
-
var
|
|
6
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
6
7
|
|
|
7
|
-
var
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
8
9
|
|
|
9
|
-
var
|
|
10
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
11
|
|
|
11
|
-
var
|
|
12
|
+
var _index = require("./Shared/index");
|
|
12
13
|
|
|
13
|
-
var
|
|
14
|
+
var _toggleClasses = _interopRequireDefault(require("./Shared/toggle-classes"));
|
|
14
15
|
|
|
15
|
-
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
16
17
|
|
|
17
|
-
var
|
|
18
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
18
19
|
|
|
19
|
-
var
|
|
20
|
+
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
20
21
|
|
|
21
|
-
var
|
|
22
|
+
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); }
|
|
22
23
|
|
|
23
|
-
var
|
|
24
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
24
25
|
|
|
25
|
-
function
|
|
26
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
26
27
|
|
|
27
|
-
function
|
|
28
|
-
|
|
29
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
30
|
-
|
|
31
|
-
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
32
|
-
|
|
33
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
34
|
-
|
|
35
|
-
var propTypes = {
|
|
36
|
-
children: _propTypes2.default.node,
|
|
37
|
-
className: _propTypes2.default.string,
|
|
38
|
-
display: _propTypes2.default.any,
|
|
39
|
-
mobile: _propTypes2.default.bool,
|
|
40
|
-
tag: _propTypes2.default.oneOfType([_propTypes2.default.func, _propTypes2.default.string]),
|
|
41
|
-
type: _propTypes2.default.string
|
|
42
|
-
};
|
|
28
|
+
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
|
|
43
29
|
|
|
30
|
+
var propTypes = process.env.NODE_ENV !== "production" ? {
|
|
31
|
+
children: _propTypes["default"].node,
|
|
32
|
+
className: _propTypes["default"].string,
|
|
33
|
+
display: _propTypes["default"].any,
|
|
34
|
+
mobile: _propTypes["default"].bool,
|
|
35
|
+
tag: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].string]),
|
|
36
|
+
type: _propTypes["default"].string
|
|
37
|
+
} : {};
|
|
44
38
|
var defaultProps = {
|
|
45
39
|
display: 'lg',
|
|
46
40
|
mobile: false,
|
|
@@ -48,56 +42,60 @@ var defaultProps = {
|
|
|
48
42
|
type: 'button'
|
|
49
43
|
};
|
|
50
44
|
|
|
51
|
-
var AppSidebarToggler = function (_Component) {
|
|
52
|
-
|
|
45
|
+
var AppSidebarToggler = /*#__PURE__*/function (_Component) {
|
|
46
|
+
_inheritsLoose(AppSidebarToggler, _Component);
|
|
53
47
|
|
|
54
48
|
function AppSidebarToggler(props) {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
var _this = _possibleConstructorReturn(this, _Component.call(this, props));
|
|
49
|
+
var _this;
|
|
58
50
|
|
|
59
|
-
_this
|
|
51
|
+
_this = _Component.call(this, props) || this;
|
|
52
|
+
_this.sidebarToggle = _this.sidebarToggle.bind(_assertThisInitialized(_this));
|
|
60
53
|
return _this;
|
|
61
54
|
}
|
|
62
55
|
|
|
63
|
-
AppSidebarToggler.prototype
|
|
56
|
+
var _proto = AppSidebarToggler.prototype;
|
|
57
|
+
|
|
58
|
+
_proto.sidebarToggle = function sidebarToggle(e) {
|
|
64
59
|
e.preventDefault();
|
|
65
60
|
this.toggle();
|
|
66
61
|
};
|
|
67
62
|
|
|
68
|
-
|
|
63
|
+
_proto.toggle = function toggle(force) {
|
|
69
64
|
var _ref = [this.props.display, this.props.mobile],
|
|
70
65
|
display = _ref[0],
|
|
71
66
|
mobile = _ref[1];
|
|
72
|
-
|
|
73
67
|
var cssClass = _index.sidebarCssClasses[0];
|
|
68
|
+
|
|
74
69
|
if (!mobile && display && (0, _index.checkBreakpoint)(display, _index.validBreakpoints)) {
|
|
75
|
-
cssClass =
|
|
70
|
+
cssClass = "sidebar-" + display + "-show";
|
|
76
71
|
}
|
|
77
|
-
|
|
72
|
+
|
|
73
|
+
(0, _toggleClasses["default"])(cssClass, _index.sidebarCssClasses, force);
|
|
78
74
|
};
|
|
79
75
|
|
|
80
|
-
|
|
76
|
+
_proto.render = function render() {
|
|
81
77
|
var _this2 = this;
|
|
82
78
|
|
|
83
|
-
var
|
|
84
|
-
className =
|
|
85
|
-
children =
|
|
86
|
-
Tag =
|
|
87
|
-
attributes =
|
|
79
|
+
var _this$props = this.props,
|
|
80
|
+
className = _this$props.className,
|
|
81
|
+
children = _this$props.children,
|
|
82
|
+
Tag = _this$props.tag,
|
|
83
|
+
attributes = _objectWithoutPropertiesLoose(_this$props, ["className", "children", "tag"]);
|
|
88
84
|
|
|
89
85
|
delete attributes.mobile;
|
|
90
86
|
delete attributes.display;
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
)
|
|
87
|
+
var classes = (0, _classnames["default"])(className, 'navbar-toggler');
|
|
88
|
+
return /*#__PURE__*/_react["default"].createElement(Tag, _extends({
|
|
89
|
+
type: "button",
|
|
90
|
+
className: classes
|
|
91
|
+
}, attributes, {
|
|
92
|
+
onClick: function onClick(event) {
|
|
93
|
+
return _this2.sidebarToggle(event);
|
|
94
|
+
},
|
|
95
|
+
"data-sidebar-toggler": true
|
|
96
|
+
}), children || /*#__PURE__*/_react["default"].createElement("span", {
|
|
97
|
+
className: "navbar-toggler-icon"
|
|
98
|
+
}));
|
|
101
99
|
};
|
|
102
100
|
|
|
103
101
|
return AppSidebarToggler;
|
|
@@ -105,6 +103,6 @@ var AppSidebarToggler = function (_Component) {
|
|
|
105
103
|
|
|
106
104
|
AppSidebarToggler.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
|
|
107
105
|
AppSidebarToggler.defaultProps = defaultProps;
|
|
108
|
-
|
|
109
|
-
exports
|
|
110
|
-
module.exports = exports
|
|
106
|
+
var _default = AppSidebarToggler;
|
|
107
|
+
exports["default"] = _default;
|
|
108
|
+
module.exports = exports.default;
|
package/lib/Switch.js
CHANGED
|
@@ -1,52 +1,48 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
+
exports["default"] = void 0;
|
|
4
5
|
|
|
5
|
-
var
|
|
6
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
6
7
|
|
|
7
|
-
var
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
8
9
|
|
|
9
|
-
var
|
|
10
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
11
|
|
|
11
|
-
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
13
|
|
|
13
|
-
var
|
|
14
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
14
15
|
|
|
15
|
-
var
|
|
16
|
+
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
17
|
|
|
17
|
-
var
|
|
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); }
|
|
18
19
|
|
|
19
|
-
function
|
|
20
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
20
21
|
|
|
21
|
-
function
|
|
22
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
22
23
|
|
|
23
|
-
function
|
|
24
|
-
|
|
25
|
-
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
26
|
-
|
|
27
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
28
|
-
|
|
29
|
-
var propTypes = {
|
|
30
|
-
color: _propTypes2.default.string,
|
|
31
|
-
label: _propTypes2.default.bool,
|
|
32
|
-
outline: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.string, _propTypes2.default.oneOf(['', 'alt'])]),
|
|
33
|
-
size: _propTypes2.default.oneOf(['', 'lg', 'sm']),
|
|
34
|
-
checked: _propTypes2.default.bool,
|
|
35
|
-
defaultChecked: _propTypes2.default.bool,
|
|
36
|
-
defaultValue: _propTypes2.default.any,
|
|
37
|
-
value: _propTypes2.default.string,
|
|
38
|
-
disabled: _propTypes2.default.bool,
|
|
39
|
-
form: _propTypes2.default.any,
|
|
40
|
-
name: _propTypes2.default.string,
|
|
41
|
-
required: _propTypes2.default.bool,
|
|
42
|
-
onChange: _propTypes2.default.func,
|
|
43
|
-
type: _propTypes2.default.oneOf(['checkbox', 'radio']),
|
|
44
|
-
variant: _propTypes2.default.oneOf(['', '3d', 'pill']),
|
|
45
|
-
className: _propTypes2.default.string,
|
|
46
|
-
dataOn: _propTypes2.default.string,
|
|
47
|
-
dataOff: _propTypes2.default.string
|
|
48
|
-
};
|
|
24
|
+
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
|
|
49
25
|
|
|
26
|
+
var propTypes = process.env.NODE_ENV !== "production" ? {
|
|
27
|
+
color: _propTypes["default"].string,
|
|
28
|
+
label: _propTypes["default"].bool,
|
|
29
|
+
outline: _propTypes["default"].oneOfType([_propTypes["default"].bool, _propTypes["default"].string, _propTypes["default"].oneOf(['', 'alt'])]),
|
|
30
|
+
size: _propTypes["default"].oneOf(['', 'lg', 'sm']),
|
|
31
|
+
checked: _propTypes["default"].bool,
|
|
32
|
+
defaultChecked: _propTypes["default"].bool,
|
|
33
|
+
defaultValue: _propTypes["default"].any,
|
|
34
|
+
value: _propTypes["default"].string,
|
|
35
|
+
disabled: _propTypes["default"].bool,
|
|
36
|
+
form: _propTypes["default"].any,
|
|
37
|
+
name: _propTypes["default"].string,
|
|
38
|
+
required: _propTypes["default"].bool,
|
|
39
|
+
onChange: _propTypes["default"].func,
|
|
40
|
+
type: _propTypes["default"].oneOf(['checkbox', 'radio']),
|
|
41
|
+
variant: _propTypes["default"].oneOf(['', '3d', 'pill']),
|
|
42
|
+
className: _propTypes["default"].string,
|
|
43
|
+
dataOn: _propTypes["default"].string,
|
|
44
|
+
dataOff: _propTypes["default"].string
|
|
45
|
+
} : {};
|
|
50
46
|
var defaultProps = {
|
|
51
47
|
color: 'secondary',
|
|
52
48
|
label: false,
|
|
@@ -62,17 +58,16 @@ var defaultProps = {
|
|
|
62
58
|
dataOff: 'Off'
|
|
63
59
|
};
|
|
64
60
|
|
|
65
|
-
var AppSwitch = function (_Component) {
|
|
66
|
-
|
|
61
|
+
var AppSwitch = /*#__PURE__*/function (_Component) {
|
|
62
|
+
_inheritsLoose(AppSwitch, _Component);
|
|
67
63
|
|
|
68
64
|
function AppSwitch(props) {
|
|
69
|
-
|
|
65
|
+
var _this;
|
|
70
66
|
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
_this.
|
|
74
|
-
_this.
|
|
75
|
-
_this.handleKeyUp = _this.handleKeyUp.bind(_this);
|
|
67
|
+
_this = _Component.call(this, props) || this;
|
|
68
|
+
_this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
|
|
69
|
+
_this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized(_this));
|
|
70
|
+
_this.handleKeyUp = _this.handleKeyUp.bind(_assertThisInitialized(_this));
|
|
76
71
|
_this.state = {
|
|
77
72
|
uncontrolled: !!_this.props.defaultChecked,
|
|
78
73
|
checked: _this.props.defaultChecked || _this.props.checked,
|
|
@@ -81,13 +76,15 @@ var AppSwitch = function (_Component) {
|
|
|
81
76
|
return _this;
|
|
82
77
|
}
|
|
83
78
|
|
|
84
|
-
AppSwitch.prototype
|
|
79
|
+
var _proto = AppSwitch.prototype;
|
|
80
|
+
|
|
81
|
+
_proto.toggleState = function toggleState(check) {
|
|
85
82
|
this.setState({
|
|
86
83
|
checked: check
|
|
87
84
|
});
|
|
88
85
|
};
|
|
89
86
|
|
|
90
|
-
|
|
87
|
+
_proto.handleChange = function handleChange(event) {
|
|
91
88
|
var target = event.target;
|
|
92
89
|
this.toggleState(target.checked);
|
|
93
90
|
|
|
@@ -96,70 +93,71 @@ var AppSwitch = function (_Component) {
|
|
|
96
93
|
}
|
|
97
94
|
};
|
|
98
95
|
|
|
99
|
-
|
|
96
|
+
_proto.handleKeyDown = function handleKeyDown(event) {
|
|
100
97
|
if (event.key === ' ') {
|
|
101
98
|
event.preventDefault();
|
|
102
99
|
}
|
|
103
100
|
};
|
|
104
101
|
|
|
105
|
-
|
|
102
|
+
_proto.handleKeyUp = function handleKeyUp(event) {
|
|
106
103
|
if (event.key === 'Enter' || event.key === ' ') {
|
|
107
104
|
this.toggleState(!this.state.checked);
|
|
108
105
|
}
|
|
109
106
|
};
|
|
110
107
|
|
|
111
|
-
|
|
108
|
+
_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {
|
|
112
109
|
if (!this.state.uncontrolled && this.props.checked !== prevState.checked) {
|
|
113
110
|
this.toggleState(this.props.checked);
|
|
114
111
|
}
|
|
115
112
|
};
|
|
116
113
|
|
|
117
|
-
|
|
118
|
-
var
|
|
119
|
-
className =
|
|
120
|
-
disabled =
|
|
121
|
-
color =
|
|
122
|
-
name =
|
|
123
|
-
label =
|
|
124
|
-
outline =
|
|
125
|
-
size =
|
|
126
|
-
required =
|
|
127
|
-
type =
|
|
128
|
-
value =
|
|
129
|
-
dataOn =
|
|
130
|
-
dataOff =
|
|
131
|
-
variant =
|
|
132
|
-
attributes =
|
|
114
|
+
_proto.render = function render() {
|
|
115
|
+
var _this$props = this.props,
|
|
116
|
+
className = _this$props.className,
|
|
117
|
+
disabled = _this$props.disabled,
|
|
118
|
+
color = _this$props.color,
|
|
119
|
+
name = _this$props.name,
|
|
120
|
+
label = _this$props.label,
|
|
121
|
+
outline = _this$props.outline,
|
|
122
|
+
size = _this$props.size,
|
|
123
|
+
required = _this$props.required,
|
|
124
|
+
type = _this$props.type,
|
|
125
|
+
value = _this$props.value,
|
|
126
|
+
dataOn = _this$props.dataOn,
|
|
127
|
+
dataOff = _this$props.dataOff,
|
|
128
|
+
variant = _this$props.variant,
|
|
129
|
+
attributes = _objectWithoutPropertiesLoose(_this$props, ["className", "disabled", "color", "name", "label", "outline", "size", "required", "type", "value", "dataOn", "dataOff", "variant"]);
|
|
133
130
|
|
|
134
131
|
var tabindex = attributes.tabIndex;
|
|
135
132
|
delete attributes.tabIndex;
|
|
136
133
|
delete attributes.checked;
|
|
137
134
|
delete attributes.defaultChecked;
|
|
138
135
|
delete attributes.onChange;
|
|
139
|
-
|
|
140
|
-
var
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
136
|
+
var classes = (0, _classnames["default"])(className, 'switch', label ? 'switch-label' : false, size ? "switch-" + size : false, variant ? "switch-" + variant : false, "switch" + (outline ? '-outline' : '') + "-" + color + (outline === 'alt' ? '-alt' : ''), 'form-check-label');
|
|
137
|
+
var inputClasses = (0, _classnames["default"])('switch-input', 'form-check-input');
|
|
138
|
+
var sliderClasses = (0, _classnames["default"])('switch-slider');
|
|
139
|
+
return /*#__PURE__*/_react["default"].createElement("label", {
|
|
140
|
+
className: classes,
|
|
141
|
+
tabIndex: tabindex,
|
|
142
|
+
onKeyUp: this.handleKeyUp,
|
|
143
|
+
onKeyDown: this.handleKeyDown
|
|
144
|
+
}, /*#__PURE__*/_react["default"].createElement("input", _extends({
|
|
145
|
+
type: type,
|
|
146
|
+
className: inputClasses,
|
|
147
|
+
onChange: this.handleChange,
|
|
148
|
+
checked: this.state.checked,
|
|
149
|
+
name: name,
|
|
150
|
+
required: required,
|
|
151
|
+
disabled: disabled,
|
|
152
|
+
value: value,
|
|
153
|
+
"aria-checked": this.state.checked,
|
|
154
|
+
"aria-disabled": disabled,
|
|
155
|
+
"aria-readonly": disabled
|
|
156
|
+
}, attributes)), /*#__PURE__*/_react["default"].createElement("span", {
|
|
157
|
+
className: sliderClasses,
|
|
158
|
+
"data-checked": dataOn,
|
|
159
|
+
"data-unchecked": dataOff
|
|
160
|
+
}));
|
|
163
161
|
};
|
|
164
162
|
|
|
165
163
|
return AppSwitch;
|
|
@@ -167,6 +165,6 @@ var AppSwitch = function (_Component) {
|
|
|
167
165
|
|
|
168
166
|
AppSwitch.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
|
|
169
167
|
AppSwitch.defaultProps = defaultProps;
|
|
170
|
-
|
|
171
|
-
exports
|
|
172
|
-
module.exports = exports
|
|
168
|
+
var _default = AppSwitch;
|
|
169
|
+
exports["default"] = _default;
|
|
170
|
+
module.exports = exports.default;
|
package/lib/index.js
CHANGED
|
@@ -1,92 +1,73 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
exports.AppSwitch = exports.AppSidebarToggler = exports.AppSidebarNav2 = exports.AppSidebarNav = exports.AppSidebarMinimizer = exports.AppSidebarHeader = exports.AppSidebarForm = exports.AppSidebarFooter = exports.AppSidebar = exports.AppNavbarBrand = exports.AppHeaderDropdown = exports.AppHeader = exports.AppFooter = exports.AppBreadcrumb2 = exports.AppBreadcrumb = exports.AppAsideToggler = exports.AppAside = undefined;
|
|
5
4
|
|
|
6
|
-
var _Aside = require(
|
|
5
|
+
var _Aside = _interopRequireDefault(require("./Aside"));
|
|
7
6
|
|
|
8
|
-
|
|
7
|
+
exports.AppAside = _Aside["default"];
|
|
9
8
|
|
|
10
|
-
var _AsideToggler = require(
|
|
9
|
+
var _AsideToggler = _interopRequireDefault(require("./AsideToggler"));
|
|
11
10
|
|
|
12
|
-
|
|
11
|
+
exports.AppAsideToggler = _AsideToggler["default"];
|
|
13
12
|
|
|
14
|
-
var _Breadcrumb = require(
|
|
13
|
+
var _Breadcrumb = _interopRequireDefault(require("./Breadcrumb"));
|
|
15
14
|
|
|
16
|
-
|
|
15
|
+
exports.AppBreadcrumb = _Breadcrumb["default"];
|
|
17
16
|
|
|
18
|
-
var
|
|
17
|
+
var _Breadcrumb2 = _interopRequireDefault(require("./Breadcrumb2"));
|
|
19
18
|
|
|
20
|
-
|
|
19
|
+
exports.AppBreadcrumb2 = _Breadcrumb2["default"];
|
|
21
20
|
|
|
22
|
-
var _Footer = require(
|
|
21
|
+
var _Footer = _interopRequireDefault(require("./Footer"));
|
|
23
22
|
|
|
24
|
-
|
|
23
|
+
exports.AppFooter = _Footer["default"];
|
|
25
24
|
|
|
26
|
-
var _Header = require(
|
|
25
|
+
var _Header = _interopRequireDefault(require("./Header"));
|
|
27
26
|
|
|
28
|
-
|
|
27
|
+
exports.AppHeader = _Header["default"];
|
|
29
28
|
|
|
30
|
-
var _HeaderDropdown = require(
|
|
29
|
+
var _HeaderDropdown = _interopRequireDefault(require("./HeaderDropdown"));
|
|
31
30
|
|
|
32
|
-
|
|
31
|
+
exports.AppHeaderDropdown = _HeaderDropdown["default"];
|
|
33
32
|
|
|
34
|
-
var _NavbarBrand = require(
|
|
33
|
+
var _NavbarBrand = _interopRequireDefault(require("./NavbarBrand"));
|
|
35
34
|
|
|
36
|
-
|
|
35
|
+
exports.AppNavbarBrand = _NavbarBrand["default"];
|
|
37
36
|
|
|
38
|
-
var _Sidebar = require(
|
|
37
|
+
var _Sidebar = _interopRequireDefault(require("./Sidebar"));
|
|
39
38
|
|
|
40
|
-
|
|
39
|
+
exports.AppSidebar = _Sidebar["default"];
|
|
41
40
|
|
|
42
|
-
var _SidebarFooter = require(
|
|
41
|
+
var _SidebarFooter = _interopRequireDefault(require("./SidebarFooter"));
|
|
43
42
|
|
|
44
|
-
|
|
43
|
+
exports.AppSidebarFooter = _SidebarFooter["default"];
|
|
45
44
|
|
|
46
|
-
var _SidebarForm = require(
|
|
45
|
+
var _SidebarForm = _interopRequireDefault(require("./SidebarForm"));
|
|
47
46
|
|
|
48
|
-
|
|
47
|
+
exports.AppSidebarForm = _SidebarForm["default"];
|
|
49
48
|
|
|
50
|
-
var _SidebarHeader = require(
|
|
49
|
+
var _SidebarHeader = _interopRequireDefault(require("./SidebarHeader"));
|
|
51
50
|
|
|
52
|
-
|
|
51
|
+
exports.AppSidebarHeader = _SidebarHeader["default"];
|
|
53
52
|
|
|
54
|
-
var _SidebarMinimizer = require(
|
|
53
|
+
var _SidebarMinimizer = _interopRequireDefault(require("./SidebarMinimizer"));
|
|
55
54
|
|
|
56
|
-
|
|
55
|
+
exports.AppSidebarMinimizer = _SidebarMinimizer["default"];
|
|
57
56
|
|
|
58
|
-
var _SidebarNav = require(
|
|
57
|
+
var _SidebarNav = _interopRequireDefault(require("./SidebarNav"));
|
|
59
58
|
|
|
60
|
-
|
|
59
|
+
exports.AppSidebarNav = _SidebarNav["default"];
|
|
61
60
|
|
|
62
|
-
var
|
|
61
|
+
var _SidebarNav2 = _interopRequireDefault(require("./SidebarNav2"));
|
|
63
62
|
|
|
64
|
-
|
|
63
|
+
exports.AppSidebarNav2 = _SidebarNav2["default"];
|
|
65
64
|
|
|
66
|
-
var _SidebarToggler = require(
|
|
65
|
+
var _SidebarToggler = _interopRequireDefault(require("./SidebarToggler"));
|
|
67
66
|
|
|
68
|
-
|
|
67
|
+
exports.AppSidebarToggler = _SidebarToggler["default"];
|
|
69
68
|
|
|
70
|
-
var _Switch = require(
|
|
69
|
+
var _Switch = _interopRequireDefault(require("./Switch"));
|
|
71
70
|
|
|
72
|
-
|
|
71
|
+
exports.AppSwitch = _Switch["default"];
|
|
73
72
|
|
|
74
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
75
|
-
|
|
76
|
-
exports.AppAside = _Aside2.default;
|
|
77
|
-
exports.AppAsideToggler = _AsideToggler2.default;
|
|
78
|
-
exports.AppBreadcrumb = _Breadcrumb2.default;
|
|
79
|
-
exports.AppBreadcrumb2 = _Breadcrumb4.default;
|
|
80
|
-
exports.AppFooter = _Footer2.default;
|
|
81
|
-
exports.AppHeader = _Header2.default;
|
|
82
|
-
exports.AppHeaderDropdown = _HeaderDropdown2.default;
|
|
83
|
-
exports.AppNavbarBrand = _NavbarBrand2.default;
|
|
84
|
-
exports.AppSidebar = _Sidebar2.default;
|
|
85
|
-
exports.AppSidebarFooter = _SidebarFooter2.default;
|
|
86
|
-
exports.AppSidebarForm = _SidebarForm2.default;
|
|
87
|
-
exports.AppSidebarHeader = _SidebarHeader2.default;
|
|
88
|
-
exports.AppSidebarMinimizer = _SidebarMinimizer2.default;
|
|
89
|
-
exports.AppSidebarNav = _SidebarNav2.default;
|
|
90
|
-
exports.AppSidebarNav2 = _SidebarNav4.default;
|
|
91
|
-
exports.AppSidebarToggler = _SidebarToggler2.default;
|
|
92
|
-
exports.AppSwitch = _Switch2.default;
|
|
73
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coreui/react",
|
|
3
|
-
"version": "2.5.
|
|
3
|
+
"version": "2.5.8",
|
|
4
4
|
"description": "CoreUI React Bootstrap 4 components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": {
|
|
@@ -35,32 +35,33 @@
|
|
|
35
35
|
"lint": "eslint src"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@coreui/icons": "0.3.0",
|
|
39
38
|
"classnames": "^2.2.6",
|
|
40
|
-
"core-js": "^
|
|
39
|
+
"core-js": "^3.6.5",
|
|
41
40
|
"prop-types": "^15.7.2",
|
|
42
41
|
"react-onclickout": "^2.0.8",
|
|
43
|
-
"react-perfect-scrollbar": "
|
|
44
|
-
"reactstrap": "^8.0.1"
|
|
42
|
+
"react-perfect-scrollbar": "~1.5.8"
|
|
45
43
|
},
|
|
46
44
|
"peerDependencies": {
|
|
47
|
-
"@coreui/coreui": "^2.1.
|
|
48
|
-
"react": "^16.
|
|
49
|
-
"react-
|
|
45
|
+
"@coreui/coreui": "^2.1.16",
|
|
46
|
+
"react": "^16.13.1",
|
|
47
|
+
"react-dom": "^16.13.1",
|
|
48
|
+
"react-router-dom": "^5.2.0",
|
|
49
|
+
"mutationobserver-shim": "^0.3.5"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
-
"enzyme
|
|
55
|
-
"
|
|
56
|
-
"eslint
|
|
57
|
-
"eslint-plugin-
|
|
58
|
-
"
|
|
59
|
-
"
|
|
60
|
-
"react
|
|
61
|
-
"react-
|
|
62
|
-
"
|
|
63
|
-
"
|
|
52
|
+
"@coreui/icons": "~0.3.0",
|
|
53
|
+
"babel-eslint": "^10.1.0",
|
|
54
|
+
"enzyme": "^3.11.0",
|
|
55
|
+
"enzyme-adapter-react-16": "^1.15.2",
|
|
56
|
+
"eslint": "^7.0.0",
|
|
57
|
+
"eslint-plugin-import": "^2.20.2",
|
|
58
|
+
"eslint-plugin-react": "^7.20.0",
|
|
59
|
+
"nwb": "^0.24.7",
|
|
60
|
+
"react": "^16.13.1",
|
|
61
|
+
"react-dom": "^16.13.1",
|
|
62
|
+
"react-router-dom": "^5.2.0",
|
|
63
|
+
"reactstrap": "^8.4.1",
|
|
64
|
+
"sinon": "^9.0.2"
|
|
64
65
|
},
|
|
65
66
|
"repository": {
|
|
66
67
|
"type": "git",
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* @coreui/react v2.5.8 - https://coreui.io
|
|
3
|
+
* MIT Licensed
|
|
4
|
+
*/.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{height:15px;bottom:0}.ps__rail-x,.ps__rail-y{display:none;opacity:0;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;position:absolute}.ps__rail-y{width:15px;right:0}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#eee;opacity:.9}.ps__thumb-x{-o-transition:background-color .2s linear,height .2s ease-in-out;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px}.ps__thumb-x,.ps__thumb-y{background-color:#aaa;border-radius:6px;position:absolute}.ps__thumb-y{-o-transition:background-color .2s linear,width .2s ease-in-out;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px}.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px}.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.ps{overflow:auto!important}}.scrollbar-container{position:relative;height:100%}.ps__rtl .ps__rail-y,[dir=rtl] .ps__rail-y{left:0!important;right:unset}.ps__rtl .ps__thumb-y,[dir=rtl] .ps__thumb-y{left:2px;right:unset}
|
|
5
|
+
/*# sourceMappingURL=main.d0f057e5.css.map */
|