@esvndev/es-react-config-setting 1.0.14 → 1.0.16
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/components/@core/components/modal-header/index.d.ts +0 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.js +3 -57
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3 -57
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root{--layer-background-selected:#dbebff;--
|
|
1
|
+
:root{--layer-background-selected:#dbebff;--layer-background:#fff;--divider-bold:rgba(0,0,0,.15);--surface-background-subtle:#ebecf0;--layer-background-hover:#f1f2f4;--text-primary:#081b3a}.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;padding:0 16px!important;padding-left:0;padding-right:0}.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;padding-right:0}.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}
|
|
2
2
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.scss"],"names":[],"mappings":"AAAA,MACE,mCAAoC,
|
|
1
|
+
{"version":3,"sources":["index.scss"],"names":[],"mappings":"AAAA,MACE,mCAAoC,CAEpC,uBAAwB,CACxB,8BAAmC,CACnC,mCAAoC,CACpC,gCAAiC,CACjC,sBACF,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,CAOhB,eAAiB,CAZjB,WAAY,CAQZ,6BAA8B,CAF9B,eAAgB,CALhB,wBAA0B,CAU1B,cAAe,CADf,eAGF,CAEA,0BACE,8CACF,CAEA,6BACE,iDACF,CAEA,+BAEE,kBAAmB,CADnB,YAAa,CAEb,gBACF,CAEA,cAEE,wCAAyC,CADzC,0CAA2C,CAE3C,cAAe,CACf,eACF,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","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 --text-primary: #081b3a;\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 padding-right: 0;\n padding-left: 0;\n font-weight: bold;\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;\n padding-right: 0;\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}"]}
|
package/dist/index.js
CHANGED
|
@@ -4335,30 +4335,6 @@ var SvgBookOpen = function (_a) {
|
|
|
4335
4335
|
React__namespace.createElement("path", { d: "M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2zM22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z" })));
|
|
4336
4336
|
};
|
|
4337
4337
|
|
|
4338
|
-
var SvgCopy = function (_a) {
|
|
4339
|
-
var title = _a.title, titleId = _a.titleId, props = __rest(_a, ["title", "titleId"]);
|
|
4340
|
-
return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: props.strokeWidth || 1.5, strokeLinecap: "round", strokeLinejoin: "round", className: "copy_svg__feather copy_svg__feather-copy", "aria-labelledby": titleId }, props),
|
|
4341
|
-
title ? React__namespace.createElement("title", { id: titleId }, title) : null,
|
|
4342
|
-
React__namespace.createElement("rect", { x: 9, y: 9, width: 13, height: 13, rx: 2, ry: 2 }),
|
|
4343
|
-
React__namespace.createElement("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })));
|
|
4344
|
-
};
|
|
4345
|
-
|
|
4346
|
-
var SvgEdit = function (_a) {
|
|
4347
|
-
var title = _a.title, titleId = _a.titleId, props = __rest(_a, ["title", "titleId"]);
|
|
4348
|
-
return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: props.strokeWidth || 1.5, strokeLinecap: "round", strokeLinejoin: "round", className: "edit_svg__feather edit_svg__feather-edit", "aria-labelledby": titleId }, props),
|
|
4349
|
-
title ? React__namespace.createElement("title", { id: titleId }, title) : null,
|
|
4350
|
-
React__namespace.createElement("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
|
|
4351
|
-
React__namespace.createElement("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })));
|
|
4352
|
-
};
|
|
4353
|
-
|
|
4354
|
-
var SvgInfo = function (_a) {
|
|
4355
|
-
var title = _a.title, titleId = _a.titleId, props = __rest(_a, ["title", "titleId"]);
|
|
4356
|
-
return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: props.strokeWidth || 1.5, strokeLinecap: "round", strokeLinejoin: "round", className: "info_svg__feather info_svg__feather-info", "aria-labelledby": titleId }, props),
|
|
4357
|
-
title ? React__namespace.createElement("title", { id: titleId }, title) : null,
|
|
4358
|
-
React__namespace.createElement("circle", { cx: 12, cy: 12, r: 10 }),
|
|
4359
|
-
React__namespace.createElement("path", { d: "M12 16v-4M12 8h.01" })));
|
|
4360
|
-
};
|
|
4361
|
-
|
|
4362
4338
|
var SvgLock = function (_a) {
|
|
4363
4339
|
var title = _a.title, titleId = _a.titleId, props = __rest(_a, ["title", "titleId"]);
|
|
4364
4340
|
return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: props.strokeWidth || 1.5, strokeLinecap: "round", strokeLinejoin: "round", className: "lock_svg__feather lock_svg__feather-lock", "aria-labelledby": titleId }, props),
|
|
@@ -4374,13 +4350,6 @@ var SvgMessageCircle = function (_a) {
|
|
|
4374
4350
|
React__namespace.createElement("path", { d: "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" })));
|
|
4375
4351
|
};
|
|
4376
4352
|
|
|
4377
|
-
var SvgPlus = function (_a) {
|
|
4378
|
-
var title = _a.title, titleId = _a.titleId, props = __rest(_a, ["title", "titleId"]);
|
|
4379
|
-
return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: props.strokeWidth || 1.5, strokeLinecap: "round", strokeLinejoin: "round", className: "plus_svg__feather plus_svg__feather-plus", "aria-labelledby": titleId }, props),
|
|
4380
|
-
title ? React__namespace.createElement("title", { id: titleId }, title) : null,
|
|
4381
|
-
React__namespace.createElement("path", { d: "M12 5v14M5 12h14" })));
|
|
4382
|
-
};
|
|
4383
|
-
|
|
4384
4353
|
var SvgSettings = function (_a) {
|
|
4385
4354
|
var title = _a.title, titleId = _a.titleId, props = __rest(_a, ["title", "titleId"]);
|
|
4386
4355
|
return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: props.strokeWidth || 1.5, strokeLinecap: "round", strokeLinejoin: "round", className: "settings_svg__feather settings_svg__feather-settings", "aria-labelledby": titleId }, props),
|
|
@@ -4484,32 +4453,9 @@ var classNames = classnames.exports;
|
|
|
4484
4453
|
|
|
4485
4454
|
const ModalHeader = (props) => {
|
|
4486
4455
|
// ** Props
|
|
4487
|
-
const { title, handleModal,
|
|
4456
|
+
const { title, handleModal, component, style } = props;
|
|
4488
4457
|
const { t } = reactI18next.useTranslation();
|
|
4489
|
-
|
|
4490
|
-
if (typeModal === 'Edit' || typeModal === 'Approval') {
|
|
4491
|
-
return jsxRuntime.jsx(SvgEdit, { fontSize: 17, className: 'me-1' });
|
|
4492
|
-
}
|
|
4493
|
-
else if (typeModal === 'View') {
|
|
4494
|
-
return jsxRuntime.jsx(SvgInfo, { fontSize: 17, className: 'me-1' });
|
|
4495
|
-
}
|
|
4496
|
-
else if (typeModal === 'Detail') {
|
|
4497
|
-
return jsxRuntime.jsx(SvgInfo, { fontSize: 17, className: 'me-1' });
|
|
4498
|
-
}
|
|
4499
|
-
else if (typeModal === 'Copy') {
|
|
4500
|
-
return jsxRuntime.jsx(SvgCopy, { fontSize: 17, className: 'me-1' });
|
|
4501
|
-
}
|
|
4502
|
-
else if (typeModal === 'Order') {
|
|
4503
|
-
return jsxRuntime.jsx("span", { className: "e-icons e-sorting-1 me-1", style: { fontSize: '14px' } });
|
|
4504
|
-
}
|
|
4505
|
-
else if (typeModal === 'Process') {
|
|
4506
|
-
return jsxRuntime.jsx("span", { className: "e-flat e-icons e-paste-match-destination me-1", style: { fontSize: '14px' } });
|
|
4507
|
-
}
|
|
4508
|
-
else {
|
|
4509
|
-
return jsxRuntime.jsx(SvgPlus, { fontSize: 17, className: 'me-1' });
|
|
4510
|
-
}
|
|
4511
|
-
};
|
|
4512
|
-
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 }) })] }));
|
|
4458
|
+
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.jsx("h5", { className: 'modal-title', children: 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 }) })] }));
|
|
4513
4459
|
};
|
|
4514
4460
|
|
|
4515
4461
|
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; }
|
|
@@ -6288,7 +6234,7 @@ const SettingApp = (props) => {
|
|
|
6288
6234
|
setDataSetting(updated);
|
|
6289
6235
|
};
|
|
6290
6236
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: isOpen ?
|
|
6291
|
-
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,
|
|
6237
|
+
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: dataSetting && dataSetting.length > 0 ?
|
|
6292
6238
|
dataSetting.map((item) => {
|
|
6293
6239
|
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: [item.icon, jsxRuntime.jsx("p", { className: "setting-menu__name truncate", children: jsxRuntime.jsx("span", { children: item.name }) })] }) }, item.id));
|
|
6294
6240
|
}) : 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", { className: "setting-section" }) }) }) })] })] }) }) })
|