@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.
Files changed (58) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/css/scrollbar.css +18 -0
  3. package/es/Aside.js +29 -37
  4. package/es/AsideToggler.js +36 -44
  5. package/es/Breadcrumb.js +51 -58
  6. package/es/Breadcrumb2.js +52 -60
  7. package/es/Footer.js +24 -32
  8. package/es/Header.js +23 -35
  9. package/es/HeaderDropdown.js +23 -27
  10. package/es/NavbarBrand.js +32 -39
  11. package/es/Shared/classes.js +0 -3
  12. package/es/Shared/element-closest.js +2 -0
  13. package/es/Shared/index.js +0 -1
  14. package/es/Shared/layout/layout.js +75 -16
  15. package/es/Shared/toggle-classes.js +2 -0
  16. package/es/Sidebar.js +43 -53
  17. package/es/SidebarFooter.js +19 -29
  18. package/es/SidebarForm.js +19 -29
  19. package/es/SidebarHeader.js +19 -29
  20. package/es/SidebarMinimizer.js +30 -35
  21. package/es/SidebarNav.js +128 -162
  22. package/es/SidebarNav2.js +249 -174
  23. package/es/SidebarToggler.js +35 -36
  24. package/es/Switch.js +59 -62
  25. package/lib/Aside.js +51 -60
  26. package/lib/AsideToggler.js +58 -67
  27. package/lib/Breadcrumb.js +71 -77
  28. package/lib/Breadcrumb2.js +72 -79
  29. package/lib/Footer.js +40 -47
  30. package/lib/Header.js +39 -50
  31. package/lib/HeaderDropdown.js +36 -37
  32. package/lib/NavbarBrand.js +50 -56
  33. package/lib/Shared/classes.js +8 -6
  34. package/lib/Shared/element-closest.js +3 -1
  35. package/lib/Shared/index.js +2 -3
  36. package/lib/Shared/layout/layout.js +82 -19
  37. package/lib/Shared/toggle-classes.js +6 -2
  38. package/lib/Sidebar.js +69 -81
  39. package/lib/SidebarFooter.js +33 -42
  40. package/lib/SidebarForm.js +33 -42
  41. package/lib/SidebarHeader.js +33 -42
  42. package/lib/SidebarMinimizer.js +51 -55
  43. package/lib/SidebarNav.js +154 -187
  44. package/lib/SidebarNav2.js +275 -198
  45. package/lib/SidebarToggler.js +56 -58
  46. package/lib/Switch.js +90 -92
  47. package/lib/index.js +36 -55
  48. package/package.json +21 -20
  49. package/umd/main.d0f057e5.css +5 -0
  50. package/umd/main.d0f057e5.css.map +1 -0
  51. package/umd/react.js +6069 -0
  52. package/umd/react.min.js +38 -0
  53. package/umd/react.min.js.map +1 -0
  54. package/umd/@coreui/react.js +0 -11849
  55. package/umd/@coreui/react.min.js +0 -77
  56. package/umd/@coreui/react.min.js.map +0 -1
  57. package/umd/main.a25994ba.css +0 -129
  58. package/umd/main.a25994ba.css.map +0 -1
@@ -1,46 +1,40 @@
1
- 'use strict';
1
+ "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
+ exports["default"] = void 0;
4
5
 
5
- var _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; };
6
+ var _react = _interopRequireWildcard(require("react"));
6
7
 
7
- var _react = require('react');
8
+ var _propTypes = _interopRequireDefault(require("prop-types"));
8
9
 
9
- var _react2 = _interopRequireDefault(_react);
10
+ var _classnames = _interopRequireDefault(require("classnames"));
10
11
 
11
- var _propTypes = require('prop-types');
12
+ var _index = require("./Shared/index");
12
13
 
13
- var _propTypes2 = _interopRequireDefault(_propTypes);
14
+ var _toggleClasses = _interopRequireDefault(require("./Shared/toggle-classes"));
14
15
 
15
- var _classnames = require('classnames');
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
16
17
 
17
- var _classnames2 = _interopRequireDefault(_classnames);
18
+ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
18
19
 
