@esvndev/es-react-config-setting 1.0.4 → 1.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +2 -0
- package/dist/index.css.map +1 -0
- package/dist/index.js +4 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4 -4
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.css
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
:root{--layer-background-selected:#dbebff;--text-primary:#081b3a;--layer-background:#fff;--divider-bold:rgba(0,0,0,.15);--surface-background-subtle:#ebecf0}.setting-menu__item{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:40px;justify-content:space-between;line-height:1.5;padding:0 16px}.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)}.setting-right,.setting-right .stack-page{background-color:var(--surface-background-subtle)}.stack-navigation .stack-page{background:var(--layer-background);inset:0;position:absolute}
|
|
2
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,MACE,mCAAoC,CACpC,sBAAuB,CACvB,uBAAwB,CACxB,8BAAmC,CACnC,mCACF,CAEA,oBAUE,kBAAmB,CAPnB,yBAA0B,CAC1B,cAAe,CAIf,YAAa,CAHb,iBAAmB,CACnB,eAAgB,CALhB,WAAY,CAQZ,6BAA8B,CAF9B,eAAgB,CALhB,cASF,CAEA,6BACE,iDACF,CAEA,+BAEE,kBAAmB,CADnB,YAAa,CAEb,gBACF,CAEA,cAEE,wCAAyC,CADzC,0CAEF,CAEA,0CAEE,iDACF,CAEA,8BAGE,kCAAmC,CADnC,OAAQ,CADR,iBAGF","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}\n\n.setting-menu__item {\n height: 40px;\n padding: 0 16px;\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}\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}\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}"]}
|
package/dist/index.js
CHANGED
|
@@ -4464,7 +4464,7 @@ const ModalHeader = (props) => {
|
|
|
4464
4464
|
return jsxRuntime.jsx(SvgPlus, { fontSize: 17, className: 'me-1' });
|
|
4465
4465
|
}
|
|
4466
4466
|
};
|
|
4467
|
-
return (jsxRuntime.jsxs("div", { className: 'modal-header d-flex align-items-center justify-content-between
|
|
4467
|
+
return (jsxRuntime.jsxs("div", { className: 'modal-header d-flex align-items-center justify-content-between', style: { ...style }, children: [jsxRuntime.jsxs("div", { className: "d-flex align-items-center justify-content-start", children: [jsxRuntime.jsxs("h5", { className: 'modal-title', children: [handleModalIcon(), " ", t(title)] }), component ? component() : jsxRuntime.jsx(jsxRuntime.Fragment, {})] }), jsxRuntime.jsx("div", { className: 'todo-item-action d-flex align-items-center', children: jsxRuntime.jsx(SvgX, { className: classNames('fw-normal mt-25 cursor-pointer', { 'd-none': !handleModal }), fontSize: 20, onClick: handleModal }) })] }));
|
|
4468
4468
|
};
|
|
4469
4469
|
|
|
4470
4470
|
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; }
|
|
@@ -6228,10 +6228,10 @@ const SettingApp = (props) => {
|
|
|
6228
6228
|
name: 'Tiện ích'
|
|
6229
6229
|
}]);
|
|
6230
6230
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: isOpen ?
|
|
6231
|
-
jsxRuntime.jsx(Modal$1, { isOpen: true, toggle: handleModal, className: 'modal-dialog-centered modal-lg', 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, typeModal: "typeModal", title: 'C\u00E0i \u0111\u1EB7t' }), jsxRuntime.jsxs(Row, { className: "m-0 gy-1
|
|
6231
|
+
jsxRuntime.jsx(Modal$1, { isOpen: true, toggle: handleModal, className: 'modal-dialog-centered modal-lg', 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, typeModal: "typeModal", title: 'C\u00E0i \u0111\u1EB7t' }), jsxRuntime.jsxs(Row, { className: "m-0 gy-1", 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 me-1", children: dataSetting && dataSetting.length > 0 ?
|
|
6232
6232
|
dataSetting.map((item) => {
|
|
6233
|
-
return (jsxRuntime.jsx(Col, { md: 12, xs: 12, children: jsxRuntime.jsx("label", { children: item.name }) }, item.id));
|
|
6234
|
-
}) : null }) }) }), jsxRuntime.jsx(Col, { md: 8, xs: 12, children: jsxRuntime.jsx(lib.Scrollbars, { autoHide: true, autoHeight: true, autoHeightMax: windowSize.innerHeight - 180, children: jsxRuntime.jsx(ModalBody, { children: jsxRuntime.jsx("div", { children: jsxRuntime.jsxs("div", { className: 'box form-box__border mb-2', children: [jsxRuntime.jsx("h5", { className: "m-0 form-box__border--title", children: t('General information') }), jsxRuntime.jsx(Row, { className: "m-0 gy-1 mb-2 me-1" })] }) }) }) }) })] })] }) }) })
|
|
6233
|
+
return (jsxRuntime.jsx(Col, { md: 12, xs: 12, className: "setting-menu__wrapper-content", children: jsxRuntime.jsx("label", { children: item.name }) }, item.id));
|
|
6234
|
+
}) : 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: jsxRuntime.jsx("div", { children: jsxRuntime.jsxs("div", { className: 'box form-box__border mb-2', children: [jsxRuntime.jsx("h5", { className: "m-0 form-box__border--title", children: t('General information') }), jsxRuntime.jsx(Row, { className: "m-0 gy-1 mb-2 me-1" })] }) }) }) }) })] })] }) }) })
|
|
6235
6235
|
: null }));
|
|
6236
6236
|
};
|
|
6237
6237
|
|