@esvndev/es-react-config-setting 1.0.21 → 1.0.23

package/dist/index.css

@@ -1,2 +1,2 @@
-:root{--layer-background-selected:#dbebff;--text-primary:#081b3a;--layer-background:#fff;--divider-bold:rgba(0,0,0,.15);--surface-background-subtle:#ebecf0;--layer-background-hover:#f1f2f4}.setting-modal .modal-title{color:var(--text-primary);display:block;font-size:1.125rem;font-weight:700;line-height:1.5}.setting-modal-body-custom{height:calc(100vh - 3.5rem - 55px)}.setting-menu,.stack-navigation{margin-top:0!important}.stack-navigation{background-color:#ebecf0}.setting-section{padding-left:12px;padding-right:12px}.setting-menu__item{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;font-weight:700;height:50px;justify-content:space-between;line-height:1.5;margin-top:0!important;padding:0 16px!important}.setting-menu__item:hover{background-color:var(--layer-background-hover)}.setting-menu__item.selected{background-color:var(--layer-background-selected)}.setting-menu__wrapper-content{align-items:center;display:flex;margin-right:2px}.setting-menu{background-color:var(--layer-background);border-right:1px solid var(--divider-bold);padding-left:0!important;padding-right:0!important}.setting-right,.setting-right .stack-page{background-color:var(--surface-background-subtle)}.stack-navigation .stack-page{background:var(--layer-background);inset:0;position:absolute}.setting-menu__icon{font-size:1.125rem;height:1.125rem;line-height:0;margin-right:10px;width:1.125rem}.setting-menu__name{margin:0}.truncate{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-section-label{color:var(--text-primary);display:flex;font-size:1rem;font-weight:500;height:32px;line-height:1.5;line-height:32px;padding:0 16px}.setting-section-content{background-color:transparent;margin:8px 0 24px}.setting-section-content__item.first{border-radius:8px 8px 0 0}.setting-section-content__item{background-color:var(--layer-background);box-sizing:border-box;cursor:pointer;padding:12px 16px 0}.setting-section-content__item.last{border-radius:0 0 8px 8px;padding:12px 16px}.setting-section-content__description,.setting-section-desc{color:var(--text-secondary);font-size:.8125rem;font-weight:400;line-height:1.5;line-height:1.4}.setting-section-desc{padding:0 16px}
+:root{--layer-background-selected:#dbebff;--text-primary:#081b3a;--layer-background:#fff;--divider-bold:rgba(0,0,0,.15);--surface-background-subtle:#ebecf0;--layer-background-hover:#f1f2f4}.setting-modal .modal-title{color:var(--text-primary);display:block;font-size:1.125rem;font-weight:700;line-height:1.5}.setting-modal-body-custom{height:calc(100vh - 3.5rem - 55px)}.setting-menu,.stack-navigation{margin-top:0!important}.stack-navigation{background-color:#ebecf0}.setting-section{padding-left:12px;padding-right:12px}.setting-menu__item{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;font-weight:700;height:50px;justify-content:space-between;line-height:1.5;margin-top:0!important;padding:0 16px!important}.setting-menu__item:hover{background-color:var(--layer-background-hover)}.setting-menu__item.selected{background-color:var(--layer-background-selected)}.setting-menu__wrapper-content{align-items:center;display:flex;margin-right:2px}.setting-menu{background-color:var(--layer-background);border-right:1px solid var(--divider-bold);padding-left:0!important;padding-right:0!important}.setting-right,.setting-right .stack-page{background-color:var(--surface-background-subtle)}.stack-navigation .stack-page{background:var(--layer-background);inset:0;position:absolute}.setting-menu__icon{font-size:1.125rem;height:1.125rem;line-height:0;margin-right:10px;width:1.125rem}.setting-menu__name{margin:0}.truncate{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-section-label{color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;height:32px;line-height:1.5;line-height:32px;padding:0 16px}.setting-section-content{background-color:transparent;margin:8px 0 24px}.setting-section-content__item.first{border-radius:8px 8px 0 0}.setting-section-content__item{background-color:var(--layer-background);box-sizing:border-box;cursor:pointer;padding:12px 16px 0}.setting-section-content__item.last{border-radius:0 0 8px 8px;padding:12px 16px}.setting-section-content__description,.setting-section-desc{color:var(--text-secondary);font-size:.8125rem;font-weight:400;line-height:1.5;line-height:1.4}.setting-section-desc{padding:0 16px}.setting-section-content__item.single{border-radius:8px;padding:12px 16px}
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["index.scss"],"names":[],"mappings":"AAAA,MACE,mCAAoC,CACpC,sBAAuB,CACvB,uBAAwB,CACxB,8BAAmC,CACnC,mCAAoC,CACpC,gCACF,CAEA,4BAKE,yBAA0B,CAF1B,aAAc,CAFd,kBAAmB,CAGnB,eAAiB,CAFjB,eAIF,CAEA,2BACE,kCACF,CAEA,gCAEE,sBACF,CAEA,kBACE,wBACF,CAEA,iBACE,iBAAkB,CAClB,kBACF,CAEA,oBAUE,kBAAmB,CAPnB,yBAA0B,CAC1B,cAAe,CAIf,YAAa,CAHb,iBAAmB,CACnB,eAAgB,CAKhB,eAAiB,CAVjB,WAAY,CAQZ,6BAA8B,CAF9B,eAAgB,CAKhB,sBAAwB,CAVxB,wBAWF,CAEA,0BACE,8CACF,CAEA,6BACE,iDACF,CAEA,+BAEE,kBAAmB,CADnB,YAAa,CAEb,gBACF,CAEA,cAEE,wCAAyC,CADzC,0CAA2C,CAE3C,wBAA0B,CAC1B,yBACF,CAEA,0CAEE,iDACF,CAEA,8BAGE,kCAAmC,CADnC,OAAQ,CADR,iBAGF,CAEA,oBACE,kBAAmB,CAEnB,eAAgB,CAChB,aAAc,CACd,iBAAkB,CAHlB,cAIF,CAEA,oBACE,QACF,CAEA,UAIE,oBAAqB,CADrB,eAAgB,CAFhB,sBAAuB,CACvB,kBAGF,CAEA,uBACE,yBAA0B,CAO1B,YAAa,CANb,cAAe,CACf,eAAgB,CAIhB,WAAY,CAHZ,eAAgB,CAEhB,gBAAiB,CADjB,cAIF,CAEA,yBACE,4BAA6B,CAC7B,iBACF,CAEA,qCACE,yBACF,CAEA,+BACE,wCAAyC,CACzC,qBAAsB,CACtB,cAAe,CACf,mBACF,CAEA,oCAEE,yBAA0B,CAD1B,iBAEF,CAUA,4DAHE,2BAA4B,CAJ5B,kBAAoB,CACpB,eAAgB,CAChB,eAAgB,CAChB,eAWF,CAPA,sBAEE,cAKF","file":"index.css","sourcesContent":[":root {\n  --layer-background-selected: #dbebff;\n  --text-primary: #081b3a;\n  --layer-background: #fff;\n  --divider-bold: rgba(0, 0, 0, 0.15);\n  --surface-background-subtle: #ebecf0;\n  --layer-background-hover: #f1f2f4;\n}\n\n.setting-modal .modal-title {\n  font-size: 1.125rem;\n  line-height: 1.5;\n  display: block;\n  font-weight: bold;\n  color: var(--text-primary);\n}\n\n.setting-modal-body-custom {\n  height: calc(100vh - 3.5rem - 55px);\n}\n\n.setting-menu,\n.stack-navigation {\n  margin-top: 0px !important;\n}\n\n.stack-navigation {\n  background-color: #ebecf0;\n}\n\n.setting-section {\n  padding-left: 12px;\n  padding-right: 12px;\n}\n\n.setting-menu__item {\n  height: 50px;\n  padding: 0 16px !important;\n  color: var(--text-primary);\n  cursor: pointer;\n  font-size: 0.875rem;\n  font-weight: 500;\n  line-height: 1.5;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-weight: bold;\n  margin-top: 0 !important;\n}\n\n.setting-menu__item:hover {\n  background-color: var(--layer-background-hover);\n}\n\n.setting-menu__item.selected {\n  background-color: var(--layer-background-selected);\n}\n\n.setting-menu__wrapper-content {\n  display: flex;\n  align-items: center;\n  margin-right: 2px;\n}\n\n.setting-menu {\n  border-right: 1px solid var(--divider-bold);\n  background-color: var(--layer-background);\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n.setting-right,\n.setting-right .stack-page {\n  background-color: var(--surface-background-subtle);\n}\n\n.stack-navigation .stack-page {\n  position: absolute;\n  inset: 0;\n  background: var(--layer-background);\n}\n\n.setting-menu__icon {\n  font-size: 1.125rem;\n  width: 1.125rem;\n  height: 1.125rem;\n  line-height: 0;\n  margin-right: 10px;\n}\n\n.setting-menu__name {\n  margin: 0;\n}\n\n.truncate {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  word-wrap: break-word;\n}\n\n.setting-section-label {\n  color: var(--text-primary);\n  font-size: 1rem;\n  font-weight: 500;\n  line-height: 1.5;\n  padding: 0 16px;\n  line-height: 32px;\n  height: 32px;\n  display: flex;\n}\n\n.setting-section-content {\n  background-color: transparent;\n  margin: 8px 0 24px;\n}\n\n.setting-section-content__item.first {\n  border-radius: 8px 8px 0 0;\n}\n\n.setting-section-content__item {\n  background-color: var(--layer-background);\n  box-sizing: border-box;\n  cursor: pointer;\n  padding: 12px 16px 0;\n}\n\n.setting-section-content__item.last {\n  padding: 12px 16px;\n  border-radius: 0 0 8px 8px;\n}\n\n.setting-section-content__description {\n  font-size: 0.8125rem;\n  font-weight: 400;\n  line-height: 1.5;\n  line-height: 1.4;\n  color: var(--text-secondary);\n}\n\n.setting-section-desc {\n  color: var(--text-secondary);\n  padding: 0 16px;\n  font-size: 0.8125rem;\n  font-weight: 400;\n  line-height: 1.5;\n  line-height: 1.4;\n}"]}
+{"version":3,"sources":["index.scss"],"names":[],"mappings":"AAAA,MACE,mCAAoC,CACpC,sBAAuB,CACvB,uBAAwB,CACxB,8BAAmC,CACnC,mCAAoC,CACpC,gCACF,CAEA,4BAKE,yBAA0B,CAF1B,aAAc,CAFd,kBAAmB,CAGnB,eAAiB,CAFjB,eAIF,CAEA,2BACE,kCACF,CAEA,gCAEE,sBACF,CAEA,kBACE,wBACF,CAEA,iBACE,iBAAkB,CAClB,kBACF,CAEA,oBAUE,kBAAmB,CAPnB,yBAA0B,CAC1B,cAAe,CAIf,YAAa,CAHb,iBAAmB,CACnB,eAAgB,CAKhB,eAAiB,CAVjB,WAAY,CAQZ,6BAA8B,CAF9B,eAAgB,CAKhB,sBAAwB,CAVxB,wBAWF,CAEA,0BACE,8CACF,CAEA,6BACE,iDACF,CAEA,+BAEE,kBAAmB,CADnB,YAAa,CAEb,gBACF,CAEA,cAEE,wCAAyC,CADzC,0CAA2C,CAE3C,wBAA0B,CAC1B,yBACF,CAEA,0CAEE,iDACF,CAEA,8BAGE,kCAAmC,CADnC,OAAQ,CADR,iBAGF,CAEA,oBACE,kBAAmB,CAEnB,eAAgB,CAChB,aAAc,CACd,iBAAkB,CAHlB,cAIF,CAEA,oBACE,QACF,CAEA,UAIE,oBAAqB,CADrB,eAAgB,CAFhB,sBAAuB,CACvB,kBAGF,CAEA,uBACE,yBAA0B,CAO1B,YAAa,CANb,cAAe,CACf,eAAgB,CAIhB,WAAY,CAHZ,eAAgB,CAEhB,gBAAiB,CADjB,cAIF,CAEA,yBACE,4BAA6B,CAC7B,iBACF,CAEA,qCACE,yBACF,CAEA,+BACE,wCAAyC,CACzC,qBAAsB,CACtB,cAAe,CACf,mBACF,CAEA,oCAEE,yBAA0B,CAD1B,iBAEF,CAUA,4DAHE,2BAA4B,CAJ5B,kBAAoB,CACpB,eAAgB,CAChB,eAAgB,CAChB,eAWF,CAPA,sBAEE,cAKF,CAEA,sCACE,iBAAkB,CAClB,iBACF","file":"index.css","sourcesContent":[":root {\n  --layer-background-selected: #dbebff;\n  --text-primary: #081b3a;\n  --layer-background: #fff;\n  --divider-bold: rgba(0, 0, 0, 0.15);\n  --surface-background-subtle: #ebecf0;\n  --layer-background-hover: #f1f2f4;\n}\n\n.setting-modal .modal-title {\n  font-size: 1.125rem;\n  line-height: 1.5;\n  display: block;\n  font-weight: bold;\n  color: var(--text-primary);\n}\n\n.setting-modal-body-custom {\n  height: calc(100vh - 3.5rem - 55px);\n}\n\n.setting-menu,\n.stack-navigation {\n  margin-top: 0px !important;\n}\n\n.stack-navigation {\n  background-color: #ebecf0;\n}\n\n.setting-section {\n  padding-left: 12px;\n  padding-right: 12px;\n}\n\n.setting-menu__item {\n  height: 50px;\n  padding: 0 16px !important;\n  color: var(--text-primary);\n  cursor: pointer;\n  font-size: 0.875rem;\n  font-weight: 500;\n  line-height: 1.5;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-weight: bold;\n  margin-top: 0 !important;\n}\n\n.setting-menu__item:hover {\n  background-color: var(--layer-background-hover);\n}\n\n.setting-menu__item.selected {\n  background-color: var(--layer-background-selected);\n}\n\n.setting-menu__wrapper-content {\n  display: flex;\n  align-items: center;\n  margin-right: 2px;\n}\n\n.setting-menu {\n  border-right: 1px solid var(--divider-bold);\n  background-color: var(--layer-background);\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n.setting-right,\n.setting-right .stack-page {\n  background-color: var(--surface-background-subtle);\n}\n\n.stack-navigation .stack-page {\n  position: absolute;\n  inset: 0;\n  background: var(--layer-background);\n}\n\n.setting-menu__icon {\n  font-size: 1.125rem;\n  width: 1.125rem;\n  height: 1.125rem;\n  line-height: 0;\n  margin-right: 10px;\n}\n\n.setting-menu__name {\n  margin: 0;\n}\n\n.truncate {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  word-wrap: break-word;\n}\n\n.setting-section-label {\n  color: var(--text-primary);\n  font-size: 1rem;\n  font-weight: 600;\n  line-height: 1.5;\n  padding: 0 16px;\n  line-height: 32px;\n  height: 32px;\n  display: flex;\n}\n\n.setting-section-content {\n  background-color: transparent;\n  margin: 8px 0 24px;\n}\n\n.setting-section-content__item.first {\n  border-radius: 8px 8px 0 0;\n}\n\n.setting-section-content__item {\n  background-color: var(--layer-background);\n  box-sizing: border-box;\n  cursor: pointer;\n  padding: 12px 16px 0;\n}\n\n.setting-section-content__item.last {\n  padding: 12px 16px;\n  border-radius: 0 0 8px 8px;\n}\n\n.setting-section-content__description {\n  font-size: 0.8125rem;\n  font-weight: 400;\n  line-height: 1.5;\n  line-height: 1.4;\n  color: var(--text-secondary);\n}\n\n.setting-section-desc {\n  color: var(--text-secondary);\n  padding: 0 16px;\n  font-size: 0.8125rem;\n  font-weight: 400;\n  line-height: 1.5;\n  line-height: 1.4;\n}\n\n.setting-section-content__item.single {\n  border-radius: 8px;\n  padding: 12px 16px;\n}"]}

package/dist/index.js

@@ -399,7 +399,7 @@ domCss.exports.get = function (element, properties) {
   }
 };
 