19
- var _index = require('./Shared/index');
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 _toggleClasses = require('./Shared/toggle-classes');
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 _toggleClasses2 = _interopRequireDefault(_toggleClasses);
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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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 _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
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
- _inherits(AppSidebarToggler, _Component);
45
+ var AppSidebarToggler = /*#__PURE__*/function (_Component) {
46
+ _inheritsLoose(AppSidebarToggler, _Component);
53
47
 
54
48
  function AppSidebarToggler(props) {
55
- _classCallCheck(this, AppSidebarToggler);
56
-
57
- var _this = _possibleConstructorReturn(this, _Component.call(this, props));
49
+ var _this;
58
50
 
59
- _this.sidebarToggle = _this.sidebarToggle.bind(_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.sidebarToggle = function sidebarToggle(e) {
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
- AppSidebarToggler.prototype.toggle = function toggle(force) {
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 = 'sidebar-' + display + '-show';
70
+ cssClass = "sidebar-" + display + "-show";
76
71
  }
77
- (0, _toggleClasses2.default)(cssClass, _index.sidebarCssClasses, force);
72
+
73
+ (0, _toggleClasses["default"])(cssClass, _index.sidebarCssClasses, force);
78
74
  };
79
75
 
80
- AppSidebarToggler.prototype.render = function render() {
76
+ _proto.render = function render() {
81
77
  var _this2 = this;
82
78
 
83
- var _props = this.props,
84
- className = _props.className,
85
- children = _props.children,
86
- Tag = _props.tag,
87
- attributes = _objectWithoutProperties(_props, ['className', 'children', 'tag']);
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
- var classes = (0, _classnames2.default)(className, 'navbar-toggler');
93
-
94
- return _react2.default.createElement(
95
- Tag,
96
- _extends({ type: 'button', className: classes }, attributes, { onClick: function onClick(event) {
97
- return _this2.sidebarToggle(event);
98
- }, 'data-sidebar-toggler': true }),
99
- children || _react2.default.createElement('span', { className: 'navbar-toggler-icon' })
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.default = AppSidebarToggler;
110
- module.exports = exports['default'];
106
+ var _default = AppSidebarToggler;
107
+ exports["default"] = _default;
108
+ module.exports = exports.default;
package/lib/Switch.js CHANGED
@@ -1,52 +1,48 @@
1
- 'use strict';
1
+ "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
+ exports["default"] = void 0;
4
5
 
5
- var _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; };
6
+ var _react = _interopRequireWildcard(require("react"));
6
7
 
7
- var _react = require('react');
8
+ var _propTypes = _interopRequireDefault(require("prop-types"));
8
9
 
9
- var _react2 = _interopRequireDefault(_react);
10
+ var _classnames = _interopRequireDefault(require("classnames"));
10
11
 
11
- var _propTypes = require('prop-types');
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
12
13
 
13
- var _propTypes2 = _interopRequireDefault(_propTypes);
14
+ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
14
15
 
15
- var _classnames = require('classnames');
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 _classnames2 = _interopRequireDefault(_classnames);
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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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 _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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
- _inherits(AppSwitch, _Component);
61
+ var AppSwitch = /*#__PURE__*/function (_Component) {
62
+ _inheritsLoose(AppSwitch, _Component);
67
63
 
68
64
  function AppSwitch(props) {
69
- _classCallCheck(this, AppSwitch);
65
+ var _this;
70
66
 
71
- var _this = _possibleConstructorReturn(this, _Component.call(this, props));
72
-
73
- _this.handleChange = _this.handleChange.bind(_this);
74
- _this.handleKeyDown = _this.handleKeyDown.bind(_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.toggleState = function toggleState(check) {
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
- AppSwitch.prototype.handleChange = function handleChange(event) {
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
- AppSwitch.prototype.handleKeyDown = function handleKeyDown(event) {
96
+ _proto.handleKeyDown = function handleKeyDown(event) {
100
97
  if (event.key === ' ') {
101
98
  event.preventDefault();
102
99
  }
103
100
  };
104
101
 
105
- AppSwitch.prototype.handleKeyUp = function handleKeyUp(event) {
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
- AppSwitch.prototype.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {
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
- AppSwitch.prototype.render = function render() {
118
- var _props = this.props,
119
- className = _props.className,
120
- disabled = _props.disabled,
121
- color = _props.color,
122
- name = _props.name,
123
- label = _props.label,
124
- outline = _props.outline,
125
- size = _props.size,
126
- required = _props.required,
127
- type = _props.type,
128
- value = _props.value,
129
- dataOn = _props.dataOn,
130
- dataOff = _props.dataOff,
131
- variant = _props.variant,
132
- attributes = _objectWithoutProperties(_props, ['className', 'disabled', 'color', 'name', 'label', 'outline', 'size', 'required', 'type', 'value', 'dataOn', 'dataOff', 'variant']);
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 classes = (0, _classnames2.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');
141
-
142
- var inputClasses = (0, _classnames2.default)('switch-input', 'form-check-input');
143
-
144
- var sliderClasses = (0, _classnames2.default)('switch-slider');
145
-
146
- return _react2.default.createElement(
147
- 'label',
148
- { className: classes, tabIndex: tabindex, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown },
149
- _react2.default.createElement('input', _extends({ type: type,
150
- className: inputClasses,
151
- onChange: this.handleChange,
152
- checked: this.state.checked,
153
- name: name,
154
- required: required,
155
- disabled: disabled,
156
- value: value,
157
- 'aria-checked': this.state.checked,
158
- 'aria-disabled': disabled,
159
- 'aria-readonly': disabled
160
- }, attributes)),
161
- _react2.default.createElement('span', { className: sliderClasses, 'data-checked': dataOn, 'data-unchecked': dataOff })
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.default = AppSwitch;
172
- module.exports = exports['default'];
168
+ var _default = AppSwitch;
169
+ exports["default"] = _default;
170
+ module.exports = exports.default;
package/lib/index.js CHANGED
@@ -1,92 +1,73 @@
1
- 'use strict';
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('./Aside');
5
+ var _Aside = _interopRequireDefault(require("./Aside"));
7
6
 
8
- var _Aside2 = _interopRequireDefault(_Aside);
7
+ exports.AppAside = _Aside["default"];
9
8
 
10
- var _AsideToggler = require('./AsideToggler');
9
+ var _AsideToggler = _interopRequireDefault(require("./AsideToggler"));
11
10
 
12
- var _AsideToggler2 = _interopRequireDefault(_AsideToggler);
11
+ exports.AppAsideToggler = _AsideToggler["default"];
13
12
 
14
- var _Breadcrumb = require('./Breadcrumb');
13
+ var _Breadcrumb = _interopRequireDefault(require("./Breadcrumb"));
15
14
 
16
- var _Breadcrumb2 = _interopRequireDefault(_Breadcrumb);
15
+ exports.AppBreadcrumb = _Breadcrumb["default"];
17
16
 
18
- var _Breadcrumb3 = require('./Breadcrumb2');
17
+ var _Breadcrumb2 = _interopRequireDefault(require("./Breadcrumb2"));
19
18
 
20
- var _Breadcrumb4 = _interopRequireDefault(_Breadcrumb3);
19
+ exports.AppBreadcrumb2 = _Breadcrumb2["default"];
21
20
 
22
- var _Footer = require('./Footer');
21
+ var _Footer = _interopRequireDefault(require("./Footer"));
23
22
 
24
- var _Footer2 = _interopRequireDefault(_Footer);
23
+ exports.AppFooter = _Footer["default"];
25
24
 
26
- var _Header = require('./Header');
25
+ var _Header = _interopRequireDefault(require("./Header"));
27
26
 
28
- var _Header2 = _interopRequireDefault(_Header);
27
+ exports.AppHeader = _Header["default"];
29
28
 
30
- var _HeaderDropdown = require('./HeaderDropdown');
29
+ var _HeaderDropdown = _interopRequireDefault(require("./HeaderDropdown"));
31
30
 
32
- var _HeaderDropdown2 = _interopRequireDefault(_HeaderDropdown);
31
+ exports.AppHeaderDropdown = _HeaderDropdown["default"];
33
32
 
34
- var _NavbarBrand = require('./NavbarBrand');
33
+ var _NavbarBrand = _interopRequireDefault(require("./NavbarBrand"));
35
34
 
36
- var _NavbarBrand2 = _interopRequireDefault(_NavbarBrand);
35
+ exports.AppNavbarBrand = _NavbarBrand["default"];
37
36
 
38
- var _Sidebar = require('./Sidebar');
37
+ var _Sidebar = _interopRequireDefault(require("./Sidebar"));
39
38
 
40
- var _Sidebar2 = _interopRequireDefault(_Sidebar);
39
+ exports.AppSidebar = _Sidebar["default"];
41
40
 
42
- var _SidebarFooter = require('./SidebarFooter');
41
+ var _SidebarFooter = _interopRequireDefault(require("./SidebarFooter"));
43
42
 
44
- var _SidebarFooter2 = _interopRequireDefault(_SidebarFooter);
43
+ exports.AppSidebarFooter = _SidebarFooter["default"];
45
44
 
46
- var _SidebarForm = require('./SidebarForm');
45
+ var _SidebarForm = _interopRequireDefault(require("./SidebarForm"));
47
46
 
48
- var _SidebarForm2 = _interopRequireDefault(_SidebarForm);
47
+ exports.AppSidebarForm = _SidebarForm["default"];
49
48
 
50
- var _SidebarHeader = require('./SidebarHeader');
49
+ var _SidebarHeader = _interopRequireDefault(require("./SidebarHeader"));
51
50
 
52
- var _SidebarHeader2 = _interopRequireDefault(_SidebarHeader);
51
+ exports.AppSidebarHeader = _SidebarHeader["default"];
53
52
 
54
- var _SidebarMinimizer = require('./SidebarMinimizer');
53
+ var _SidebarMinimizer = _interopRequireDefault(require("./SidebarMinimizer"));
55
54
 
56
- var _SidebarMinimizer2 = _interopRequireDefault(_SidebarMinimizer);
55
+ exports.AppSidebarMinimizer = _SidebarMinimizer["default"];
57
56
 
58
- var _SidebarNav = require('./SidebarNav');
57
+ var _SidebarNav = _interopRequireDefault(require("./SidebarNav"));
59
58
 
60
- var _SidebarNav2 = _interopRequireDefault(_SidebarNav);
59
+ exports.AppSidebarNav = _SidebarNav["default"];
61
60
 
62
- var _SidebarNav3 = require('./SidebarNav2');
61
+ var _SidebarNav2 = _interopRequireDefault(require("./SidebarNav2"));
63
62
 
64
- var _SidebarNav4 = _interopRequireDefault(_SidebarNav3);
63
+ exports.AppSidebarNav2 = _SidebarNav2["default"];
65
64
 
66
- var _SidebarToggler = require('./SidebarToggler');
65
+ var _SidebarToggler = _interopRequireDefault(require("./SidebarToggler"));
67
66
 
68
- var _SidebarToggler2 = _interopRequireDefault(_SidebarToggler);
67
+ exports.AppSidebarToggler = _SidebarToggler["default"];
69
68
 
70
- var _Switch = require('./Switch');
69
+ var _Switch = _interopRequireDefault(require("./Switch"));
71
70
 
72
- var _Switch2 = _interopRequireDefault(_Switch);
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.4",
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": "^2.6.9",
39
+ "core-js": "^3.6.5",
41
40
  "prop-types": "^15.7.2",
42
41
  "react-onclickout": "^2.0.8",
43
- "react-perfect-scrollbar": "^1.5.3",
44
- "reactstrap": "^8.0.1"
42
+ "react-perfect-scrollbar": "~1.5.8"
45
43
  },
46
44
  "peerDependencies": {
47
- "@coreui/coreui": "^2.1.12",
48
- "react": "^16.10.1",
49
- "react-router-dom": "^5.1.2"
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
- "babel-eslint": "^10.0.3",
53
- "enzyme": "^3.10.0",
54
- "enzyme-adapter-react-16": "^1.14.0",
55
- "eslint": "^5.16.0",
56
- "eslint-plugin-import": "^2.18.2",
57
- "eslint-plugin-react": "^7.15.1",
58
- "nwb": "^0.23.0",
59
- "react": "^16.10.1",
60
- "react-dom": "^16.10.1",
61
- "react-router-dom": "^5.1.2",
62
- "sinon": "^5.1.1",
63
- "webpack-dev-server": "^3.8.1"
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 */