@esvndev/es-react-config-setting 1.0.28 → 1.0.30

package/dist/index.mjs

@@ -372,7 +372,7 @@ domCss.exports.get = function (element, properties) {
   }
 };
 
-var propTypes$6 = {exports: {}};
+var propTypes$9 = {exports: {}};
 
 var reactIs = {exports: {}};
 
@@ -1468,14 +1468,14 @@ if (process.env.NODE_ENV !== 'production') {
   // By explicitly using `prop-types` you are opting into new development behavior.
   // http://fb.me/prop-types-in-prod
   var throwOnDirectAccess = true;
-  propTypes$6.exports = factoryWithTypeCheckers(ReactIs.isElement, throwOnDirectAccess);
+  propTypes$9.exports = factoryWithTypeCheckers(ReactIs.isElement, throwOnDirectAccess);
 } else {
   // By explicitly using `prop-types` you are opting into new production behavior.
   // http://fb.me/prop-types-in-prod
-  propTypes$6.exports = factoryWithThrowingShims();
+  propTypes$9.exports = factoryWithThrowingShims();
 }
 
-var PropTypes = propTypes$6.exports;
+var PropTypes = propTypes$9.exports;
 
 var isString$1 = {};
 
@@ -1661,7 +1661,7 @@ Object.defineProperty(defaultRenderElements, "__esModule", {
     value: true
 });
 
-var _extends$5 = 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; };
+var _extends$8 = 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; };
 
 defaultRenderElements.renderViewDefault = renderViewDefault;
 defaultRenderElements.renderTrackHorizontalDefault = renderTrackHorizontalDefault;
@@ -1675,7 +1675,7 @@ var _react2 = _interopRequireDefault(_react);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _objectWithoutProperties$4(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; }
+function _objectWithoutProperties$7(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; }
 
 /* eslint-disable react/prop-types */
 