-var propTypes$7 = {exports: {}};
+var propTypes$6 = {exports: {}};
 
 var reactIs = {exports: {}};
 
@@ -1495,14 +1495,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$7.exports = factoryWithTypeCheckers(ReactIs.isElement, throwOnDirectAccess);
+  propTypes$6.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$7.exports = factoryWithThrowingShims();
+  propTypes$6.exports = factoryWithThrowingShims();
 }
 
-var PropTypes = propTypes$7.exports;
+var PropTypes = propTypes$6.exports;
 
 var isString$1 = {};
 
@@ -1688,7 +1688,7 @@ Object.defineProperty(defaultRenderElements, "__esModule", {
     value: true
 });
 
-var _extends$6 = 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$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; };
 
 defaultRenderElements.renderViewDefault = renderViewDefault;
 defaultRenderElements.renderTrackHorizontalDefault = renderTrackHorizontalDefault;
@@ -1702,7 +1702,7 @@ var _react2 = _interopRequireDefault(_react);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _objectWithoutProperties$5(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$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; }
 
 /* eslint-disable react/prop-types */
 
@@ -1712,52 +1712,52 @@ function renderViewDefault(props) {
 
 function renderTrackHorizontalDefault(_ref) {
     var style = _ref.style,
-        props = _objectWithoutProperties$5(_ref, ['style']);
+        props = _objectWithoutProperties$4(_ref, ['style']);
 
-    var finalStyle = _extends$6({}, style, {
+    var finalStyle = _extends$5({}, style, {
         right: 2,
         bottom: 2,
         left: 2,
         borderRadius: 3
     });
-    return _react2["default"].createElement('div', _extends$6({ style: finalStyle }, props));
+    return _react2["default"].createElement('div', _extends$5({ style: finalStyle }, props));
 }
 
 function renderTrackVerticalDefault(_ref2) {
     var style = _ref2.style,
-        props = _objectWithoutProperties$5(_ref2, ['style']);
+        props = _objectWithoutProperties$4(_ref2, ['style']);
 
-    var finalStyle = _extends$6({}, style, {
+    var finalStyle = _extends$5({}, style, {
         right: 2,
         bottom: 2,
         top: 2,
         borderRadius: 3
     });
-    return _react2["default"].createElement('div', _extends$6({ style: finalStyle }, props));
+    return _react2["default"].createElement('div', _extends$5({ style: finalStyle }, props));
 }
 
 function renderThumbHorizontalDefault(_ref3) {
     var style = _ref3.style,
-        props = _objectWithoutProperties$5(_ref3, ['style']);
+        props = _objectWithoutProperties$4(_ref3, ['style']);
 
-    var finalStyle = _extends$6({}, style, {
+    var finalStyle = _extends$5({}, style, {
         cursor: 'pointer',
         borderRadius: 'inherit',
         backgroundColor: 'rgba(0,0,0,.2)'
     });
-    return _react2["default"].createElement('div', _extends$6({ style: finalStyle }, props));
+    return _react2["default"].createElement('div', _extends$5({ style: finalStyle }, props));
 }
 
 function renderThumbVerticalDefault(_ref4) {
     var style = _ref4.style,
-        props = _objectWithoutProperties$5(_ref4, ['style']);
+        props = _objectWithoutProperties$4(_ref4, ['style']);
 
-    var finalStyle = _extends$6({}, style, {
+    var finalStyle = _extends$5({}, style, {
         cursor: 'pointer',
         borderRadius: 'inherit',
         backgroundColor: 'rgba(0,0,0,.2)'
     });
-    return _react2["default"].createElement('div', _extends$6({ style: finalStyle }, props));
+    return _react2["default"].createElement('div', _extends$5({ style: finalStyle }, props));
 }
 
 (function (exports) {
@@ -1780,7 +1780,7 @@ var _domCss2 = _interopRequireDefault(_domCss);
 
 var _react = React__default["default"];
 
-var _propTypes = propTypes$7.exports;
+var _propTypes = propTypes$6.exports;
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
@@ -9941,13 +9941,13 @@ function addDefaultProps(defaultProps, props) {
   return result;
 }
 
-var _excluded$4 = ["className", "cssModule", "noGutters", "tag", "widths"];
-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$5(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$5(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$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 rowColWidths = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
 var rowColsPropType = PropTypes.oneOfType([PropTypes.number, PropTypes.string]);
-var propTypes$6 = {
+var propTypes$5 = {
   tag: tagPropType,
   noGutters: deprecated(PropTypes.bool, 'Please use Bootstrap 5 gutter utility classes. https://getbootstrap.com/docs/5.0/layout/gutters/'),
   className: PropTypes.string,
@@ -9968,7 +9968,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$4(props, _excluded$4);
+    attributes = _objectWithoutProperties$3(props, _excluded$3);
   var colClasses = [];
   widths.forEach(function (colWidth, i) {
     var colSize = props[colWidth];
@@ -9980,16 +9980,16 @@ 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["default"].createElement(Tag, _extends$5({}, attributes, {
+  return /*#__PURE__*/React__default["default"].createElement(Tag, _extends$4({}, attributes, {
     className: classes
   }));
 }
-Row.propTypes = propTypes$6;
+Row.propTypes = propTypes$5;
 
-var _excluded$3 = ["className", "cssModule", "widths", "tag"];
-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$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]);
@@ -9998,7 +9998,7 @@ var columnProps = PropTypes.oneOfType([PropTypes.bool, PropTypes.number, PropTyp
   order: stringOrNumberProp,
   offset: stringOrNumberProp
 })]);
-var propTypes$5 = {
+var propTypes$4 = {
   tag: tagPropType,
   xs: columnProps,
   sm: columnProps,
@@ -10052,7 +10052,7 @@ function Col(props) {
     widths = _props$widths === void 0 ? colWidths : _props$widths,
     _props$tag = props.tag,
     Tag = _props$tag === void 0 ? 'div' : _props$tag,
-    attributes = _objectWithoutProperties$3(props, _excluded$3);
+    attributes = _objectWithoutProperties$2(props, _excluded$2);
   var _getColumnClasses = getColumnClasses(attributes, cssModule, widths),
     modifiedAttributes = _getColumnClasses.modifiedAttributes,
     colClasses = _getColumnClasses.colClasses;
@@ -10060,13 +10060,13 @@ function Col(props) {
     colClasses.push('col');
   }
   var classes = mapToCssModules(classNames(className, colClasses), cssModule);
-  return /*#__PURE__*/React__default["default"].createElement(Tag, _extends$4({}, modifiedAttributes, {
+  return /*#__PURE__*/React__default["default"].createElement(Tag, _extends$3({}, modifiedAttributes, {
     className: classes
   }));
 }
-Col.propTypes = propTypes$5;
+Col.propTypes = propTypes$4;
 
-function _objectWithoutPropertiesLoose$3(r, e) {
+function _objectWithoutPropertiesLoose$2(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -10505,7 +10505,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
         _this$props.onExiting;
         _this$props.onExited;
         _this$props.nodeRef;
-        var childProps = _objectWithoutPropertiesLoose$3(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+        var childProps = _objectWithoutPropertiesLoose$2(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
 
     return (
       /*#__PURE__*/
@@ -10731,14 +10731,14 @@ Transition.ENTERED = ENTERED;
 Transition.EXITING = EXITING;
 var Transition$1 = Transition;
 
-var _excluded$2 = ["tag", "baseClass", "baseClassActive", "className", "cssModule", "children", "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$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 _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; }
 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$4 = _objectSpread$1(_objectSpread$1({}, Transition$1.propTypes), {}, {
+var propTypes$3 = _objectSpread$1(_objectSpread$1({}, Transition$1.propTypes), {}, {
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
   tag: tagPropType,
   baseClass: PropTypes.string,
@@ -10768,24 +10768,24 @@ function Fade(props) {
     children = _addDefaultProps.children,
     _addDefaultProps$inne = _addDefaultProps.innerRef,
     innerRef = _addDefaultProps$inne === void 0 ? ref : _addDefaultProps$inne,
-    otherProps = _objectWithoutProperties$2(_addDefaultProps, _excluded$2);
+    otherProps = _objectWithoutProperties$1(_addDefaultProps, _excluded$1);
   var transitionProps = pick(_objectSpread$1({
     defaultProps: defaultProps$1
   }, otherProps), TransitionPropTypeKeys);
   var childProps = omit(otherProps, TransitionPropTypeKeys);
-  return /*#__PURE__*/React__default["default"].createElement(Transition$1, _extends$3({
+  return /*#__PURE__*/React__default["default"].createElement(Transition$1, _extends$2({
     nodeRef: innerRef
   }, transitionProps), function (status) {
     var isActive = status === 'entered';
     var classes = mapToCssModules(classNames(className, baseClass, isActive && baseClassActive), cssModule);
-    return /*#__PURE__*/React__default["default"].createElement(Tag, _extends$3({
+    return /*#__PURE__*/React__default["default"].createElement(Tag, _extends$2({
       className: classes
     }, childProps, {
       ref: innerRef
     }), children);
   });
 }
-Fade.propTypes = propTypes$4;
+Fade.propTypes = propTypes$3;
 
 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"); } }
@@ -10798,7 +10798,7 @@ function _possibleConstructorReturn$2(self, call) { if (call && (_typeof$2(call)
 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$3 = {
+var propTypes$2 = {
   children: PropTypes.node.isRequired,
   node: PropTypes.any
 };
@@ -10832,13 +10832,13 @@ var Portal = /*#__PURE__*/function (_React$Component) {
   }]);
   return Portal;
 }(React__default["default"].Component);
-Portal.propTypes = propTypes$3;
+Portal.propTypes = propTypes$2;
 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 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$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 _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); } }
@@ -10852,7 +10852,7 @@ function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !
 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 noop() {}
 var FadePropTypes = PropTypes.shape(Fade.propTypes);
-var propTypes$2 = {
+var propTypes$1 = {
   /** */
   autoFocus: PropTypes.bool,
   /** Add backdrop to modal */
@@ -10907,7 +10907,7 @@ var propTypes$2 = {
   wrapClassName: PropTypes.string,
   zIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
 };
-var propsToOmit = Object.keys(propTypes$2);
+var propsToOmit = Object.keys(propTypes$1);
 var defaultProps = {
   isOpen: false,
   autoFocus: true,
@@ -11247,7 +11247,7 @@ var Modal = /*#__PURE__*/function (_React$Component) {
         _this3 = this;
       var attributes = omit(this.props, propsToOmit);
       var dialogBaseClass = 'modal-dialog';
-      return /*#__PURE__*/React__default["default"].createElement("div", _extends$2({}, attributes, {
+      return /*#__PURE__*/React__default["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),
         role: "document",
         ref: function ref(c) {
@@ -11297,7 +11297,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["default"].createElement(Fade, _extends$2({}, backdropTransition, {
+        var Backdrop = backdrop && (hasTransition ? /*#__PURE__*/React__default["default"].createElement(Fade, _extends$1({}, backdropTransition, {
           "in": isOpen && !!backdrop,
           cssModule: cssModule,
           className: mapToCssModules(classNames('modal-backdrop', backdropClassName), cssModule)
@@ -11308,7 +11308,7 @@ var Modal = /*#__PURE__*/function (_React$Component) {
           node: this._element
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: mapToCssModules(wrapClassName)
-        }, /*#__PURE__*/React__default["default"].createElement(Fade, _extends$2({}, modalAttributes, modalTransition, {
+        }, /*#__PURE__*/React__default["default"].createElement(Fade, _extends$1({}, modalAttributes, modalTransition, {
           "in": isOpen,
           onEntered: this.onOpened,
           onExited: this.onClosed,
@@ -11322,37 +11322,12 @@ var Modal = /*#__PURE__*/function (_React$Component) {
   }]);
   return Modal;
 }(React__default["default"].Component);
-Modal.propTypes = propTypes$2;
+Modal.propTypes = propTypes$1;
 Modal.defaultProps = defaultProps;
 Modal.openCount = 0;
 Modal.originalBodyOverflow = null;
 var Modal$1 = Modal;
 
-var _excluded$1 = ["className", "cssModule", "tag"];
-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; }
-var propTypes$1 = {
-  /** Add custom class */
-  className: PropTypes.string,
-  /** Change underlying component's CSS base class name */
-  cssModule: PropTypes.object,
-  /** Set a custom element for this component */
-  tag: tagPropType
-};
-function ModalBody(props) {
-  var className = props.className,
-    cssModule = props.cssModule,
-    _props$tag = props.tag,
-    Tag = _props$tag === void 0 ? 'div' : _props$tag,
-    attributes = _objectWithoutProperties$1(props, _excluded$1);
-  var classes = mapToCssModules(classNames(className, 'modal-body'), cssModule);
-  return /*#__PURE__*/React__default["default"].createElement(Tag, _extends$1({}, attributes, {
-    className: classes
-  }));
-}
-ModalBody.propTypes = propTypes$1;
-
 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); }
@@ -11471,7 +11446,7 @@ const SettingApp = (props) => {
                     description: "Danh sách danh sách danh sách danh sách",
                     data: [{
                             name: "Hiển thị trạng thái truy cập",
-                            desciption: "Ai được phép truy cập",
+                            description: "Ai được phép truy cập",
                             type: "checkbox"
                         }]
                 }]
@@ -11512,12 +11487,12 @@ const SettingApp = (props) => {
     //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) => {
-            jsxRuntime.jsxs("div", { className: "setting-section", children: [jsxRuntime.jsx("div", { className: "setting-section-label", children: jsxRuntime.jsx("div", { className: "badge", children: jsxRuntime.jsx("span", { children: item.name }) }) }), item.desrciption ?
-                        jsxRuntime.jsx("div", { className: "setting-section-desc", children: jsxRuntime.jsx("div", { className: "", children: jsxRuntime.jsx("span", { children: item.desrciption }) }) })
+            return (jsxRuntime.jsxs("div", { className: "setting-section", children: [jsxRuntime.jsx("div", { className: "setting-section-label", children: jsxRuntime.jsx("div", { className: "", children: jsxRuntime.jsx("span", { children: item.name }) }) }), item.description ?
+                        jsxRuntime.jsx("div", { className: "setting-section-desc", children: jsxRuntime.jsx("div", { className: "", children: jsxRuntime.jsx("span", { children: item.description }) }) })
                         : null, item.data && item.data.length > 0 ? item.data.map((_item, _index) => {
-                        return (jsxRuntime.jsx("div", { className: "setting-section-content ", children: jsxRuntime.jsxs("div", { className: 'flx flx-al-c flx-sp-btw setting-section-content__item' + (_index === 0 ? 'first' : (_index === _item.data.length - 1 ? 'last' : '')), children: [jsxRuntime.jsxs("div", { className: "flx flx-col", style: { flex: "0 0 fit-content" }, children: [jsxRuntime.jsx("span", { children: _item.name }), jsxRuntime.jsx("span", { className: "setting-section-content__description", children: _item.description })] }), jsxRuntime.jsx("div", { style: { maxWidth: "50%" }, children: jsxRuntime.jsx("div", { style: { width: "100%", boxSizing: "border-box" }, children: jsxRuntime.jsxs("div", { className: "flx flx-al-c z-dropdown-preview --square --l", style: { width: "100%", boxSizing: "border-box" }, children: [jsxRuntime.jsx("div", { className: "truncate flx-1" }), jsxRuntime.jsx("i", { className: "fa fa-Chevron_Down_24_Line margin-left-24" })] }) }) })] }) }));
+                        return (jsxRuntime.jsx("div", { className: "setting-section-content ", children: jsxRuntime.jsxs("div", { className: 'flx flx-al-c flx-sp-btw setting-section-content__item ' + (_index === 0 ? 'first' : (_index === _item.data.length - 1 ? 'last' : (_item.data.length === 1 ? "single" : ""))), children: [jsxRuntime.jsxs("div", { className: "flx flx-col", style: { flex: "0 0 fit-content" }, children: [jsxRuntime.jsx("span", { children: _item.name }), jsxRuntime.jsx("span", { className: "setting-section-content__description", children: _item.description })] }), jsxRuntime.jsx("div", { style: { maxWidth: "50%" }, children: jsxRuntime.jsx("div", { style: { width: "100%", boxSizing: "border-box" }, children: jsxRuntime.jsxs("div", { className: "flx flx-al-c z-dropdown-preview --square --l", style: { width: "100%", boxSizing: "border-box" }, children: [jsxRuntime.jsx("div", { className: "truncate flx-1" }), jsxRuntime.jsx("i", { className: "fa fa-Chevron_Down_24_Line margin-left-24" })] }) }) })] }) }));
                     })
-                        : null] });
+                        : null] }));
         })
             : null);
     };
@@ -11525,7 +11500,7 @@ const SettingApp = (props) => {
             jsxRuntime.jsx(Modal$1, { isOpen: true, toggle: handleModal, className: 'modal-dialog-centered modal-lg setting-modal', contentClassName: 'p-0', onOpened: handleFormOpened, onClosed: handleFormClosed, backdrop: backdrop, children: jsxRuntime.jsx(Form$1, { id: 'form-modal-globalzone', className: 'todo-modal', onSubmit: handleSubmit, children: jsxRuntime.jsxs("div", { className: "", children: [jsxRuntime.jsx(ModalHeader, { handleModal: handleModal, title: 'C\u00E0i \u0111\u1EB7t' }), jsxRuntime.jsxs(Row, { className: "m-0 gy-1 setting-modal-body-custom", children: [jsxRuntime.jsx(Col, { md: 4, xs: 12, className: "setting-menu", children: jsxRuntime.jsx(lib.Scrollbars, { autoHide: true, autoHeight: true, autoHeightMax: windowSize.innerHeight - 180, children: jsxRuntime.jsx(Row, { className: "m-0 gy-1 mb-2", children: dataSettingGroup && dataSettingGroup.length > 0 ?
                                                     dataSettingGroup.map((item) => {
                                                         return (jsxRuntime.jsx("div", { className: 'setting-menu__item ' + (item.active ? 'selected' : ''), onClick: () => { switchSettingTab(item); }, children: jsxRuntime.jsxs("div", { className: "setting-menu__wrapper-content truncate", children: [jsxRuntime.jsx(DynamicIcon, { name: item.icon, className: "setting-menu__icon" }), jsxRuntime.jsx("p", { className: "setting-menu__name truncate", children: jsxRuntime.jsx("span", { children: item.name }) })] }) }, item.id));
-                                                    }) : null }) }) }), jsxRuntime.jsx(Col, { md: 8, xs: 12, className: "stack-navigation stack-page", children: jsxRuntime.jsx(lib.Scrollbars, { autoHide: true, autoHeight: true, autoHeightMax: windowSize.innerHeight - 180, children: jsxRuntime.jsx(ModalBody, { children: _renderView() }) }) })] })] }) }) })
+                                                    }) : null }) }) }), jsxRuntime.jsx(Col, { md: 8, xs: 12, className: "stack-navigation stack-page", children: jsxRuntime.jsx(lib.Scrollbars, { autoHide: true, autoHeight: true, autoHeightMax: windowSize.innerHeight - 180, children: _renderView() }) })] })] }) }) })
             : null }));
 };