@@ -1685,52 +1685,52 @@ function renderViewDefault(props) {
 
 function renderTrackHorizontalDefault(_ref) {
     var style = _ref.style,
-        props = _objectWithoutProperties$4(_ref, ['style']);
+        props = _objectWithoutProperties$7(_ref, ['style']);
 
-    var finalStyle = _extends$5({}, style, {
+    var finalStyle = _extends$8({}, style, {
         right: 2,
         bottom: 2,
         left: 2,
         borderRadius: 3
     });
-    return _react2["default"].createElement('div', _extends$5({ style: finalStyle }, props));
+    return _react2["default"].createElement('div', _extends$8({ style: finalStyle }, props));
 }
 
 function renderTrackVerticalDefault(_ref2) {
     var style = _ref2.style,
-        props = _objectWithoutProperties$4(_ref2, ['style']);
+        props = _objectWithoutProperties$7(_ref2, ['style']);
 
-    var finalStyle = _extends$5({}, style, {
+    var finalStyle = _extends$8({}, style, {
         right: 2,
         bottom: 2,
         top: 2,
         borderRadius: 3
     });
-    return _react2["default"].createElement('div', _extends$5({ style: finalStyle }, props));
+    return _react2["default"].createElement('div', _extends$8({ style: finalStyle }, props));
 }
 
 function renderThumbHorizontalDefault(_ref3) {
     var style = _ref3.style,
-        props = _objectWithoutProperties$4(_ref3, ['style']);
+        props = _objectWithoutProperties$7(_ref3, ['style']);
 
-    var finalStyle = _extends$5({}, style, {
+    var finalStyle = _extends$8({}, style, {
         cursor: 'pointer',
         borderRadius: 'inherit',
         backgroundColor: 'rgba(0,0,0,.2)'
     });
-    return _react2["default"].createElement('div', _extends$5({ style: finalStyle }, props));
+    return _react2["default"].createElement('div', _extends$8({ style: finalStyle }, props));
 }
 
 function renderThumbVerticalDefault(_ref4) {
     var style = _ref4.style,
-        props = _objectWithoutProperties$4(_ref4, ['style']);
+        props = _objectWithoutProperties$7(_ref4, ['style']);
 
-    var finalStyle = _extends$5({}, style, {
+    var finalStyle = _extends$8({}, style, {
         cursor: 'pointer',
         borderRadius: 'inherit',
         backgroundColor: 'rgba(0,0,0,.2)'
     });
-    return _react2["default"].createElement('div', _extends$5({ style: finalStyle }, props));
+    return _react2["default"].createElement('div', _extends$8({ style: finalStyle }, props));
 }
 
 (function (exports) {
@@ -1753,7 +1753,7 @@ var _domCss2 = _interopRequireDefault(_domCss);
 
 var _react = React__default;
 
-var _propTypes = propTypes$6.exports;
+var _propTypes = propTypes$9.exports;
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
@@ -9688,9 +9688,9 @@ const ModalHeader = (props) => {
 };
 
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty$3(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _typeof$3(obj) { "@babel/helpers - typeof"; return _typeof$3 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$3(obj); }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty$4(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _typeof$4(obj) { "@babel/helpers - typeof"; return _typeof$4 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$4(obj); }
 
 // https://github.com/twbs/bootstrap/blob/v4.0.0-alpha.4/js/src/modal.js#L436-L443
 function getScrollbarWidth() {
@@ -9787,7 +9787,7 @@ function deprecated(propType, explanation) {
 }
 
 // Shim Element if needed (e.g. in Node environment)
-var Element$1 = (typeof window === "undefined" ? "undefined" : _typeof$3(window)) === 'object' && window.Element || function () {};
+var Element$1 = (typeof window === "undefined" ? "undefined" : _typeof$4(window)) === 'object' && window.Element || function () {};
 function DOMElement(props, propName, componentName) {
   if (!(props[propName] instanceof Element$1)) {
     return new Error('Invalid prop `' + propName + '` supplied to `' + componentName + '`. Expected prop to be an instance of Element. Validation failed.');
@@ -9836,7 +9836,7 @@ var keyCodes = {
 };
 var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
 function isReactRefObj(target) {
-  if (target && _typeof$3(target) === 'object') {
+  if (target && _typeof$4(target) === 'object') {
     return 'current' in target;
   }
   return false;
@@ -9848,7 +9848,7 @@ function getTag(value) {
   return Object.prototype.toString.call(value);
 }
 function isObject(value) {
-  var type = _typeof$3(value);
+  var type = _typeof$4(value);
   return value != null && (type === 'object' || type === 'function');
 }
 function isFunction(value) {
@@ -9907,20 +9907,20 @@ function addDefaultProps(defaultProps, props) {
     if (result[key] === undefined) {
       result[key] = defaultProps[key];
     }
-    if (Object.keys(defaultProps[key] || {}).length > 0 && _typeof$3(defaultProps[key]) === 'object') {
+    if (Object.keys(defaultProps[key] || {}).length > 0 && _typeof$4(defaultProps[key]) === 'object') {
       addDefaultProps(defaultProps[key], result);
     }
   });
   return result;
 }
 
-var _excluded$3 = ["className", "cssModule", "noGutters", "tag", "widths"];
-function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : 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$4.apply(this, arguments); }
-function _objectWithoutProperties$3(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$4(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose$4(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; }
+var _excluded$6 = ["className", "cssModule", "noGutters", "tag", "widths"];
+function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : 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$7.apply(this, arguments); }
+function _objectWithoutProperties$6(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$7(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose$7(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; }
 var rowColWidths = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
 var rowColsPropType = PropTypes.oneOfType([PropTypes.number, PropTypes.string]);
-var propTypes$5 = {
+var propTypes$8 = {
   tag: tagPropType,
   noGutters: deprecated(PropTypes.bool, 'Please use Bootstrap 5 gutter utility classes. https://getbootstrap.com/docs/5.0/layout/gutters/'),
   className: PropTypes.string,
@@ -9941,7 +9941,7 @@ function Row(props) {
     Tag = _props$tag === void 0 ? 'div' : _props$tag,
     _props$widths = props.widths,
     widths = _props$widths === void 0 ? rowColWidths : _props$widths,
-    attributes = _objectWithoutProperties$3(props, _excluded$3);
+    attributes = _objectWithoutProperties$6(props, _excluded$6);
   var colClasses = [];
   widths.forEach(function (colWidth, i) {
     var colSize = props[colWidth];
@@ -9953,37 +9953,37 @@ function Row(props) {
     colClasses.push(isXs ? "row-cols-".concat(colSize) : "row-cols-".concat(colWidth, "-").concat(colSize));
   });
   var classes = mapToCssModules(classNames(className, noGutters ? 'gx-0' : null, 'row', colClasses), cssModule);
-  return /*#__PURE__*/React__default.createElement(Tag, _extends$4({}, attributes, {
+  return /*#__PURE__*/React__default.createElement(Tag, _extends$7({}, attributes, {
     className: classes
   }));
 }
-Row.propTypes = propTypes$5;
+Row.propTypes = propTypes$8;
 
-var _excluded$2 = ["className", "cssModule", "widths", "tag"];
-function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : 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$3.apply(this, arguments); }
-function _objectWithoutProperties$2(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$3(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose$3(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; }
-function _defineProperty$2(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-var colWidths = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
-var stringOrNumberProp = PropTypes.oneOfType([PropTypes.number, PropTypes.string]);
-var columnProps = PropTypes.oneOfType([PropTypes.bool, PropTypes.number, PropTypes.string, PropTypes.shape({
+var _excluded$5 = ["className", "cssModule", "widths", "tag"];
+function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : 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$6.apply(this, arguments); }
+function _objectWithoutProperties$5(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$6(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose$6(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; }
+function _defineProperty$3(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var colWidths$1 = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
+var stringOrNumberProp$1 = PropTypes.oneOfType([PropTypes.number, PropTypes.string]);
+var columnProps$1 = PropTypes.oneOfType([PropTypes.bool, PropTypes.number, PropTypes.string, PropTypes.shape({
   size: PropTypes.oneOfType([PropTypes.bool, PropTypes.number, PropTypes.string]),
-  order: stringOrNumberProp,
-  offset: stringOrNumberProp
+  order: stringOrNumberProp$1,
+  offset: stringOrNumberProp$1
 })]);
-var propTypes$4 = {
+var propTypes$7 = {
   tag: tagPropType,
-  xs: columnProps,
-  sm: columnProps,
-  md: columnProps,
-  lg: columnProps,
-  xl: columnProps,
-  xxl: columnProps,
+  xs: columnProps$1,
+  sm: columnProps$1,
+  md: columnProps$1,
+  lg: columnProps$1,
+  xl: columnProps$1,
+  xxl: columnProps$1,
   className: PropTypes.string,
   cssModule: PropTypes.object,
   widths: PropTypes.array
 };
-var getColumnSizeClass = function getColumnSizeClass(isXs, colWidth, colSize) {
+var getColumnSizeClass$1 = function getColumnSizeClass(isXs, colWidth, colSize) {
   if (colSize === true || colSize === '') {
     return isXs ? 'col' : "col-".concat(colWidth);
   }
@@ -9993,7 +9993,7 @@ var getColumnSizeClass = function getColumnSizeClass(isXs, colWidth, colSize) {
   return isXs ? "col-".concat(colSize) : "col-".concat(colWidth, "-").concat(colSize);
 };
 var getColumnClasses = function getColumnClasses(attributes, cssModule) {
-  var widths = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : colWidths;
+  var widths = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : colWidths$1;
   var modifiedAttributes = attributes;
   var colClasses = [];
   widths.forEach(function (colWidth, i) {
@@ -10006,10 +10006,10 @@ var getColumnClasses = function getColumnClasses(attributes, cssModule) {
     if (isObject(columnProp)) {
       var _classNames;
       var colSizeInterfix = isXs ? '-' : "-".concat(colWidth, "-");
-      var colClass = getColumnSizeClass(isXs, colWidth, columnProp.size);
-      colClasses.push(mapToCssModules(classNames((_classNames = {}, _defineProperty$2(_classNames, colClass, columnProp.size || columnProp.size === ''), _defineProperty$2(_classNames, "order".concat(colSizeInterfix).concat(columnProp.order), columnProp.order || columnProp.order === 0), _defineProperty$2(_classNames, "offset".concat(colSizeInterfix).concat(columnProp.offset), columnProp.offset || columnProp.offset === 0), _classNames)), cssModule));
+      var colClass = getColumnSizeClass$1(isXs, colWidth, columnProp.size);
+      colClasses.push(mapToCssModules(classNames((_classNames = {}, _defineProperty$3(_classNames, colClass, columnProp.size || columnProp.size === ''), _defineProperty$3(_classNames, "order".concat(colSizeInterfix).concat(columnProp.order), columnProp.order || columnProp.order === 0), _defineProperty$3(_classNames, "offset".concat(colSizeInterfix).concat(columnProp.offset), columnProp.offset || columnProp.offset === 0), _classNames)), cssModule));
     } else {
-      var _colClass = getColumnSizeClass(isXs, colWidth, columnProp);
+      var _colClass = getColumnSizeClass$1(isXs, colWidth, columnProp);
       colClasses.push(_colClass);
     }
   });
@@ -10022,10 +10022,10 @@ function Col(props) {
   var className = props.className,
     cssModule = props.cssModule,
     _props$widths = props.widths,
-    widths = _props$widths === void 0 ? colWidths : _props$widths,
+    widths = _props$widths === void 0 ? colWidths$1 : _props$widths,
     _props$tag = props.tag,
     Tag = _props$tag === void 0 ? 'div' : _props$tag,
-    attributes = _objectWithoutProperties$2(props, _excluded$2);
+    attributes = _objectWithoutProperties$5(props, _excluded$5);
   var _getColumnClasses = getColumnClasses(attributes, cssModule, widths),
     modifiedAttributes = _getColumnClasses.modifiedAttributes,
     colClasses = _getColumnClasses.colClasses;
@@ -10033,13 +10033,13 @@ function Col(props) {
     colClasses.push('col');
   }
   var classes = mapToCssModules(classNames(className, colClasses), cssModule);
-  return /*#__PURE__*/React__default.createElement(Tag, _extends$3({}, modifiedAttributes, {
+  return /*#__PURE__*/React__default.createElement(Tag, _extends$6({}, modifiedAttributes, {
     className: classes
   }));
 }
-Col.propTypes = propTypes$4;
+Col.propTypes = propTypes$7;
 
-function _objectWithoutPropertiesLoose$2(r, e) {
+function _objectWithoutPropertiesLoose$5(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -10049,14 +10049,14 @@ function _objectWithoutPropertiesLoose$2(r, e) {
   return t;
 }
 
-function _setPrototypeOf$3(t, e) {
-  return _setPrototypeOf$3 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
+function _setPrototypeOf$4(t, e) {
+  return _setPrototypeOf$4 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
     return t.__proto__ = e, t;
-  }, _setPrototypeOf$3(t, e);
+  }, _setPrototypeOf$4(t, e);
 }
 
 function _inheritsLoose(t, o) {
-  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf$3(t, o);
+  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf$4(t, o);
 }
 
 var config = {
@@ -10478,7 +10478,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
         _this$props.onExiting;
         _this$props.onExited;
         _this$props.nodeRef;
-        var childProps = _objectWithoutPropertiesLoose$2(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+        var childProps = _objectWithoutPropertiesLoose$5(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
 
     return (
       /*#__PURE__*/
@@ -10704,14 +10704,14 @@ Transition.ENTERED = ENTERED;
 Transition.EXITING = EXITING;
 var Transition$1 = Transition;
 
-var _excluded$1 = ["tag", "baseClass", "baseClassActive", "className", "cssModule", "children", "innerRef"];
-function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : 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$2.apply(this, arguments); }
-function _objectWithoutProperties$1(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose$1(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; }
+var _excluded$4 = ["tag", "baseClass", "baseClassActive", "className", "cssModule", "children", "innerRef"];
+function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : 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$5.apply(this, arguments); }
+function _objectWithoutProperties$4(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$4(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose$4(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; }
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-var propTypes$3 = _objectSpread$1(_objectSpread$1({}, Transition$1.propTypes), {}, {
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty$2(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var propTypes$6 = _objectSpread$1(_objectSpread$1({}, Transition$1.propTypes), {}, {
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
   tag: tagPropType,
   baseClass: PropTypes.string,
@@ -10741,48 +10741,48 @@ function Fade(props) {
     children = _addDefaultProps.children,
     _addDefaultProps$inne = _addDefaultProps.innerRef,
     innerRef = _addDefaultProps$inne === void 0 ? ref : _addDefaultProps$inne,
-    otherProps = _objectWithoutProperties$1(_addDefaultProps, _excluded$1);
+    otherProps = _objectWithoutProperties$4(_addDefaultProps, _excluded$4);
   var transitionProps = pick(_objectSpread$1({
     defaultProps: defaultProps$1
   }, otherProps), TransitionPropTypeKeys);
   var childProps = omit(otherProps, TransitionPropTypeKeys);
-  return /*#__PURE__*/React__default.createElement(Transition$1, _extends$2({
+  return /*#__PURE__*/React__default.createElement(Transition$1, _extends$5({
     nodeRef: innerRef
   }, transitionProps), function (status) {
     var isActive = status === 'entered';
     var classes = mapToCssModules(classNames(className, baseClass, isActive && baseClassActive), cssModule);
-    return /*#__PURE__*/React__default.createElement(Tag, _extends$2({
+    return /*#__PURE__*/React__default.createElement(Tag, _extends$5({
       className: classes
     }, childProps, {
       ref: innerRef
     }), children);
   });
 }
-Fade.propTypes = propTypes$3;
+Fade.propTypes = propTypes$6;
 
-function _typeof$2(obj) { "@babel/helpers - typeof"; return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$2(obj); }
-function _classCallCheck$2(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties$2(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-function _createClass$2(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$2(Constructor.prototype, protoProps); if (staticProps) _defineProperties$2(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits$2(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf$2(subClass, superClass); }
-function _setPrototypeOf$2(o, p) { _setPrototypeOf$2 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf$2(o, p); }
-function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
-function _possibleConstructorReturn$2(self, call) { if (call && (_typeof$2(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized$2(self); }
-function _assertThisInitialized$2(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf$2(o) { _getPrototypeOf$2 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf$2(o); }
-var propTypes$2 = {
+function _typeof$3(obj) { "@babel/helpers - typeof"; return _typeof$3 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$3(obj); }
+function _classCallCheck$3(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties$3(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+function _createClass$3(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$3(Constructor.prototype, protoProps); if (staticProps) _defineProperties$3(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits$3(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf$3(subClass, superClass); }
+function _setPrototypeOf$3(o, p) { _setPrototypeOf$3 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf$3(o, p); }
+function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf$3(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$3(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$3(this, result); }; }
+function _possibleConstructorReturn$3(self, call) { if (call && (_typeof$3(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized$3(self); }
+function _assertThisInitialized$3(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf$3(o) { _getPrototypeOf$3 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf$3(o); }
+var propTypes$5 = {
   children: PropTypes.node.isRequired,
   node: PropTypes.any
 };
 var Portal = /*#__PURE__*/function (_React$Component) {
-  _inherits$2(Portal, _React$Component);
-  var _super = _createSuper$2(Portal);
+  _inherits$3(Portal, _React$Component);
+  var _super = _createSuper$3(Portal);
   function Portal() {
-    _classCallCheck$2(this, Portal);
+    _classCallCheck$3(this, Portal);
     return _super.apply(this, arguments);
   }
-  _createClass$2(Portal, [{
+  _createClass$3(Portal, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       if (this.defaultNode) {
@@ -10805,27 +10805,27 @@ var Portal = /*#__PURE__*/function (_React$Component) {
   }]);
   return Portal;
 }(React__default.Component);
-Portal.propTypes = propTypes$2;
+Portal.propTypes = propTypes$5;
 var Portal$1 = Portal;
 
-function _typeof$1(obj) { "@babel/helpers - typeof"; return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$1(obj); }
+function _typeof$2(obj) { "@babel/helpers - typeof"; return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$2(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : 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$1.apply(this, arguments); }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties$1(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-function _createClass$1(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$1(Constructor.prototype, protoProps); if (staticProps) _defineProperties$1(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits$1(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf$1(subClass, superClass); }
-function _setPrototypeOf$1(o, p) { _setPrototypeOf$1 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf$1(o, p); }
-function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf$1(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$1(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$1(this, result); }; }
-function _possibleConstructorReturn$1(self, call) { if (call && (_typeof$1(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized$1(self); }
-function _assertThisInitialized$1(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf$1(o) { _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf$1(o); }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : 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$4.apply(this, arguments); }
+function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _classCallCheck$2(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties$2(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+function _createClass$2(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$2(Constructor.prototype, protoProps); if (staticProps) _defineProperties$2(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits$2(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf$2(subClass, superClass); }
+function _setPrototypeOf$2(o, p) { _setPrototypeOf$2 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf$2(o, p); }
+function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
+function _possibleConstructorReturn$2(self, call) { if (call && (_typeof$2(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized$2(self); }
+function _assertThisInitialized$2(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf$2(o) { _getPrototypeOf$2 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf$2(o); }
 function noop() {}
 var FadePropTypes = PropTypes.shape(Fade.propTypes);
-var propTypes$1 = {
+var propTypes$4 = {
   /** */
   autoFocus: PropTypes.bool,
   /** Add backdrop to modal */
@@ -10880,7 +10880,7 @@ var propTypes$1 = {
   wrapClassName: PropTypes.string,
   zIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
 };
-var propsToOmit = Object.keys(propTypes$1);
+var propsToOmit = Object.keys(propTypes$4);
 var defaultProps = {
   isOpen: false,
   autoFocus: true,
@@ -10907,32 +10907,32 @@ var defaultProps = {
   trapFocus: false
 };
 var Modal = /*#__PURE__*/function (_React$Component) {
-  _inherits$1(Modal, _React$Component);
-  var _super = _createSuper$1(Modal);
+  _inherits$2(Modal, _React$Component);
+  var _super = _createSuper$2(Modal);
   function Modal(props) {
     var _this;
-    _classCallCheck$1(this, Modal);
+    _classCallCheck$2(this, Modal);
     _this = _super.call(this, props);
     _this._element = null;
     _this._originalBodyPadding = null;
-    _this.getFocusableChildren = _this.getFocusableChildren.bind(_assertThisInitialized$1(_this));
-    _this.handleBackdropClick = _this.handleBackdropClick.bind(_assertThisInitialized$1(_this));
-    _this.handleBackdropMouseDown = _this.handleBackdropMouseDown.bind(_assertThisInitialized$1(_this));
-    _this.handleEscape = _this.handleEscape.bind(_assertThisInitialized$1(_this));
-    _this.handleStaticBackdropAnimation = _this.handleStaticBackdropAnimation.bind(_assertThisInitialized$1(_this));
-    _this.handleTab = _this.handleTab.bind(_assertThisInitialized$1(_this));
-    _this.onOpened = _this.onOpened.bind(_assertThisInitialized$1(_this));
-    _this.onClosed = _this.onClosed.bind(_assertThisInitialized$1(_this));
-    _this.manageFocusAfterClose = _this.manageFocusAfterClose.bind(_assertThisInitialized$1(_this));
-    _this.clearBackdropAnimationTimeout = _this.clearBackdropAnimationTimeout.bind(_assertThisInitialized$1(_this));
-    _this.trapFocus = _this.trapFocus.bind(_assertThisInitialized$1(_this));
+    _this.getFocusableChildren = _this.getFocusableChildren.bind(_assertThisInitialized$2(_this));
+    _this.handleBackdropClick = _this.handleBackdropClick.bind(_assertThisInitialized$2(_this));
+    _this.handleBackdropMouseDown = _this.handleBackdropMouseDown.bind(_assertThisInitialized$2(_this));
+    _this.handleEscape = _this.handleEscape.bind(_assertThisInitialized$2(_this));
+    _this.handleStaticBackdropAnimation = _this.handleStaticBackdropAnimation.bind(_assertThisInitialized$2(_this));
+    _this.handleTab = _this.handleTab.bind(_assertThisInitialized$2(_this));
+    _this.onOpened = _this.onOpened.bind(_assertThisInitialized$2(_this));
+    _this.onClosed = _this.onClosed.bind(_assertThisInitialized$2(_this));
+    _this.manageFocusAfterClose = _this.manageFocusAfterClose.bind(_assertThisInitialized$2(_this));
+    _this.clearBackdropAnimationTimeout = _this.clearBackdropAnimationTimeout.bind(_assertThisInitialized$2(_this));
+    _this.trapFocus = _this.trapFocus.bind(_assertThisInitialized$2(_this));
     _this.state = {
       isOpen: false,
       showStaticBackdropAnimation: false
     };
     return _this;
   }
-  _createClass$1(Modal, [{
+  _createClass$2(Modal, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this$props = this.props,
@@ -11220,8 +11220,8 @@ var Modal = /*#__PURE__*/function (_React$Component) {
         _this3 = this;
       var attributes = omit(this.props, propsToOmit);
       var dialogBaseClass = 'modal-dialog';
-      return /*#__PURE__*/React__default.createElement("div", _extends$1({}, attributes, {
-        className: mapToCssModules(classNames(dialogBaseClass, this.props.className, (_classNames = {}, _defineProperty(_classNames, "modal-".concat(this.props.size), this.props.size), _defineProperty(_classNames, "".concat(dialogBaseClass, "-centered"), this.props.centered), _defineProperty(_classNames, "".concat(dialogBaseClass, "-scrollable"), this.props.scrollable), _defineProperty(_classNames, 'modal-fullscreen', this.props.fullscreen === true), _defineProperty(_classNames, "modal-fullscreen-".concat(this.props.fullscreen, "-down"), typeof this.props.fullscreen === 'string'), _classNames)), this.props.cssModule),
+      return /*#__PURE__*/React__default.createElement("div", _extends$4({}, attributes, {
+        className: mapToCssModules(classNames(dialogBaseClass, this.props.className, (_classNames = {}, _defineProperty$1(_classNames, "modal-".concat(this.props.size), this.props.size), _defineProperty$1(_classNames, "".concat(dialogBaseClass, "-centered"), this.props.centered), _defineProperty$1(_classNames, "".concat(dialogBaseClass, "-scrollable"), this.props.scrollable), _defineProperty$1(_classNames, 'modal-fullscreen', this.props.fullscreen === true), _defineProperty$1(_classNames, "modal-fullscreen-".concat(this.props.fullscreen, "-down"), typeof this.props.fullscreen === 'string'), _classNames)), this.props.cssModule),
         role: "document",
         ref: function ref(c) {
           _this3._dialog = c;
@@ -11270,7 +11270,7 @@ var Modal = /*#__PURE__*/function (_React$Component) {
           baseClass: hasTransition ? this.props.backdropTransition.baseClass : '',
           timeout: hasTransition ? this.props.backdropTransition.timeout : 0
         });
-        var Backdrop = backdrop && (hasTransition ? /*#__PURE__*/React__default.createElement(Fade, _extends$1({}, backdropTransition, {
+        var Backdrop = backdrop && (hasTransition ? /*#__PURE__*/React__default.createElement(Fade, _extends$4({}, backdropTransition, {
           "in": isOpen && !!backdrop,
           cssModule: cssModule,
           className: mapToCssModules(classNames('modal-backdrop', backdropClassName), cssModule)
@@ -11281,7 +11281,7 @@ var Modal = /*#__PURE__*/function (_React$Component) {
           node: this._element
         }, /*#__PURE__*/React__default.createElement("div", {
           className: mapToCssModules(wrapClassName)
-        }, /*#__PURE__*/React__default.createElement(Fade, _extends$1({}, modalAttributes, modalTransition, {
+        }, /*#__PURE__*/React__default.createElement(Fade, _extends$4({}, modalAttributes, modalTransition, {
           "in": isOpen,
           onEntered: this.onOpened,
           onExited: this.onClosed,
@@ -11295,28 +11295,28 @@ var Modal = /*#__PURE__*/function (_React$Component) {
   }]);
   return Modal;
 }(React__default.Component);
-Modal.propTypes = propTypes$1;
+Modal.propTypes = propTypes$4;
 Modal.defaultProps = defaultProps;
 Modal.openCount = 0;
 Modal.originalBodyOverflow = null;
 var Modal$1 = Modal;
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["className", "cssModule", "tag", "innerRef"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-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; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-var propTypes = {
+function _typeof$1(obj) { "@babel/helpers - typeof"; return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$1(obj); }
+var _excluded$3 = ["className", "cssModule", "tag", "innerRef"];
+function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : 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$3.apply(this, arguments); }
+function _objectWithoutProperties$3(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$3(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose$3(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; }
+function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties$1(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+function _createClass$1(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$1(Constructor.prototype, protoProps); if (staticProps) _defineProperties$1(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits$1(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf$1(subClass, superClass); }
+function _setPrototypeOf$1(o, p) { _setPrototypeOf$1 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf$1(o, p); }
+function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf$1(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$1(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$1(this, result); }; }
+function _possibleConstructorReturn$1(self, call) { if (call && (_typeof$1(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized$1(self); }
+function _assertThisInitialized$1(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf$1(o) { _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf$1(o); }
+var propTypes$3 = {
   children: PropTypes.node,
   tag: tagPropType,
   innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),
@@ -11324,17 +11324,17 @@ var propTypes = {
   cssModule: PropTypes.object
 };
 var Form = /*#__PURE__*/function (_Component) {
-  _inherits(Form, _Component);
-  var _super = _createSuper(Form);
+  _inherits$1(Form, _Component);
+  var _super = _createSuper$1(Form);
   function Form(props) {
     var _this;
-    _classCallCheck(this, Form);
+    _classCallCheck$1(this, Form);
     _this = _super.call(this, props);
-    _this.getRef = _this.getRef.bind(_assertThisInitialized(_this));
-    _this.submit = _this.submit.bind(_assertThisInitialized(_this));
+    _this.getRef = _this.getRef.bind(_assertThisInitialized$1(_this));
+    _this.submit = _this.submit.bind(_assertThisInitialized$1(_this));
     return _this;
   }
-  _createClass(Form, [{
+  _createClass$1(Form, [{
     key: "getRef",
     value: function getRef(ref) {
       if (this.props.innerRef) {
@@ -11358,9 +11358,9 @@ var Form = /*#__PURE__*/function (_Component) {
         _this$props$tag = _this$props.tag,
         Tag = _this$props$tag === void 0 ? 'form' : _this$props$tag,
         innerRef = _this$props.innerRef,
-        attributes = _objectWithoutProperties(_this$props, _excluded);
+        attributes = _objectWithoutProperties$3(_this$props, _excluded$3);
       var classes = mapToCssModules(className, cssModule);
-      return /*#__PURE__*/React__default.createElement(Tag, _extends({}, attributes, {
+      return /*#__PURE__*/React__default.createElement(Tag, _extends$3({}, attributes, {
         ref: innerRef,
         className: classes
       }));
@@ -11368,9 +11368,247 @@ var Form = /*#__PURE__*/function (_Component) {
   }]);
   return Form;
 }(Component);
-Form.propTypes = propTypes;
+Form.propTypes = propTypes$3;
 var Form$1 = Form;
 
+var _excluded$2 = ["className", "cssModule", "row", "disabled", "check", "inline", "floating", "noMargin", "tag", "switch"];
+function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : 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$2.apply(this, arguments); }
+function _objectWithoutProperties$2(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$2(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose$2(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; }
+var propTypes$2 = {
+  children: PropTypes.node,
+  row: PropTypes.bool,
+  check: PropTypes.bool,
+  "switch": PropTypes.bool,
+  inline: PropTypes.bool,
+  floating: PropTypes.bool,
+  noMargin: PropTypes.bool,
+  disabled: PropTypes.bool,
+  tag: tagPropType,
+  className: PropTypes.string,
+  cssModule: PropTypes.object
+};
+function FormGroup(props) {
+  var className = props.className,
+    cssModule = props.cssModule,
+    row = props.row,
+    disabled = props.disabled,
+    check = props.check,
+    inline = props.inline,
+    floating = props.floating,
+    noMargin = props.noMargin,
+    _props$tag = props.tag,
+    Tag = _props$tag === void 0 ? 'div' : _props$tag,
+    switchProp = props["switch"],
+    attributes = _objectWithoutProperties$2(props, _excluded$2);
+  var formCheck = check || switchProp;
+  var classes = mapToCssModules(classNames(className, row ? 'row' : false, formCheck ? 'form-check' : false, switchProp ? 'form-switch' : false, formCheck || noMargin ? false : 'mb-3', formCheck && inline ? 'form-check-inline' : false, formCheck && disabled ? 'disabled' : false, floating && 'form-floating'), cssModule);
+  if (Tag === 'fieldset') {
+    attributes.disabled = disabled;
+  }
+  return /*#__PURE__*/React__default.createElement(Tag, _extends$2({}, attributes, {
+    className: classes
+  }));
+}
+FormGroup.propTypes = propTypes$2;
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded$1 = ["className", "cssModule", "type", "bsSize", "valid", "invalid", "tag", "addon", "plaintext", "innerRef"];
+function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : 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$1.apply(this, arguments); }
+function _objectWithoutProperties$1(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose$1(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; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var propTypes$1 = {
+  children: PropTypes.node,
+  type: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  bsSize: PropTypes.string,
+  valid: PropTypes.bool,
+  invalid: PropTypes.bool,
+  tag: tagPropType,
+  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),
+  plaintext: PropTypes.bool,
+  addon: PropTypes.bool,
+  className: PropTypes.string,
+  cssModule: PropTypes.object
+};
+var Input = /*#__PURE__*/function (_React$Component) {
+  _inherits(Input, _React$Component);
+  var _super = _createSuper(Input);
+  function Input(props) {
+    var _this;
+    _classCallCheck(this, Input);
+    _this = _super.call(this, props);
+    _this.getRef = _this.getRef.bind(_assertThisInitialized(_this));
+    _this.focus = _this.focus.bind(_assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(Input, [{
+    key: "getRef",
+    value: function getRef(ref) {
+      if (this.props.innerRef) {
+        this.props.innerRef(ref);
+      }
+      this.ref = ref;
+    }
+  }, {
+    key: "focus",
+    value: function focus() {
+      if (this.ref) {
+        this.ref.focus();
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        cssModule = _this$props.cssModule,
+        _this$props$type = _this$props.type,
+        type = _this$props$type === void 0 ? 'text' : _this$props$type,
+        bsSize = _this$props.bsSize,
+        valid = _this$props.valid,
+        invalid = _this$props.invalid,
+        tag = _this$props.tag,
+        addon = _this$props.addon,
+        plaintext = _this$props.plaintext,
+        innerRef = _this$props.innerRef,
+        attributes = _objectWithoutProperties$1(_this$props, _excluded$1);
+      var checkInput = ['switch', 'radio', 'checkbox'].indexOf(type) > -1;
+      var isNotaNumber = /\D/g;
+      var textareaInput = type === 'textarea';
+      var selectInput = type === 'select';
+      var rangeInput = type === 'range';
+      var Tag = tag || (selectInput || textareaInput ? type : 'input');
+      var formControlClass = 'form-control';
+      if (plaintext) {
+        formControlClass = "".concat(formControlClass, "-plaintext");
+        Tag = tag || 'input';
+      } else if (rangeInput) {
+        formControlClass = 'form-range';
+      } else if (selectInput) {
+        formControlClass = 'form-select';
+      } else if (checkInput) {
+        if (addon) {
+          formControlClass = null;
+        } else {
+          formControlClass = 'form-check-input';
+        }
+      }
+      if (attributes.size && isNotaNumber.test(attributes.size)) {
+        warnOnce('Please use the prop "bsSize" instead of the "size" to bootstrap\'s input sizing.');
+        bsSize = attributes.size;
+        delete attributes.size;
+      }
+      var classes = mapToCssModules(classNames(className, invalid && 'is-invalid', valid && 'is-valid', bsSize ? selectInput ? "form-select-".concat(bsSize) : "form-control-".concat(bsSize) : false, formControlClass), cssModule);
+      if (Tag === 'input' || tag && typeof tag === 'function') {
+        attributes.type = type === 'switch' ? 'checkbox' : type;
+      }
+      if (attributes.children && !(plaintext || type === 'select' || typeof Tag !== 'string' || Tag === 'select')) {
+        warnOnce("Input with a type of \"".concat(type, "\" cannot have children. Please use \"value\"/\"defaultValue\" instead."));
+        delete attributes.children;
+      }
+      return /*#__PURE__*/React__default.createElement(Tag, _extends$1({}, attributes, {
+        ref: innerRef,
+        className: classes,
+        "aria-invalid": invalid
+      }));
+    }
+  }]);
+  return Input;
+}(React__default.Component);
+Input.propTypes = propTypes$1;
+var Input$1 = Input;
+
+var _excluded = ["className", "cssModule", "hidden", "widths", "tag", "check", "size", "for"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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; }
+var colWidths = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
+var stringOrNumberProp = PropTypes.oneOfType([PropTypes.number, PropTypes.string]);
+var columnProps = PropTypes.oneOfType([PropTypes.bool, PropTypes.string, PropTypes.number, PropTypes.shape({
+  size: stringOrNumberProp,
+  order: stringOrNumberProp,
+  offset: stringOrNumberProp
+})]);
+var propTypes = {
+  children: PropTypes.node,
+  hidden: PropTypes.bool,
+  check: PropTypes.bool,
+  size: PropTypes.string,
+  "for": PropTypes.string,
+  tag: tagPropType,
+  className: PropTypes.string,
+  cssModule: PropTypes.object,
+  xs: columnProps,
+  sm: columnProps,
+  md: columnProps,
+  lg: columnProps,
+  xl: columnProps,
+  xxl: columnProps,
+  widths: PropTypes.array
+};
+var getColumnSizeClass = function getColumnSizeClass(isXs, colWidth, colSize) {
+  if (colSize === true || colSize === '') {
+    return isXs ? 'col' : "col-".concat(colWidth);
+  }
+  if (colSize === 'auto') {
+    return isXs ? 'col-auto' : "col-".concat(colWidth, "-auto");
+  }
+  return isXs ? "col-".concat(colSize) : "col-".concat(colWidth, "-").concat(colSize);
+};
+function Label(props) {
+  var className = props.className,
+    cssModule = props.cssModule,
+    hidden = props.hidden,
+    _props$widths = props.widths,
+    widths = _props$widths === void 0 ? colWidths : _props$widths,
+    _props$tag = props.tag,
+    Tag = _props$tag === void 0 ? 'label' : _props$tag,
+    check = props.check,
+    size = props.size,
+    htmlFor = props["for"],
+    attributes = _objectWithoutProperties(props, _excluded);
+  var colClasses = [];
+  widths.forEach(function (colWidth, i) {
+    var columnProp = props[colWidth];
+    delete attributes[colWidth];
+    if (!columnProp && columnProp !== '') {
+      return;
+    }
+    var isXs = !i;
+    var colClass;
+    if (isObject(columnProp)) {
+      var _classNames;
+      var colSizeInterfix = isXs ? '-' : "-".concat(colWidth, "-");
+      colClass = getColumnSizeClass(isXs, colWidth, columnProp.size);
+      colClasses.push(mapToCssModules(classNames((_classNames = {}, _defineProperty(_classNames, colClass, columnProp.size || columnProp.size === ''), _defineProperty(_classNames, "order".concat(colSizeInterfix).concat(columnProp.order), columnProp.order || columnProp.order === 0), _defineProperty(_classNames, "offset".concat(colSizeInterfix).concat(columnProp.offset), columnProp.offset || columnProp.offset === 0), _classNames))), cssModule);
+    } else {
+      colClass = getColumnSizeClass(isXs, colWidth, columnProp);
+      colClasses.push(colClass);
+    }
+  });
+  var colFormLabel = size || colClasses.length;
+  var formLabel = !(check || colFormLabel);
+  var classes = mapToCssModules(classNames(className, hidden ? 'visually-hidden' : false, check ? 'form-check-label' : false, size ? "col-form-label-".concat(size) : false, colClasses, colFormLabel ? 'col-form-label' : false, formLabel ? 'form-label' : false), cssModule);
+  return /*#__PURE__*/React__default.createElement(Tag, _extends({
+    htmlFor: htmlFor
+  }, attributes, {
+    className: classes
+  }));
+}
+Label.propTypes = propTypes;
+
 const SettingApp = (props) => {
     const { isOpen, eventChange, eventClose } = { ...props };
     useForm({
@@ -11417,11 +11655,64 @@ const SettingApp = (props) => {
             data: [{
                     name: "Danh bạ",
                     description: "Danh sách danh sách danh sách danh sách",
-                    data: [{
+                    data: [
+                        {
                             name: "Hiển thị trạng thái truy cập",
                             description: "Ai được phép truy cập",
                             type: "checkbox"
-                        }]
+                        },
+                        {
+                            name: "Hiển thị trạng thái truy cập",
+                            description: "Ai được phép truy cập",
+                            type: "radio"
+                        },
+                        {
+                            name: "Hiển thị trạng thái truy cập",
+                            description: "Ai được phép truy cập",
+                            type: "combobox",
+                            option: [
+                                { name: "Cho phép", value: 1 },
+                                { name: "Không phép", value: 0 }
+                            ]
+                        },
+                        {
+                            name: "Nhập văn bản",
+                            description: "Gõ nội dung cần nhập",
+                            type: "text"
+                        },
+                        {
+                            name: "Nhập số",
+                            description: "Chỉ nhập giá trị số",
+                            type: "number"
+                        },
+                        {
+                            name: "Chọn ngày",
+                            description: "Lựa chọn ngày cụ thể",
+                            type: "date"
+                        },
+                        {
+                            name: "Bật/tắt trạng thái",
+                            description: "Chuyển đổi trạng thái",
+                            type: "switch"
+                        },
+                        {
+                            name: "Điều chỉnh giá trị",
+                            description: "Kéo để chọn giá trị mong muốn",
+                            type: "slider",
+                            min: 0,
+                            max: 100
+                        },
+                        {
+                            name: "Tải tệp",
+                            description: "Chọn tệp để tải lên",
+                            type: "file"
+                        },
+                        {
+                            name: "Màu sắc",
+                            description: "Chọn màu sắc yêu thích",
+                            type: "color"
+                        }
+                    ]
                 }]
         }, {
             id: 2,
@@ -11457,13 +11748,41 @@ const SettingApp = (props) => {
         setSettingData(data);
         setDataSettingGroup(updated);
     };
+    //Hàm sử dụng tạo theo loại giá trị
+    const _renderInput = (root, data) => {
+        console.log((new Date()).getTime(), 111);
+        switch (data.type) {
+            case "checkbox":
+                return (jsx("div", { className: "checkbox", title: data.description, children: jsx(Input$1, { type: "checkbox" }, "") }));
+            case "radio":
+                return (jsx("div", { className: "radio-group", title: data.description, children: data.option?.map((opt, index) => (jsxs("label", { children: [jsx(Input$1, { type: "radio", name: data.name, value: opt.value }), opt.name] }, index))) }));
+            case "combobox":
+                return (jsx("div", { className: "combobox", title: data.description, children: jsxs(FormGroup, { title: data.description, children: [jsx(Label, { for: data.name, children: data.name }), jsxs(Input$1, { type: "select", name: data.name, id: data.name, children: [jsx("option", { value: "", children: "Ch\u1ECDn m\u1ED9t gi\u00E1 tr\u1ECB" }), data.option?.map((opt, index) => (jsx("option", { value: opt.value, children: opt.name }, index)))] })] }) }));
+            case "text":
+                return (jsx("div", { className: "text-input", title: data.description, children: jsx(Input$1, { type: "text", placeholder: data.name }) }));
+            case "number":
+                return (jsx("div", { className: "number-input", title: data.description, children: jsx(Input$1, { type: "number", placeholder: data.name }) }));
+            case "date":
+                return (jsx("div", { className: "date-input", title: data.description, children: jsx(Input$1, { type: "date" }) }));
+            case "switch":
+                return (jsx("div", { className: "switch", title: data.description }));
+            case "slider":
+                return (jsx("div", { className: "slider", title: data.description }));
+            case "file":
+                return (jsx("div", { className: "file-input", title: data.description, children: jsx(Input$1, { type: "file" }) }));
+            case "color":
+                return (jsx("div", { className: "color-picker", title: data.description, children: jsx(Input$1, { type: "color" }) }));
+            default:
+                return null;
+        }
+    };
     //hàm tạo các thông số cấu hình và cài đặt
     const _renderView = () => {
         return (settingData && settingData.data && settingData.data.length > 0 ? settingData.data.map((item, index) => {
             return (jsxs("div", { className: "setting-section", children: [jsx("div", { className: "setting-section-label", children: jsx("div", { className: "", children: jsx("span", { children: item.name }) }) }), item.description ?
                         jsx("div", { className: "setting-section-desc", children: jsx("div", { className: "", children: jsx("span", { children: item.description }) }) })
                         : null, item.data && item.data.length > 0 ? item.data.map((_item, _index) => {
-                        return (jsx("div", { className: "setting-section-content ", children: jsxs("div", { className: 'flx flx-al-c flx-sp-btw setting-section-content__item ' + (item.data.length === 1 ? "single" : (_index === 0 ? 'first' : (_index === item.data.length - 1 ? 'last' : ""))), children: [jsxs("div", { className: "flx flx-col", style: { flex: "0 0 fit-content" }, children: [jsx("span", { children: _item.name }), jsx("span", { className: "setting-section-content__description", children: _item.description })] }), jsx("div", { style: { maxWidth: "50%" }, children: jsx("div", { style: { width: "100%", boxSizing: "border-box" }, children: jsxs("div", { className: "flx flx-al-c z-dropdown-preview --square --l", style: { width: "100%", boxSizing: "border-box" }, children: [jsx("div", { className: "truncate flx-1" }), jsx("i", { className: "fa fa-Chevron_Down_24_Line margin-left-24" })] }) }) })] }) }));
+                        return (jsx("div", { className: "setting-section-content ", children: jsxs("div", { className: 'flx flx-al-c flx-sp-btw setting-section-content__item ' + (item.data.length === 1 ? "single" : (_index === 0 ? 'first' : (_index === item.data.length - 1 ? 'last' : ""))), children: [jsxs("div", { className: "flx flx-col", style: { flex: "0 0 fit-content" }, children: [jsx("span", { children: _item.name }), jsx("span", { className: "setting-section-content__description", children: _item.description })] }), jsx("div", { style: { maxWidth: "50%" }, children: jsx("div", { style: { width: "100%", boxSizing: "border-box" }, children: _renderInput(item, _item) }) })] }) }));
                     })
                         : null] }));
         })