react-table-edit 1.4.57 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/component/modal-import-excel/index.d.ts +2 -1
  2. package/dist/component/modal-import-excel/type.d.ts +3 -0
  3. package/dist/component/table/cell-content.d.ts +1 -1
  4. package/dist/component/table/cell.d.ts +1 -1
  5. package/dist/component/table/index.d.ts +6 -1
  6. package/dist/component/table/setting-column.d.ts +8 -1
  7. package/dist/component/type/index.d.ts +2 -0
  8. package/dist/index.d.ts +12 -2
  9. package/dist/index.js +1097 -200
  10. package/dist/index.js.map +1 -1
  11. package/dist/index.mjs +1096 -200
  12. package/dist/index.mjs.map +1 -1
  13. package/dist/styles/index.css +107 -48
  14. package/dist/styles/index.css.map +1 -1
  15. package/dist/styles/sidebar.css +14 -0
  16. package/dist/styles/sidebar.css.map +1 -1
  17. package/package.json +7 -4
package/dist/index.js CHANGED
@@ -8,6 +8,7 @@ var reactI18next = require('react-i18next');
8
8
  var toast = require('react-hot-toast');
9
9
  var client = require('react-dom/client');
10
10
  var ReactDOM = require('react-dom');
11
+ var require$$0 = require('sortablejs');
11
12
  var reactRouterDom = require('react-router-dom');
12
13
 
13
14
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -35,6 +36,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React$5);
35
36
  var toast__default = /*#__PURE__*/_interopDefaultLegacy(toast);
36
37
  var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
37
38
  var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
39
+ var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
38
40
 
39
41
  /*!
40
42
  * sweetalert2 v11.22.2
@@ -7279,6 +7281,77 @@ var SvgBookmark = function (_a) {
7279
7281
  React__namespace.createElement("path", { d: "m19 21-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" })));
7280
7282
  };
7281
7283
 
7284
+ var SvgBorderBottom = function (_a) {
7285
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7286
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
7287
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
7288
+ React__namespace.createElement("g", { clipPath: "url(#border-bottom_svg__a)" },
7289
+ React__namespace.createElement("path", { d: "M22 22h2v2h-2v-2Zm-7.212 0h1.858v2h-1.858v-2Zm-7.434 0h1.858v2H7.354v-2ZM18.5 22h1.864v2h-1.859l-.005-2ZM3.636 22H5.5l-.005 2H3.636v-2ZM0 22h2v2H0v-2Zm0-7.212h2v1.858H0v-1.858Zm0 3.717 2-.005v1.864H0v-1.859ZM0 11h2v2H0v-2Zm0-3.646h2v1.858H0V7.354Zm0-3.718h2V5.5l-2-.005V3.636ZM0 0h2v2H0V0Zm14.788 0h1.858v2h-1.858V0ZM7.354 0h1.858v2H7.354V0Zm11.151 0h1.859v2H18.5l.005-2Zm-7.434 0h1.858v2h-1.858V0ZM3.636 0h1.859v2H3.636V0ZM22 0h2v2h-2V0Zm0 18.5 2 .005v1.859h-2V18.5Zm0-3.712h2v1.858h-2v-1.858Zm0-11.152h2v1.859L22 5.5V3.636Zm0 3.718h2v1.858h-2V7.354ZM22 11h2v2h-2v-2Zm-10.93.07h1.86v1.86h-1.86v-1.86Zm0 3.718h1.86v1.858h-1.86v-1.858Zm0-7.434h1.86v1.858h-1.86V7.354Zm0-3.718h1.86v1.859h-1.86V3.636Zm0 14.87h1.86v1.858h-1.86v-1.859ZM11 22h2v2h-2v-2Zm3.788-10.93h1.858v1.86h-1.858v-1.86Zm3.717 0h1.859v1.86h-1.859v-1.86Zm-11.151 0h1.858v1.86H7.354v-1.86Zm-3.718 0h1.859v1.86H3.636v-1.86Z", fill: "silver" }),
7290
+ React__namespace.createElement("path", { d: "M24 23.852V22H0v2h24v-.148Z", fill: props.color || "currentColor" })),
7291
+ React__namespace.createElement("defs", null,
7292
+ React__namespace.createElement("clipPath", { id: "border-bottom_svg__a" },
7293
+ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
7294
+ };
7295
+
7296
+ var SvgBorderLeft = function (_a) {
7297
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7298
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
7299
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
7300
+ React__namespace.createElement("g", { clipPath: "url(#border-left_svg__a)" },
7301
+ React__namespace.createElement("path", { d: "M22 22h2v2h-2v-2Zm-7.212 0h1.858v2h-1.858v-2Zm-7.434 0h1.858v2H7.354v-2ZM18.5 22h1.864v2h-1.859l-.005-2ZM3.636 22H5.5l-.005 2H3.636v-2ZM0 22h2v2H0v-2Zm0-7.212h2v1.858H0v-1.858Zm0 3.717 2-.005v1.864H0v-1.859ZM0 11h2v2H0v-2Zm0-3.646h2v1.858H0V7.354Zm0-3.718h2V5.5l-2-.005V3.636ZM0 0h2v2H0V0Zm14.788 0h1.858v2h-1.858V0ZM7.354 0h1.858v2H7.354V0Zm11.151 0h1.859v2H18.5l.005-2Zm-7.434 0h1.858v2h-1.858V0ZM3.636 0h1.859v2H3.636V0ZM22 0h2v2h-2V0Zm0 18.5 2 .005v1.859h-2V18.5Zm0-3.712h2v1.858h-2v-1.858Zm0-11.152h2v1.859L22 5.5V3.636Zm0 3.718h2v1.858h-2V7.354ZM22 11h2v2h-2v-2Zm-10.93.07h1.86v1.86h-1.86v-1.86Zm0 3.718h1.86v1.858h-1.86v-1.858Zm0-7.434h1.86v1.858h-1.86V7.354Zm0-3.718h1.86v1.859h-1.86V3.636Zm0 14.87h1.86v1.858h-1.86v-1.859ZM11 22h2v2h-2v-2Zm3.788-10.93h1.858v1.86h-1.858v-1.86Zm3.717 0h1.859v1.86h-1.859v-1.86Zm-11.151 0h1.858v1.86H7.354v-1.86Zm-3.718 0h1.859v1.86H3.636v-1.86Z", fill: "silver" }),
7302
+ React__namespace.createElement("path", { d: "M2 22.222V0H0v24h2v-1.778Z", fill: props.color || "currentColor" })),
7303
+ React__namespace.createElement("defs", null,
7304
+ React__namespace.createElement("clipPath", { id: "border-left_svg__a" },
7305
+ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
7306
+ };
7307
+
7308
+ var SvgBorderRight = function (_a) {
7309
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7310
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
7311
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
7312
+ React__namespace.createElement("g", { clipPath: "url(#border-right_svg__a)" },
7313
+ React__namespace.createElement("path", { d: "M22 22h2v2h-2v-2Zm-7.212 0h1.858v2h-1.858v-2Zm-7.434 0h1.858v2H7.354v-2ZM18.5 22h1.864v2h-1.859l-.005-2ZM3.636 22H5.5l-.005 2H3.636v-2ZM0 22h2v2H0v-2Zm0-7.212h2v1.858H0v-1.858Zm0 3.717 2-.005v1.864H0v-1.859ZM0 11h2v2H0v-2Zm0-3.646h2v1.858H0V7.354Zm0-3.718h2V5.5l-2-.005V3.636ZM0 0h2v2H0V0Zm14.788 0h1.858v2h-1.858V0ZM7.354 0h1.858v2H7.354V0Zm11.151 0h1.859v2H18.5l.005-2Zm-7.434 0h1.858v2h-1.858V0ZM3.636 0h1.859v2H3.636V0ZM22 0h2v2h-2V0Zm0 18.5 2 .005v1.859h-2V18.5Zm0-3.712h2v1.858h-2v-1.858Zm0-11.152h2v1.859L22 5.5V3.636Zm0 3.718h2v1.858h-2V7.354ZM22 11h2v2h-2v-2Zm-10.93.07h1.86v1.86h-1.86v-1.86Zm0 3.718h1.86v1.858h-1.86v-1.858Zm0-7.434h1.86v1.858h-1.86V7.354Zm0-3.718h1.86v1.859h-1.86V3.636Zm0 14.87h1.86v1.858h-1.86v-1.859ZM11 22h2v2h-2v-2Zm3.788-10.93h1.858v1.86h-1.858v-1.86Zm3.717 0h1.859v1.86h-1.859v-1.86Zm-11.151 0h1.858v1.86H7.354v-1.86Zm-3.718 0h1.859v1.86H3.636v-1.86Z", fill: "silver" }),
7314
+ React__namespace.createElement("path", { d: "M24 22.222V0h-2v24h2v-1.778Z", fill: props.color || "currentColor" })),
7315
+ React__namespace.createElement("defs", null,
7316
+ React__namespace.createElement("clipPath", { id: "border-right_svg__a" },
7317
+ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
7318
+ };
7319
+
7320
+ var SvgBorderTop = function (_a) {
7321
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7322
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
7323
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
7324
+ React__namespace.createElement("g", { clipPath: "url(#border-top_svg__a)" },
7325
+ React__namespace.createElement("path", { d: "M22 22h2v2h-2v-2Zm-7.212 0h1.858v2h-1.858v-2Zm-7.434 0h1.858v2H7.354v-2ZM18.5 22h1.864v2h-1.859l-.005-2ZM3.636 22H5.5l-.005 2H3.636v-2ZM0 22h2v2H0v-2Zm0-7.212h2v1.858H0v-1.858Zm0 3.717 2-.005v1.864H0v-1.859ZM0 11h2v2H0v-2Zm0-3.646h2v1.858H0V7.354Zm0-3.718h2V5.5l-2-.005V3.636ZM0 0h2v2H0V0Zm14.788 0h1.858v2h-1.858V0ZM7.354 0h1.858v2H7.354V0Zm11.151 0h1.859v2H18.5l.005-2Zm-7.434 0h1.858v2h-1.858V0ZM3.636 0h1.859v2H3.636V0ZM22 0h2v2h-2V0Zm0 18.5 2 .005v1.859h-2V18.5Zm0-3.712h2v1.858h-2v-1.858Zm0-11.152h2v1.859L22 5.5V3.636Zm0 3.718h2v1.858h-2V7.354ZM22 11h2v2h-2v-2Zm-10.93.07h1.86v1.86h-1.86v-1.86Zm0 3.718h1.86v1.858h-1.86v-1.858Zm0-7.434h1.86v1.858h-1.86V7.354Zm0-3.718h1.86v1.859h-1.86V3.636Zm0 14.87h1.86v1.858h-1.86v-1.859ZM11 22h2v2h-2v-2Zm3.788-10.93h1.858v1.86h-1.858v-1.86Zm3.717 0h1.859v1.86h-1.859v-1.86Zm-11.151 0h1.858v1.86H7.354v-1.86Zm-3.718 0h1.859v1.86H3.636v-1.86Z", fill: "silver" }),
7326
+ React__namespace.createElement("path", { d: "M24 1.852V0H0v2h24v-.148Z", fill: props.color || "currentColor" })),
7327
+ React__namespace.createElement("defs", null,
7328
+ React__namespace.createElement("clipPath", { id: "border-top_svg__a" },
7329
+ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
7330
+ };
7331
+
7332
+ var SvgBottomBorder = function (_a) {
7333
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7334
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 100 100", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
7335
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
7336
+ React__namespace.createElement("mask", { id: "bottom-border_svg__a", style: {
7337
+ maskType: "luminance",
7338
+ }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 100, height: 100 },
7339
+ React__namespace.createElement("path", { d: "M100 0H0v100h100V0Z", fill: "#fff" })),
7340
+ React__namespace.createElement("g", { filter: "url(#bottom-border_svg__b)", strokeWidth: 4, mask: "url(#bottom-border_svg__a)" },
7341
+ React__namespace.createElement("path", { d: "M98 2H2v96h96V2ZM2 50h96M50 0v100", stroke: "#979797", strokeDasharray: "4 4 4 4" }),
7342
+ React__namespace.createElement("path", { d: "M0 98h100", stroke: props.color || "currentColor" })),
7343
+ React__namespace.createElement("defs", null,
7344
+ React__namespace.createElement("filter", { id: "bottom-border_svg__b", x: -4, y: 0, width: 108, height: 108, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
7345
+ React__namespace.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
7346
+ React__namespace.createElement("feColorMatrix", { in: "SourceAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
7347
+ React__namespace.createElement("feOffset", { dy: 4 }),
7348
+ React__namespace.createElement("feGaussianBlur", { stdDeviation: 2 }),
7349
+ React__namespace.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
7350
+ React__namespace.createElement("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" }),
7351
+ React__namespace.createElement("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_881_57" }),
7352
+ React__namespace.createElement("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_881_57", result: "shape" })))));
7353
+ };
7354
+
7282
7355
  var SvgBoxArrowInLeft = function (_a) {
7283
7356
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7284
7357
  return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: props.fontSize || 24, height: props.fontSize || 24, fill: "currentColor", className: "box-arrow-in-left_svg__bi box-arrow-in-left_svg__bi-box-arrow-in-left", viewBox: "0 0 16 16", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
@@ -7575,6 +7648,20 @@ var SvgCoffee = function (_a) {
7575
7648
  React__namespace.createElement("path", { d: "M18 8h1a4 4 0 0 1 0 8h-1M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8zM6 1v3M10 1v3M14 1v3" })));
7576
7649
  };
7577
7650
 
7651
+ var SvgCollapse2 = function (_a) {
7652
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7653
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
7654
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
7655
+ React__namespace.createElement("path", { d: "M22.664 1.748v-.5H5.5V.5h16.369c.738 0 1.09.223 1.248.379.134.13.383.5.383 1.208v16.196h-.836V1.748ZM15.274 22.7h.5V8.262H1.265v.5L1.29 22.2v.5h13.984ZM16.5 9v13c0 .478-.058.713-.113.84-.05.117-.107.176-.237.303-.159.155-.424.357-1.15.357H2.043c-.735 0-1.026-.204-1.183-.357C.704 22.99.5 22.71.5 22V9c0-.371.05-.611.114-.775a.998.998 0 0 1 .246-.368c.103-.1.217-.183.381-.244.17-.064.42-.113.802-.113H15c.709 0 1.073.282 1.15.357.066.065.35.445.35 1.143Zm-11 6.168h6V16h-6v-.832Z", fill: props.color || "currentColor", stroke: props.color || "currentColor" })));
7656
+ };
7657
+
7658
+ var SvgCollapse = function (_a) {
7659
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7660
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
7661
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
7662
+ React__namespace.createElement("path", { d: "M22.5 2v-.5h-17v-1h16.369c.738 0 1.09.223 1.248.379.134.13.383.5.383 1.208v16.196h-1V2ZM15 22.5h.5v-14H1.543v14H15ZM16.5 9v13c0 .478-.058.713-.113.84-.05.117-.107.176-.237.303-.159.155-.424.357-1.15.357H2.043c-.735 0-1.026-.204-1.183-.357C.704 22.99.5 22.71.5 22V9c0-.371.05-.611.114-.775a.998.998 0 0 1 .246-.368c.103-.1.217-.183.381-.244.17-.064.42-.113.802-.113H15c.709 0 1.073.282 1.15.357.066.065.35.445.35 1.143Zm-11 6h6v1h-6v-1Z", fill: props.color || "currentColor", stroke: props.color || "currentColor" })));
7663
+ };
7664
+
7578
7665
  var SvgColumns = function (_a) {
7579
7666
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7580
7667
  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: "columns_svg__feather columns_svg__feather-columns", "aria-labelledby": titleId }, props),
@@ -7808,6 +7895,17 @@ var SvgDownload = function (_a) {
7808
7895
  React__namespace.createElement("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3" })));
7809
7896
  };
7810
7897
 
7898
+ var SvgDragDrop = function (_a) {
7899
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7900
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
7901
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
7902
+ React__namespace.createElement("g", { clipPath: "url(#drag-drop_svg__a)" },
7903
+ React__namespace.createElement("path", { d: "M2 2h.01M2 12h.01M2 22h.01m9.983-20h.012m-.01 10h.01m-.01 10h.01m9.983-20H22m-.01 10H22m-.01 10H22", stroke: props.color || "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" })),
7904
+ React__namespace.createElement("defs", null,
7905
+ React__namespace.createElement("clipPath", { id: "drag-drop_svg__a" },
7906
+ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
7907
+ };
7908
+
7811
7909
  var SvgDribbble = function (_a) {
7812
7910
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7813
7911
  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: "dribbble_svg__feather dribbble_svg__feather-dribbble", "aria-labelledby": titleId }, props),
@@ -7854,6 +7952,71 @@ var SvgEmploy = function (_a) {
7854
7952
  React__namespace.createElement("path", { d: "M13.184 2.75h-7.02a.352.352 0 0 0-.352.352v7.67c0 .194.158.352.352.352h7.02a.352.352 0 0 0 .352-.352v-7.67a.352.352 0 0 0-.352-.352Zm-5.737 7.67v-.47c0-.856.575-1.618 1.37-1.95l.178.502-.31 1.078a.352.352 0 0 0 .1.357l.528.483H7.447Zm3.084-5.161a.93.93 0 0 1-.308-.385.352.352 0 0 0-.639-.043c-.002.005-.225.386-.799.504v-.14a.874.874 0 0 1 1.746 0v.064Zm-.683.323c.154.18.377.361.683.444v.222a.873.873 0 0 1-.845.872H9.63a.873.873 0 0 1-.846-.872V6.05c.49-.068.836-.272 1.063-.467Zm-.036 2.25-.109.307h-.09l-.108-.308.02-.001a2.391 2.391 0 0 1 .102-.006l.031.001h.031a2.163 2.163 0 0 1 .103.005l.02.001Zm-.154 1.95-.237-.217.208-.722h.059l.207.722-.237.217Zm2.211.638h-1.866l.528-.483a.352.352 0 0 0 .1-.357l-.31-1.078L10.5 8c.796.333 1.37 1.095 1.37 1.95v.471Zm.963 0h-.259v-.47c0-1.137-.752-2.15-1.794-2.594.282-.285.456-.676.456-1.108V5.194c0-.87-.707-1.576-1.577-1.576s-1.576.707-1.576 1.576v1.054c0 .432.174.823.456 1.108C7.495 7.8 6.743 8.813 6.743 9.95v.471h-.227V3.454h6.316v6.966Z", fill: props.color || "currentColor" })));
7855
7953
  };
7856
7954
 
7955
+ var SvgExcel = function (_a) {
7956
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7957
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
7958
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
7959
+ React__namespace.createElement("g", { clipPath: "url(#excel_svg__a)" },
7960
+ React__namespace.createElement("path", { d: "M21.26 12.818h-3.817V10.91h3.817v1.908Zm0 1.09h-3.817v1.909h3.817v-1.909Zm0-8.996h-3.817V6.82h3.817V4.912Zm0 2.999h-3.817v1.908h3.817V7.911Zm0 8.997h-3.817v1.908h3.817v-1.909Zm2.636 3.762c-.109.567-.79.58-1.246.6h-8.478v2.453h-1.694L0 21.543V2.46L12.552.277h1.62V2.45h8.187c.46.019.968-.014 1.368.261.281.404.254.917.273 1.38l-.01 14.193c-.014.794.073 1.603-.094 2.386ZM9.997 16.392c-.752-1.526-1.518-3.042-2.268-4.57a565.016 565.016 0 0 0 2.2-4.468c-.619.03-1.237.069-1.854.112-.46 1.12-.997 2.211-1.357 3.37-.336-1.093-.78-2.146-1.186-3.212-.6.033-1.2.068-1.8.104.633 1.396 1.306 2.773 1.92 4.177-.723 1.363-1.399 2.745-2.1 4.117.597.024 1.195.049 1.792.057.425-1.085.954-2.13 1.325-3.237.332 1.19.897 2.288 1.36 3.425.657.046 1.311.087 1.968.125ZM22.7 3.745h-8.528v1.167h2.18V6.82h-2.18v1.09h2.18V9.82h-2.18v1.09h2.18v1.909h-2.18v1.09h2.18v1.909h-2.18v1.09h2.18v1.909h-2.18v1.26H22.7V3.746Z", fill: props.color || "currentColor" })),
7961
+ React__namespace.createElement("defs", null,
7962
+ React__namespace.createElement("clipPath", { id: "excel_svg__a" },
7963
+ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
7964
+ };
7965
+
7966
+ var SvgExclamation = function (_a) {
7967
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7968
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
7969
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
7970
+ React__namespace.createElement("g", { clipPath: "url(#exclamation_svg__a)" },
7971
+ React__namespace.createElement("path", { d: "M13.532 17.165H9.974L9-.04h5.52l-.989 17.205h.001Zm.958 4.015a2.744 2.744 0 0 1-.798 1.944 2.773 2.773 0 0 1-.862.581c-.33.144-.681.215-1.054.215s-.74-.072-1.07-.215a2.87 2.87 0 0 1-.869-.581 2.692 2.692 0 0 1-.806-1.944c0-.383.071-.723.215-1.052.144-.33.34-.616.591-.86.25-.245.54-.438.87-.582.33-.143.685-.215 1.069-.215.384 0 .724.072 1.053.215.33.144.617.337.862.582.245.244.439.53.583.86.144.33.216.68.216 1.052Z", fill: "currentColor" })),
7972
+ React__namespace.createElement("defs", null,
7973
+ React__namespace.createElement("clipPath", { id: "exclamation_svg__a" },
7974
+ React__namespace.createElement("path", { fill: "currentColor", d: "M0 0h24v24H0z" })))));
7975
+ };
7976
+
7977
+ var SvgExpand2 = function (_a) {
7978
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7979
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
7980
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
7981
+ React__namespace.createElement("path", { d: "m22.663 1.755-.002-.499H5.5V.5h16.369c.738 0 1.09.223 1.248.379.134.13.383.5.383 1.208v16.196h-.798l-.04-16.528Zm-7.401 20.936h.5V8.266H1.265v.5l.028 13.426.001.5h13.968ZM7.58 16H5.5v-.846h2.58V12.5h.83v2.654h2.59V16H8.91v2.5h-.83V16h-.5ZM16.5 9v13c0 .478-.058.713-.113.84-.05.117-.107.176-.237.303-.159.155-.424.357-1.15.357H2.043c-.735 0-1.026-.204-1.183-.357C.704 22.99.5 22.71.5 22V9c0-.371.05-.611.114-.775a.998.998 0 0 1 .246-.368c.103-.1.217-.183.381-.244.17-.064.42-.113.802-.113H15c.709 0 1.073.282 1.15.357.066.065.35.445.35 1.143Z", fill: props.color || "currentColor", stroke: props.color || "currentColor" })));
7982
+ };
7983
+
7984
+ var SvgExpand = function (_a) {
7985
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7986
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
7987
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
7988
+ React__namespace.createElement("path", { d: "M22.5 2v-.5h-17v-1h16.369c.738 0 1.09.223 1.248.379.134.13.383.5.383 1.208v16.196h-1V2ZM15 22.5h.5v-14H1.543v14H15ZM7.5 16h-2v-1H8v-2.5h1V15h2.5v1H9v2.5H8V16h-.5Zm9-7v13c0 .478-.058.713-.113.84-.05.117-.107.176-.237.303-.159.155-.424.357-1.15.357H2.043c-.735 0-1.026-.204-1.183-.357C.704 22.99.5 22.71.5 22V9c0-.371.05-.611.114-.775a.998.998 0 0 1 .246-.368c.103-.1.217-.183.381-.244.17-.064.42-.113.802-.113H15c.709 0 1.073.282 1.15.357.066.065.35.445.35 1.143Z", fill: props.color || "currentColor", stroke: props.color || "currentColor" })));
7989
+ };
7990
+
7991
+ var SvgExportExcel = function (_a) {
7992
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7993
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
7994
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
7995
+ React__namespace.createElement("g", { clipPath: "url(#export-excel_svg__a)" },
7996
+ React__namespace.createElement("mask", { id: "export-excel_svg__b", style: {
7997
+ maskType: "luminance",
7998
+ }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 24, height: 24 },
7999
+ React__namespace.createElement("path", { d: "M23.2 0H.8C.358 0 0 .413 0 .923v22.154c0 .51.358.923.8.923h22.4c.442 0 .8-.413.8-.923V.923c0-.51-.358-.923-.8-.923Z", fill: "#fff" })),
8000
+ React__namespace.createElement("g", { mask: "url(#export-excel_svg__b)", fill: props.color || "currentColor" },
8001
+ React__namespace.createElement("path", { d: "M18.42 4.744h-3.306v1.954h3.307V4.744Zm0 12.28h-3.306v1.953h3.307v-1.954Zm2.285 3.85c-.094.58-.685.595-1.08.614H12.28V24h-1.467L0 21.767V2.235L10.876 0h1.403v2.224h7.094c.399.02.838-.014 1.186.268.243.413.241 1.662.241 1.662l-.005 2.544.002 3.89-.002 6.435c-.012.812.054 3.05-.09 3.852ZM8.662 16.497c-.652-1.563-1.315-3.115-1.965-4.677.642-1.521 1.276-3.048 1.906-4.574-.536.03-1.072.07-1.606.114-.4 1.147-.865 2.263-1.176 3.45-.291-1.12-.676-2.197-1.028-3.288-.52.033-1.04.07-1.56.106.549 1.429 1.132 2.838 1.664 4.275-.626 1.396-1.212 2.81-1.819 4.214.517.025 1.035.05 1.552.059.369-1.11.827-2.18 1.148-3.313.288 1.217.777 2.342 1.179 3.505.57.048 1.136.09 1.705.129ZM19.668 3.55H12.28v1.194h1.89v1.954h-1.89v10.325h1.89v1.954h-1.89v1.29h7.39s-.03-1.977-.044-3.244h1.17V6.698h-1.127V3.55Z" }),
8002
+ React__namespace.createElement("path", { d: "m23.988 11.688-5.003-3.774a.319.319 0 0 0-.354-.027.383.383 0 0 0-.182.337l.017 1.787h-4.473c-.19 0-.374.143-.372.346l.027 3.286c.001.203.187.343.377.343h4.519l.014 1.8c.002.138.052.264.167.327.115.063.23.052.334-.028l4.935-3.8c.09-.068.127-.179.126-.297-.001-.12-.04-.23-.132-.3Z" }))),
8003
+ React__namespace.createElement("defs", null,
8004
+ React__namespace.createElement("clipPath", { id: "export-excel_svg__a" },
8005
+ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
8006
+ };
8007
+
8008
+ var SvgExportFile = function (_a) {
8009
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8010
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
8011
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
8012
+ React__namespace.createElement("g", { clipPath: "url(#export-file_svg__a)", fill: props.color || "currentColor" },
8013
+ React__namespace.createElement("path", { d: "M11.613 7.605 9.398 6.028a.15.15 0 0 0-.157-.01.16.16 0 0 0-.082.14v.746H7.168c-.085 0-.167.06-.167.145v1.373c0 .085.082.143.167.143H9.18v.753c0 .057.022.11.073.136a.136.136 0 0 0 .149-.012l2.212-1.587c.04-.029.057-.075.057-.125a.147.147 0 0 0-.058-.125ZM5 9c-.233-.338-.471-.673-.704-1.011.23-.329.457-.659.683-.989-.192.007-.384.015-.575.025-.143.248-.31.489-.422.745-.104-.241-.242-.474-.368-.71l-.558.023c.196.309.405.613.595.924-.224.302-.434.607-.651.91l.002.001c.184.005.37.01.554.013.132-.24.296-.472.411-.717.103.264.278.507.422.758.204.01.407.02.611.028Z" }),
8014
+ React__namespace.createElement("path", { d: "M7.687 9.426h-.779a.208.208 0 0 0-.207.208H6.7v.361H1.823V4.34H3.95a.208.208 0 0 0 .207-.207V2.005H6.7v4.363H6.7a.207.207 0 0 0 .207.203h.779c.113 0 .205-.09.207-.203V1.018A.208.208 0 0 0 7.686.81H3.742L.628 3.924v7.058c0 .115.093.208.208.208h6.85a.207.207 0 0 0 .208-.208V9.634a.207.207 0 0 0-.207-.208Z" })),
8015
+ React__namespace.createElement("defs", null,
8016
+ React__namespace.createElement("clipPath", { id: "export-file_svg__a" },
8017
+ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h12v12H0z" })))));
8018
+ };
8019
+
7857
8020
  var SvgExternalLink = function (_a) {
7858
8021
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7859
8022
  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: "external-link_svg__feather external-link_svg__feather-external-link", "aria-labelledby": titleId }, props),
@@ -8001,6 +8164,13 @@ var SvgFilm = function (_a) {
8001
8164
  React__namespace.createElement("path", { d: "M7 2v20M17 2v20M2 12h20M2 7h5M2 17h5M17 17h5M17 7h5" })));
8002
8165
  };
8003
8166
 
8167
+ var SvgFilterFill = function (_a) {
8168
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8169
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
8170
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
8171
+ React__namespace.createElement("path", { d: "M14.7 11.998v10.506c.052.4-.08.826-.381 1.106a1.306 1.306 0 0 1-.925.39 1.289 1.289 0 0 1-.926-.39l-2.637-2.68a1.323 1.323 0 0 1-.38-1.106v-7.826h-.04L1.85 2.16A1.348 1.348 0 0 1 2.076.293C2.325.107 2.6 0 2.888 0h18.373c.289 0 .564.107.814.293a1.348 1.348 0 0 1 .223 1.866L14.738 12H14.7Z", fill: props.color || "currentColor" })));
8172
+ };
8173
+
8004
8174
  var SvgFilter = function (_a) {
8005
8175
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8006
8176
  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: "filter_svg__feather filter_svg__feather-filter", "aria-labelledby": titleId }, props),
@@ -8015,6 +8185,26 @@ var SvgFlag = function (_a) {
8015
8185
  React__namespace.createElement("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1zM4 22v-7" })));
8016
8186
  };
8017
8187
 
8188
+ var SvgFolderColor = function (_a) {
8189
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8190
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
8191
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
8192
+ React__namespace.createElement("path", { d: "M20 6h-9L9 4H4c-1.1 0-2 .9-2 2v4h20V8c0-1.1-.9-2-2-2Z", fill: "#FFA000" }),
8193
+ React__namespace.createElement("path", { d: "M20 6H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2Z", fill: "#FFCA28" })));
8194
+ };
8195
+
8196
+ var SvgFolderDownload = function (_a) {
8197
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8198
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
8199
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
8200
+ React__namespace.createElement("g", { clipPath: "url(#folder-download_svg__a)", fill: props.color || "currentColor" },
8201
+ React__namespace.createElement("path", { d: "M3.5 6.25V8h4.629a.75.75 0 0 0 .53-.22l1.53-1.53-1.53-1.53a.75.75 0 0 0-.53-.22H5.25A1.75 1.75 0 0 0 3.5 6.25Zm-1.5 0A3.25 3.25 0 0 1 5.25 3h2.879a2.25 2.25 0 0 1 1.59.659L11.562 5.5h7.189A3.25 3.25 0 0 1 22 8.75v4.06a6.5 6.5 0 0 0-1.5-1.078V8.75A1.75 1.75 0 0 0 18.75 7h-7.19L9.72 8.841a2.25 2.25 0 0 1-1.591.659H3.5v8.25c0 .966.784 1.75 1.75 1.75h6.063c.173.534.412 1.037.709 1.5H5.25A3.25 3.25 0 0 1 2 17.75V6.25Z" }),
8202
+ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.452 22.965a5.499 5.499 0 0 0 5.531-5.46c.022-3.035-2.505-5.514-5.452-5.54-2.946-.025-5.524 2.46-5.547 5.46-.023 3 2.428 5.523 5.468 5.54Zm-3.049-4.102 2.634 2.685.056.046.06.038.053.025.065.025.087.02.09.007a.62.62 0 0 0 .146-.015l.082-.025.06-.027.037-.02.024-.016.054-.039.039-.035 2.657-2.606.049-.054a.62.62 0 0 0-.041-.824L20.502 18a.622.622 0 0 0-.825.04l-1.59 1.56.05-5.748-.004-.077a.622.622 0 0 0-.61-.55l-.078.004a.62.62 0 0 0-.549.61l-.05 5.744-1.557-1.587-.054-.05a.621.621 0 0 0-.832.918Z" })),
8203
+ React__namespace.createElement("defs", null,
8204
+ React__namespace.createElement("clipPath", { id: "folder-download_svg__a" },
8205
+ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
8206
+ };
8207
+
8018
8208
  var SvgFolderMinus = function (_a) {
8019
8209
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8020
8210
  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: "folder-minus_svg__feather folder-minus_svg__feather-folder-minus", "aria-labelledby": titleId }, props),
@@ -8022,6 +8212,13 @@ var SvgFolderMinus = function (_a) {
8022
8212
  React__namespace.createElement("path", { d: "M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2zM9 14h6" })));
8023
8213
  };
8024
8214
 
8215
+ var SvgFolderPlus2 = function (_a) {
8216
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8217
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
8218
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
8219
+ React__namespace.createElement("path", { d: "M3.5 6.25V8h4.629a.75.75 0 0 0 .53-.22l1.53-1.53-1.53-1.53a.75.75 0 0 0-.53-.22H5.25A1.75 1.75 0 0 0 3.5 6.25Zm-1.5 0A3.25 3.25 0 0 1 5.25 3h2.879a2.25 2.25 0 0 1 1.59.659L11.562 5.5h7.189A3.25 3.25 0 0 1 22 8.75v4.06a6.5 6.5 0 0 0-1.5-1.078V8.75A1.75 1.75 0 0 0 18.75 7h-7.19L9.72 8.841a2.25 2.25 0 0 1-1.591.659H3.5v8.25c0 .966.784 1.75 1.75 1.75h6.063c.173.534.412 1.037.709 1.5H5.25A3.25 3.25 0 0 1 2 17.75V6.25ZM23 17.5a5.5 5.5 0 1 0-11 0 5.5 5.5 0 0 0 11 0Zm-5 .5.001 2.503a.5.5 0 0 1-1 0V18h-2.505a.5.5 0 0 1 0-1H17v-2.5a.5.5 0 0 1 1 0V17h2.497a.5.5 0 0 1 0 1H18Z", fill: props.color || "currentColor" })));
8220
+ };
8221
+
8025
8222
  var SvgFolderPlus = function (_a) {
8026
8223
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8027
8224
  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: "folder-plus_svg__feather folder-plus_svg__feather-folder-plus", "aria-labelledby": titleId }, props),
@@ -8029,6 +8226,18 @@ var SvgFolderPlus = function (_a) {
8029
8226
  React__namespace.createElement("path", { d: "M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2zM12 11v6M9 14h6" })));
8030
8227
  };
8031
8228
 
8229
+ var SvgFolderUpload = function (_a) {
8230
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8231
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
8232
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
8233
+ React__namespace.createElement("g", { clipPath: "url(#folder-upload_svg__a)", fill: props.color || "currentColor" },
8234
+ React__namespace.createElement("path", { d: "M3.5 6.25V8h4.629a.75.75 0 0 0 .53-.22l1.53-1.53-1.53-1.53a.75.75 0 0 0-.53-.22H5.25A1.75 1.75 0 0 0 3.5 6.25Zm-1.5 0A3.25 3.25 0 0 1 5.25 3h2.879a2.25 2.25 0 0 1 1.59.659L11.562 5.5h7.189A3.25 3.25 0 0 1 22 8.75v4.06a6.5 6.5 0 0 0-1.5-1.078V8.75A1.75 1.75 0 0 0 18.75 7h-7.19L9.72 8.841a2.25 2.25 0 0 1-1.591.659H3.5v8.25c0 .966.784 1.75 1.75 1.75h6.063c.173.534.412 1.037.709 1.5H5.25A3.25 3.25 0 0 1 2 17.75V6.25Z" }),
8235
+ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.492 12A5.499 5.499 0 0 0 12 17.5c0 3.035 2.546 5.495 5.492 5.5C20.44 23.004 23 20.5 23 17.5c.001-3-2.468-5.505-5.508-5.5Zm3.078 4.08-2.653-2.667-.056-.045-.06-.037-.053-.025-.066-.025-.087-.02-.09-.006a.62.62 0 0 0-.146.017l-.082.025-.059.028-.037.02-.024.016-.054.04-.038.035-2.638 2.625-.049.054a.62.62 0 0 0 .047.824l.054.048a.621.621 0 0 0 .824-.045l1.578-1.57-.008 5.746.005.078a.622.622 0 0 0 .614.545l.078-.005a.62.62 0 0 0 .544-.614l.009-5.744 1.568 1.576.055.049a.622.622 0 0 0 1.001-.503.621.621 0 0 0-.177-.42Z" })),
8236
+ React__namespace.createElement("defs", null,
8237
+ React__namespace.createElement("clipPath", { id: "folder-upload_svg__a" },
8238
+ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
8239
+ };
8240
+
8032
8241
  var SvgFolder = function (_a) {
8033
8242
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8034
8243
  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: "folder_svg__feather folder_svg__feather-folder", "aria-labelledby": titleId }, props),
@@ -8051,6 +8260,18 @@ var SvgFrown = function (_a) {
8051
8260
  React__namespace.createElement("path", { d: "M16 16s-1.5-2-4-2-4 2-4 2M9 9h.01M15 9h.01" })));
8052
8261
  };
8053
8262
 
8263
+ var SvgFullBorder = function (_a) {
8264
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8265
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
8266
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
8267
+ React__namespace.createElement("g", { clipPath: "url(#full-border_svg__a)", fill: props.color || "currentColor" },
8268
+ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 0v24h24V0H0Zm2 22V2h20v20H2Z" }),
8269
+ React__namespace.createElement("path", { d: "M11 13v11h2V13h11v-2H13V0h-2v11H0v2h11Z" })),
8270
+ React__namespace.createElement("defs", null,
8271
+ React__namespace.createElement("clipPath", { id: "full-border_svg__a" },
8272
+ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
8273
+ };
8274
+
8054
8275
  var SvgGift = function (_a) {
8055
8276
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8056
8277
  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: "gift_svg__feather gift_svg__feather-gift", "aria-labelledby": titleId }, props),
@@ -8123,6 +8344,25 @@ var SvgGrid = function (_a) {
8123
8344
  React__namespace.createElement("path", { d: "M3 3h7v7H3zM14 3h7v7h-7zM14 14h7v7h-7zM3 14h7v7H3z" })));
8124
8345
  };
8125
8346
 
8347
+ var SvgGroupListFilled = function (_a) {
8348
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8349
+ return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 20 20", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
8350
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
8351
+ React__namespace.createElement("path", { fill: "currentColor", d: "M2.75 2a.75.75 0 0 0-.75.75v6c0 .414.336.75.75.75h2.5a.75.75 0 0 0 0-1.5H3.5V3.5h1.75a.75.75 0 0 0 0-1.5zm0 8.5a.75.75 0 0 0-.75.75v6c0 .414.336.75.75.75h2.5a.75.75 0 0 0 0-1.5H3.5V12h1.75a.75.75 0 0 0 0-1.5zm5 1.5a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5zM7 15.75a.75.75 0 0 1 .75-.75h9.5a.75.75 0 0 1 0 1.5h-9.5a.75.75 0 0 1-.75-.75m0-11.5a.75.75 0 0 1 .75-.75h9.5a.75.75 0 0 1 0 1.5h-9.5A.75.75 0 0 1 7 4.25m.75 2.25a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5z" })));
8352
+ };
8353
+
8354
+ var SvgGroup = function (_a) {
8355
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8356
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
8357
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
8358
+ React__namespace.createElement("g", { clipPath: "url(#group_svg__a)", fill: props.color || "currentColor" },
8359
+ React__namespace.createElement("path", { d: "M22.167 0h-7.334c-.486 0-.952.181-1.295.503A1.662 1.662 0 0 0 13 1.714v20.572c0 .454.194.89.538 1.211.343.322.81.503 1.295.503h7.334c.486 0 .952-.181 1.295-.503.344-.321.537-.757.538-1.211V1.714c0-.454-.194-.89-.538-1.211A1.902 1.902 0 0 0 22.167 0Zm0 1.714v6h-7.334v-6h7.334Zm0 7.715v5.142h-7.334V9.43h7.334Zm-7.334 12.857v-6h7.334v6h-7.334ZM7.502 11.25h-1.5v-1.5h-1.5v1.5h-1.5v1.5h1.5v1.5h1.5v-1.5h1.5v-1.5Z" }),
8360
+ React__namespace.createElement("path", { d: "M10.502 4.5V3h-4.5a1.502 1.502 0 0 0-1.5 1.5v2.31a5.242 5.242 0 0 0 0 10.38v2.31a1.502 1.502 0 0 0 1.5 1.5h4.5v-1.5h-4.5v-2.31a5.243 5.243 0 0 0 0-10.38V4.5h4.5Zm-1.5 7.5a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" })),
8361
+ React__namespace.createElement("defs", null,
8362
+ React__namespace.createElement("clipPath", { id: "group_svg__a" },
8363
+ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
8364
+ };
8365
+
8126
8366
  var SvgHardDrive = function (_a) {
8127
8367
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8128
8368
  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: "hard-drive_svg__feather hard-drive_svg__feather-hard-drive", "aria-labelledby": titleId }, props),
@@ -8175,6 +8415,18 @@ var SvgHome = function (_a) {
8175
8415
  React__namespace.createElement("path", { d: "M9 22V12h6v10" })));
8176
8416
  };
8177
8417
 
8418
+ var SvgHorizontalBorder = function (_a) {
8419
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8420
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
8421
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
8422
+ React__namespace.createElement("g", { clipPath: "url(#horizontal-border_svg__a)" },
8423
+ React__namespace.createElement("path", { d: "M22 22h2v2h-2v-2Zm-7.212 0h1.858v2h-1.858v-2Zm-7.434 0h1.858v2H7.354v-2ZM18.5 22h1.864v2h-1.859l-.005-2ZM3.636 22H5.5l-.005 2H3.636v-2ZM0 22h2v2H0v-2Zm0-7.212h2v1.858H0v-1.858Zm0 3.717 2-.005v1.864H0v-1.859ZM0 11h2v2H0v-2Zm0-3.646h2v1.858H0V7.354Zm0-3.718h2V5.5l-2-.005V3.636ZM0 0h2v2H0V0Zm14.788 0h1.858v2h-1.858V0ZM7.354 0h1.858v2H7.354V0Zm11.151 0h1.859v2H18.5l.005-2Zm-7.434 0h1.858v2h-1.858V0ZM3.636 0h1.859v2H3.636V0ZM22 0h2v2h-2V0Zm0 18.5 2 .005v1.859h-2V18.5Zm0-3.712h2v1.858h-2v-1.858Zm0-11.152h2v1.859L22 5.5V3.636Zm0 3.718h2v1.858h-2V7.354ZM22 11h2v2h-2v-2Zm-10.93.07h1.86v1.86h-1.86v-1.86Zm0 3.718h1.86v1.858h-1.86v-1.858Zm0-7.434h1.86v1.858h-1.86V7.354Zm0-3.718h1.86v1.859h-1.86V3.636Zm0 14.87h1.86v1.858h-1.86v-1.859ZM11 22h2v2h-2v-2Zm3.788-10.93h1.858v1.86h-1.858v-1.86Zm3.717 0h1.859v1.86h-1.859v-1.86Zm-11.151 0h1.858v1.86H7.354v-1.86Zm-3.718 0h1.859v1.86H3.636v-1.86Z", fill: "silver" }),
8424
+ React__namespace.createElement("path", { d: "M24 12.852V11H0v2h24v-.148Z", fill: props.color || "currentColor" })),
8425
+ React__namespace.createElement("defs", null,
8426
+ React__namespace.createElement("clipPath", { id: "horizontal-border_svg__a" },
8427
+ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
8428
+ };
8429
+
8178
8430
  var SvgImage = function (_a) {
8179
8431
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8180
8432
  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: "image_svg__feather image_svg__feather-image", "aria-labelledby": titleId }, props),
@@ -8184,6 +8436,31 @@ var SvgImage = function (_a) {
8184
8436
  React__namespace.createElement("path", { d: "m21 15-5-5L5 21" })));
8185
8437
  };
8186
8438
 
8439
+ var SvgImportExcel = function (_a) {
8440
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8441
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
8442
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
8443
+ React__namespace.createElement("g", { clipPath: "url(#import-excel_svg__a)" },
8444
+ React__namespace.createElement("mask", { id: "import-excel_svg__b", style: {
8445
+ maskType: "luminance",
8446
+ }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 24, height: 24 },
8447
+ React__namespace.createElement("path", { d: "M23.2 0H.8C.358 0 0 .413 0 .923v22.154c0 .51.358.923.8.923h22.4c.442 0 .8-.413.8-.923V.923c0-.51-.358-.923-.8-.923Z", fill: "#fff" })),
8448
+ React__namespace.createElement("g", { mask: "url(#import-excel_svg__b)", fill: props.color || "currentColor" },
8449
+ React__namespace.createElement("path", { d: "M18.42 4.744h-3.306v1.954h3.307V4.744Zm0 12.28h-3.306v1.953h3.307v-1.954Zm2.285 3.85c-.094.58-.685.595-1.08.614H12.28V24h-1.467L0 21.767V2.235L10.876 0h1.403v2.224h7.094c.399.02.838-.014 1.186.268.243.413.241 1.662.241 1.662l-.005 2.544.002 3.89-.002 6.435c-.012.812.054 3.05-.09 3.852ZM8.662 16.497c-.652-1.563-1.315-3.115-1.965-4.677.642-1.521 1.276-3.048 1.906-4.574-.536.03-1.072.07-1.606.114-.4 1.147-.865 2.263-1.176 3.45-.291-1.12-.676-2.197-1.028-3.288-.52.033-1.04.07-1.56.106.549 1.429 1.132 2.838 1.664 4.275-.626 1.396-1.212 2.81-1.819 4.214.517.025 1.035.05 1.552.059.369-1.11.827-2.18 1.148-3.313.288 1.217.777 2.342 1.179 3.505.57.048 1.136.09 1.705.129ZM19.668 3.55H12.28v1.194h1.89v1.954h-1.89v10.325h1.89v1.954h-1.89v1.29h7.39s-.03-1.977-.044-3.244h1.17V6.698h-1.127V3.55Z" }),
8450
+ React__namespace.createElement("path", { d: "m13.767 12.312 5.003 3.774a.32.32 0 0 0 .354.027.384.384 0 0 0 .181-.337l-.017-1.787h4.474c.19 0 .373-.142.372-.345l-.027-3.287c-.002-.203-.187-.342-.377-.342h-4.52l-.014-1.801c0-.138-.051-.264-.166-.327a.288.288 0 0 0-.335.028l-4.934 3.8c-.09.068-.127.18-.126.298 0 .119.04.23.132.299Z" }))),
8451
+ React__namespace.createElement("defs", null,
8452
+ React__namespace.createElement("clipPath", { id: "import-excel_svg__a" },
8453
+ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
8454
+ };
8455
+
8456
+ var SvgImportFile = function (_a) {
8457
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8458
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
8459
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
8460
+ React__namespace.createElement("path", { d: "M4.207 9.616h.78a.208.208 0 0 1 .207.208v.361h4.878V4.53H7.945a.208.208 0 0 1-.208-.207V2.195H5.195v4.363h-.001a.207.207 0 0 1-.208.202h-.778A.207.207 0 0 1 4 6.558V1.208A.208.208 0 0 1 4.209 1h3.945l3.114 3.114v7.058a.208.208 0 0 1-.208.208h-6.85A.208.208 0 0 1 4 11.172v-.293L4 9.824a.207.207 0 0 1 .207-.208Z", fill: props.color || "currentColor" }),
8461
+ React__namespace.createElement("path", { d: "M4.613 7.605 2.398 6.028a.15.15 0 0 0-.157-.01.16.16 0 0 0-.082.14v.746H.168c-.085 0-.167.06-.167.145v1.373c0 .085.082.143.167.143H2.18v.753c0 .057.022.11.073.136a.136.136 0 0 0 .149-.012l2.212-1.587c.04-.029.057-.075.057-.125a.147.147 0 0 0-.058-.125ZM8 9c-.233-.338-.471-.673-.704-1.011.23-.329.457-.659.683-.989-.192.007-.384.015-.575.025-.143.248-.31.489-.422.745-.104-.241-.242-.474-.368-.71l-.558.023c.196.309.405.613.595.924-.224.302-.434.607-.651.91l.002.001c.184.005.37.01.554.013.132-.24.296-.472.411-.717.103.264.278.507.422.758.204.01.407.02.611.028Z", fill: props.color || "currentColor" })));
8462
+ };
8463
+
8187
8464
  var SvgInbox = function (_a) {
8188
8465
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8189
8466
  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: "inbox_svg__feather inbox_svg__feather-inbox", "aria-labelledby": titleId }, props),
@@ -8192,6 +8469,14 @@ var SvgInbox = function (_a) {
8192
8469
  React__namespace.createElement("path", { d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" })));
8193
8470
  };
8194
8471
 
8472
+ var SvgInfoCircle = function (_a) {
8473
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8474
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
8475
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
8476
+ React__namespace.createElement("path", { d: "M12 22.5a10.5 10.5 0 1 1 0-21 10.5 10.5 0 0 1 0 21Zm0 1.5a12 12 0 1 0 0-24 12 12 0 0 0 0 24Z", fill: props.color || "currentColor" }),
8477
+ React__namespace.createElement("path", { d: "m13.395 9.882-3.435.43-.123.57.675.125c.44.105.528.264.432.704l-1.107 5.202c-.291 1.345.157 1.978 1.212 1.978.817 0 1.767-.378 2.197-.897l.132-.624c-.3.264-.738.369-1.029.369-.412 0-.562-.29-.456-.8l1.502-7.057ZM13.5 6.75a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z", fill: props.color || "currentColor" })));
8478
+ };
8479
+
8195
8480
  var SvgInfoFill = function (_a) {
8196
8481
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8197
8482
  return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", width: props.fontSize || 24, height: props.fontSize || 24, strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
@@ -8199,6 +8484,13 @@ var SvgInfoFill = function (_a) {
8199
8484
  React__namespace.createElement("path", { d: "M32 6C17.641 6 6 17.641 6 32s11.641 26 26 26 26-11.641 26-26S46.359 6 32 6zm.021 10C33.555 16 35 17.346 35 18.981A3.02 3.02 0 0 1 32.021 22C30.225 22 29 20.727 29 18.981 29 17.346 30.225 16 32.021 16zM39 47H25v-3l5-1V30h-4v-3l8-1v17l5 1v3z" })));
8200
8485
  };
8201
8486
 
8487
+ var SvgInfoText = function (_a) {
8488
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8489
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
8490
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
8491
+ React__namespace.createElement("path", { d: "m13.395 9.882-3.435.43-.123.57.675.125c.441.105.528.264.432.704l-1.107 5.202c-.291 1.345.157 1.978 1.212 1.978.818 0 1.767-.378 2.197-.897l.133-.624c-.3.264-.739.369-1.03.369-.412 0-.562-.29-.456-.8l1.502-7.057ZM13.5 6.75a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z", fill: props.color || "currentColor" })));
8492
+ };
8493
+
8202
8494
  var SvgInfo = function (_a) {
8203
8495
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8204
8496
  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),
@@ -8207,6 +8499,18 @@ var SvgInfo = function (_a) {
8207
8499
  React__namespace.createElement("path", { d: "M12 16v-4M12 8h.01" })));
8208
8500
  };
8209
8501
 
8502
+ var SvgInsideBorder = function (_a) {
8503
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8504
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
8505
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
8506
+ React__namespace.createElement("g", { clipPath: "url(#inside-border_svg__a)" },
8507
+ React__namespace.createElement("path", { d: "M22 22h2v2h-2v-2Zm-7.212 0h1.858v2h-1.858v-2Zm-7.434 0h1.858v2H7.354v-2ZM18.5 22h1.864v2h-1.859l-.005-2ZM3.636 22H5.5l-.005 2H3.636v-2ZM0 22h2v2H0v-2Zm0-7.212h2v1.858H0v-1.858Zm0 3.717 2-.005v1.864H0v-1.859ZM0 11h2v2H0v-2Zm0-3.646h2v1.858H0V7.354Zm0-3.718h2V5.5l-2-.005V3.636ZM0 0h2v2H0V0Zm14.788 0h1.858v2h-1.858V0ZM7.354 0h1.858v2H7.354V0Zm11.151 0h1.859v2H18.5l.005-2Zm-7.434 0h1.858v2h-1.858V0ZM3.636 0h1.859v2H3.636V0ZM22 0h2v2h-2V0Zm0 18.5 2 .005v1.859h-2V18.5Zm0-3.712h2v1.858h-2v-1.858Zm0-11.152h2v1.859L22 5.5V3.636Zm0 3.718h2v1.858h-2V7.354ZM22 11h2v2h-2v-2Zm-10.93.07h1.86v1.86h-1.86v-1.86Zm0 3.718h1.86v1.858h-1.86v-1.858Zm0-7.434h1.86v1.858h-1.86V7.354Zm0-3.718h1.86v1.859h-1.86V3.636Zm0 14.87h1.86v1.858h-1.86v-1.859ZM11 22h2v2h-2v-2Zm3.788-10.93h1.858v1.86h-1.858v-1.86Zm3.717 0h1.859v1.86h-1.859v-1.86Zm-11.151 0h1.858v1.86H7.354v-1.86Zm-3.718 0h1.859v1.86H3.636v-1.86Z", fill: "silver" }),
8508
+ React__namespace.createElement("path", { d: "M11 13v11h2V13h11v-2H13V0h-2v11H0v2h11Z", fill: props.color || "currentColor" })),
8509
+ React__namespace.createElement("defs", null,
8510
+ React__namespace.createElement("clipPath", { id: "inside-border_svg__a" },
8511
+ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
8512
+ };
8513
+
8210
8514
  var SvgInstagram = function (_a) {
8211
8515
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8212
8516
  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: "instagram_svg__feather instagram_svg__feather-instagram", "aria-labelledby": titleId }, props),
@@ -8257,6 +8561,29 @@ var SvgLayout = function (_a) {
8257
8561
  React__namespace.createElement("path", { d: "M3 9h18M9 21V9" })));
8258
8562
  };
8259
8563
 
8564
+ var SvgLeftBorder = function (_a) {
8565
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8566
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 100 100", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
8567
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
8568
+ React__namespace.createElement("mask", { id: "left-border_svg__a", style: {
8569
+ maskType: "luminance",
8570
+ }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 100, height: 100 },
8571
+ React__namespace.createElement("path", { d: "M100 0H0v100h100V0Z", fill: "#fff" })),
8572
+ React__namespace.createElement("g", { filter: "url(#left-border_svg__b)", strokeWidth: 4, mask: "url(#left-border_svg__a)" },
8573
+ React__namespace.createElement("path", { d: "M98 2H2v96h96V2ZM2 50h96M50 0v100", stroke: "#979797", strokeDasharray: "4 4 4 4" }),
8574
+ React__namespace.createElement("path", { d: "M2 0v100", stroke: props.color || "currentColor" })),
8575
+ React__namespace.createElement("defs", null,
8576
+ React__namespace.createElement("filter", { id: "left-border_svg__b", x: -4, y: 0, width: 108, height: 108, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
8577
+ React__namespace.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
8578
+ React__namespace.createElement("feColorMatrix", { in: "SourceAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
8579
+ React__namespace.createElement("feOffset", { dy: 4 }),
8580
+ React__namespace.createElement("feGaussianBlur", { stdDeviation: 2 }),
8581
+ React__namespace.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
8582
+ React__namespace.createElement("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" }),
8583
+ React__namespace.createElement("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_881_82" }),
8584
+ React__namespace.createElement("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_881_82", result: "shape" })))));
8585
+ };
8586
+
8260
8587
  var SvgLifeBuoy = function (_a) {
8261
8588
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8262
8589
  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: "life-buoy_svg__feather life-buoy_svg__feather-life-buoy", "aria-labelledby": titleId }, props),
@@ -8548,6 +8875,17 @@ var SvgNavigation = function (_a) {
8548
8875
  React__namespace.createElement("path", { d: "m3 11 19-9-9 19-2-8-8-2z" })));
8549
8876
  };
8550
8877
 
8878
+ var SvgNoBorder = function (_a) {
8879
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8880
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
8881
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
8882
+ React__namespace.createElement("g", { clipPath: "url(#no-border_svg__a)" },
8883
+ React__namespace.createElement("path", { d: "M22 22h2v2h-2v-2Zm-7.212 0h1.858v2h-1.858v-2Zm-7.434 0h1.858v2H7.354v-2ZM18.5 22h1.864v2h-1.859l-.005-2ZM3.636 22H5.5l-.005 2H3.636v-2ZM0 22h2v2H0v-2Zm0-7.212h2v1.858H0v-1.858Zm0 3.717 2-.005v1.864H0v-1.859ZM0 11h2v2H0v-2Zm0-3.646h2v1.858H0V7.354Zm0-3.718h2V5.5l-2-.005V3.636ZM0 0h2v2H0V0Zm14.788 0h1.858v2h-1.858V0ZM7.354 0h1.858v2H7.354V0Zm11.151 0h1.859v2H18.5l.005-2Zm-7.434 0h1.858v2h-1.858V0ZM3.636 0h1.859v2H3.636V0ZM22 0h2v2h-2V0Zm0 18.5 2 .005v1.859h-2V18.5Zm0-3.712h2v1.858h-2v-1.858Zm0-11.152h2v1.859L22 5.5V3.636Zm0 3.718h2v1.858h-2V7.354ZM22 11h2v2h-2v-2Zm-10.93.07h1.86v1.86h-1.86v-1.86Zm0 3.718h1.86v1.858h-1.86v-1.858Zm0-7.434h1.86v1.858h-1.86V7.354Zm0-3.718h1.86v1.859h-1.86V3.636Zm0 14.87h1.86v1.858h-1.86v-1.859ZM11 22h2v2h-2v-2Zm3.788-10.93h1.858v1.86h-1.858v-1.86Zm3.717 0h1.859v1.86h-1.859v-1.86Zm-11.151 0h1.858v1.86H7.354v-1.86Zm-3.718 0h1.859v1.86H3.636v-1.86Z", fill: "silver" })),
8884
+ React__namespace.createElement("defs", null,
8885
+ React__namespace.createElement("clipPath", { id: "no-border_svg__a" },
8886
+ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
8887
+ };
8888
+
8551
8889
  var SvgOctagon = function (_a) {
8552
8890
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8553
8891
  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: "octagon_svg__feather octagon_svg__feather-octagon", "aria-labelledby": titleId }, props),
@@ -8555,6 +8893,25 @@ var SvgOctagon = function (_a) {
8555
8893
  React__namespace.createElement("path", { d: "M7.86 2h8.28L22 7.86v8.28L16.14 22H7.86L2 16.14V7.86L7.86 2z" })));
8556
8894
  };
8557
8895
 
8896
+ var SvgOutlineReply = function (_a) {
8897
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8898
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
8899
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
8900
+ React__namespace.createElement("path", { d: "M10 9V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11Z", fill: props.color || "currentColor" })));
8901
+ };
8902
+
8903
+ var SvgOutsdeBorder = function (_a) {
8904
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8905
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
8906
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
8907
+ React__namespace.createElement("g", { clipPath: "url(#outsde-border_svg__a)" },
8908
+ React__namespace.createElement("path", { d: "M22 22h2v2h-2v-2Zm-7.212 0h1.858v2h-1.858v-2Zm-7.434 0h1.858v2H7.354v-2ZM18.5 22h1.864v2h-1.859l-.005-2ZM3.636 22H5.5l-.005 2H3.636v-2ZM0 22h2v2H0v-2Zm0-7.212h2v1.858H0v-1.858Zm0 3.717 2-.005v1.864H0v-1.859ZM0 11h2v2H0v-2Zm0-3.646h2v1.858H0V7.354Zm0-3.718h2V5.5l-2-.005V3.636ZM0 0h2v2H0V0Zm14.788 0h1.858v2h-1.858V0ZM7.354 0h1.858v2H7.354V0Zm11.151 0h1.859v2H18.5l.005-2Zm-7.434 0h1.858v2h-1.858V0ZM3.636 0h1.859v2H3.636V0ZM22 0h2v2h-2V0Zm0 18.5 2 .005v1.859h-2V18.5Zm0-3.712h2v1.858h-2v-1.858Zm0-11.152h2v1.859L22 5.5V3.636Zm0 3.718h2v1.858h-2V7.354ZM22 11h2v2h-2v-2Zm-10.93.07h1.86v1.86h-1.86v-1.86Zm0 3.718h1.86v1.858h-1.86v-1.858Zm0-7.434h1.86v1.858h-1.86V7.354Zm0-3.718h1.86v1.859h-1.86V3.636Zm0 14.87h1.86v1.858h-1.86v-1.859ZM11 22h2v2h-2v-2Zm3.788-10.93h1.858v1.86h-1.858v-1.86Zm3.717 0h1.859v1.86h-1.859v-1.86Zm-11.151 0h1.858v1.86H7.354v-1.86Zm-3.718 0h1.859v1.86H3.636v-1.86Z", fill: "silver" }),
8909
+ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 0v24h24V0H0Zm2 22V2h20v20H2Z", fill: props.color || "currentColor" })),
8910
+ React__namespace.createElement("defs", null,
8911
+ React__namespace.createElement("clipPath", { id: "outsde-border_svg__a" },
8912
+ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
8913
+ };
8914
+
8558
8915
  var SvgPackage = function (_a) {
8559
8916
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8560
8917
  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: "package_svg__feather package_svg__feather-package", "aria-labelledby": titleId }, props),
@@ -8728,6 +9085,13 @@ var SvgProcess = function (_a) {
8728
9085
  React__namespace.createElement("path", { d: "M22.43 3.87a1.302 1.302 0 0 0-2.545-.374H9.886V1.874a.375.375 0 0 0-.375-.375H2.858a.375.375 0 0 0-.375.375v3.992a.375.375 0 0 0 .375.375h6.653a.375.375 0 0 0 .375-.375V4.245h9.999a1.301 1.301 0 0 0 .867.868v6.344h-.902v-1.62a.376.376 0 0 0-.375-.376h-6.653a.375.375 0 0 0-.375.375v1.62H4.115a1.3 1.3 0 1 0-1.617 1.618v7.055a.375.375 0 0 0 .375.375H5.81v1.621a.375.375 0 0 0 .375.375h6.652a.376.376 0 0 0 .375-.375v-1.62h5.327l-.695.674a.375.375 0 1 0 .522.538l1.357-1.316a.377.377 0 0 0 .006-.544l-1.357-1.316a.375.375 0 1 0-.522.539l.695.674h-5.333v-1.62a.376.376 0 0 0-.375-.376H6.185a.376.376 0 0 0-.375.375v1.621H3.248v-6.68a1.301 1.301 0 0 0 .867-.867h8.332v1.62a.374.374 0 0 0 .375.376h6.653a.374.374 0 0 0 .375-.375v-1.621h1.277a.376.376 0 0 0 .375-.375v-6.72a1.3 1.3 0 0 0 .929-1.242ZM9.137 5.492H3.233V2.25h5.903v3.242ZM6.56 18.508h5.902v3.242H6.56v-3.242Zm-3.687-6.122a.554.554 0 0 1 0-1.108.554.554 0 0 1 0 1.108ZM19.1 13.453h-5.903V10.21H19.1v3.242Zm2.027-9.029a.554.554 0 0 1 0-1.107.554.554 0 0 1 0 1.107Z", fill: props.color || "currentColor" })));
8729
9086
  };
8730
9087
 
9088
+ var SvgQuoteRight = function (_a) {
9089
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9090
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
9091
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
9092
+ React__namespace.createElement("path", { d: "M1.69 22h5.07l3.38-8V2H0v12h5.07l-3.38 8Zm13.52 0h5.07l3.38-8V2H13.52v12h5.07l-3.38 8Z", fill: props.color || "currentColor" })));
9093
+ };
9094
+
8731
9095
  var SvgRadio = function (_a) {
8732
9096
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8733
9097
  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: "radio_svg__feather radio_svg__feather-radio", "aria-labelledby": titleId }, props),
@@ -8761,6 +9125,17 @@ var SvgRepeat = function (_a) {
8761
9125
  React__namespace.createElement("path", { d: "M21 13v2a4 4 0 0 1-4 4H3" })));
8762
9126
  };
8763
9127
 
9128
+ var SvgReview = function (_a) {
9129
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9130
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
9131
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
9132
+ React__namespace.createElement("path", { d: "m23.236 8.253.276-1.797c.046-.3.019-.577-.095-.838-.117-.24-.277-.391-.482-.45-.47-.137-.942-.276-1.414-.41-.425-.12-.807.228-.899.83l-.29 1.891 2.904.774ZM20.205 8.31l-1.234 8.063 2.895.818c.32-2.076.637-4.153.955-6.229l.287-1.878-2.903-.774ZM18.917 17.148c.186 1.163.373 2.328.566 3.49.016.1.056.205.107.276.166.232.412.187.563-.095.516-.96 1.03-1.922 1.541-2.887l-2.777-.784ZM12.27 2.143h-.876a1.477 1.477 0 0 0-.42-.571A1.96 1.96 0 0 0 9.605 1H8.23c-.8 0-1.486.495-1.753 1.143h-.876a.764.764 0 0 0-.762.762v1.486c0 .42.343.763.762.763h6.63c.42 0 .763-.344.763-.763V2.905c.038-.419-.305-.762-.724-.762Zm-3.315.953a.764.764 0 0 1-.762-.762c0-.419.343-.762.762-.762s.762.343.762.762a.764.764 0 0 1-.762.762Z", fill: props.color || "currentColor" }),
9133
+ React__namespace.createElement("path", { d: "M16.125 2.848H13.85c0 .03.005.059.003.088v1.455c0 .019-.005.037-.005.055h1.779c.079 0 .118 0 .144.013.013.026.013.066.013.144v16.811H2.08V4.512c0-.013-.013-.04 0-.066h1.907c0-.018-.005-.036-.005-.054V2.905c0-.02.005-.037.005-.057H1.712c-.687 0-1.245.557-1.245 1.245V21.624l.027.066v.066c0 .687.557 1.244 1.244 1.244h14.387c.687 0 1.245-.557 1.245-1.244V4.092c0-.687-.558-1.244-1.245-1.244ZM.495 4.167l.011-.035a.05.05 0 0 1-.01.035Z", fill: props.color || "currentColor" }),
9134
+ React__namespace.createElement("path", { d: "m8.088 7.703.161.497c.019.056.07.094.13.094h.522c.198 0 .28.253.12.37L8.6 8.97a.136.136 0 0 0-.05.152l.162.496a.204.204 0 0 1-.315.229l-.422-.307a.136.136 0 0 0-.16 0l-.422.307a.204.204 0 0 1-.314-.229l.16-.496a.136.136 0 0 0-.049-.152l-.422-.307a.204.204 0 0 1 .12-.37h.522a.137.137 0 0 0 .13-.094l.161-.497a.204.204 0 0 1 .388 0ZM10.905 7.703l.162.497c.018.056.07.094.13.094h.522c.197 0 .28.253.12.37l-.423.307a.136.136 0 0 0-.05.152l.162.496a.204.204 0 0 1-.314.229l-.423-.307a.136.136 0 0 0-.16 0l-.422.307a.204.204 0 0 1-.314-.229l.161-.496a.136.136 0 0 0-.05-.152l-.422-.307a.204.204 0 0 1 .12-.37h.522a.137.137 0 0 0 .13-.094l.161-.497a.204.204 0 0 1 .389 0ZM13.723 7.703l.161.497c.018.056.07.094.13.094h.522c.198 0 .28.253.12.37l-.422.307a.136.136 0 0 0-.05.152l.161.496a.204.204 0 0 1-.314.229l-.422-.307a.136.136 0 0 0-.16 0l-.422.307a.204.204 0 0 1-.315-.229l.162-.496a.136.136 0 0 0-.05-.152l-.422-.307a.204.204 0 0 1 .12-.37h.522a.137.137 0 0 0 .13-.094l.16-.497a.204.204 0 0 1 .389 0ZM4.374 8.925l.42-.69c.04-.065.077-.141.136-.185.054-.04.151-.078.2-.055.045.021.09.145.067.19-.202.419-.413.832-.636 1.238-.022.039-.17.056-.22.023a6.057 6.057 0 0 1-.617-.467c-.049-.041-.08-.189-.052-.214.057-.052.172-.093.24-.07.152.049.29.14.462.23Z", fill: props.color || "currentColor" }),
9135
+ React__namespace.createElement("path", { d: "M5.768 10.061H3.096V7.39h2.672v2.671Zm-2.382-.29h2.092V7.68H3.386v2.093ZM8.088 12.136l.161.496c.019.057.07.094.13.094h.522c.198 0 .28.254.12.37l-.422.307a.136.136 0 0 0-.05.152l.162.497a.204.204 0 0 1-.315.228l-.422-.307a.136.136 0 0 0-.16 0l-.422.307a.204.204 0 0 1-.314-.228l.16-.497a.136.136 0 0 0-.049-.152l-.422-.307a.204.204 0 0 1 .12-.37h.522a.136.136 0 0 0 .13-.094l.161-.496a.204.204 0 0 1 .388 0ZM10.905 12.136l.162.496c.018.057.07.094.13.094h.522c.197 0 .28.254.12.37l-.423.307a.136.136 0 0 0-.05.152l.162.497a.204.204 0 0 1-.314.228l-.423-.307a.135.135 0 0 0-.16 0l-.422.307a.204.204 0 0 1-.314-.228l.161-.497a.136.136 0 0 0-.05-.152l-.422-.307a.204.204 0 0 1 .12-.37h.522a.137.137 0 0 0 .13-.094l.161-.496a.204.204 0 0 1 .389 0ZM4.374 13.358c.152-.25.285-.471.42-.69.04-.065.077-.141.136-.185.054-.04.151-.078.2-.055.045.021.09.144.067.19-.202.418-.413.832-.636 1.237-.022.04-.17.056-.22.024a6.05 6.05 0 0 1-.617-.467c-.049-.042-.08-.189-.052-.215.057-.052.172-.092.24-.07.152.05.29.141.462.231Z", fill: props.color || "currentColor" }),
9136
+ React__namespace.createElement("path", { d: "M5.768 14.494H3.096v-2.672h2.672v2.672Zm-2.382-.29h2.092v-2.093H3.386v2.093ZM8.088 16.568l.161.497c.019.056.07.094.13.094h.522c.198 0 .28.253.12.37l-.422.307a.136.136 0 0 0-.05.152l.162.496a.204.204 0 0 1-.315.229l-.422-.307a.136.136 0 0 0-.16 0l-.422.307a.204.204 0 0 1-.314-.229l.16-.496a.136.136 0 0 0-.049-.152l-.422-.307a.204.204 0 0 1 .12-.37h.522a.137.137 0 0 0 .13-.094l.161-.497a.204.204 0 0 1 .388 0ZM5.768 18.926H3.096v-2.671h2.672v2.671Zm-2.382-.29h2.092v-2.092H3.386v2.093Z", fill: props.color || "currentColor" })));
9137
+ };
9138
+
8764
9139
  var SvgRewind = function (_a) {
8765
9140
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8766
9141
  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: "rewind_svg__feather rewind_svg__feather-rewind", "aria-labelledby": titleId }, props),
@@ -8768,6 +9143,29 @@ var SvgRewind = function (_a) {
8768
9143
  React__namespace.createElement("path", { d: "m11 19-9-7 9-7v14zM22 19l-9-7 9-7v14z" })));
8769
9144
  };
8770
9145
 
9146
+ var SvgRightBorder = function (_a) {
9147
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9148
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 100 100", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
9149
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
9150
+ React__namespace.createElement("mask", { id: "right-border_svg__a", style: {
9151
+ maskType: "luminance",
9152
+ }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 100, height: 100 },
9153
+ React__namespace.createElement("path", { d: "M100 0H0v100h100V0Z", fill: "#fff" })),
9154
+ React__namespace.createElement("g", { filter: "url(#right-border_svg__b)", strokeWidth: 4, mask: "url(#right-border_svg__a)" },
9155
+ React__namespace.createElement("path", { d: "M98 2H2v96h96V2ZM2 50h96M50 0v100", stroke: "#979797", strokeDasharray: "4 4 4 4" }),
9156
+ React__namespace.createElement("path", { d: "M98 0v100", stroke: props.color || "currentColor" })),
9157
+ React__namespace.createElement("defs", null,
9158
+ React__namespace.createElement("filter", { id: "right-border_svg__b", x: -4, y: 0, width: 108, height: 108, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
9159
+ React__namespace.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
9160
+ React__namespace.createElement("feColorMatrix", { in: "SourceAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
9161
+ React__namespace.createElement("feOffset", { dy: 4 }),
9162
+ React__namespace.createElement("feGaussianBlur", { stdDeviation: 2 }),
9163
+ React__namespace.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
9164
+ React__namespace.createElement("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" }),
9165
+ React__namespace.createElement("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_881_107" }),
9166
+ React__namespace.createElement("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_881_107", result: "shape" })))));
9167
+ };
9168
+
8771
9169
  var SvgRotateCcw = function (_a) {
8772
9170
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8773
9171
  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: "rotate-ccw_svg__feather rotate-ccw_svg__feather-rotate-ccw", "aria-labelledby": titleId }, props),
@@ -8784,6 +9182,13 @@ var SvgRotateCw = function (_a) {
8784
9182
  React__namespace.createElement("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })));
8785
9183
  };
8786
9184
 
9185
+ var SvgRowsGroup = function (_a) {
9186
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9187
+ return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 2048 2048", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
9188
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
9189
+ React__namespace.createElement("path", { fill: "currentColor", d: "M0 896q53 0 99-20t82-55 55-81 20-100q0-80 30-150t82-122 122-82 150-30v128q-53 0-99 20t-82 55-55 81-20 100q0 97-45 181T213 960q81 54 126 138t45 182q0 53 20 99t55 82 81 55 100 20v128q-80 0-150-30t-122-82-82-122-30-150q0-53-20-99t-55-82-81-55-100-20zm2048-640v640H768V256zm-128 128H896v384h1024zM768 1024h1280v640H768zm128 512h1024v-384H896z" })));
9190
+ };
9191
+
8787
9192
  var SvgRss = function (_a) {
8788
9193
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8789
9194
  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: "rss_svg__feather rss_svg__feather-rss", "aria-labelledby": titleId }, props),
@@ -8817,6 +9222,13 @@ var SvgSearch = function (_a) {
8817
9222
  React__namespace.createElement("path", { d: "m21 21-4.35-4.35" })));
8818
9223
  };
8819
9224
 
9225
+ var SvgSendHorFill = function (_a) {
9226
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9227
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
9228
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
9229
+ React__namespace.createElement("path", { d: "m6.998 10.247.435.76c.277.485.415.727.415.993s-.138.508-.415.992l-.435.761c-1.238 2.167-1.857 3.25-1.375 3.788.483.537 1.627.037 3.913-.963l6.276-2.746c1.795-.785 2.693-1.178 2.693-1.832 0-.654-.898-1.047-2.693-1.832L9.536 7.422c-2.286-1-3.43-1.5-3.913-.963-.482.537.137 1.62 1.375 3.788Z", fill: props.color || "currentColor" })));
9230
+ };
9231
+
8820
9232
  var SvgSend = function (_a) {
8821
9233
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8822
9234
  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: "send_svg__feather send_svg__feather-send", "aria-labelledby": titleId }, props),
@@ -9004,6 +9416,29 @@ var SvgSolidUp = function (_a) {
9004
9416
  React__namespace.createElement("path", { d: "M-10-9.583h44v44h-44v-44Z", fill: props.color || "currentColor" }))));
9005
9417
  };
9006
9418
 
9419
+ var SvgSortAscending = function (_a) {
9420
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9421
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
9422
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
9423
+ React__namespace.createElement("path", { d: "M7 16H3l6 6V2H7v14Z", fill: props.color || "currentColor" }),
9424
+ React__namespace.createElement("path", { d: "M15 5v17h2V8h4l-6-6v3Z", fill: "#C3C3C3" })));
9425
+ };
9426
+
9427
+ var SvgSortCancel = function (_a) {
9428
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9429
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
9430
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
9431
+ React__namespace.createElement("path", { d: "M7 16H3l6 6V2H7v14ZM15 5v17h2V8h4l-6-6v3Z", fill: "#C3C3C3" })));
9432
+ };
9433
+
9434
+ var SvgSortDecending = function (_a) {
9435
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9436
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
9437
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
9438
+ React__namespace.createElement("path", { d: "M7 16H3l6 6V2H7v14Z", fill: "#C4C4C4" }),
9439
+ React__namespace.createElement("path", { d: "M15 5v17h2V8h4l-6-6v3Z", fill: props.color || "currentColor" })));
9440
+ };
9441
+
9007
9442
  var SvgSpeaker = function (_a) {
9008
9443
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9009
9444
  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: "speaker_svg__feather speaker_svg__feather-speaker", "aria-labelledby": titleId }, props),
@@ -9146,6 +9581,29 @@ var SvgTool = function (_a) {
9146
9581
  React__namespace.createElement("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" })));
9147
9582
  };
9148
9583
 
9584
+ var SvgTopBorder = function (_a) {
9585
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9586
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 100 100", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
9587
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
9588
+ React__namespace.createElement("mask", { id: "top-border_svg__a", style: {
9589
+ maskType: "luminance",
9590
+ }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 100, height: 100 },
9591
+ React__namespace.createElement("path", { d: "M100 0H0v100h100V0Z", fill: "#fff" })),
9592
+ React__namespace.createElement("g", { filter: "url(#top-border_svg__b)", strokeWidth: 4, mask: "url(#top-border_svg__a)" },
9593
+ React__namespace.createElement("path", { d: "M98 2H2v96h96V2ZM2 50h96M50 0v100", stroke: "#979797", strokeDasharray: "4 4 4 4" }),
9594
+ React__namespace.createElement("path", { d: "M0 2h100", stroke: props.color || "currentColor" })),
9595
+ React__namespace.createElement("defs", null,
9596
+ React__namespace.createElement("filter", { id: "top-border_svg__b", x: -4, y: 0, width: 108, height: 108, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
9597
+ React__namespace.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
9598
+ React__namespace.createElement("feColorMatrix", { in: "SourceAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
9599
+ React__namespace.createElement("feOffset", { dy: 4 }),
9600
+ React__namespace.createElement("feGaussianBlur", { stdDeviation: 2 }),
9601
+ React__namespace.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
9602
+ React__namespace.createElement("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" }),
9603
+ React__namespace.createElement("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_881_116" }),
9604
+ React__namespace.createElement("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_881_116", result: "shape" })))));
9605
+ };
9606
+
9149
9607
  var SvgTrash2 = function (_a) {
9150
9608
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9151
9609
  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: "trash-2_svg__feather trash-2_svg__feather-trash-2", "aria-labelledby": titleId }, props),
@@ -9376,6 +9834,18 @@ var SvgUsers = function (_a) {
9376
9834
  React__namespace.createElement("path", { d: "M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75" })));
9377
9835
  };
9378
9836
 
9837
+ var SvgVerticalBorder = function (_a) {
9838
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9839
+ return (React__namespace.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
9840
+ title ? React__namespace.createElement("title", { id: titleId }, title) : null,
9841
+ React__namespace.createElement("g", { clipPath: "url(#vertical-border_svg__a)" },
9842
+ React__namespace.createElement("path", { d: "M22 22h2v2h-2v-2Zm-7.212 0h1.858v2h-1.858v-2Zm-7.434 0h1.858v2H7.354v-2ZM18.5 22h1.864v2h-1.859l-.005-2ZM3.636 22H5.5l-.005 2H3.636v-2ZM0 22h2v2H0v-2Zm0-7.212h2v1.858H0v-1.858Zm0 3.717 2-.005v1.864H0v-1.859ZM0 11h2v2H0v-2Zm0-3.646h2v1.858H0V7.354Zm0-3.718h2V5.5l-2-.005V3.636ZM0 0h2v2H0V0Zm14.788 0h1.858v2h-1.858V0ZM7.354 0h1.858v2H7.354V0Zm11.151 0h1.859v2H18.5l.005-2Zm-7.434 0h1.858v2h-1.858V0ZM3.636 0h1.859v2H3.636V0ZM22 0h2v2h-2V0Zm0 18.5 2 .005v1.859h-2V18.5Zm0-3.712h2v1.858h-2v-1.858Zm0-11.152h2v1.859L22 5.5V3.636Zm0 3.718h2v1.858h-2V7.354ZM22 11h2v2h-2v-2Zm-10.93.07h1.86v1.86h-1.86v-1.86Zm0 3.718h1.86v1.858h-1.86v-1.858Zm0-7.434h1.86v1.858h-1.86V7.354Zm0-3.718h1.86v1.859h-1.86V3.636Zm0 14.87h1.86v1.858h-1.86v-1.859ZM11 22h2v2h-2v-2Zm3.788-10.93h1.858v1.86h-1.858v-1.86Zm3.717 0h1.859v1.86h-1.859v-1.86Zm-11.151 0h1.858v1.86H7.354v-1.86Zm-3.718 0h1.859v1.86H3.636v-1.86Z", fill: "silver" }),
9843
+ React__namespace.createElement("path", { d: "M13 22.222V0h-2v24h2v-1.778Z", fill: props.color || "currentColor" })),
9844
+ React__namespace.createElement("defs", null,
9845
+ React__namespace.createElement("clipPath", { id: "vertical-border_svg__a" },
9846
+ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
9847
+ };
9848
+
9379
9849
  var SvgVideoOff = function (_a) {
9380
9850
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9381
9851
  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: "video-off_svg__feather video-off_svg__feather-video-off", "aria-labelledby": titleId }, props),
@@ -9755,6 +10225,11 @@ var Icon = /*#__PURE__*/Object.freeze({
9755
10225
  Book: SvgBook,
9756
10226
  BookOpen: SvgBookOpen,
9757
10227
  Bookmark: SvgBookmark,
10228
+ BorderBottom: SvgBorderBottom,
10229
+ BorderLeft: SvgBorderLeft,
10230
+ BorderRight: SvgBorderRight,
10231
+ BorderTop: SvgBorderTop,
10232
+ BottomBorder: SvgBottomBorder,
9758
10233
  Box: SvgBox,
9759
10234
  BoxArrowInLeft: SvgBoxArrowInLeft,
9760
10235
  BoxArrowInRight: SvgBoxArrowInRight,
@@ -9794,6 +10269,8 @@ var Icon = /*#__PURE__*/Object.freeze({
9794
10269
  Codepen: SvgCodepen,
9795
10270
  Codesandbox: SvgCodesandbox,
9796
10271
  Coffee: SvgCoffee,
10272
+ Collapse: SvgCollapse,
10273
+ Collapse2: SvgCollapse2,
9797
10274
  Columns: SvgColumns,
9798
10275
  Command: SvgCommand,
9799
10276
  Compass: SvgCompass,
@@ -9823,12 +10300,19 @@ var Icon = /*#__PURE__*/Object.freeze({
9823
10300
  DollarSign: SvgDollarSign,
9824
10301
  Download: SvgDownload,
9825
10302
  DownloadCloud: SvgDownloadCloud,
10303
+ DragDrop: SvgDragDrop,
9826
10304
  Dribbble: SvgDribbble,
9827
10305
  Droplet: SvgDroplet,
9828
10306
  Edit: SvgEdit,
9829
10307
  Edit2: SvgEdit2,
9830
10308
  Edit3: SvgEdit3,
9831
10309
  Employ: SvgEmploy,
10310
+ Excel: SvgExcel,
10311
+ Exclamation: SvgExclamation,
10312
+ Expand: SvgExpand,
10313
+ Expand2: SvgExpand2,
10314
+ ExportExcel: SvgExportExcel,
10315
+ ExportFile: SvgExportFile,
9832
10316
  ExternalLink: SvgExternalLink,
9833
10317
  Eye: SvgEye,
9834
10318
  EyeOff: SvgEyeOff,
@@ -9850,12 +10334,18 @@ var Icon = /*#__PURE__*/Object.freeze({
9850
10334
  FiletypeXlsx: SvgFiletypeXlsx,
9851
10335
  Film: SvgFilm,
9852
10336
  Filter: SvgFilter,
10337
+ FilterFill: SvgFilterFill,
9853
10338
  Flag: SvgFlag,
9854
10339
  Folder: SvgFolder,
10340
+ FolderColor: SvgFolderColor,
10341
+ FolderDownload: SvgFolderDownload,
9855
10342
  FolderMinus: SvgFolderMinus,
9856
10343
  FolderPlus: SvgFolderPlus,
10344
+ FolderPlus2: SvgFolderPlus2,
10345
+ FolderUpload: SvgFolderUpload,
9857
10346
  Framer: SvgFramer,
9858
10347
  Frown: SvgFrown,
10348
+ FullBorder: SvgFullBorder,
9859
10349
  Gift: SvgGift,
9860
10350
  GitBranch: SvgGitBranch,
9861
10351
  GitCommit: SvgGitCommit,
@@ -9865,6 +10355,8 @@ var Icon = /*#__PURE__*/Object.freeze({
9865
10355
  Gitlab: SvgGitlab,
9866
10356
  Globe: SvgGlobe,
9867
10357
  Grid: SvgGrid,
10358
+ Group: SvgGroup,
10359
+ GroupListFilled: SvgGroupListFilled,
9868
10360
  HardDrive: SvgHardDrive,
9869
10361
  Hash: SvgHash,
9870
10362
  Headphones: SvgHeadphones,
@@ -9872,16 +10364,23 @@ var Icon = /*#__PURE__*/Object.freeze({
9872
10364
  HelpCircle: SvgHelpCircle,
9873
10365
  Hexagon: SvgHexagon,
9874
10366
  Home: SvgHome,
10367
+ HorizontalBorder: SvgHorizontalBorder,
9875
10368
  Image: SvgImage,
10369
+ ImportExcel: SvgImportExcel,
10370
+ ImportFile: SvgImportFile,
9876
10371
  Inbox: SvgInbox,
9877
10372
  Info: SvgInfo,
10373
+ InfoCircle: SvgInfoCircle,
9878
10374
  InfoFill: SvgInfoFill,
10375
+ InfoText: SvgInfoText,
10376
+ InsideBorder: SvgInsideBorder,
9879
10377
  Instagram: SvgInstagram,
9880
10378
  Insurance: SvgInsurance,
9881
10379
  Italic: SvgItalic,
9882
10380
  Key: SvgKey,
9883
10381
  Layers: SvgLayers,
9884
10382
  Layout: SvgLayout,
10383
+ LeftBorder: SvgLeftBorder,
9885
10384
  LifeBuoy: SvgLifeBuoy,
9886
10385
  Link: SvgLink,
9887
10386
  Link2: SvgLink2,
@@ -9920,7 +10419,10 @@ var Icon = /*#__PURE__*/Object.freeze({
9920
10419
  Music: SvgMusic,
9921
10420
  Navigation: SvgNavigation,
9922
10421
  Navigation2: SvgNavigation2,
10422
+ NoBorder: SvgNoBorder,
9923
10423
  Octagon: SvgOctagon,
10424
+ OutlineReply: SvgOutlineReply,
10425
+ OutsdeBorder: SvgOutsdeBorder,
9924
10426
  Package: SvgPackage,
9925
10427
  Paperclip: SvgPaperclip,
9926
10428
  Pause: SvgPause,
@@ -9944,18 +10446,23 @@ var Icon = /*#__PURE__*/Object.freeze({
9944
10446
  Power: SvgPower,
9945
10447
  Printer: SvgPrinter,
9946
10448
  Process: SvgProcess,
10449
+ QuoteRight: SvgQuoteRight,
9947
10450
  Radio: SvgRadio,
9948
10451
  RefreshCcw: SvgRefreshCcw,
9949
10452
  RefreshCw: SvgRefreshCw,
9950
10453
  Repeat: SvgRepeat,
10454
+ Review: SvgReview,
9951
10455
  Rewind: SvgRewind,
10456
+ RightBorder: SvgRightBorder,
9952
10457
  RotateCcw: SvgRotateCcw,
9953
10458
  RotateCw: SvgRotateCw,
10459
+ RowsGroup: SvgRowsGroup,
9954
10460
  Rss: SvgRss,
9955
10461
  Save: SvgSave,
9956
10462
  Scissors: SvgScissors,
9957
10463
  Search: SvgSearch,
9958
10464
  Send: SvgSend,
10465
+ SendHorFill: SvgSendHorFill,
9959
10466
  Server: SvgServer,
9960
10467
  Settings: SvgSettings,
9961
10468
  Share: SvgShare,
@@ -9977,6 +10484,9 @@ var Icon = /*#__PURE__*/Object.freeze({
9977
10484
  SolidLeft: SvgSolidLeft,
9978
10485
  SolidRight: SvgSolidRight,
9979
10486
  SolidUp: SvgSolidUp,
10487
+ SortAscending: SvgSortAscending,
10488
+ SortCancel: SvgSortCancel,
10489
+ SortDecending: SvgSortDecending,
9980
10490
  Speaker: SvgSpeaker,
9981
10491
  Square: SvgSquare,
9982
10492
  Star: SvgStar,
@@ -9996,6 +10506,7 @@ var Icon = /*#__PURE__*/Object.freeze({
9996
10506
  ToggleLeft: SvgToggleLeft,
9997
10507
  ToggleRight: SvgToggleRight,
9998
10508
  Tool: SvgTool,
10509
+ TopBorder: SvgTopBorder,
9999
10510
  Trash: SvgTrash,
10000
10511
  Trash2: SvgTrash2,
10001
10512
  Trello: SvgTrello,
@@ -10026,6 +10537,7 @@ var Icon = /*#__PURE__*/Object.freeze({
10026
10537
  UserX: SvgUserX,
10027
10538
  Users: SvgUsers,
10028
10539
  UsersFill: SvgUsersFill,
10540
+ VerticalBorder: SvgVerticalBorder,
10029
10541
  Video: SvgVideo,
10030
10542
  VideoOff: SvgVideoOff,
10031
10543
  Voicemail: SvgVoicemail,
@@ -10056,6 +10568,21 @@ function getDefaultExportFromCjs (x) {
10056
10568
  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
10057
10569
  }
10058
10570
 
10571
+ function getAugmentedNamespace(n) {
10572
+ if (n.__esModule) return n;
10573
+ var a = Object.defineProperty({}, '__esModule', {value: true});
10574
+ Object.keys(n).forEach(function (k) {
10575
+ var d = Object.getOwnPropertyDescriptor(n, k);
10576
+ Object.defineProperty(a, k, d.get ? d : {
10577
+ enumerable: true,
10578
+ get: function () {
10579
+ return n[k];
10580
+ }
10581
+ });
10582
+ });
10583
+ return a;
10584
+ }
10585
+
10059
10586
  var classnames$1 = {exports: {}};
10060
10587
 
10061
10588
  /*!
@@ -19303,13 +19830,14 @@ const formatDateTime = (data, format = "dd/MM/yyyy") => {
19303
19830
  }
19304
19831
  const date = new Date(data);
19305
19832
  const map = {
19833
+ DD: String(date.getDate()).padStart(2, "0"),
19306
19834
  dd: String(date.getDate()).padStart(2, "0"),
19307
19835
  MM: String(date.getMonth() + 1).padStart(2, "0"),
19308
19836
  yyyy: date.getFullYear(),
19309
19837
  HH: String(date.getHours()).padStart(2, "0"),
19310
19838
  mm: String(date.getMinutes()).padStart(2, "0")
19311
19839
  };
19312
- return format.replace(/dd|MM|yyyy|HH|mm/g, (match) => map[match]);
19840
+ return format.replace(/dd|DD|MM|yyyy|HH|mm/g, (match) => map[match]);
19313
19841
  };
19314
19842
  // Hàm tìm vị trí theo chuỗi index
19315
19843
  const FindNodeByPath = (tree, path) => {
@@ -19368,10 +19896,36 @@ const calculateTableStructure = (columns, settingColumns) => {
19368
19896
  }
19369
19897
  });
19370
19898
  };
19371
- calcTotalRightWidth(columns);
19899
+ const applySetting = (cols) => {
19900
+ return cols.map(cell => {
19901
+ const setting = settingColumns?.find(s => s.field === cell.field);
19902
+ if (setting) {
19903
+ cell.sortOrder = setting.sortOrder;
19904
+ cell.visible = setting.visible;
19905
+ if (setting.fixedType !== undefined && setting.fixedType !== null) {
19906
+ cell.fixedType = setting.fixedType;
19907
+ }
19908
+ if (setting.width !== undefined && setting.width !== null) {
19909
+ cell.width = setting.width;
19910
+ }
19911
+ cell.headerDisplay = setting.headerText || cell.headerText;
19912
+ }
19913
+ else {
19914
+ cell.visible = false;
19915
+ }
19916
+ if (cell.columns?.length) {
19917
+ cell.columns = applySetting(cell.columns); // đệ quy
19918
+ }
19919
+ return cell;
19920
+ });
19921
+ };
19372
19922
  const traverse = (cols, level = 0) => {
19373
19923
  levels[level] = levels[level] || [];
19374
- return cols.reduce((colspanSum, col, indexCol) => {
19924
+ let columns = [...cols];
19925
+ if (settingColumns?.some(c => c.sortOrder !== undefined && c.sortOrder !== null)) {
19926
+ columns = columns.sort((a, b) => (a.sortOrder ?? 0) - (b.sortOrder ?? 0));
19927
+ }
19928
+ return columns.reduce((colspanSum, col, indexCol) => {
19375
19929
  const hasChildren = (col.columns?.length ?? 0) > 0;
19376
19930
  const colspan = hasChildren ? traverse(col.columns, level + 1) : 1;
19377
19931
  const cell = {
@@ -19380,27 +19934,6 @@ const calculateTableStructure = (columns, settingColumns) => {
19380
19934
  colspan,
19381
19935
  rowspan: hasChildren ? 1 : maxDepth - level
19382
19936
  };
19383
- if (settingColumns && settingColumns.length > 0) {
19384
- const column = settingColumns.find((y) => y.field === cell.field);
19385
- if (column) {
19386
- cell.visible = column.visible;
19387
- if (column.fixedType !== undefined && column.fixedType !== null) {
19388
- cell.fixedType = column.fixedType;
19389
- }
19390
- if (column.width !== undefined && column.width !== null) {
19391
- cell.width = column.width;
19392
- }
19393
- if (column.headerText) {
19394
- cell.headerDisplay = column.headerText;
19395
- }
19396
- else {
19397
- cell.headerDisplay = cell.headerText;
19398
- }
19399
- }
19400
- else {
19401
- cell.visible = false;
19402
- }
19403
- }
19404
19937
  levels[level].push(cell);
19405
19938
  const headerKey = `${level}-${indexCol}`;
19406
19939
  if (cell.fixedType === "left" && cell.visible !== false) {
@@ -19426,6 +19959,10 @@ const calculateTableStructure = (columns, settingColumns) => {
19426
19959
  return colspanSum + colspan;
19427
19960
  }, 0);
19428
19961
  };
19962
+ calcTotalRightWidth(columns);
19963
+ if ((settingColumns?.length ?? 0) > 0) {
19964
+ applySetting(columns);
19965
+ }
19429
19966
  traverse(columns);
19430
19967
  // Danh sách các cột được hiển thị
19431
19968
  const flatVisble = flat.filter((e) => e.visible !== false);
@@ -23549,6 +24086,8 @@ const EditForm = React$5.forwardRef((props, ref) => {
23549
24086
  }
23550
24087
  }, [inputRef]);
23551
24088
  return (jsxRuntime.jsx("div", { className: "form-edit", ref: ref, id: id, children: jsxRuntime.jsx("div", { ref: editFormRef, children: jsxRuntime.jsxs(Dropdown$1, { isOpen: dropdownOpen, toggle: () => { }, children: [jsxRuntime.jsx(DropdownToggle$1, { tag: 'div', children: jsxRuntime.jsxs("div", { className: classNames$1('display-value', { 'r-is-focus': isFocus || dropdownOpen }, { 'is-invalid': invalid }), onClick: handleOnClick, children: [template?.(rowData, indexRow) ?? displayValue, jsxRuntime.jsx(Input$1, { style: {
24089
+ outline: 'none',
24090
+ border: 'none',
23552
24091
  width: template ? 0 : '100%',
23553
24092
  height: template ? 0 : 28,
23554
24093
  lineHeight: template ? 0 : 19,
@@ -38873,7 +39412,7 @@ var PRESELECT_CHANGE_VIA_NAVIGATE = "navigate";
38873
39412
 
38874
39413
  var reactInputMask = {exports: {}};
38875
39414
 
38876
- function _interopDefault$2(e){return e&&"object"==typeof e&&"default"in e?e["default"]:e}var React$4=_interopDefault$2(React__default["default"]),reactDom$1=ReactDOM__default["default"];function _defaults2$1(e,t){for(var n=Object.getOwnPropertyNames(t),a=0;a<n.length;a++){var i=n[a],r=Object.getOwnPropertyDescriptor(t,i);r&&r.configurable&&e[i]===undefined&&Object.defineProperty(e,i,r);}return e}function _extends$8(){return (_extends$8=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);}return e}).apply(this,arguments)}function _inheritsLoose$3(e,t){e.prototype=Object.create(t.prototype),_defaults2$1(e.prototype.constructor=e,t);}function _objectWithoutPropertiesLoose$4(e,t){if(null==e)return {};var n,a,i={},r=Object.keys(e);for(a=0;a<r.length;a++)n=r[a],0<=t.indexOf(n)||(i[n]=e[n]);return i}function _assertThisInitialized$1(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}var invariant$2=function(e,t,n,a,i,r,o,s){if(!e){var l;if(t===undefined)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else {var u=[n,a,i,r,o,s],c=0;(l=new Error(t.replace(/%s/g,function(){return u[c++]}))).name="Invariant Violation";}throw l.framesToPop=1,l}},invariant_1$1=invariant$2;function setInputSelection$1(e,t,n){if("selectionStart"in e&&"selectionEnd"in e)e.selectionStart=t,e.selectionEnd=n;else {var a=e.createTextRange();a.collapse(!0),a.moveStart("character",t),a.moveEnd("character",n-t),a.select();}}function getInputSelection$1(e){var t=0,n=0;if("selectionStart"in e&&"selectionEnd"in e)t=e.selectionStart,n=e.selectionEnd;else {var a=document.selection.createRange();a.parentElement()===e&&(t=-a.moveStart("character",-e.value.length),n=-a.moveEnd("character",-e.value.length));}return {start:t,end:n,length:n-t}}var defaultFormatChars$1={9:"[0-9]",a:"[A-Za-z]","*":"[A-Za-z0-9]"},defaultMaskChar$1="_";function parseMask$1(e,t,n){var a="",i="",r=null,o=[];if(t===undefined&&(t=defaultMaskChar$1),null==n&&(n=defaultFormatChars$1),!e||"string"!=typeof e)return {maskChar:t,formatChars:n,mask:null,prefix:null,lastEditablePosition:null,permanents:[]};var s=!1;return e.split("").forEach(function(e){s=!s&&"\\"===e||(s||!n[e]?(o.push(a.length),a.length===o.length-1&&(i+=e)):r=a.length+1,a+=e,!1);}),{maskChar:t,formatChars:n,prefix:i,mask:a,lastEditablePosition:r,permanents:o}}function isPermanentCharacter$1(e,t){return -1!==e.permanents.indexOf(t)}function isAllowedCharacter$1(e,t,n){var a=e.mask,i=e.formatChars;if(!n)return !1;if(isPermanentCharacter$1(e,t))return a[t]===n;var r=i[a[t]];return new RegExp(r).test(n)}function isEmpty$1(n,e){return e.split("").every(function(e,t){return isPermanentCharacter$1(n,t)||!isAllowedCharacter$1(n,t,e)})}function getFilledLength$1(e,t){var n=e.maskChar,a=e.prefix;if(!n){for(;t.length>a.length&&isPermanentCharacter$1(e,t.length-1);)t=t.slice(0,t.length-1);return t.length}for(var i=a.length,r=t.length;r>=a.length;r--){var o=t[r];if(!isPermanentCharacter$1(e,r)&&isAllowedCharacter$1(e,r,o)){i=r+1;break}}return i}function isFilled$1(e,t){return getFilledLength$1(e,t)===e.mask.length}function formatValue$1(e,t){var n=e.maskChar,a=e.mask,i=e.prefix;if(!n){for((t=insertString$1(e,"",t,0)).length<i.length&&(t=i);t.length<a.length&&isPermanentCharacter$1(e,t.length);)t+=a[t.length];return t}if(t)return insertString$1(e,formatValue$1(e,""),t,0);for(var r=0;r<a.length;r++)isPermanentCharacter$1(e,r)?t+=a[r]:t+=n;return t}function clearRange$1(n,e,a,t){var i=a+t,r=n.maskChar,o=n.mask,s=n.prefix,l=e.split("");if(r)return l.map(function(e,t){return t<a||i<=t?e:isPermanentCharacter$1(n,t)?o[t]:r}).join("");for(var u=i;u<l.length;u++)isPermanentCharacter$1(n,u)&&(l[u]="");return a=Math.max(s.length,a),l.splice(a,i-a),e=l.join(""),formatValue$1(n,e)}function insertString$1(r,o,e,s){var l=r.mask,u=r.maskChar,c=r.prefix,t=e.split(""),h=isFilled$1(r,o);return !u&&s>o.length&&(o+=l.slice(o.length,s)),t.every(function(e){for(;i=e,isPermanentCharacter$1(r,a=s)&&i!==l[a];){if(s>=o.length&&(o+=l[s]),t=e,n=s,u&&isPermanentCharacter$1(r,n)&&t===u)return !0;if(++s>=l.length)return !1}var t,n,a,i;return !isAllowedCharacter$1(r,s,e)&&e!==u||(s<o.length?o=u||h||s<c.length?o.slice(0,s)+e+o.slice(s+1):(o=o.slice(0,s)+e+o.slice(s),formatValue$1(r,o)):u||(o+=e),++s<l.length)}),o}function getInsertStringLength$1(a,e,t,i){var r=a.mask,o=a.maskChar,n=t.split(""),s=i;return n.every(function(e){for(;n=e,isPermanentCharacter$1(a,t=i)&&n!==r[t];)if(++i>=r.length)return !1;var t,n;return (isAllowedCharacter$1(a,i,e)||e===o)&&i++,i<r.length}),i-s}function getLeftEditablePosition$1(e,t){for(var n=t;0<=n;--n)if(!isPermanentCharacter$1(e,n))return n;return null}function getRightEditablePosition$1(e,t){for(var n=e.mask,a=t;a<n.length;++a)if(!isPermanentCharacter$1(e,a))return a;return null}function getStringValue$1(e){return e||0===e?e+"":""}function processChange$1(e,t,n,a,i){var r=e.mask,o=e.prefix,s=e.lastEditablePosition,l=t,u="",c=0,h=0,f=Math.min(i.start,n.start);if(n.end>i.start?h=(c=getInsertStringLength$1(e,a,u=l.slice(i.start,n.end),f))?i.length:0:l.length<a.length&&(h=a.length-l.length),l=a,h){if(1===h&&!i.length)f=i.start===n.start?getRightEditablePosition$1(e,n.start):getLeftEditablePosition$1(e,n.start);l=clearRange$1(e,l,f,h);}return l=insertString$1(e,l,u,f),(f+=c)>=r.length?f=r.length:f<o.length&&!c?f=o.length:f>=o.length&&f<s&&c&&(f=getRightEditablePosition$1(e,f)),u||(u=null),{value:l=formatValue$1(e,l),enteredString:u,selection:{start:f,end:f}}}function isWindowsPhoneBrowser$1(){var e=new RegExp("windows","i"),t=new RegExp("phone","i"),n=navigator.userAgent;return e.test(n)&&t.test(n)}function isFunction$5(e){return "function"==typeof e}function getRequestAnimationFrame$1(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame}function getCancelAnimationFrame$1(){return window.cancelAnimationFrame||window.webkitCancelRequestAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame}function defer$1(e){return (!!getCancelAnimationFrame$1()?getRequestAnimationFrame$1():function(){return setTimeout(e,1e3/60)})(e)}function cancelDefer$1(e){(getCancelAnimationFrame$1()||clearTimeout)(e);}var InputElement$1=function(c){function e(e){var f=c.call(this,e)||this;f.focused=!1,f.mounted=!1,f.previousSelection=null,f.selectionDeferId=null,f.saveSelectionLoopDeferId=null,f.saveSelectionLoop=function(){f.previousSelection=f.getSelection(),f.saveSelectionLoopDeferId=defer$1(f.saveSelectionLoop);},f.runSaveSelectionLoop=function(){null===f.saveSelectionLoopDeferId&&f.saveSelectionLoop();},f.stopSaveSelectionLoop=function(){null!==f.saveSelectionLoopDeferId&&(cancelDefer$1(f.saveSelectionLoopDeferId),f.saveSelectionLoopDeferId=null,f.previousSelection=null);},f.getInputDOMNode=function(){if(!f.mounted)return null;var e=reactDom$1.findDOMNode(_assertThisInitialized$1(_assertThisInitialized$1(f))),t="undefined"!=typeof window&&e instanceof window.Element;if(e&&!t)return null;if("INPUT"!==e.nodeName&&(e=e.querySelector("input")),!e)throw new Error("react-input-mask: inputComponent doesn't contain input node");return e},f.getInputValue=function(){var e=f.getInputDOMNode();return e?e.value:null},f.setInputValue=function(e){var t=f.getInputDOMNode();t&&(f.value=e,t.value=e);},f.setCursorToEnd=function(){var e=getFilledLength$1(f.maskOptions,f.value),t=getRightEditablePosition$1(f.maskOptions,e);null!==t&&f.setCursorPosition(t);},f.setSelection=function(e,t,n){void 0===n&&(n={});var a=f.getInputDOMNode(),i=f.isFocused();a&&i&&(n.deferred||setInputSelection$1(a,e,t),null!==f.selectionDeferId&&cancelDefer$1(f.selectionDeferId),f.selectionDeferId=defer$1(function(){f.selectionDeferId=null,setInputSelection$1(a,e,t);}),f.previousSelection={start:e,end:t,length:Math.abs(t-e)});},f.getSelection=function(){return getInputSelection$1(f.getInputDOMNode())},f.getCursorPosition=function(){return f.getSelection().start},f.setCursorPosition=function(e){f.setSelection(e,e);},f.isFocused=function(){return f.focused},f.getBeforeMaskedValueChangeConfig=function(){var e=f.maskOptions,t=e.mask,n=e.maskChar,a=e.permanents,i=e.formatChars;return {mask:t,maskChar:n,permanents:a,alwaysShowMask:!!f.props.alwaysShowMask,formatChars:i}},f.isInputAutofilled=function(e,t,n,a){var i=f.getInputDOMNode();try{if(i.matches(":-webkit-autofill"))return !0}catch(r){}return !f.focused||a.end<n.length&&t.end===e.length},f.onChange=function(e){var t=_assertThisInitialized$1(_assertThisInitialized$1(f)).beforePasteState,n=_assertThisInitialized$1(_assertThisInitialized$1(f)).previousSelection,a=f.props.beforeMaskedValueChange,i=f.getInputValue(),r=f.value,o=f.getSelection();f.isInputAutofilled(i,o,r,n)&&(r=formatValue$1(f.maskOptions,""),n={start:0,end:0,length:0}),t&&(n=t.selection,r=t.value,o={start:n.start+i.length,end:n.start+i.length,length:0},i=r.slice(0,n.start)+i+r.slice(n.end),f.beforePasteState=null);var s=processChange$1(f.maskOptions,i,o,r,n),l=s.enteredString,u=s.selection,c=s.value;if(isFunction$5(a)){var h=a({value:c,selection:u},{value:r,selection:n},l,f.getBeforeMaskedValueChangeConfig());c=h.value,u=h.selection;}f.setInputValue(c),isFunction$5(f.props.onChange)&&f.props.onChange(e),f.isWindowsPhoneBrowser?f.setSelection(u.start,u.end,{deferred:!0}):f.setSelection(u.start,u.end);},f.onFocus=function(e){var t=f.props.beforeMaskedValueChange,n=f.maskOptions,a=n.mask,i=n.prefix;if(f.focused=!0,f.mounted=!0,a){if(f.value)getFilledLength$1(f.maskOptions,f.value)<f.maskOptions.mask.length&&f.setCursorToEnd();else {var r=formatValue$1(f.maskOptions,i),o=formatValue$1(f.maskOptions,r),s=getFilledLength$1(f.maskOptions,o),l=getRightEditablePosition$1(f.maskOptions,s),u={start:l,end:l};if(isFunction$5(t)){var c=t({value:o,selection:u},{value:f.value,selection:null},null,f.getBeforeMaskedValueChangeConfig());o=c.value,u=c.selection;}var h=o!==f.getInputValue();h&&f.setInputValue(o),h&&isFunction$5(f.props.onChange)&&f.props.onChange(e),f.setSelection(u.start,u.end);}f.runSaveSelectionLoop();}isFunction$5(f.props.onFocus)&&f.props.onFocus(e);},f.onBlur=function(e){var t=f.props.beforeMaskedValueChange,n=f.maskOptions.mask;if(f.stopSaveSelectionLoop(),f.focused=!1,n&&!f.props.alwaysShowMask&&isEmpty$1(f.maskOptions,f.value)){var a="";if(isFunction$5(t))a=t({value:a,selection:null},{value:f.value,selection:f.previousSelection},null,f.getBeforeMaskedValueChangeConfig()).value;var i=a!==f.getInputValue();i&&f.setInputValue(a),i&&isFunction$5(f.props.onChange)&&f.props.onChange(e);}isFunction$5(f.props.onBlur)&&f.props.onBlur(e);},f.onMouseDown=function(e){if(!f.focused&&document.addEventListener){f.mouseDownX=e.clientX,f.mouseDownY=e.clientY,f.mouseDownTime=(new Date).getTime();var r=function r(e){if(document.removeEventListener("mouseup",r),f.focused){var t=Math.abs(e.clientX-f.mouseDownX),n=Math.abs(e.clientY-f.mouseDownY),a=Math.max(t,n),i=(new Date).getTime()-f.mouseDownTime;(a<=10&&i<=200||a<=5&&i<=300)&&f.setCursorToEnd();}};document.addEventListener("mouseup",r);}isFunction$5(f.props.onMouseDown)&&f.props.onMouseDown(e);},f.onPaste=function(e){isFunction$5(f.props.onPaste)&&f.props.onPaste(e),e.defaultPrevented||(f.beforePasteState={value:f.getInputValue(),selection:f.getSelection()},f.setInputValue(""));},f.handleRef=function(e){null==f.props.children&&isFunction$5(f.props.inputRef)&&f.props.inputRef(e);};var t=e.mask,n=e.maskChar,a=e.formatChars,i=e.alwaysShowMask,r=e.beforeMaskedValueChange,o=e.defaultValue,s=e.value;f.maskOptions=parseMask$1(t,n,a),null==o&&(o=""),null==s&&(s=o);var l=getStringValue$1(s);if(f.maskOptions.mask&&(i||l)&&(l=formatValue$1(f.maskOptions,l),isFunction$5(r))){var u=e.value;null==e.value&&(u=o),l=r({value:l,selection:null},{value:u=getStringValue$1(u),selection:null},null,f.getBeforeMaskedValueChangeConfig()).value;}return f.value=l,f}_inheritsLoose$3(e,c);var t=e.prototype;return t.componentDidMount=function(){this.mounted=!0,this.getInputDOMNode()&&(this.isWindowsPhoneBrowser=isWindowsPhoneBrowser$1(),this.maskOptions.mask&&this.getInputValue()!==this.value&&this.setInputValue(this.value));},t.componentDidUpdate=function(){var e=this.previousSelection,t=this.props,n=t.beforeMaskedValueChange,a=t.alwaysShowMask,i=t.mask,r=t.maskChar,o=t.formatChars,s=this.maskOptions,l=a||this.isFocused(),u=null!=this.props.value,c=u?getStringValue$1(this.props.value):this.value,h=e?e.start:null;if(this.maskOptions=parseMask$1(i,r,o),this.maskOptions.mask){!s.mask&&this.isFocused()&&this.runSaveSelectionLoop();var f=this.maskOptions.mask&&this.maskOptions.mask!==s.mask;if(s.mask||u||(c=this.getInputValue()),(f||this.maskOptions.mask&&(c||l))&&(c=formatValue$1(this.maskOptions,c)),f){var p=getFilledLength$1(this.maskOptions,c);(null===h||p<h)&&(h=isFilled$1(this.maskOptions,c)?p:getRightEditablePosition$1(this.maskOptions,p));}!this.maskOptions.mask||!isEmpty$1(this.maskOptions,c)||l||u&&this.props.value||(c="");var d={start:h,end:h};if(isFunction$5(n)){var m=n({value:c,selection:d},{value:this.value,selection:this.previousSelection},null,this.getBeforeMaskedValueChangeConfig());c=m.value,d=m.selection;}this.value=c;var g=this.getInputValue()!==this.value;g?(this.setInputValue(this.value),this.forceUpdate()):f&&this.forceUpdate();var v=!1;null!=d.start&&null!=d.end&&(v=!e||e.start!==d.start||e.end!==d.end),(v||g)&&this.setSelection(d.start,d.end);}else s.mask&&(this.stopSaveSelectionLoop(),this.forceUpdate());},t.componentWillUnmount=function(){this.mounted=!1,null!==this.selectionDeferId&&cancelDefer$1(this.selectionDeferId),this.stopSaveSelectionLoop();},t.render=function(){var t,e=this.props,n=(e.mask,e.alwaysShowMask,e.maskChar,e.formatChars,e.inputRef,e.beforeMaskedValueChange,e.children),a=_objectWithoutPropertiesLoose$4(e,["mask","alwaysShowMask","maskChar","formatChars","inputRef","beforeMaskedValueChange","children"]);if(n){isFunction$5(n)||invariant_1$1(!1);var i=["onChange","onPaste","onMouseDown","onFocus","onBlur","value","disabled","readOnly"],r=_extends$8({},a);i.forEach(function(e){return delete r[e]}),t=n(r),i.filter(function(e){return null!=t.props[e]&&t.props[e]!==a[e]}).length&&invariant_1$1(!1);}else t=React$4.createElement("input",_extends$8({ref:this.handleRef},a));var o={onFocus:this.onFocus,onBlur:this.onBlur};return this.maskOptions.mask&&(a.disabled||a.readOnly||(o.onChange=this.onChange,o.onPaste=this.onPaste,o.onMouseDown=this.onMouseDown),null!=a.value&&(o.value=this.value)),t=React$4.cloneElement(t,o)},e}(React$4.Component);var reactInputMask_production_min=InputElement$1;
39415
+ function _interopDefault$2(e){return e&&"object"==typeof e&&"default"in e?e["default"]:e}var React$4=_interopDefault$2(React__default["default"]),reactDom$1=ReactDOM__default["default"];function _defaults2$1(e,t){for(var n=Object.getOwnPropertyNames(t),a=0;a<n.length;a++){var i=n[a],r=Object.getOwnPropertyDescriptor(t,i);r&&r.configurable&&e[i]===undefined&&Object.defineProperty(e,i,r);}return e}function _extends$8(){return (_extends$8=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);}return e}).apply(this,arguments)}function _inheritsLoose$3(e,t){e.prototype=Object.create(t.prototype),_defaults2$1(e.prototype.constructor=e,t);}function _objectWithoutPropertiesLoose$4(e,t){if(null==e)return {};var n,a,i={},r=Object.keys(e);for(a=0;a<r.length;a++)n=r[a],0<=t.indexOf(n)||(i[n]=e[n]);return i}function _assertThisInitialized$1(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}var invariant$3=function(e,t,n,a,i,r,o,s){if(!e){var l;if(t===undefined)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else {var u=[n,a,i,r,o,s],c=0;(l=new Error(t.replace(/%s/g,function(){return u[c++]}))).name="Invariant Violation";}throw l.framesToPop=1,l}},invariant_1$1=invariant$3;function setInputSelection$1(e,t,n){if("selectionStart"in e&&"selectionEnd"in e)e.selectionStart=t,e.selectionEnd=n;else {var a=e.createTextRange();a.collapse(!0),a.moveStart("character",t),a.moveEnd("character",n-t),a.select();}}function getInputSelection$1(e){var t=0,n=0;if("selectionStart"in e&&"selectionEnd"in e)t=e.selectionStart,n=e.selectionEnd;else {var a=document.selection.createRange();a.parentElement()===e&&(t=-a.moveStart("character",-e.value.length),n=-a.moveEnd("character",-e.value.length));}return {start:t,end:n,length:n-t}}var defaultFormatChars$1={9:"[0-9]",a:"[A-Za-z]","*":"[A-Za-z0-9]"},defaultMaskChar$1="_";function parseMask$1(e,t,n){var a="",i="",r=null,o=[];if(t===undefined&&(t=defaultMaskChar$1),null==n&&(n=defaultFormatChars$1),!e||"string"!=typeof e)return {maskChar:t,formatChars:n,mask:null,prefix:null,lastEditablePosition:null,permanents:[]};var s=!1;return e.split("").forEach(function(e){s=!s&&"\\"===e||(s||!n[e]?(o.push(a.length),a.length===o.length-1&&(i+=e)):r=a.length+1,a+=e,!1);}),{maskChar:t,formatChars:n,prefix:i,mask:a,lastEditablePosition:r,permanents:o}}function isPermanentCharacter$1(e,t){return -1!==e.permanents.indexOf(t)}function isAllowedCharacter$1(e,t,n){var a=e.mask,i=e.formatChars;if(!n)return !1;if(isPermanentCharacter$1(e,t))return a[t]===n;var r=i[a[t]];return new RegExp(r).test(n)}function isEmpty$1(n,e){return e.split("").every(function(e,t){return isPermanentCharacter$1(n,t)||!isAllowedCharacter$1(n,t,e)})}function getFilledLength$1(e,t){var n=e.maskChar,a=e.prefix;if(!n){for(;t.length>a.length&&isPermanentCharacter$1(e,t.length-1);)t=t.slice(0,t.length-1);return t.length}for(var i=a.length,r=t.length;r>=a.length;r--){var o=t[r];if(!isPermanentCharacter$1(e,r)&&isAllowedCharacter$1(e,r,o)){i=r+1;break}}return i}function isFilled$1(e,t){return getFilledLength$1(e,t)===e.mask.length}function formatValue$1(e,t){var n=e.maskChar,a=e.mask,i=e.prefix;if(!n){for((t=insertString$1(e,"",t,0)).length<i.length&&(t=i);t.length<a.length&&isPermanentCharacter$1(e,t.length);)t+=a[t.length];return t}if(t)return insertString$1(e,formatValue$1(e,""),t,0);for(var r=0;r<a.length;r++)isPermanentCharacter$1(e,r)?t+=a[r]:t+=n;return t}function clearRange$1(n,e,a,t){var i=a+t,r=n.maskChar,o=n.mask,s=n.prefix,l=e.split("");if(r)return l.map(function(e,t){return t<a||i<=t?e:isPermanentCharacter$1(n,t)?o[t]:r}).join("");for(var u=i;u<l.length;u++)isPermanentCharacter$1(n,u)&&(l[u]="");return a=Math.max(s.length,a),l.splice(a,i-a),e=l.join(""),formatValue$1(n,e)}function insertString$1(r,o,e,s){var l=r.mask,u=r.maskChar,c=r.prefix,t=e.split(""),h=isFilled$1(r,o);return !u&&s>o.length&&(o+=l.slice(o.length,s)),t.every(function(e){for(;i=e,isPermanentCharacter$1(r,a=s)&&i!==l[a];){if(s>=o.length&&(o+=l[s]),t=e,n=s,u&&isPermanentCharacter$1(r,n)&&t===u)return !0;if(++s>=l.length)return !1}var t,n,a,i;return !isAllowedCharacter$1(r,s,e)&&e!==u||(s<o.length?o=u||h||s<c.length?o.slice(0,s)+e+o.slice(s+1):(o=o.slice(0,s)+e+o.slice(s),formatValue$1(r,o)):u||(o+=e),++s<l.length)}),o}function getInsertStringLength$1(a,e,t,i){var r=a.mask,o=a.maskChar,n=t.split(""),s=i;return n.every(function(e){for(;n=e,isPermanentCharacter$1(a,t=i)&&n!==r[t];)if(++i>=r.length)return !1;var t,n;return (isAllowedCharacter$1(a,i,e)||e===o)&&i++,i<r.length}),i-s}function getLeftEditablePosition$1(e,t){for(var n=t;0<=n;--n)if(!isPermanentCharacter$1(e,n))return n;return null}function getRightEditablePosition$1(e,t){for(var n=e.mask,a=t;a<n.length;++a)if(!isPermanentCharacter$1(e,a))return a;return null}function getStringValue$1(e){return e||0===e?e+"":""}function processChange$1(e,t,n,a,i){var r=e.mask,o=e.prefix,s=e.lastEditablePosition,l=t,u="",c=0,h=0,f=Math.min(i.start,n.start);if(n.end>i.start?h=(c=getInsertStringLength$1(e,a,u=l.slice(i.start,n.end),f))?i.length:0:l.length<a.length&&(h=a.length-l.length),l=a,h){if(1===h&&!i.length)f=i.start===n.start?getRightEditablePosition$1(e,n.start):getLeftEditablePosition$1(e,n.start);l=clearRange$1(e,l,f,h);}return l=insertString$1(e,l,u,f),(f+=c)>=r.length?f=r.length:f<o.length&&!c?f=o.length:f>=o.length&&f<s&&c&&(f=getRightEditablePosition$1(e,f)),u||(u=null),{value:l=formatValue$1(e,l),enteredString:u,selection:{start:f,end:f}}}function isWindowsPhoneBrowser$1(){var e=new RegExp("windows","i"),t=new RegExp("phone","i"),n=navigator.userAgent;return e.test(n)&&t.test(n)}function isFunction$5(e){return "function"==typeof e}function getRequestAnimationFrame$1(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame}function getCancelAnimationFrame$1(){return window.cancelAnimationFrame||window.webkitCancelRequestAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame}function defer$1(e){return (!!getCancelAnimationFrame$1()?getRequestAnimationFrame$1():function(){return setTimeout(e,1e3/60)})(e)}function cancelDefer$1(e){(getCancelAnimationFrame$1()||clearTimeout)(e);}var InputElement$1=function(c){function e(e){var f=c.call(this,e)||this;f.focused=!1,f.mounted=!1,f.previousSelection=null,f.selectionDeferId=null,f.saveSelectionLoopDeferId=null,f.saveSelectionLoop=function(){f.previousSelection=f.getSelection(),f.saveSelectionLoopDeferId=defer$1(f.saveSelectionLoop);},f.runSaveSelectionLoop=function(){null===f.saveSelectionLoopDeferId&&f.saveSelectionLoop();},f.stopSaveSelectionLoop=function(){null!==f.saveSelectionLoopDeferId&&(cancelDefer$1(f.saveSelectionLoopDeferId),f.saveSelectionLoopDeferId=null,f.previousSelection=null);},f.getInputDOMNode=function(){if(!f.mounted)return null;var e=reactDom$1.findDOMNode(_assertThisInitialized$1(_assertThisInitialized$1(f))),t="undefined"!=typeof window&&e instanceof window.Element;if(e&&!t)return null;if("INPUT"!==e.nodeName&&(e=e.querySelector("input")),!e)throw new Error("react-input-mask: inputComponent doesn't contain input node");return e},f.getInputValue=function(){var e=f.getInputDOMNode();return e?e.value:null},f.setInputValue=function(e){var t=f.getInputDOMNode();t&&(f.value=e,t.value=e);},f.setCursorToEnd=function(){var e=getFilledLength$1(f.maskOptions,f.value),t=getRightEditablePosition$1(f.maskOptions,e);null!==t&&f.setCursorPosition(t);},f.setSelection=function(e,t,n){void 0===n&&(n={});var a=f.getInputDOMNode(),i=f.isFocused();a&&i&&(n.deferred||setInputSelection$1(a,e,t),null!==f.selectionDeferId&&cancelDefer$1(f.selectionDeferId),f.selectionDeferId=defer$1(function(){f.selectionDeferId=null,setInputSelection$1(a,e,t);}),f.previousSelection={start:e,end:t,length:Math.abs(t-e)});},f.getSelection=function(){return getInputSelection$1(f.getInputDOMNode())},f.getCursorPosition=function(){return f.getSelection().start},f.setCursorPosition=function(e){f.setSelection(e,e);},f.isFocused=function(){return f.focused},f.getBeforeMaskedValueChangeConfig=function(){var e=f.maskOptions,t=e.mask,n=e.maskChar,a=e.permanents,i=e.formatChars;return {mask:t,maskChar:n,permanents:a,alwaysShowMask:!!f.props.alwaysShowMask,formatChars:i}},f.isInputAutofilled=function(e,t,n,a){var i=f.getInputDOMNode();try{if(i.matches(":-webkit-autofill"))return !0}catch(r){}return !f.focused||a.end<n.length&&t.end===e.length},f.onChange=function(e){var t=_assertThisInitialized$1(_assertThisInitialized$1(f)).beforePasteState,n=_assertThisInitialized$1(_assertThisInitialized$1(f)).previousSelection,a=f.props.beforeMaskedValueChange,i=f.getInputValue(),r=f.value,o=f.getSelection();f.isInputAutofilled(i,o,r,n)&&(r=formatValue$1(f.maskOptions,""),n={start:0,end:0,length:0}),t&&(n=t.selection,r=t.value,o={start:n.start+i.length,end:n.start+i.length,length:0},i=r.slice(0,n.start)+i+r.slice(n.end),f.beforePasteState=null);var s=processChange$1(f.maskOptions,i,o,r,n),l=s.enteredString,u=s.selection,c=s.value;if(isFunction$5(a)){var h=a({value:c,selection:u},{value:r,selection:n},l,f.getBeforeMaskedValueChangeConfig());c=h.value,u=h.selection;}f.setInputValue(c),isFunction$5(f.props.onChange)&&f.props.onChange(e),f.isWindowsPhoneBrowser?f.setSelection(u.start,u.end,{deferred:!0}):f.setSelection(u.start,u.end);},f.onFocus=function(e){var t=f.props.beforeMaskedValueChange,n=f.maskOptions,a=n.mask,i=n.prefix;if(f.focused=!0,f.mounted=!0,a){if(f.value)getFilledLength$1(f.maskOptions,f.value)<f.maskOptions.mask.length&&f.setCursorToEnd();else {var r=formatValue$1(f.maskOptions,i),o=formatValue$1(f.maskOptions,r),s=getFilledLength$1(f.maskOptions,o),l=getRightEditablePosition$1(f.maskOptions,s),u={start:l,end:l};if(isFunction$5(t)){var c=t({value:o,selection:u},{value:f.value,selection:null},null,f.getBeforeMaskedValueChangeConfig());o=c.value,u=c.selection;}var h=o!==f.getInputValue();h&&f.setInputValue(o),h&&isFunction$5(f.props.onChange)&&f.props.onChange(e),f.setSelection(u.start,u.end);}f.runSaveSelectionLoop();}isFunction$5(f.props.onFocus)&&f.props.onFocus(e);},f.onBlur=function(e){var t=f.props.beforeMaskedValueChange,n=f.maskOptions.mask;if(f.stopSaveSelectionLoop(),f.focused=!1,n&&!f.props.alwaysShowMask&&isEmpty$1(f.maskOptions,f.value)){var a="";if(isFunction$5(t))a=t({value:a,selection:null},{value:f.value,selection:f.previousSelection},null,f.getBeforeMaskedValueChangeConfig()).value;var i=a!==f.getInputValue();i&&f.setInputValue(a),i&&isFunction$5(f.props.onChange)&&f.props.onChange(e);}isFunction$5(f.props.onBlur)&&f.props.onBlur(e);},f.onMouseDown=function(e){if(!f.focused&&document.addEventListener){f.mouseDownX=e.clientX,f.mouseDownY=e.clientY,f.mouseDownTime=(new Date).getTime();var r=function r(e){if(document.removeEventListener("mouseup",r),f.focused){var t=Math.abs(e.clientX-f.mouseDownX),n=Math.abs(e.clientY-f.mouseDownY),a=Math.max(t,n),i=(new Date).getTime()-f.mouseDownTime;(a<=10&&i<=200||a<=5&&i<=300)&&f.setCursorToEnd();}};document.addEventListener("mouseup",r);}isFunction$5(f.props.onMouseDown)&&f.props.onMouseDown(e);},f.onPaste=function(e){isFunction$5(f.props.onPaste)&&f.props.onPaste(e),e.defaultPrevented||(f.beforePasteState={value:f.getInputValue(),selection:f.getSelection()},f.setInputValue(""));},f.handleRef=function(e){null==f.props.children&&isFunction$5(f.props.inputRef)&&f.props.inputRef(e);};var t=e.mask,n=e.maskChar,a=e.formatChars,i=e.alwaysShowMask,r=e.beforeMaskedValueChange,o=e.defaultValue,s=e.value;f.maskOptions=parseMask$1(t,n,a),null==o&&(o=""),null==s&&(s=o);var l=getStringValue$1(s);if(f.maskOptions.mask&&(i||l)&&(l=formatValue$1(f.maskOptions,l),isFunction$5(r))){var u=e.value;null==e.value&&(u=o),l=r({value:l,selection:null},{value:u=getStringValue$1(u),selection:null},null,f.getBeforeMaskedValueChangeConfig()).value;}return f.value=l,f}_inheritsLoose$3(e,c);var t=e.prototype;return t.componentDidMount=function(){this.mounted=!0,this.getInputDOMNode()&&(this.isWindowsPhoneBrowser=isWindowsPhoneBrowser$1(),this.maskOptions.mask&&this.getInputValue()!==this.value&&this.setInputValue(this.value));},t.componentDidUpdate=function(){var e=this.previousSelection,t=this.props,n=t.beforeMaskedValueChange,a=t.alwaysShowMask,i=t.mask,r=t.maskChar,o=t.formatChars,s=this.maskOptions,l=a||this.isFocused(),u=null!=this.props.value,c=u?getStringValue$1(this.props.value):this.value,h=e?e.start:null;if(this.maskOptions=parseMask$1(i,r,o),this.maskOptions.mask){!s.mask&&this.isFocused()&&this.runSaveSelectionLoop();var f=this.maskOptions.mask&&this.maskOptions.mask!==s.mask;if(s.mask||u||(c=this.getInputValue()),(f||this.maskOptions.mask&&(c||l))&&(c=formatValue$1(this.maskOptions,c)),f){var p=getFilledLength$1(this.maskOptions,c);(null===h||p<h)&&(h=isFilled$1(this.maskOptions,c)?p:getRightEditablePosition$1(this.maskOptions,p));}!this.maskOptions.mask||!isEmpty$1(this.maskOptions,c)||l||u&&this.props.value||(c="");var d={start:h,end:h};if(isFunction$5(n)){var m=n({value:c,selection:d},{value:this.value,selection:this.previousSelection},null,this.getBeforeMaskedValueChangeConfig());c=m.value,d=m.selection;}this.value=c;var g=this.getInputValue()!==this.value;g?(this.setInputValue(this.value),this.forceUpdate()):f&&this.forceUpdate();var v=!1;null!=d.start&&null!=d.end&&(v=!e||e.start!==d.start||e.end!==d.end),(v||g)&&this.setSelection(d.start,d.end);}else s.mask&&(this.stopSaveSelectionLoop(),this.forceUpdate());},t.componentWillUnmount=function(){this.mounted=!1,null!==this.selectionDeferId&&cancelDefer$1(this.selectionDeferId),this.stopSaveSelectionLoop();},t.render=function(){var t,e=this.props,n=(e.mask,e.alwaysShowMask,e.maskChar,e.formatChars,e.inputRef,e.beforeMaskedValueChange,e.children),a=_objectWithoutPropertiesLoose$4(e,["mask","alwaysShowMask","maskChar","formatChars","inputRef","beforeMaskedValueChange","children"]);if(n){isFunction$5(n)||invariant_1$1(!1);var i=["onChange","onPaste","onMouseDown","onFocus","onBlur","value","disabled","readOnly"],r=_extends$8({},a);i.forEach(function(e){return delete r[e]}),t=n(r),i.filter(function(e){return null!=t.props[e]&&t.props[e]!==a[e]}).length&&invariant_1$1(!1);}else t=React$4.createElement("input",_extends$8({ref:this.handleRef},a));var o={onFocus:this.onFocus,onBlur:this.onBlur};return this.maskOptions.mask&&(a.disabled||a.readOnly||(o.onChange=this.onChange,o.onPaste=this.onPaste,o.onMouseDown=this.onMouseDown),null!=a.value&&(o.value=this.value)),t=React$4.cloneElement(t,o)},e}(React$4.Component);var reactInputMask_production_min=InputElement$1;
38877
39416
 
38878
39417
  /**
38879
39418
  * Copyright (c) 2013-present, Facebook, Inc.
@@ -38895,7 +39434,7 @@ function _interopDefault$2(e){return e&&"object"==typeof e&&"default"in e?e["def
38895
39434
 
38896
39435
  var NODE_ENV = process.env.NODE_ENV;
38897
39436
 
38898
- var invariant$1 = function(condition, format, a, b, c, d, e, f) {
39437
+ var invariant$2 = function(condition, format, a, b, c, d, e, f) {
38899
39438
  if (NODE_ENV !== 'production') {
38900
39439
  if (format === undefined) {
38901
39440
  throw new Error('invariant requires an error message argument');
@@ -38923,13 +39462,13 @@ var invariant$1 = function(condition, format, a, b, c, d, e, f) {
38923
39462
  }
38924
39463
  };
38925
39464
 
38926
- var invariant_1 = invariant$1;
39465
+ var invariant_1 = invariant$2;
38927
39466
 
38928
39467
  function _interopDefault$1 (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
38929
39468
 
38930
39469
  var React$3 = _interopDefault$1(React__default["default"]);
38931
39470
  var reactDom = ReactDOM__default["default"];
38932
- var invariant = _interopDefault$1(invariant_1);
39471
+ var invariant$1 = _interopDefault$1(invariant_1);
38933
39472
  var warning = _interopDefault$1(warning_1);
38934
39473
 
38935
39474
  function _defaults2(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
@@ -40004,7 +40543,7 @@ function (_React$Component) {
40004
40543
  !restProps.maxLength || !parseMask(mask, maskChar, formatChars).mask, 'react-input-mask: maxLength property shouldn\'t be passed to the masked input. It breaks masking and unnecessary because length is limited by the mask length.') : void 0;
40005
40544
 
40006
40545
  if (children) {
40007
- !isFunction$4(children) ? process.env.NODE_ENV !== "production" ? invariant(false, 'react-input-mask: children must be a function') : invariant(false) : void 0;
40546
+ !isFunction$4(children) ? process.env.NODE_ENV !== "production" ? invariant$1(false, 'react-input-mask: children must be a function') : invariant$1(false) : void 0;
40008
40547
  var controlledProps = ['onChange', 'onPaste', 'onMouseDown', 'onFocus', 'onBlur', 'value', 'disabled', 'readOnly'];
40009
40548
 
40010
40549
  var childrenProps = _extends$7({}, restProps);
@@ -40016,7 +40555,7 @@ function (_React$Component) {
40016
40555
  var conflictProps = controlledProps.filter(function (propId) {
40017
40556
  return inputElement.props[propId] != null && inputElement.props[propId] !== restProps[propId];
40018
40557
  });
40019
- !!conflictProps.length ? process.env.NODE_ENV !== "production" ? invariant(false, "react-input-mask: the following props should be passed to the react-input-mask's component and should not be altered in children's function: " + conflictProps.join(', ')) : invariant(false) : void 0;
40558
+ !!conflictProps.length ? process.env.NODE_ENV !== "production" ? invariant$1(false, "react-input-mask: the following props should be passed to the react-input-mask's component and should not be altered in children's function: " + conflictProps.join(', ')) : invariant$1(false) : void 0;
40020
40559
  process.env.NODE_ENV !== "production" ? warning(!inputRef, 'react-input-mask: inputRef is ignored when children is passed, attach ref to the children instead') : void 0;
40021
40560
  } else {
40022
40561
  inputElement = React$3.createElement("input", _extends$7({
@@ -40694,7 +41233,7 @@ const CellContentComponent = React__default["default"].memo((props) => {
40694
41233
  // setStartCell({ col: -1, row: -1 })
40695
41234
  // }
40696
41235
  // }}
40697
- style: { justifyContent: col.textAlign === "center" ? "center" : col.textAlign === "right" ? "flex-end" : "flex-start" }, className: "r-cell-text", children: [displayValue, col.type === 'select' && !editDisable && !displayValue && jsxRuntime.jsx("div", { className: "r-drop-icon", onClick: (e) => focusEditElementCell(e, indexRow, indexCol), children: jsxRuntime.jsx("svg", { height: "20", width: "20", viewBox: "0 0 20 20", children: jsxRuntime.jsx("path", { d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z" }) }) })] }), !!content && (jsxRuntime.jsx(UncontrolledTooltip, { className: "r-tooltip", autohide: false, target: `content-${idTable}-row${indexRow}-col${indexCol}`, children: displayValue }))] }) }));
41236
+ style: { justifyContent: col.textAlign === "center" ? "center" : col.textAlign === "right" ? "flex-end" : "flex-start" }, className: "r-cell-text", children: [displayValue, col.type === 'select' && !editDisable && !displayValue && jsxRuntime.jsx("div", { className: "r-drop-icon", onClick: (e) => focusEditElementCell(e, indexRow, indexCol, true), children: jsxRuntime.jsx("svg", { height: "20", width: "20", viewBox: "0 0 20 20", children: jsxRuntime.jsx("path", { d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z" }) }) })] }), !!content && (jsxRuntime.jsx(UncontrolledTooltip, { className: "r-tooltip", autohide: false, target: `content-${idTable}-row${indexRow}-col${indexCol}`, children: displayValue }))] }) }));
40698
41237
  });
40699
41238
 
40700
41239
  const IconCustom = (props) => {
@@ -40749,7 +41288,7 @@ function styleInject(css, ref) {
40749
41288
  }
40750
41289
  }
40751
41290
 
40752
- var css_248z$2 = "@charset \"UTF-8\";\n.react-select-table .select-table-control {\n opacity: 1;\n border: 1px solid hsl(0, 0%, 80%);\n border-radius: 0.357rem;\n width: 100%;\n height: 28px;\n background-color: #FFFFFF;\n display: flex;\n align-items: center;\n padding: 2px 8px;\n}\n.react-select-table .select-table-control .select-table-indicator svg {\n fill: #c4c4c4 !important;\n}\n.react-select-table .select-table-control .icon-clear {\n font-size: 25px;\n margin-top: 2px;\n font-weight: 500;\n color: #c4c4c4;\n}\n.react-select-table .select-table-control .icon-clear:hover {\n color: rgba(0, 0, 0, 0.8705882353) !important;\n}\n.react-select-table .select-table-control.r-select-is-open .select-table-indicator svg {\n fill: rgba(0, 0, 0, 0.8705882353) !important;\n}\n.react-select-table .select-table-control.r-select-is-invalid {\n border: 1px solid red !important;\n}\n.react-select-table .select-table-control.r-select-is-focus {\n border: 1px solid #1989fa !important;\n}\n.react-select-table .select-table-control.r-select-is-disabled {\n background-color: #efefef !important;\n}\n.react-select-table .select-table-control .select-table-container {\n position: relative;\n flex: 1;\n}\n.react-select-table .select-table-control .select-table-container .input-container {\n background-color: transparent;\n white-space: nowrap;\n top: 0px;\n left: 0px;\n display: inline;\n}\n.react-select-table .select-table-control .select-table-container .input-container .select-input {\n background-color: transparent;\n text-align: center;\n width: 100%;\n box-sizing: border-box;\n margin-left: -3px;\n border: none;\n /* Loại bỏ border */\n outline: none;\n /* Loại bỏ outline khi input được chọn */\n}\n.react-select-table .select-table-control .select-table-container .input-container .select-input:focus {\n border-width: 0px !important;\n}\n.react-select-table .select-table-control .select-table-container .select-placeholder {\n position: absolute;\n color: #283046;\n margin-top: 1px;\n background-color: transparent;\n}\n.react-select-table .select-table-control .select-table-container .select-value {\n position: absolute;\n background-color: transparent;\n bottom: 0px;\n left: 0px;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.react-select-table .formula-dropdown {\n min-width: min-content !important;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;\n}\n.react-select-table input::placeholder {\n color: #000000 !important;\n opacity: 1;\n /* Firefox */\n}\n\n.r-select-grid.r-select-tree-grid .r-select-gridtable .r-select-row:hover {\n background-color: rgba(235, 70, 25, 0.1) !important;\n color: #eb4619;\n}\n\n.r-select-grid {\n font-size: 12px;\n font-family: Montserrat, Helvetica, Arial, serif;\n font-weight: 500 !important;\n border-radius: 4px !important;\n overflow: hidden;\n}\n.r-select-grid table {\n table-layout: fixed;\n border-collapse: separate;\n border-spacing: 0px;\n}\n.r-select-grid .r-select-gridtable {\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n overflow-y: auto;\n position: relative;\n background-color: #FFFFFF;\n color: rgba(0, 0, 0, 0.8705882353) !important;\n font-weight: 400 !important;\n font-size: 13px !important;\n /* Toàn bộ thanh cuộn */\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar {\n width: 9px;\n height: 9px;\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar-track {\n background: #FCFCFC;\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar-thumb {\n background: #8B8B8B;\n border-radius: 6px;\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar-thumb:hover {\n background: #636363;\n}\n.r-select-grid .r-select-gridtable .r-select-gridheader .r-select-row .r-select-headercell {\n color: rgba(0, 0, 0, 0.8705882353) !important;\n position: sticky;\n padding: 0px;\n height: 35px;\n z-index: 1;\n border-width: 0px;\n line-height: 16px;\n}\n.r-select-grid .r-select-gridtable .r-select-gridheader .r-select-row .r-select-headercell .r-select-headercell-div {\n border-bottom: 1px solid #e0e0e0;\n background-color: #fafafa;\n display: flex;\n align-items: center;\n text-align: center;\n padding: 5px 10px;\n height: 100%;\n}\n.r-select-grid .r-select-gridtable .r-select-gridheader .r-select-row .r-select-headercell .r-select-headercell-text {\n width: 100%;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row {\n background-color: #FFFFFF;\n cursor: pointer;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .cell-fixed {\n position: sticky;\n z-index: 1;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row.fisrt-row .r-select-rowcell {\n border-top-width: 0px !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row.last-row .r-select-rowcell {\n border-bottom: 1px solid #e0e0e0;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell {\n border-top: 1px solid #e0e0e0;\n height: 30px !important;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n padding: 7px 9px;\n vertical-align: middle !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-select-move {\n background-color: rgba(235, 70, 25, 0.1) !important;\n color: #eb4619 !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-select-active {\n background-color: #eb4619 !important;\n color: #FFFFFF !important;\n}\n.r-tooltip .r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-hidden {\n display: none;\n}\n.r-tooltip .r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-hidden ::after {\n display: none;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell .r-icon-expand {\n transition: transform 0.3s ease !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell .r-icon-expand.is-open {\n transform: rotate(90deg) !important;\n -moz-transform: rotate(90deg);\n -webkit-transform: rotate(90deg);\n -o-transform: rotate(90deg);\n}\n.r-select-grid .r-select-gridtable.no-header .r-select-rowcell {\n border: none !important;\n}\n.r-select-grid .r-no-data {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n padding: 7px 9px;\n color: #8f8f8f;\n}\n.r-select-grid .r-select-footer {\n height: 30px;\n background-color: #fafafa;\n}\n.r-select-grid .r-select-footer button {\n font-weight: 400 !important;\n font-size: 13px;\n}\n.r-select-grid .r-select-footer .r-btn {\n border-width: 0px !important;\n}\n\n.r-pagesize .react-select-table .select-table-control {\n border-radius: 0px;\n border: 0px;\n border-bottom: 1px solid #e0e0e0 !important;\n}\n.r-pagesize .react-select-table .select-table-control.r-select-is-focus {\n border: 0px !important;\n border-bottom: 1px solid #1989fa !important;\n}\n\n.r-sidebar {\n width: 400px;\n right: -400px;\n padding: 0;\n background-color: #FFFFFF;\n z-index: 1051;\n position: fixed;\n top: 0;\n bottom: 0;\n height: 100vh;\n height: calc(var(--vh, 1vh) * 100);\n transition: right 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);\n backface-visibility: hidden;\n border-left: 1px solid rgba(0, 0, 0, 0.05);\n}\n.r-sidebar.open {\n box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);\n right: 0;\n}\n.r-sidebar .modal-header {\n background-color: #FFFFFF;\n}\n.r-sidebar .modal-header .btn-close {\n padding: 0.8rem;\n box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);\n border-radius: 0.357rem;\n background-color: #FFFFFF;\n opacity: 1;\n transition: all 0.23s ease 0.1s;\n position: relative;\n transform: translate(18px, -10px);\n}\n.r-sidebar .modal-header .btn-close:hover, .r-sidebar .modal-header .btn-close:focus, .r-sidebar .modal-header .btn-close:active {\n opacity: 1;\n outline: none;\n transform: translate(15px, -2px);\n box-shadow: none;\n}\n\n.r-sidebar .react-select {\n max-width: 100%;\n}\n\n.r-sidebar {\n width: 400px;\n right: -100vw;\n height: 100vh;\n}\n.r-sidebar.customizer-md {\n width: 600px;\n}\n.r-sidebar.customizer-lg {\n width: 800px;\n}\n.r-sidebar.customizer-500 {\n width: 500px;\n}\n@media (max-width: 500px) {\n .r-sidebar.customizer-500 {\n width: 100vw;\n }\n}\n.r-sidebar.customizer-600 {\n width: 600px;\n}\n@media (max-width: 600px) {\n .r-sidebar.customizer-600 {\n width: 100vw;\n }\n}\n.r-sidebar.customizer-700 {\n width: 700px;\n}\n@media (max-width: 700px) {\n .r-sidebar.customizer-700 {\n width: 100vw;\n }\n}\n.r-sidebar.customizer-800 {\n width: 800px;\n}\n@media (max-width: 800px) {\n .r-sidebar.customizer-800 {\n width: 100vw;\n }\n}\n.r-sidebar.customizer-900 {\n width: 900px;\n}\n@media (max-width: 900px) {\n .r-sidebar.customizer-900 {\n width: 100vw;\n }\n}\n.r-sidebar.customizer-1000 {\n width: 1000px;\n}\n@media (max-width: 1000px) {\n .r-sidebar.customizer-1000 {\n width: 100vw;\n }\n}\n.r-sidebar.customizer-1500 {\n width: 1500px;\n}\n@media (max-width: 1500px) {\n .r-sidebar.customizer-1500 {\n width: 100vw;\n }\n}\n.r-sidebar.fullscreen {\n width: 100%;\n}\n.r-sidebar.open {\n right: 0;\n}\n\n.r-table-edit .react-datepicker__year-read-view--down-arrow,\n.r-table-edit .react-datepicker__month-read-view--down-arrow,\n.r-table-edit .react-datepicker__month-year-read-view--down-arrow,\n.r-table-edit .react-datepicker__navigation-icon::before {\n border-color: #e0e0e0;\n border-style: solid;\n border-width: 3px 3px 0 0;\n content: \"\";\n display: block;\n height: 9px;\n position: absolute;\n top: 6px;\n width: 9px;\n}\n.r-table-edit .react-datepicker-wrapper {\n display: inline-block;\n width: 100% !important;\n padding: 0;\n border: 0;\n}\n.r-table-edit .react-datepicker-wrapper .react-datepicker__input-container input {\n height: 29px !important;\n}\n.r-table-edit .react-datepicker {\n font-family: \"Helvetica Neue\", helvetica, arial, sans-serif;\n font-size: 0.8rem;\n background-color: #FFFFFF;\n color: #000000;\n border: 1px solid #e0e0e0;\n border-radius: 0.3rem;\n display: inline-block;\n position: relative;\n line-height: initial;\n}\n.r-table-edit .react-datepicker--time-only .react-datepicker__time-container {\n border-left: 0;\n}\n.r-table-edit .react-datepicker--time-only .react-datepicker__time,\n.r-table-edit .react-datepicker--time-only .react-datepicker__time-box {\n border-bottom-left-radius: 0.3rem;\n border-bottom-right-radius: 0.3rem;\n}\n.r-table-edit .react-datepicker-popper {\n position: relative;\n line-height: 0;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__triangle {\n stroke: #e0e0e0;\n}\n.r-table-edit .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {\n fill: #f0f0f0;\n color: #f0f0f0;\n}\n.r-table-edit .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {\n fill: #FFFFFF;\n color: #FFFFFF;\n}\n.r-table-edit .react-datepicker__header {\n text-align: center;\n background-color: #FFFFFF;\n border-bottom: 1px solid #e0e0e0;\n border-top-left-radius: 0.3rem;\n padding: 8px 0;\n position: relative;\n}\n.r-table-edit .react-datepicker__header--time {\n padding-bottom: 8px;\n padding-left: 5px;\n padding-right: 5px;\n}\n.r-table-edit .react-datepicker__header--time:not(.react-datepicker__header--time--only) {\n border-top-left-radius: 0;\n}\n.r-table-edit .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n border-top-right-radius: 0.3rem;\n}\n.r-table-edit .react-datepicker__year-dropdown-container--select,\n.r-table-edit .react-datepicker__month-dropdown-container--select,\n.r-table-edit .react-datepicker__month-year-dropdown-container--select,\n.r-table-edit .react-datepicker__year-dropdown-container--scroll,\n.r-table-edit .react-datepicker__month-dropdown-container--scroll,\n.r-table-edit .react-datepicker__month-year-dropdown-container--scroll {\n display: inline-block;\n margin: 0 15px;\n}\n.r-table-edit .react-datepicker__current-month,\n.r-table-edit .react-datepicker-time__header,\n.r-table-edit .react-datepicker-year-header {\n margin-top: 0;\n color: #000000;\n font-weight: bold;\n font-size: 0.944rem;\n}\n.r-table-edit h2.react-datepicker__current-month {\n padding: 0;\n margin: 0;\n}\n.r-table-edit .react-datepicker-time__header {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n.r-table-edit .react-datepicker__navigation {\n align-items: center;\n background: none;\n display: flex;\n justify-content: center;\n text-align: center;\n cursor: pointer;\n position: absolute;\n top: 2px;\n padding: 0;\n border: none;\n z-index: 1;\n height: 32px;\n width: 32px;\n text-indent: -999em;\n overflow: hidden;\n}\n.r-table-edit .react-datepicker__navigation--previous {\n left: 2px;\n}\n.r-table-edit .react-datepicker__navigation--next {\n right: 2px;\n}\n.r-table-edit .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {\n right: 85px;\n}\n.r-table-edit .react-datepicker__navigation--years {\n position: relative;\n top: 0;\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n.r-table-edit .react-datepicker__navigation--years-previous {\n top: 4px;\n}\n.r-table-edit .react-datepicker__navigation--years-upcoming {\n top: -4px;\n}\n.r-table-edit .react-datepicker__navigation:hover *::before {\n border-color: #eb4619;\n}\n.r-table-edit .react-datepicker__navigation-icon {\n position: relative;\n top: -1px;\n font-size: 20px;\n width: 0;\n}\n.r-table-edit .react-datepicker__navigation-icon--next {\n left: -2px;\n}\n.r-table-edit .react-datepicker__navigation-icon--next::before {\n transform: rotate(45deg);\n left: -7px;\n}\n.r-table-edit .react-datepicker__navigation-icon--previous {\n right: -2px;\n}\n.r-table-edit .react-datepicker__navigation-icon--previous::before {\n transform: rotate(225deg);\n right: -7px;\n}\n.r-table-edit .react-datepicker__month-container {\n float: left;\n}\n.r-table-edit .react-datepicker__year {\n margin: 0.4rem;\n text-align: center;\n}\n.r-table-edit .react-datepicker__year-wrapper {\n display: flex;\n flex-wrap: wrap;\n max-width: 180px;\n}\n.r-table-edit .react-datepicker__year .react-datepicker__year-text {\n display: inline-block;\n width: 4rem;\n margin: 2px;\n}\n.r-table-edit .react-datepicker__month {\n margin: 0.4rem;\n text-align: center;\n}\n.r-table-edit .react-datepicker__month .react-datepicker__month-text,\n.r-table-edit .react-datepicker__month .react-datepicker__quarter-text {\n display: inline-block;\n width: 4rem;\n margin: 2px;\n}\n.r-table-edit .react-datepicker__input-time-container {\n clear: both;\n width: 100%;\n float: left;\n margin: 5px 0 10px 15px;\n text-align: left;\n}\n.r-table-edit .react-datepicker__input-time-container .react-datepicker-time__caption {\n display: inline-block;\n}\n.r-table-edit .react-datepicker__input-time-container .react-datepicker-time__input-container {\n display: inline-block;\n}\n.r-table-edit .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {\n display: inline-block;\n margin-left: 10px;\n}\n.r-table-edit .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {\n width: auto;\n}\n.r-table-edit .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,\n.r-table-edit .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.r-table-edit .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {\n margin-left: 5px;\n display: inline-block;\n}\n.r-table-edit .react-datepicker__time-container {\n float: right;\n border-left: 1px solid #e0e0e0;\n width: 85px;\n}\n.r-table-edit .react-datepicker__time-container--with-today-button {\n display: inline;\n border: 1px solid #e0e0e0;\n border-radius: 0.3rem;\n position: absolute;\n right: -87px;\n top: 0;\n}\n.r-table-edit .react-datepicker__time-container .react-datepicker__time {\n position: relative;\n background: white;\n border-bottom-right-radius: 0.3rem;\n}\n.r-table-edit .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {\n width: 85px;\n overflow-x: hidden;\n margin: 0 auto;\n text-align: center;\n border-bottom-right-radius: 0.3rem;\n}\n.r-table-edit .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {\n list-style: none;\n margin: 0;\n height: calc(195px + 0.85rem);\n overflow-y: scroll;\n padding-right: 0;\n padding-left: 0;\n width: 100%;\n box-sizing: content-box;\n}\n.r-table-edit .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {\n height: 30px;\n padding: 5px 10px;\n white-space: nowrap;\n}\n.r-table-edit .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {\n cursor: pointer;\n background-color: #f0f0f0;\n}\n.r-table-edit .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {\n background-color: #216ba5;\n color: white;\n font-weight: bold;\n}\n.r-table-edit .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {\n background-color: #216ba5;\n}\n.r-table-edit .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {\n color: #ccc;\n}\n.r-table-edit .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {\n cursor: default;\n background-color: transparent;\n}\n.r-table-edit .react-datepicker__week-number {\n color: #ccc;\n display: inline-block;\n width: 1.7rem;\n line-height: 1.7rem;\n text-align: center;\n margin: 0.166rem;\n}\n.r-table-edit .react-datepicker__week-number.react-datepicker__week-number--clickable {\n cursor: pointer;\n}\n.r-table-edit .react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,\n.react-datepicker__week-number--keyboard-selected):hover {\n border-radius: 0.3rem;\n background-color: #f0f0f0;\n}\n.r-table-edit .react-datepicker__week-number--selected {\n border-radius: 0.3rem;\n background-color: #216ba5;\n color: #FFFFFF;\n}\n.r-table-edit .react-datepicker__week-number--selected:hover {\n background-color: rgb(28.75, 93.2196969697, 143.75);\n}\n.r-table-edit .react-datepicker__week-number--keyboard-selected {\n border-radius: 0.3rem;\n background-color: rgb(41.5, 134.5606060606, 207.5);\n color: #FFFFFF;\n}\n.r-table-edit .react-datepicker__week-number--keyboard-selected:hover {\n background-color: rgb(28.75, 93.2196969697, 143.75);\n}\n.r-table-edit .react-datepicker__day-names {\n white-space: nowrap;\n margin-bottom: -8px;\n}\n.r-table-edit .react-datepicker__week {\n white-space: nowrap;\n}\n.r-table-edit .react-datepicker__day-name,\n.r-table-edit .react-datepicker__day,\n.r-table-edit .react-datepicker__time-name {\n color: #000000;\n display: inline-block;\n width: 1.7rem;\n line-height: 1.7rem;\n text-align: center;\n margin: 0.166rem;\n}\n.r-table-edit .react-datepicker__day,\n.r-table-edit .react-datepicker__month-text,\n.r-table-edit .react-datepicker__quarter-text,\n.r-table-edit .react-datepicker__year-text {\n cursor: pointer;\n}\n.r-table-edit .react-datepicker__day:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__month-text:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__quarter-text:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__year-text:not([aria-disabled=true]):hover {\n border-radius: 0.3rem;\n background-color: #FFFFFF;\n}\n.r-table-edit .react-datepicker__day--today,\n.r-table-edit .react-datepicker__month-text--today,\n.r-table-edit .react-datepicker__quarter-text--today,\n.r-table-edit .react-datepicker__year-text--today {\n font-weight: bold;\n}\n.r-table-edit .react-datepicker__day--highlighted,\n.r-table-edit .react-datepicker__month-text--highlighted,\n.r-table-edit .react-datepicker__quarter-text--highlighted,\n.r-table-edit .react-datepicker__year-text--highlighted {\n border-radius: 0.3rem;\n background-color: #3dcc4a;\n color: #FFFFFF;\n}\n.r-table-edit .react-datepicker__day--highlighted:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {\n background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);\n}\n.r-table-edit .react-datepicker__day--highlighted-custom-1,\n.r-table-edit .react-datepicker__month-text--highlighted-custom-1,\n.r-table-edit .react-datepicker__quarter-text--highlighted-custom-1,\n.r-table-edit .react-datepicker__year-text--highlighted-custom-1 {\n color: magenta;\n}\n.r-table-edit .react-datepicker__day--highlighted-custom-2,\n.r-table-edit .react-datepicker__month-text--highlighted-custom-2,\n.r-table-edit .react-datepicker__quarter-text--highlighted-custom-2,\n.r-table-edit .react-datepicker__year-text--highlighted-custom-2 {\n color: green;\n}\n.r-table-edit .react-datepicker__day--holidays,\n.r-table-edit .react-datepicker__month-text--holidays,\n.r-table-edit .react-datepicker__quarter-text--holidays,\n.r-table-edit .react-datepicker__year-text--holidays {\n position: relative;\n border-radius: 0.3rem;\n background-color: #ff6803;\n color: #FFFFFF;\n}\n.r-table-edit .react-datepicker__day--holidays .overlay,\n.r-table-edit .react-datepicker__month-text--holidays .overlay,\n.r-table-edit .react-datepicker__quarter-text--holidays .overlay,\n.r-table-edit .react-datepicker__year-text--holidays .overlay {\n position: absolute;\n bottom: 100%;\n left: 50%;\n transform: translateX(-50%);\n background-color: #333;\n color: #FFFFFF;\n padding: 4px;\n border-radius: 4px;\n white-space: nowrap;\n visibility: hidden;\n opacity: 0;\n transition: visibility 0s, opacity 0.3s ease-in-out;\n}\n.r-table-edit .react-datepicker__day--holidays:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {\n background-color: rgb(207, 82.9642857143, 0);\n}\n.r-table-edit .react-datepicker__day--holidays:hover .overlay,\n.r-table-edit .react-datepicker__month-text--holidays:hover .overlay,\n.r-table-edit .react-datepicker__quarter-text--holidays:hover .overlay,\n.r-table-edit .react-datepicker__year-text--holidays:hover .overlay {\n visibility: visible;\n opacity: 1;\n}\n.r-table-edit .react-datepicker__day--selected,\n.r-table-edit .react-datepicker__day--in-selecting-range,\n.r-table-edit .react-datepicker__day--in-range,\n.r-table-edit .react-datepicker__month-text--selected,\n.r-table-edit .react-datepicker__month-text--in-selecting-range,\n.r-table-edit .react-datepicker__month-text--in-range,\n.r-table-edit .react-datepicker__quarter-text--selected,\n.r-table-edit .react-datepicker__quarter-text--in-selecting-range,\n.r-table-edit .react-datepicker__quarter-text--in-range,\n.r-table-edit .react-datepicker__year-text--selected,\n.r-table-edit .react-datepicker__year-text--in-selecting-range,\n.r-table-edit .react-datepicker__year-text--in-range {\n border-radius: 0.3rem;\n background-color: #216ba5;\n color: #FFFFFF;\n}\n.r-table-edit .react-datepicker__day--selected:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__day--in-range:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__month-text--selected:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__year-text--selected:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {\n background-color: rgb(28.75, 93.2196969697, 143.75);\n}\n.r-table-edit .react-datepicker__day--keyboard-selected,\n.r-table-edit .react-datepicker__month-text--keyboard-selected,\n.r-table-edit .react-datepicker__quarter-text--keyboard-selected,\n.r-table-edit .react-datepicker__year-text--keyboard-selected {\n border-radius: 0.3rem;\n background-color: rgb(186.25, 217.0833333333, 241.25);\n color: rgb(0, 0, 0);\n}\n.r-table-edit .react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {\n background-color: rgb(28.75, 93.2196969697, 143.75);\n}\n.r-table-edit .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--in-range),\n.r-table-edit .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--in-range),\n.r-table-edit .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--in-range),\n.r-table-edit .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--in-range) {\n background-color: rgba(33, 107, 165, 0.5);\n}\n.r-table-edit .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.r-table-edit .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.r-table-edit .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.r-table-edit .react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.r-table-edit .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.r-table-edit .react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.r-table-edit .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.r-table-edit .react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range) {\n background-color: #f0f0f0;\n color: #000000;\n}\n.r-table-edit .react-datepicker__day--disabled,\n.r-table-edit .react-datepicker__month-text--disabled,\n.r-table-edit .react-datepicker__quarter-text--disabled,\n.r-table-edit .react-datepicker__year-text--disabled {\n cursor: default;\n color: #ccc;\n}\n.r-table-edit .react-datepicker__day--disabled .overlay,\n.r-table-edit .react-datepicker__month-text--disabled .overlay,\n.r-table-edit .react-datepicker__quarter-text--disabled .overlay,\n.r-table-edit .react-datepicker__year-text--disabled .overlay {\n position: absolute;\n bottom: 70%;\n left: 50%;\n transform: translateX(-50%);\n background-color: #333;\n color: #FFFFFF;\n padding: 4px;\n border-radius: 4px;\n white-space: nowrap;\n visibility: hidden;\n opacity: 0;\n transition: visibility 0s, opacity 0.3s ease-in-out;\n}\n.r-table-edit .react-datepicker__input-container {\n position: relative;\n display: inline-block;\n width: 100%;\n}\n.r-table-edit .react-datepicker__input-container .react-datepicker__calendar-icon {\n position: absolute;\n padding: 0.5rem;\n box-sizing: content-box;\n}\n.r-table-edit .react-datepicker__view-calendar-icon input {\n padding: 6px 10px 5px 25px;\n}\n.r-table-edit .react-datepicker__year-read-view,\n.r-table-edit .react-datepicker__month-read-view,\n.r-table-edit .react-datepicker__month-year-read-view {\n border: 1px solid transparent;\n border-radius: 0.3rem;\n position: relative;\n}\n.r-table-edit .react-datepicker__year-read-view:hover,\n.r-table-edit .react-datepicker__month-read-view:hover,\n.r-table-edit .react-datepicker__month-year-read-view:hover {\n cursor: pointer;\n}\n.r-table-edit .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,\n.r-table-edit .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,\n.r-table-edit .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,\n.r-table-edit .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,\n.r-table-edit .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,\n.r-table-edit .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {\n border-top-color: rgb(178.5, 178.5, 178.5);\n}\n.r-table-edit .react-datepicker__year-read-view--down-arrow,\n.r-table-edit .react-datepicker__month-read-view--down-arrow,\n.r-table-edit .react-datepicker__month-year-read-view--down-arrow {\n transform: rotate(135deg);\n right: -16px;\n top: 0;\n}\n.r-table-edit .react-datepicker__year-dropdown,\n.r-table-edit .react-datepicker__month-dropdown,\n.r-table-edit .react-datepicker__month-year-dropdown {\n background-color: #f0f0f0;\n position: absolute;\n width: 50%;\n left: 25%;\n top: 30px;\n z-index: 1;\n text-align: center;\n border-radius: 0.3rem;\n border: 1px solid #e0e0e0;\n}\n.r-table-edit .react-datepicker__year-dropdown:hover,\n.r-table-edit .react-datepicker__month-dropdown:hover,\n.r-table-edit .react-datepicker__month-year-dropdown:hover {\n cursor: pointer;\n}\n.r-table-edit .react-datepicker__year-dropdown--scrollable,\n.r-table-edit .react-datepicker__month-dropdown--scrollable,\n.r-table-edit .react-datepicker__month-year-dropdown--scrollable {\n height: 150px;\n overflow-y: scroll;\n}\n.r-table-edit .react-datepicker__year-option,\n.r-table-edit .react-datepicker__month-option,\n.r-table-edit .react-datepicker__month-year-option {\n line-height: 20px;\n width: 100%;\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n.r-table-edit .react-datepicker__year-option:first-of-type,\n.r-table-edit .react-datepicker__month-option:first-of-type,\n.r-table-edit .react-datepicker__month-year-option:first-of-type {\n border-top-left-radius: 0.3rem;\n border-top-right-radius: 0.3rem;\n}\n.r-table-edit .react-datepicker__year-option:last-of-type,\n.r-table-edit .react-datepicker__month-option:last-of-type,\n.r-table-edit .react-datepicker__month-year-option:last-of-type {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom-left-radius: 0.3rem;\n border-bottom-right-radius: 0.3rem;\n}\n.r-table-edit .react-datepicker__year-option:hover,\n.r-table-edit .react-datepicker__month-option:hover,\n.r-table-edit .react-datepicker__month-year-option:hover {\n background-color: #ccc;\n}\n.r-table-edit .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,\n.r-table-edit .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,\n.r-table-edit .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {\n border-bottom-color: rgb(178.5, 178.5, 178.5);\n}\n.r-table-edit .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,\n.r-table-edit .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,\n.r-table-edit .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {\n border-top-color: rgb(178.5, 178.5, 178.5);\n}\n.r-table-edit .react-datepicker__year-option--selected,\n.r-table-edit .react-datepicker__month-option--selected,\n.r-table-edit .react-datepicker__month-year-option--selected {\n position: absolute;\n left: 15px;\n}\n.r-table-edit .react-datepicker__close-icon {\n cursor: pointer;\n background-color: transparent;\n border: 0;\n outline: 0;\n padding: 0 6px 0 0;\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n display: table-cell;\n vertical-align: middle;\n}\n.r-table-edit .react-datepicker__close-icon::after {\n cursor: pointer;\n background-color: transparent;\n color: #c4c4c4;\n height: 16px;\n width: 16px;\n padding: 0px 2px;\n font-size: 25px;\n font-weight: 500;\n line-height: 0.5;\n text-align: center;\n display: table-cell;\n vertical-align: middle;\n content: \"×\";\n}\n.r-table-edit .react-datepicker__close-icon:hover::after {\n color: rgba(0, 0, 0, 0.8705882353) !important;\n}\n.r-table-edit .react-datepicker__close-icon--disabled {\n cursor: default;\n}\n.r-table-edit .react-datepicker__close-icon--disabled::after {\n cursor: default;\n background-color: #ccc;\n}\n.r-table-edit .react-datepicker__today-button {\n background: #f0f0f0;\n border-top: 1px solid #e0e0e0;\n cursor: pointer;\n text-align: center;\n font-weight: bold;\n padding: 5px 0;\n clear: left;\n}\n.r-table-edit .react-datepicker__portal {\n position: fixed;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.8);\n left: 0;\n top: 0;\n justify-content: center;\n align-items: center;\n display: flex;\n z-index: 2147483647;\n}\n.r-table-edit .react-datepicker__portal .react-datepicker__day-name,\n.r-table-edit .react-datepicker__portal .react-datepicker__day,\n.r-table-edit .react-datepicker__portal .react-datepicker__time-name {\n width: 3rem;\n line-height: 3rem;\n}\n@media (max-width: 400px), (max-height: 550px) {\n .r-table-edit .react-datepicker__portal .react-datepicker__day-name,\n .r-table-edit .react-datepicker__portal .react-datepicker__day,\n .r-table-edit .react-datepicker__portal .react-datepicker__time-name {\n width: 2rem;\n line-height: 2rem;\n }\n}\n.r-table-edit .react-datepicker__portal .react-datepicker__current-month,\n.r-table-edit .react-datepicker__portal .react-datepicker-time__header {\n font-size: 1.44rem;\n}\n.r-table-edit .react-datepicker__children-container {\n width: 13.8rem;\n margin: 0.4rem;\n padding-right: 0.2rem;\n padding-left: 0.2rem;\n height: auto;\n}\n.r-table-edit .react-datepicker__aria-live {\n position: absolute;\n clip-path: circle(0);\n border: 0;\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n width: 1px;\n white-space: nowrap;\n}\n.r-table-edit .react-datepicker__calendar-icon {\n width: 1em;\n height: 1em;\n vertical-align: -0.125em;\n}\n.r-table-edit .react-datepicker-popper {\n z-index: 999 !important;\n position: fixed !important;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__current-month {\n color: rgba(0, 0, 0, 0.9) !important;\n font-weight: 500 !important;\n display: none;\n font-family: Montserrat, Helvetica, Arial, serif !important;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__header__dropdown {\n font-family: Montserrat, Helvetica, Arial, serif !important;\n /* Giao diện của menu dropdown (tháng và năm) */\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container {\n margin: 0px 3px 0px 0px;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container {\n margin: 0px 0px 0px 3px;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__month-select:focus,\n.r-table-edit .react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__year-select:focus {\n border: 1px solid #1989fa !important;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__month-select,\n.r-table-edit .react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__year-select {\n background-color: #FFFFFF;\n height: 22px;\n border-radius: 2px;\n padding: 2px 0;\n border: 1px solid hsl(0, 0%, 80%);\n outline: none;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__navigation {\n margin-top: 4px;\n color: #eb4619;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__day-name {\n font-family: Montserrat, Helvetica, Arial, serif !important;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__day {\n outline: none;\n border-radius: 20px !important;\n font-family: Montserrat, Helvetica, Arial, serif !important;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__day:hover {\n background-color: rgba(235, 70, 25, 0.1) !important;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__day--today {\n color: #eb4619;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__day--today.react-datepicker__day--selected {\n color: #FFFFFF;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__day--today.react-datepicker__day--keyboard-selected {\n background-color: rgba(235, 70, 25, 0.1);\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__day--selected {\n background-color: #eb4619 !important;\n}\n\n.tab-custom {\n font-family: Roboto, \"Segoe UI\", GeezaPro, \"DejaVu Serif\", \"sans-serif\", -apple-system, BlinkMacSystemFont;\n display: flex;\n}\n.tab-custom.tab-parent {\n border-bottom: solid 1px #c9c9c9;\n}\n.tab-custom .btn-scroll {\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.tab-custom .tab-component::-webkit-scrollbar {\n display: none;\n /* Ẩn thanh cuộn nếu không cần */\n}\n.tab-custom .tab-component {\n white-space: nowrap;\n overflow-x: hidden;\n scroll-behavior: smooth;\n}\n.tab-custom .tab-component > * {\n display: inline-block;\n}\n.tab-custom .tab-component .tab-custom-item {\n display: inline-block;\n padding: 3px 10px;\n line-height: 23px;\n cursor: pointer;\n font-size: 13px;\n font-weight: 500;\n text-transform: uppercase;\n height: 30px;\n color: rgba(0, 0, 0, 0.5);\n}\n.tab-custom .tab-component .tab-custom-item.active {\n border-bottom: solid 2px #eb4619 !important;\n color: #eb4619;\n}\n.tab-custom.tab-child .tab-custom-item {\n font-size: 12px !important;\n line-height: 23px !important;\n border-radius: 5px 5px 0px 0px;\n margin: 8px 3px 0px 3px;\n box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;\n}\n\n.bs-stepper {\n background-color: #FFFFFF;\n box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1);\n border-radius: 0.5rem;\n}\n.bs-stepper .bs-stepper-header {\n padding: 1.5rem 1.5rem;\n flex-wrap: wrap;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n margin: 0;\n}\n.bs-stepper .bs-stepper-header .line {\n flex: 0;\n min-width: auto;\n min-height: auto;\n background-color: transparent;\n margin: 0;\n padding: 0 1.75rem;\n color: #283046;\n font-size: 1.5rem;\n}\n.bs-stepper .bs-stepper-header .step {\n margin-bottom: 0.25rem;\n margin-top: 0.25rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger {\n flex-wrap: nowrap;\n padding: 0;\n font-weight: normal;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-box {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 38px;\n height: 38px;\n padding: 0.5em 0;\n font-weight: 500;\n color: #babfc7;\n background-color: rgba(186, 191, 199, 0.12);\n border-radius: 0.35rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {\n text-align: left;\n margin: 0;\n margin-top: 0.5rem;\n margin-left: 1rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {\n display: inherit;\n color: #283046;\n font-weight: 600;\n line-height: 1rem;\n margin-bottom: 0rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle {\n font-weight: 400;\n font-size: 0.85rem;\n color: #b9b9c3;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger:hover {\n background-color: transparent;\n}\n.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box {\n background-color: #eb4619;\n color: #FFFFFF;\n box-shadow: 0 3px 6px 0 rgba(235, 70, 25, 0.4);\n}\n.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-label .bs-stepper-title {\n color: #eb4619;\n}\n.bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-box {\n background-color: rgba(235, 70, 25, 0.12);\n color: #eb4619;\n}\n.bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-label .bs-stepper-title {\n color: #b9b9c3;\n}\n.bs-stepper .bs-stepper-header .step.crossed + .line {\n color: #eb4619;\n}\n.bs-stepper .bs-stepper-content {\n padding: 1.5rem 1.5rem;\n}\n.bs-stepper .bs-stepper-content .content {\n margin-left: 0;\n}\n.bs-stepper .bs-stepper-content .content .content-header {\n margin-bottom: 1rem;\n}\n.bs-stepper.vertical .bs-stepper-header {\n border-right: 1px solid #e0e0e0;\n border-bottom: none;\n}\n.bs-stepper.vertical .bs-stepper-header .step .step-trigger {\n padding: 1rem 0;\n}\n.bs-stepper.vertical .bs-stepper-header .line {\n display: none;\n}\n.bs-stepper.vertical .bs-stepper-content {\n width: 100%;\n padding-top: 2.5rem;\n}\n.bs-stepper.vertical .bs-stepper-content .content:not(.active) {\n display: none;\n}\n.bs-stepper.vertical.wizard-icons .step {\n text-align: center;\n}\n.bs-stepper.wizard-modern {\n background-color: transparent;\n box-shadow: none;\n}\n.bs-stepper.wizard-modern .bs-stepper-header {\n border: none;\n}\n.bs-stepper.wizard-modern .bs-stepper-content {\n background-color: #FFFFFF;\n border-radius: 0.5rem;\n box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1);\n}\n\n.horizontal-wizard,\n.vertical-wizard,\n.modern-horizontal-wizard,\n.modern-vertical-wizard {\n margin-bottom: 2.2rem;\n}\n\nhtml[data-textdirection=rtl] .btn-prev,\nhtml[data-textdirection=rtl] .btn-next {\n display: flex;\n}\nhtml[data-textdirection=rtl] .btn-prev i,\nhtml[data-textdirection=rtl] .btn-prev svg,\nhtml[data-textdirection=rtl] .btn-next i,\nhtml[data-textdirection=rtl] .btn-next svg {\n transform: rotate(-180deg);\n}\n\n@media (max-width: 992px) {\n .bs-stepper .bs-stepper-header {\n flex-direction: column;\n align-items: flex-start;\n }\n .bs-stepper .bs-stepper-header .step .step-trigger {\n padding: 0.5rem 0 !important;\n flex-direction: row;\n }\n .bs-stepper .bs-stepper-header .line {\n display: none;\n }\n .bs-stepper.vertical {\n flex-direction: column;\n }\n .bs-stepper.vertical .bs-stepper-header {\n align-items: flex-start;\n }\n .bs-stepper.vertical .bs-stepper-content {\n padding-top: 1.5rem;\n }\n}\n.r-table-edit .r-grid {\n font-size: 12px;\n}\n.r-table-edit .r-grid .r-search {\n display: flex;\n position: relative;\n align-items: center;\n}\n.r-table-edit .r-grid .r-search .input__value {\n z-index: 1;\n}\n.r-table-edit .r-grid .r-search .input__value.is-clearable {\n padding-right: 25px;\n}\n.r-table-edit .r-grid .r-search .input__clear-icon {\n position: absolute;\n right: 5px;\n z-index: 10;\n}\n.r-table-edit .r-grid .r-gridtable {\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n overflow-y: scroll;\n position: relative;\n background-color: #FFFFFF;\n color: rgba(0, 0, 0, 0.8705882353);\n font-weight: 400;\n border: 1px solid #e0e0e0;\n /* Toàn bộ thanh cuộn */\n /* Nền của thanh cuộn */\n /* Thanh trượt (thumb) */\n /* Khi hover */\n}\n.r-table-edit .r-grid .r-gridtable table {\n table-layout: fixed;\n border-collapse: separate;\n border-spacing: 0px;\n}\n.r-table-edit .r-grid .r-gridtable::-webkit-scrollbar {\n width: 9px;\n /* Độ rộng của thanh cuộn */\n height: 9px;\n /* Độ cao của thanh cuộn */\n}\n.r-table-edit .r-grid .r-gridtable::-webkit-scrollbar-track {\n background: #FCFCFC;\n /* Màu nền nhạt */\n}\n.r-table-edit .r-grid .r-gridtable::-webkit-scrollbar-thumb {\n background: #8B8B8B;\n /* Màu xám nhạt */\n border-radius: 6px;\n /* Bo góc giống Edge */\n}\n.r-table-edit .r-grid .r-gridtable::-webkit-scrollbar-thumb:hover {\n background: #636363;\n /* Màu đậm hơn khi hover */\n}\n.r-table-edit .r-grid .r-gridtable .react-resizable-handle.react-resizable-handle-se {\n position: absolute;\n right: 0px;\n top: 0px;\n width: 10px;\n height: 100%;\n cursor: col-resize;\n background-image: none;\n}\n.r-table-edit .r-grid .r-gridtable .r-filter svg.active {\n color: #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-filter-popup .react-select-table .select-value {\n line-height: 20px !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-filter-popup .react-select-table .select-placeholder {\n line-height: 20px !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-filter-popup .react-select-table .r-select-is-focus {\n border-color: #eb4619 !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-filter-popup .form-control:focus {\n border-color: #eb4619 !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-no-data {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n padding: 20px 9px;\n color: #8f8f8f;\n}\n.r-table-edit .r-grid .r-gridtable .r-loading-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0.3);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 3;\n}\n.r-table-edit .r-grid .r-gridtable .r-loading-overlay .r-loading {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n padding: 7px 9px;\n color: #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .cell-fixed {\n z-index: 2 !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .cell-fixed.fix-right .r-headercell-div {\n border-left: 1px solid #e0e0e0;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .cell-fixed.fix-left .r-headercell-div {\n border-right: 1px solid #e0e0e0;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .cell-fixed.fix-left.fixed-last .r-headercell-div {\n box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.1);\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .cell-fixed.fix-right.fixed-last .r-headercell-div {\n box-shadow: -2px 0 4px -1px rgba(0, 0, 0, 0.1);\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .r-headercell {\n color: rgba(0, 0, 0, 0.8705882353);\n position: sticky;\n padding: 0px;\n height: 42px;\n z-index: 1;\n border-width: 0px;\n line-height: 16px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .r-headercell .r-headercell-div {\n border-right: 1px solid #e0e0e0;\n border-bottom: 1px solid #e0e0e0;\n background-color: #FFFFFF;\n display: flex;\n align-items: center;\n text-align: center;\n padding: 5px 10px;\n height: 100%;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .r-headercell .header-content {\n display: flex;\n flex: 1 1 0%;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .r-headercell .header-content .text-content {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row:first-of-type .r-rowcell-div {\n border-top-color: #FFFFFF;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row {\n font-size: 13px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .cell-fixed {\n position: sticky;\n z-index: 1;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell {\n background-color: #FFFFFF;\n border-bottom: 1px solid #e0e0e0;\n border-right: 1px solid #e0e0e0;\n vertical-align: middle;\n padding: 0;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.fix-right {\n border-left: 1px solid #e0e0e0;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.fix-right.fixed-last {\n border-left: 1px solid #e0e0e0;\n box-shadow: -2px 0 4px -1px rgba(0, 0, 0, 0.1);\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.fix-left.fixed-last {\n border-right: 1px solid #e0e0e0;\n box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.1);\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.r-active-row {\n background-color: #fce6df;\n border-right: 2px solid #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div {\n margin: 0px;\n display: flex;\n flex-direction: column;\n position: relative;\n user-select: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-icon-expand {\n transition: transform 0.3s ease;\n position: absolute;\n left: 3px;\n top: 8px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-icon-expand.is-open {\n transform: rotate(90deg);\n -moz-transform: rotate(90deg);\n -webkit-transform: rotate(90deg);\n -o-transform: rotate(90deg);\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .arrow-context-menu {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 15px;\n width: 15px;\n background-color: #FFFFFF;\n border-radius: 10px;\n border: 1px solid #e0e0e0;\n box-shadow: 0px 0px 2px #e0e0e0;\n right: -5px;\n bottom: -5px;\n z-index: 10000;\n cursor: pointer;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div.command {\n padding-top: 0px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content:focus {\n outline: none;\n /* bỏ viền focus mặc định */\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content {\n min-height: 28px !important;\n border: 1px solid transparent;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content.r-cell-disable {\n background-color: #f9f9f9;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content.r-active-cell {\n background-color: rgb(255, 240, 240);\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .r-cell-text:focus {\n outline: none;\n /* bỏ viền focus mặc định */\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .r-icon-invalid {\n position: absolute;\n width: 10px;\n height: 10px;\n top: 0px;\n left: -6px;\n rotate: -90deg;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .r-drag-icon {\n position: absolute;\n border: 1px solid #FFFFFF;\n bottom: -2px;\n right: -2px;\n width: 7px;\n height: 7px;\n background-color: #eb4619;\n border-radius: 20%;\n cursor: crosshair;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .r-cell-text {\n padding: 0px 7px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: flex;\n align-items: center;\n min-width: 0;\n min-height: 28px;\n flex: 1;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .r-cell-text .r-drop-icon {\n position: absolute;\n fill: #c4c4c4 !important;\n right: 9px;\n top: 5px;\n cursor: pointer;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .is-invalid {\n border-width: 0px !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .is-invalid .r-select-is-invalid {\n border-width: 0px !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content.r-cell-selected-top {\n border-top: 1px solid #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content.r-cell-selected-bottom {\n border-bottom: 1px solid #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content.r-cell-selected-left {\n border-left: 1px solid #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content.r-cell-selected-right {\n border-right: 1px solid #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .react-select-table.is-invalid {\n border-width: 0px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .react-select-table .r-select-is-focus {\n border-width: 0px !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .react-select-table .select-table-control {\n border-radius: 0px;\n border-width: 0px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .react-select-table .select-table-control.r-select-is-focus {\n border: 1px solid #1989fa;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .form-edit .display-value {\n cursor: pointer;\n border-radius: 0px;\n background-color: #FFFFFF;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .form-edit .display-value.r-is-focus {\n border: 1px solid #1989fa;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .form-edit .input-display {\n border-width: 0px;\n box-sizing: border-box;\n border: none;\n /* Loại bỏ border */\n outline: none;\n /* Loại bỏ outline khi input được chọn */\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .form-edit .form-input-content .form-control {\n border-radius: 4px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .form-edit .form-input-content .form-control:focus {\n border: none;\n outline: none;\n box-shadow: none;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .form-edit input::placeholder {\n color: #eb4619;\n opacity: 1;\n /* Firefox */\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .form-edit-inline .form__display {\n vertical-align: middle;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .form-edit-inline .form__edit {\n display: none;\n text-align: left;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .form-edit-inline .form__edit.active {\n display: flex;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .form-edit-inline .form__edit .form-label {\n font-size: 10px;\n margin-bottom: 0px;\n text-align: left;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .form-edit-inline .form__edit .form-control {\n border-radius: 0px;\n height: 23px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .form-edit-inline .form__edit .form__element {\n margin: 0px 2px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .r-date-input {\n text-align: center;\n height: 29px;\n border: 1px solid #ccc;\n border-radius: 4px;\n padding: 5px;\n font-size: 14px;\n background-color: #f9f9f9;\n color: #333;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content .form-control:focus {\n border-radius: 0px;\n border-width: 0px;\n background-color: #f8f8f8;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-rowcell-content input {\n font-size: 13px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridfoot {\n color: #283046;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridfoot .r-row {\n bottom: 0px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridfoot .r-row .r-footer {\n background-color: #fafafa;\n font-size: 14px;\n font-weight: 600;\n width: 100px;\n position: sticky;\n z-index: 1;\n bottom: 0;\n border-width: 0px;\n padding: 0px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridfoot .r-row .r-footer.cell-fixed {\n z-index: 2;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridfoot .r-row .r-footer .r-footer-div {\n height: 30px;\n padding: 5px 7px;\n}\n.r-table-edit .r-grid .r-gridtable .formula-dropdown {\n box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;\n}\n.r-table-edit .r-grid .text-left .form-label {\n text-align: left;\n}\n.r-table-edit .r-grid .r-toolbar {\n border: 1px solid #e0e0e0;\n height: 44px;\n}\n.r-table-edit .r-grid .r-toolbar.r-toolbar-bottom {\n border-top-width: 0px;\n}\n.r-table-edit .r-grid .r-toolbar.r-toolbar-top {\n border-bottom-width: 0px;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-left {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-left .r-toolbar-item {\n margin: 7px 0px 7px 7px;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-center {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-center .r-toolbar-item {\n margin: 7px 3px 7px 3px;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-right {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-right .r-toolbar-item {\n margin: 7px 7px 7px 0px;\n}\n.r-table-edit.r-virtualized-table .r-row:hover .r-rowcell {\n background-color: #fce6df !important;\n}\n.r-table-edit .r-pager {\n border: 1px solid #e0e0e0;\n border-top-width: 0px;\n min-height: 50px;\n width: 100%;\n display: inline-block;\n}\n.r-table-edit .r-pager .r-pagercontainer {\n margin-left: 10px;\n float: left;\n height: 100%;\n display: block;\n align-items: center;\n}\n.r-table-edit .r-pager .r-pagercontainer .r-button {\n display: inline-block;\n margin: 9px 6px;\n height: 30px;\n width: 30px;\n padding: 6px;\n border-width: 0px;\n background-color: transparent;\n}\n.r-table-edit .r-pager .r-pagercontainer .r-button svg {\n font-size: 16px;\n}\n.r-table-edit .r-pager .r-pagercontainer .r-number {\n display: inline-block;\n margin: 10px 4px 0px 0px;\n height: 25px;\n width: 25px;\n font-size: 13px;\n padding-top: 4px;\n text-align: center;\n cursor: pointer;\n border-radius: 5px;\n}\n.r-table-edit .r-pager .r-pagercontainer .r-number.r-active {\n background-color: rgba(235, 70, 25, 0.1);\n color: #eb4619;\n}\n.r-table-edit .r-pager .r-pagercontainer .r-number:hover {\n border: 1px solid #eb4619;\n}\n.r-table-edit .r-pager .r-pagesize {\n margin-left: 20px;\n font-size: 13px;\n display: inline-block;\n}\n.r-table-edit .r-pager .r-pagesize .select-pagesize__menu-portal {\n z-index: 5;\n}\n.r-table-edit .r-pager .r-parentmsgbar {\n font-size: 13px;\n float: right;\n padding-bottom: 9px;\n padding-right: 18px;\n padding-top: 14px;\n}\n\n.r-tooltip .tooltip-inner {\n font-size: 11px;\n}\n.r-tooltip.tooltip-error ::before {\n border-top-color: rgb(235, 78, 78);\n}\n.r-tooltip.tooltip-error .tooltip-inner {\n background-color: rgb(235, 78, 78);\n}\n\n.btn-input-style {\n font-weight: 500;\n text-transform: uppercase;\n border: 1px solid #e0e0e0;\n border-radius: 5px;\n margin-left: 3px;\n height: 28px;\n padding: 2px 5px;\n cursor: pointer;\n}\n.btn-input-style:hover {\n background-color: rgba(235, 70, 25, 0.1);\n color: #eb4619;\n}\n.btn-input-style.active-custom {\n background-color: #eb4619;\n color: #FFFFFF;\n}";
41291
+ var css_248z$2 = "@charset \"UTF-8\";\n.react-select-table .select-table-control {\n opacity: 1;\n border: 1px solid hsl(0, 0%, 80%);\n border-radius: 0.357rem;\n width: 100%;\n height: 28px;\n background-color: #FFFFFF;\n display: flex;\n align-items: center;\n padding: 2px 8px;\n}\n.react-select-table .select-table-control .select-table-indicator svg {\n fill: #c4c4c4 !important;\n}\n.react-select-table .select-table-control .icon-clear {\n font-size: 25px;\n margin-top: 2px;\n font-weight: 500;\n color: #c4c4c4;\n}\n.react-select-table .select-table-control .icon-clear:hover {\n color: rgba(0, 0, 0, 0.8705882353) !important;\n}\n.react-select-table .select-table-control.r-select-is-open .select-table-indicator svg {\n fill: rgba(0, 0, 0, 0.8705882353) !important;\n}\n.react-select-table .select-table-control.r-select-is-invalid {\n border: 1px solid red !important;\n}\n.react-select-table .select-table-control.r-select-is-focus {\n border: 1px solid #1989fa !important;\n}\n.react-select-table .select-table-control.r-select-is-disabled {\n background-color: #efefef !important;\n}\n.react-select-table .select-table-control .select-table-container {\n position: relative;\n flex: 1;\n}\n.react-select-table .select-table-control .select-table-container .input-container {\n background-color: transparent;\n white-space: nowrap;\n top: 0px;\n left: 0px;\n display: inline;\n}\n.react-select-table .select-table-control .select-table-container .input-container .select-input {\n background-color: transparent;\n text-align: center;\n width: 100%;\n box-sizing: border-box;\n margin-left: -3px;\n border: none;\n /* Loại bỏ border */\n outline: none;\n /* Loại bỏ outline khi input được chọn */\n}\n.react-select-table .select-table-control .select-table-container .input-container .select-input:focus {\n border-width: 0px !important;\n}\n.react-select-table .select-table-control .select-table-container .select-placeholder {\n position: absolute;\n color: #283046;\n margin-top: 1px;\n background-color: transparent;\n}\n.react-select-table .select-table-control .select-table-container .select-value {\n position: absolute;\n background-color: transparent;\n bottom: 0px;\n left: 0px;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.react-select-table .formula-dropdown {\n min-width: min-content !important;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;\n}\n.react-select-table input::placeholder {\n color: #000000 !important;\n opacity: 1;\n /* Firefox */\n}\n\n.r-select-grid.r-select-tree-grid .r-select-gridtable .r-select-row:hover {\n background-color: rgba(235, 70, 25, 0.1) !important;\n color: #eb4619;\n}\n\n.r-select-grid {\n font-size: 12px;\n font-family: Montserrat, Helvetica, Arial, serif;\n font-weight: 500 !important;\n border-radius: 4px !important;\n overflow: hidden;\n}\n.r-select-grid table {\n table-layout: fixed;\n border-collapse: separate;\n border-spacing: 0px;\n}\n.r-select-grid .r-select-gridtable {\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n overflow-y: auto;\n position: relative;\n background-color: #FFFFFF;\n color: rgba(0, 0, 0, 0.8705882353) !important;\n font-weight: 400 !important;\n font-size: 13px !important;\n /* Toàn bộ thanh cuộn */\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar {\n width: 9px;\n height: 9px;\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar-track {\n background: #FCFCFC;\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar-thumb {\n background: #8B8B8B;\n border-radius: 6px;\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar-thumb:hover {\n background: #636363;\n}\n.r-select-grid .r-select-gridtable .r-select-gridheader .r-select-row .r-select-headercell {\n color: rgba(0, 0, 0, 0.8705882353) !important;\n position: sticky;\n padding: 0px;\n height: 35px;\n z-index: 1;\n border-width: 0px;\n line-height: 16px;\n}\n.r-select-grid .r-select-gridtable .r-select-gridheader .r-select-row .r-select-headercell .r-select-headercell-div {\n border-bottom: 1px solid #e0e0e0;\n background-color: #fafafa;\n display: flex;\n align-items: center;\n text-align: center;\n padding: 5px 10px;\n height: 100%;\n}\n.r-select-grid .r-select-gridtable .r-select-gridheader .r-select-row .r-select-headercell .r-select-headercell-text {\n width: 100%;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row {\n background-color: #FFFFFF;\n cursor: pointer;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .cell-fixed {\n position: sticky;\n z-index: 1;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row.fisrt-row .r-select-rowcell {\n border-top-width: 0px !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row.last-row .r-select-rowcell {\n border-bottom: 1px solid #e0e0e0;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell {\n border-top: 1px solid #e0e0e0;\n height: 30px !important;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n padding: 7px 9px;\n vertical-align: middle !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-select-move {\n background-color: rgba(235, 70, 25, 0.1) !important;\n color: #eb4619 !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-select-active {\n background-color: #eb4619 !important;\n color: #FFFFFF !important;\n}\n.r-tooltip .r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-hidden {\n display: none;\n}\n.r-tooltip .r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-hidden ::after {\n display: none;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell .r-icon-expand {\n transition: transform 0.3s ease !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell .r-icon-expand.is-open {\n transform: rotate(90deg) !important;\n -moz-transform: rotate(90deg);\n -webkit-transform: rotate(90deg);\n -o-transform: rotate(90deg);\n}\n.r-select-grid .r-select-gridtable.no-header .r-select-rowcell {\n border: none !important;\n}\n.r-select-grid .r-no-data {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n padding: 7px 9px;\n color: #8f8f8f;\n}\n.r-select-grid .r-select-footer {\n height: 30px;\n background-color: #fafafa;\n}\n.r-select-grid .r-select-footer button {\n font-weight: 400 !important;\n font-size: 13px;\n}\n.r-select-grid .r-select-footer .r-btn {\n border-width: 0px !important;\n}\n\n.r-pagesize .react-select-table .select-table-control {\n border-radius: 0px;\n border: 0px;\n border-bottom: 1px solid #e0e0e0 !important;\n}\n.r-pagesize .react-select-table .select-table-control.r-select-is-focus {\n border: 0px !important;\n border-bottom: 1px solid #1989fa !important;\n}\n\n.r-sidebar {\n width: 400px;\n right: -400px;\n padding: 0;\n background-color: #FFFFFF;\n z-index: 1051;\n position: fixed;\n top: 0;\n bottom: 0;\n height: 100vh;\n height: calc(var(--vh, 1vh) * 100);\n transition: right 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);\n backface-visibility: hidden;\n border-left: 1px solid rgba(0, 0, 0, 0.05);\n}\n.r-sidebar.open {\n box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);\n right: 0;\n}\n.r-sidebar .modal-header {\n background-color: #FFFFFF;\n}\n.r-sidebar .modal-header .btn-close {\n padding: 0.8rem;\n box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);\n border-radius: 0.357rem;\n background-color: #FFFFFF;\n opacity: 1;\n transition: all 0.23s ease 0.1s;\n position: relative;\n transform: translate(18px, -10px);\n}\n.r-sidebar .modal-header .btn-close:hover, .r-sidebar .modal-header .btn-close:focus, .r-sidebar .modal-header .btn-close:active {\n opacity: 1;\n outline: none;\n transform: translate(15px, -2px);\n box-shadow: none;\n}\n\n.r-sidebar .react-select {\n max-width: 100%;\n}\n\n.r-sidebar {\n width: 400px;\n right: -100vw;\n height: 100vh;\n}\n.r-sidebar .r-handle {\n position: fixed;\n background-color: #FFFFFF;\n top: 50%;\n transform: translate(-50%, -50%);\n filter: drop-shadow(0.9px 0.9px 1.5px);\n height: 50px;\n display: flex;\n align-items: center;\n border-radius: 0px 5px 5px 0px;\n cursor: pointer;\n margin-left: 7px;\n z-index: 9;\n}\n.r-sidebar.customizer-md {\n width: 600px;\n}\n.r-sidebar.customizer-lg {\n width: 800px;\n}\n.r-sidebar.customizer-500 {\n width: 500px;\n}\n@media (max-width: 500px) {\n .r-sidebar.customizer-500 {\n width: 100vw;\n }\n}\n.r-sidebar.customizer-600 {\n width: 600px;\n}\n@media (max-width: 600px) {\n .r-sidebar.customizer-600 {\n width: 100vw;\n }\n}\n.r-sidebar.customizer-700 {\n width: 700px;\n}\n@media (max-width: 700px) {\n .r-sidebar.customizer-700 {\n width: 100vw;\n }\n}\n.r-sidebar.customizer-800 {\n width: 800px;\n}\n@media (max-width: 800px) {\n .r-sidebar.customizer-800 {\n width: 100vw;\n }\n}\n.r-sidebar.customizer-900 {\n width: 900px;\n}\n@media (max-width: 900px) {\n .r-sidebar.customizer-900 {\n width: 100vw;\n }\n}\n.r-sidebar.customizer-1000 {\n width: 1000px;\n}\n@media (max-width: 1000px) {\n .r-sidebar.customizer-1000 {\n width: 100vw;\n }\n}\n.r-sidebar.customizer-1500 {\n width: 1500px;\n}\n@media (max-width: 1500px) {\n .r-sidebar.customizer-1500 {\n width: 100vw;\n }\n}\n.r-sidebar.fullscreen {\n width: 100%;\n}\n.r-sidebar.open {\n right: 0;\n}\n\n.r-table-edit .react-datepicker__year-read-view--down-arrow,\n.r-table-edit .react-datepicker__month-read-view--down-arrow,\n.r-table-edit .react-datepicker__month-year-read-view--down-arrow,\n.r-table-edit .react-datepicker__navigation-icon::before {\n border-color: #e0e0e0;\n border-style: solid;\n border-width: 3px 3px 0 0;\n content: \"\";\n display: block;\n height: 9px;\n position: absolute;\n top: 6px;\n width: 9px;\n}\n.r-table-edit .react-datepicker-wrapper {\n display: inline-block;\n width: 100% !important;\n padding: 0;\n border: 0;\n}\n.r-table-edit .react-datepicker-wrapper .react-datepicker__input-container input {\n height: 29px !important;\n}\n.r-table-edit .react-datepicker {\n font-family: \"Helvetica Neue\", helvetica, arial, sans-serif;\n font-size: 0.8rem;\n background-color: #FFFFFF;\n color: #000000;\n border: 1px solid #e0e0e0;\n border-radius: 0.3rem;\n display: inline-block;\n position: relative;\n line-height: initial;\n}\n.r-table-edit .react-datepicker--time-only .react-datepicker__time-container {\n border-left: 0;\n}\n.r-table-edit .react-datepicker--time-only .react-datepicker__time,\n.r-table-edit .react-datepicker--time-only .react-datepicker__time-box {\n border-bottom-left-radius: 0.3rem;\n border-bottom-right-radius: 0.3rem;\n}\n.r-table-edit .react-datepicker-popper {\n position: relative;\n line-height: 0;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__triangle {\n stroke: #e0e0e0;\n}\n.r-table-edit .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {\n fill: #f0f0f0;\n color: #f0f0f0;\n}\n.r-table-edit .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {\n fill: #FFFFFF;\n color: #FFFFFF;\n}\n.r-table-edit .react-datepicker__header {\n text-align: center;\n background-color: #FFFFFF;\n border-bottom: 1px solid #e0e0e0;\n border-top-left-radius: 0.3rem;\n padding: 8px 0;\n position: relative;\n}\n.r-table-edit .react-datepicker__header--time {\n padding-bottom: 8px;\n padding-left: 5px;\n padding-right: 5px;\n}\n.r-table-edit .react-datepicker__header--time:not(.react-datepicker__header--time--only) {\n border-top-left-radius: 0;\n}\n.r-table-edit .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n border-top-right-radius: 0.3rem;\n}\n.r-table-edit .react-datepicker__year-dropdown-container--select,\n.r-table-edit .react-datepicker__month-dropdown-container--select,\n.r-table-edit .react-datepicker__month-year-dropdown-container--select,\n.r-table-edit .react-datepicker__year-dropdown-container--scroll,\n.r-table-edit .react-datepicker__month-dropdown-container--scroll,\n.r-table-edit .react-datepicker__month-year-dropdown-container--scroll {\n display: inline-block;\n margin: 0 15px;\n}\n.r-table-edit .react-datepicker__current-month,\n.r-table-edit .react-datepicker-time__header,\n.r-table-edit .react-datepicker-year-header {\n margin-top: 0;\n color: #000000;\n font-weight: bold;\n font-size: 0.944rem;\n}\n.r-table-edit h2.react-datepicker__current-month {\n padding: 0;\n margin: 0;\n}\n.r-table-edit .react-datepicker-time__header {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n.r-table-edit .react-datepicker__navigation {\n align-items: center;\n background: none;\n display: flex;\n justify-content: center;\n text-align: center;\n cursor: pointer;\n position: absolute;\n top: 2px;\n padding: 0;\n border: none;\n z-index: 1;\n height: 32px;\n width: 32px;\n text-indent: -999em;\n overflow: hidden;\n}\n.r-table-edit .react-datepicker__navigation--previous {\n left: 2px;\n}\n.r-table-edit .react-datepicker__navigation--next {\n right: 2px;\n}\n.r-table-edit .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {\n right: 85px;\n}\n.r-table-edit .react-datepicker__navigation--years {\n position: relative;\n top: 0;\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n.r-table-edit .react-datepicker__navigation--years-previous {\n top: 4px;\n}\n.r-table-edit .react-datepicker__navigation--years-upcoming {\n top: -4px;\n}\n.r-table-edit .react-datepicker__navigation:hover *::before {\n border-color: #eb4619;\n}\n.r-table-edit .react-datepicker__navigation-icon {\n position: relative;\n top: -1px;\n font-size: 20px;\n width: 0;\n}\n.r-table-edit .react-datepicker__navigation-icon--next {\n left: -2px;\n}\n.r-table-edit .react-datepicker__navigation-icon--next::before {\n transform: rotate(45deg);\n left: -7px;\n}\n.r-table-edit .react-datepicker__navigation-icon--previous {\n right: -2px;\n}\n.r-table-edit .react-datepicker__navigation-icon--previous::before {\n transform: rotate(225deg);\n right: -7px;\n}\n.r-table-edit .react-datepicker__month-container {\n float: left;\n}\n.r-table-edit .react-datepicker__year {\n margin: 0.4rem;\n text-align: center;\n}\n.r-table-edit .react-datepicker__year-wrapper {\n display: flex;\n flex-wrap: wrap;\n max-width: 180px;\n}\n.r-table-edit .react-datepicker__year .react-datepicker__year-text {\n display: inline-block;\n width: 4rem;\n margin: 2px;\n}\n.r-table-edit .react-datepicker__month {\n margin: 0.4rem;\n text-align: center;\n}\n.r-table-edit .react-datepicker__month .react-datepicker__month-text,\n.r-table-edit .react-datepicker__month .react-datepicker__quarter-text {\n display: inline-block;\n width: 4rem;\n margin: 2px;\n}\n.r-table-edit .react-datepicker__input-time-container {\n clear: both;\n width: 100%;\n float: left;\n margin: 5px 0 10px 15px;\n text-align: left;\n}\n.r-table-edit .react-datepicker__input-time-container .react-datepicker-time__caption {\n display: inline-block;\n}\n.r-table-edit .react-datepicker__input-time-container .react-datepicker-time__input-container {\n display: inline-block;\n}\n.r-table-edit .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {\n display: inline-block;\n margin-left: 10px;\n}\n.r-table-edit .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {\n width: auto;\n}\n.r-table-edit .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,\n.r-table-edit .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.r-table-edit .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {\n margin-left: 5px;\n display: inline-block;\n}\n.r-table-edit .react-datepicker__time-container {\n float: right;\n border-left: 1px solid #e0e0e0;\n width: 85px;\n}\n.r-table-edit .react-datepicker__time-container--with-today-button {\n display: inline;\n border: 1px solid #e0e0e0;\n border-radius: 0.3rem;\n position: absolute;\n right: -87px;\n top: 0;\n}\n.r-table-edit .react-datepicker__time-container .react-datepicker__time {\n position: relative;\n background: white;\n border-bottom-right-radius: 0.3rem;\n}\n.r-table-edit .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {\n width: 85px;\n overflow-x: hidden;\n margin: 0 auto;\n text-align: center;\n border-bottom-right-radius: 0.3rem;\n}\n.r-table-edit .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {\n list-style: none;\n margin: 0;\n height: calc(195px + 0.85rem);\n overflow-y: scroll;\n padding-right: 0;\n padding-left: 0;\n width: 100%;\n box-sizing: content-box;\n}\n.r-table-edit .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {\n height: 30px;\n padding: 5px 10px;\n white-space: nowrap;\n}\n.r-table-edit .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {\n cursor: pointer;\n background-color: #f0f0f0;\n}\n.r-table-edit .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {\n background-color: #216ba5;\n color: white;\n font-weight: bold;\n}\n.r-table-edit .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {\n background-color: #216ba5;\n}\n.r-table-edit .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {\n color: #ccc;\n}\n.r-table-edit .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {\n cursor: default;\n background-color: transparent;\n}\n.r-table-edit .react-datepicker__week-number {\n color: #ccc;\n display: inline-block;\n width: 1.7rem;\n line-height: 1.7rem;\n text-align: center;\n margin: 0.166rem;\n}\n.r-table-edit .react-datepicker__week-number.react-datepicker__week-number--clickable {\n cursor: pointer;\n}\n.r-table-edit .react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,\n.react-datepicker__week-number--keyboard-selected):hover {\n border-radius: 0.3rem;\n background-color: #f0f0f0;\n}\n.r-table-edit .react-datepicker__week-number--selected {\n border-radius: 0.3rem;\n background-color: #216ba5;\n color: #FFFFFF;\n}\n.r-table-edit .react-datepicker__week-number--selected:hover {\n background-color: rgb(28.75, 93.2196969697, 143.75);\n}\n.r-table-edit .react-datepicker__week-number--keyboard-selected {\n border-radius: 0.3rem;\n background-color: rgb(41.5, 134.5606060606, 207.5);\n color: #FFFFFF;\n}\n.r-table-edit .react-datepicker__week-number--keyboard-selected:hover {\n background-color: rgb(28.75, 93.2196969697, 143.75);\n}\n.r-table-edit .react-datepicker__day-names {\n white-space: nowrap;\n margin-bottom: -8px;\n}\n.r-table-edit .react-datepicker__week {\n white-space: nowrap;\n}\n.r-table-edit .react-datepicker__day-name,\n.r-table-edit .react-datepicker__day,\n.r-table-edit .react-datepicker__time-name {\n color: #000000;\n display: inline-block;\n width: 1.7rem;\n line-height: 1.7rem;\n text-align: center;\n margin: 0.166rem;\n}\n.r-table-edit .react-datepicker__day,\n.r-table-edit .react-datepicker__month-text,\n.r-table-edit .react-datepicker__quarter-text,\n.r-table-edit .react-datepicker__year-text {\n cursor: pointer;\n}\n.r-table-edit .react-datepicker__day:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__month-text:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__quarter-text:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__year-text:not([aria-disabled=true]):hover {\n border-radius: 0.3rem;\n background-color: #FFFFFF;\n}\n.r-table-edit .react-datepicker__day--today,\n.r-table-edit .react-datepicker__month-text--today,\n.r-table-edit .react-datepicker__quarter-text--today,\n.r-table-edit .react-datepicker__year-text--today {\n font-weight: bold;\n}\n.r-table-edit .react-datepicker__day--highlighted,\n.r-table-edit .react-datepicker__month-text--highlighted,\n.r-table-edit .react-datepicker__quarter-text--highlighted,\n.r-table-edit .react-datepicker__year-text--highlighted {\n border-radius: 0.3rem;\n background-color: #3dcc4a;\n color: #FFFFFF;\n}\n.r-table-edit .react-datepicker__day--highlighted:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {\n background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);\n}\n.r-table-edit .react-datepicker__day--highlighted-custom-1,\n.r-table-edit .react-datepicker__month-text--highlighted-custom-1,\n.r-table-edit .react-datepicker__quarter-text--highlighted-custom-1,\n.r-table-edit .react-datepicker__year-text--highlighted-custom-1 {\n color: magenta;\n}\n.r-table-edit .react-datepicker__day--highlighted-custom-2,\n.r-table-edit .react-datepicker__month-text--highlighted-custom-2,\n.r-table-edit .react-datepicker__quarter-text--highlighted-custom-2,\n.r-table-edit .react-datepicker__year-text--highlighted-custom-2 {\n color: green;\n}\n.r-table-edit .react-datepicker__day--holidays,\n.r-table-edit .react-datepicker__month-text--holidays,\n.r-table-edit .react-datepicker__quarter-text--holidays,\n.r-table-edit .react-datepicker__year-text--holidays {\n position: relative;\n border-radius: 0.3rem;\n background-color: #ff6803;\n color: #FFFFFF;\n}\n.r-table-edit .react-datepicker__day--holidays .overlay,\n.r-table-edit .react-datepicker__month-text--holidays .overlay,\n.r-table-edit .react-datepicker__quarter-text--holidays .overlay,\n.r-table-edit .react-datepicker__year-text--holidays .overlay {\n position: absolute;\n bottom: 100%;\n left: 50%;\n transform: translateX(-50%);\n background-color: #333;\n color: #FFFFFF;\n padding: 4px;\n border-radius: 4px;\n white-space: nowrap;\n visibility: hidden;\n opacity: 0;\n transition: visibility 0s, opacity 0.3s ease-in-out;\n}\n.r-table-edit .react-datepicker__day--holidays:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {\n background-color: rgb(207, 82.9642857143, 0);\n}\n.r-table-edit .react-datepicker__day--holidays:hover .overlay,\n.r-table-edit .react-datepicker__month-text--holidays:hover .overlay,\n.r-table-edit .react-datepicker__quarter-text--holidays:hover .overlay,\n.r-table-edit .react-datepicker__year-text--holidays:hover .overlay {\n visibility: visible;\n opacity: 1;\n}\n.r-table-edit .react-datepicker__day--selected,\n.r-table-edit .react-datepicker__day--in-selecting-range,\n.r-table-edit .react-datepicker__day--in-range,\n.r-table-edit .react-datepicker__month-text--selected,\n.r-table-edit .react-datepicker__month-text--in-selecting-range,\n.r-table-edit .react-datepicker__month-text--in-range,\n.r-table-edit .react-datepicker__quarter-text--selected,\n.r-table-edit .react-datepicker__quarter-text--in-selecting-range,\n.r-table-edit .react-datepicker__quarter-text--in-range,\n.r-table-edit .react-datepicker__year-text--selected,\n.r-table-edit .react-datepicker__year-text--in-selecting-range,\n.r-table-edit .react-datepicker__year-text--in-range {\n border-radius: 0.3rem;\n background-color: #216ba5;\n color: #FFFFFF;\n}\n.r-table-edit .react-datepicker__day--selected:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__day--in-range:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__month-text--selected:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__year-text--selected:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {\n background-color: rgb(28.75, 93.2196969697, 143.75);\n}\n.r-table-edit .react-datepicker__day--keyboard-selected,\n.r-table-edit .react-datepicker__month-text--keyboard-selected,\n.r-table-edit .react-datepicker__quarter-text--keyboard-selected,\n.r-table-edit .react-datepicker__year-text--keyboard-selected {\n border-radius: 0.3rem;\n background-color: rgb(186.25, 217.0833333333, 241.25);\n color: rgb(0, 0, 0);\n}\n.r-table-edit .react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,\n.r-table-edit .react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {\n background-color: rgb(28.75, 93.2196969697, 143.75);\n}\n.r-table-edit .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--in-range),\n.r-table-edit .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--in-range),\n.r-table-edit .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--in-range),\n.r-table-edit .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--in-range) {\n background-color: rgba(33, 107, 165, 0.5);\n}\n.r-table-edit .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.r-table-edit .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.r-table-edit .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.r-table-edit .react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.r-table-edit .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.r-table-edit .react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.r-table-edit .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.r-table-edit .react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range) {\n background-color: #f0f0f0;\n color: #000000;\n}\n.r-table-edit .react-datepicker__day--disabled,\n.r-table-edit .react-datepicker__month-text--disabled,\n.r-table-edit .react-datepicker__quarter-text--disabled,\n.r-table-edit .react-datepicker__year-text--disabled {\n cursor: default;\n color: #ccc;\n}\n.r-table-edit .react-datepicker__day--disabled .overlay,\n.r-table-edit .react-datepicker__month-text--disabled .overlay,\n.r-table-edit .react-datepicker__quarter-text--disabled .overlay,\n.r-table-edit .react-datepicker__year-text--disabled .overlay {\n position: absolute;\n bottom: 70%;\n left: 50%;\n transform: translateX(-50%);\n background-color: #333;\n color: #FFFFFF;\n padding: 4px;\n border-radius: 4px;\n white-space: nowrap;\n visibility: hidden;\n opacity: 0;\n transition: visibility 0s, opacity 0.3s ease-in-out;\n}\n.r-table-edit .react-datepicker__input-container {\n position: relative;\n display: inline-block;\n width: 100%;\n}\n.r-table-edit .react-datepicker__input-container .react-datepicker__calendar-icon {\n position: absolute;\n padding: 0.5rem;\n box-sizing: content-box;\n}\n.r-table-edit .react-datepicker__view-calendar-icon input {\n padding: 6px 10px 5px 25px;\n}\n.r-table-edit .react-datepicker__year-read-view,\n.r-table-edit .react-datepicker__month-read-view,\n.r-table-edit .react-datepicker__month-year-read-view {\n border: 1px solid transparent;\n border-radius: 0.3rem;\n position: relative;\n}\n.r-table-edit .react-datepicker__year-read-view:hover,\n.r-table-edit .react-datepicker__month-read-view:hover,\n.r-table-edit .react-datepicker__month-year-read-view:hover {\n cursor: pointer;\n}\n.r-table-edit .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,\n.r-table-edit .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,\n.r-table-edit .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,\n.r-table-edit .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,\n.r-table-edit .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,\n.r-table-edit .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {\n border-top-color: rgb(178.5, 178.5, 178.5);\n}\n.r-table-edit .react-datepicker__year-read-view--down-arrow,\n.r-table-edit .react-datepicker__month-read-view--down-arrow,\n.r-table-edit .react-datepicker__month-year-read-view--down-arrow {\n transform: rotate(135deg);\n right: -16px;\n top: 0;\n}\n.r-table-edit .react-datepicker__year-dropdown,\n.r-table-edit .react-datepicker__month-dropdown,\n.r-table-edit .react-datepicker__month-year-dropdown {\n background-color: #f0f0f0;\n position: absolute;\n width: 50%;\n left: 25%;\n top: 30px;\n z-index: 1;\n text-align: center;\n border-radius: 0.3rem;\n border: 1px solid #e0e0e0;\n}\n.r-table-edit .react-datepicker__year-dropdown:hover,\n.r-table-edit .react-datepicker__month-dropdown:hover,\n.r-table-edit .react-datepicker__month-year-dropdown:hover {\n cursor: pointer;\n}\n.r-table-edit .react-datepicker__year-dropdown--scrollable,\n.r-table-edit .react-datepicker__month-dropdown--scrollable,\n.r-table-edit .react-datepicker__month-year-dropdown--scrollable {\n height: 150px;\n overflow-y: scroll;\n}\n.r-table-edit .react-datepicker__year-option,\n.r-table-edit .react-datepicker__month-option,\n.r-table-edit .react-datepicker__month-year-option {\n line-height: 20px;\n width: 100%;\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n.r-table-edit .react-datepicker__year-option:first-of-type,\n.r-table-edit .react-datepicker__month-option:first-of-type,\n.r-table-edit .react-datepicker__month-year-option:first-of-type {\n border-top-left-radius: 0.3rem;\n border-top-right-radius: 0.3rem;\n}\n.r-table-edit .react-datepicker__year-option:last-of-type,\n.r-table-edit .react-datepicker__month-option:last-of-type,\n.r-table-edit .react-datepicker__month-year-option:last-of-type {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom-left-radius: 0.3rem;\n border-bottom-right-radius: 0.3rem;\n}\n.r-table-edit .react-datepicker__year-option:hover,\n.r-table-edit .react-datepicker__month-option:hover,\n.r-table-edit .react-datepicker__month-year-option:hover {\n background-color: #ccc;\n}\n.r-table-edit .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,\n.r-table-edit .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,\n.r-table-edit .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {\n border-bottom-color: rgb(178.5, 178.5, 178.5);\n}\n.r-table-edit .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,\n.r-table-edit .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,\n.r-table-edit .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {\n border-top-color: rgb(178.5, 178.5, 178.5);\n}\n.r-table-edit .react-datepicker__year-option--selected,\n.r-table-edit .react-datepicker__month-option--selected,\n.r-table-edit .react-datepicker__month-year-option--selected {\n position: absolute;\n left: 15px;\n}\n.r-table-edit .react-datepicker__close-icon {\n cursor: pointer;\n background-color: transparent;\n border: 0;\n outline: 0;\n padding: 0 6px 0 0;\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n display: table-cell;\n vertical-align: middle;\n}\n.r-table-edit .react-datepicker__close-icon::after {\n cursor: pointer;\n background-color: transparent;\n color: #c4c4c4;\n height: 16px;\n width: 16px;\n padding: 0px 2px;\n font-size: 25px;\n font-weight: 500;\n line-height: 0.5;\n text-align: center;\n display: table-cell;\n vertical-align: middle;\n content: \"×\";\n}\n.r-table-edit .react-datepicker__close-icon:hover::after {\n color: rgba(0, 0, 0, 0.8705882353) !important;\n}\n.r-table-edit .react-datepicker__close-icon--disabled {\n cursor: default;\n}\n.r-table-edit .react-datepicker__close-icon--disabled::after {\n cursor: default;\n background-color: #ccc;\n}\n.r-table-edit .react-datepicker__today-button {\n background: #f0f0f0;\n border-top: 1px solid #e0e0e0;\n cursor: pointer;\n text-align: center;\n font-weight: bold;\n padding: 5px 0;\n clear: left;\n}\n.r-table-edit .react-datepicker__portal {\n position: fixed;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.8);\n left: 0;\n top: 0;\n justify-content: center;\n align-items: center;\n display: flex;\n z-index: 2147483647;\n}\n.r-table-edit .react-datepicker__portal .react-datepicker__day-name,\n.r-table-edit .react-datepicker__portal .react-datepicker__day,\n.r-table-edit .react-datepicker__portal .react-datepicker__time-name {\n width: 3rem;\n line-height: 3rem;\n}\n@media (max-width: 400px), (max-height: 550px) {\n .r-table-edit .react-datepicker__portal .react-datepicker__day-name,\n .r-table-edit .react-datepicker__portal .react-datepicker__day,\n .r-table-edit .react-datepicker__portal .react-datepicker__time-name {\n width: 2rem;\n line-height: 2rem;\n }\n}\n.r-table-edit .react-datepicker__portal .react-datepicker__current-month,\n.r-table-edit .react-datepicker__portal .react-datepicker-time__header {\n font-size: 1.44rem;\n}\n.r-table-edit .react-datepicker__children-container {\n width: 13.8rem;\n margin: 0.4rem;\n padding-right: 0.2rem;\n padding-left: 0.2rem;\n height: auto;\n}\n.r-table-edit .react-datepicker__aria-live {\n position: absolute;\n clip-path: circle(0);\n border: 0;\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n width: 1px;\n white-space: nowrap;\n}\n.r-table-edit .react-datepicker__calendar-icon {\n width: 1em;\n height: 1em;\n vertical-align: -0.125em;\n}\n.r-table-edit .react-datepicker-popper {\n z-index: 999 !important;\n position: fixed !important;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__current-month {\n color: rgba(0, 0, 0, 0.9) !important;\n font-weight: 500 !important;\n display: none;\n font-family: Montserrat, Helvetica, Arial, serif !important;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__header__dropdown {\n font-family: Montserrat, Helvetica, Arial, serif !important;\n /* Giao diện của menu dropdown (tháng và năm) */\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container {\n margin: 0px 3px 0px 0px;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container {\n margin: 0px 0px 0px 3px;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__month-select:focus,\n.r-table-edit .react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__year-select:focus {\n border: 1px solid #1989fa !important;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__month-select,\n.r-table-edit .react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__year-select {\n background-color: #FFFFFF;\n height: 22px;\n border-radius: 2px;\n padding: 2px 0;\n border: 1px solid hsl(0, 0%, 80%);\n outline: none;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__navigation {\n margin-top: 4px;\n color: #eb4619;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__day-name {\n font-family: Montserrat, Helvetica, Arial, serif !important;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__day {\n outline: none;\n border-radius: 20px !important;\n font-family: Montserrat, Helvetica, Arial, serif !important;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__day:hover {\n background-color: rgba(235, 70, 25, 0.1) !important;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__day--today {\n color: #eb4619;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__day--today.react-datepicker__day--selected {\n color: #FFFFFF;\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__day--today.react-datepicker__day--keyboard-selected {\n background-color: rgba(235, 70, 25, 0.1);\n}\n.r-table-edit .react-datepicker-popper .react-datepicker__day--selected {\n background-color: #eb4619 !important;\n}\n\n.tab-custom {\n font-family: Roboto, \"Segoe UI\", GeezaPro, \"DejaVu Serif\", \"sans-serif\", -apple-system, BlinkMacSystemFont;\n display: flex;\n}\n.tab-custom.tab-parent {\n border-bottom: solid 1px #c9c9c9;\n}\n.tab-custom .btn-scroll {\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.tab-custom .tab-component::-webkit-scrollbar {\n display: none;\n /* Ẩn thanh cuộn nếu không cần */\n}\n.tab-custom .tab-component {\n white-space: nowrap;\n overflow-x: hidden;\n scroll-behavior: smooth;\n}\n.tab-custom .tab-component > * {\n display: inline-block;\n}\n.tab-custom .tab-component .tab-custom-item {\n display: inline-block;\n padding: 3px 10px;\n line-height: 23px;\n cursor: pointer;\n font-size: 13px;\n font-weight: 500;\n text-transform: uppercase;\n height: 30px;\n color: rgba(0, 0, 0, 0.5);\n}\n.tab-custom .tab-component .tab-custom-item.active {\n border-bottom: solid 2px #eb4619 !important;\n color: #eb4619;\n}\n.tab-custom.tab-child .tab-custom-item {\n font-size: 12px !important;\n line-height: 23px !important;\n border-radius: 5px 5px 0px 0px;\n margin: 8px 3px 0px 3px;\n box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;\n}\n\n.bs-stepper {\n background-color: #FFFFFF;\n box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1);\n border-radius: 0.5rem;\n}\n.bs-stepper .bs-stepper-header {\n padding: 1.5rem 1.5rem;\n flex-wrap: wrap;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n margin: 0;\n}\n.bs-stepper .bs-stepper-header .line {\n flex: 0;\n min-width: auto;\n min-height: auto;\n background-color: transparent;\n margin: 0;\n padding: 0 1.75rem;\n color: #283046;\n font-size: 1.5rem;\n}\n.bs-stepper .bs-stepper-header .step {\n margin-bottom: 0.25rem;\n margin-top: 0.25rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger {\n flex-wrap: nowrap;\n padding: 0;\n font-weight: normal;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-box {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 38px;\n height: 38px;\n padding: 0.5em 0;\n font-weight: 500;\n color: #babfc7;\n background-color: rgba(186, 191, 199, 0.12);\n border-radius: 0.35rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {\n text-align: left;\n margin: 0;\n margin-top: 0.5rem;\n margin-left: 1rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {\n display: inherit;\n color: #283046;\n font-weight: 600;\n line-height: 1rem;\n margin-bottom: 0rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle {\n font-weight: 400;\n font-size: 0.85rem;\n color: #b9b9c3;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger:hover {\n background-color: transparent;\n}\n.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box {\n background-color: #eb4619;\n color: #FFFFFF;\n box-shadow: 0 3px 6px 0 rgba(235, 70, 25, 0.4);\n}\n.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-label .bs-stepper-title {\n color: #eb4619;\n}\n.bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-box {\n background-color: rgba(235, 70, 25, 0.12);\n color: #eb4619;\n}\n.bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-label .bs-stepper-title {\n color: #b9b9c3;\n}\n.bs-stepper .bs-stepper-header .step.crossed + .line {\n color: #eb4619;\n}\n.bs-stepper .bs-stepper-content {\n padding: 1.5rem 1.5rem;\n}\n.bs-stepper .bs-stepper-content .content {\n margin-left: 0;\n}\n.bs-stepper .bs-stepper-content .content .content-header {\n margin-bottom: 1rem;\n}\n.bs-stepper.vertical .bs-stepper-header {\n border-right: 1px solid #e0e0e0;\n border-bottom: none;\n}\n.bs-stepper.vertical .bs-stepper-header .step .step-trigger {\n padding: 1rem 0;\n}\n.bs-stepper.vertical .bs-stepper-header .line {\n display: none;\n}\n.bs-stepper.vertical .bs-stepper-content {\n width: 100%;\n padding-top: 2.5rem;\n}\n.bs-stepper.vertical .bs-stepper-content .content:not(.active) {\n display: none;\n}\n.bs-stepper.vertical.wizard-icons .step {\n text-align: center;\n}\n.bs-stepper.wizard-modern {\n background-color: transparent;\n box-shadow: none;\n}\n.bs-stepper.wizard-modern .bs-stepper-header {\n border: none;\n}\n.bs-stepper.wizard-modern .bs-stepper-content {\n background-color: #FFFFFF;\n border-radius: 0.5rem;\n box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1);\n}\n\n.horizontal-wizard,\n.vertical-wizard,\n.modern-horizontal-wizard,\n.modern-vertical-wizard {\n margin-bottom: 2.2rem;\n}\n\nhtml[data-textdirection=rtl] .btn-prev,\nhtml[data-textdirection=rtl] .btn-next {\n display: flex;\n}\nhtml[data-textdirection=rtl] .btn-prev i,\nhtml[data-textdirection=rtl] .btn-prev svg,\nhtml[data-textdirection=rtl] .btn-next i,\nhtml[data-textdirection=rtl] .btn-next svg {\n transform: rotate(-180deg);\n}\n\n@media (max-width: 992px) {\n .bs-stepper .bs-stepper-header {\n flex-direction: column;\n align-items: flex-start;\n }\n .bs-stepper .bs-stepper-header .step .step-trigger {\n padding: 0.5rem 0 !important;\n flex-direction: row;\n }\n .bs-stepper .bs-stepper-header .line {\n display: none;\n }\n .bs-stepper.vertical {\n flex-direction: column;\n }\n .bs-stepper.vertical .bs-stepper-header {\n align-items: flex-start;\n }\n .bs-stepper.vertical .bs-stepper-content {\n padding-top: 1.5rem;\n }\n}\n.r-table-edit .r-grid {\n font-size: 12px;\n}\n.r-table-edit .r-grid .r-search {\n display: flex;\n position: relative;\n align-items: center;\n}\n.r-table-edit .r-grid .r-search .input__value {\n z-index: 1;\n}\n.r-table-edit .r-grid .r-search .input__value.is-clearable {\n padding-right: 25px;\n}\n.r-table-edit .r-grid .r-search .input__clear-icon {\n position: absolute;\n right: 5px;\n z-index: 10;\n}\n.r-table-edit .r-grid .r-gridtable {\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n overflow-y: scroll;\n position: relative;\n background-color: #FFFFFF;\n color: rgba(0, 0, 0, 0.8705882353);\n font-weight: 400;\n border: 1px solid #e0e0e0;\n /* Toàn bộ thanh cuộn */\n /* Nền của thanh cuộn */\n /* Thanh trượt (thumb) */\n /* Khi hover */\n}\n.r-table-edit .r-grid .r-gridtable table {\n table-layout: fixed;\n border-collapse: separate;\n border-spacing: 0px;\n}\n.r-table-edit .r-grid .r-gridtable::-webkit-scrollbar {\n width: 9px;\n /* Độ rộng của thanh cuộn */\n height: 9px;\n /* Độ cao của thanh cuộn */\n}\n.r-table-edit .r-grid .r-gridtable::-webkit-scrollbar-track {\n background: #FCFCFC;\n /* Màu nền nhạt */\n}\n.r-table-edit .r-grid .r-gridtable::-webkit-scrollbar-thumb {\n background: #8B8B8B;\n /* Màu xám nhạt */\n border-radius: 6px;\n /* Bo góc giống Edge */\n}\n.r-table-edit .r-grid .r-gridtable::-webkit-scrollbar-thumb:hover {\n background: #636363;\n /* Màu đậm hơn khi hover */\n}\n.r-table-edit .r-grid .r-gridtable .react-resizable-handle.react-resizable-handle-se {\n position: absolute;\n right: 0px;\n top: 0px;\n width: 10px;\n height: 100%;\n cursor: col-resize;\n background-image: none;\n}\n.r-table-edit .r-grid .r-gridtable .r-filter svg.active {\n color: #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-filter-popup .react-select-table .select-value {\n line-height: 20px !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-filter-popup .react-select-table .select-placeholder {\n line-height: 20px !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-filter-popup .react-select-table .r-select-is-focus {\n border-color: #eb4619 !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-filter-popup .form-control:focus {\n border-color: #eb4619 !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-no-data {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n padding: 20px 9px;\n color: #8f8f8f;\n}\n.r-table-edit .r-grid .r-gridtable .r-loading-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0.3);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 3;\n}\n.r-table-edit .r-grid .r-gridtable .r-loading-overlay .r-loading {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n padding: 7px 9px;\n color: #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .cell-fixed {\n z-index: 2 !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .cell-fixed.fix-right .r-headercell-div {\n border-left: 1px solid #e0e0e0;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .cell-fixed.fix-left .r-headercell-div {\n border-right: 1px solid #e0e0e0;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .cell-fixed.fix-left.fixed-last .r-headercell-div {\n box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.1);\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .cell-fixed.fix-right.fixed-last .r-headercell-div {\n box-shadow: -2px 0 4px -1px rgba(0, 0, 0, 0.1);\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .r-headercell {\n color: rgba(0, 0, 0, 0.8705882353);\n position: sticky;\n padding: 0px;\n height: 42px;\n z-index: 1;\n border-width: 0px;\n line-height: 16px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .r-headercell .r-headercell-div {\n border-right: 1px solid #e0e0e0;\n border-bottom: 1px solid #e0e0e0;\n background-color: #FFFFFF;\n display: flex;\n align-items: center;\n text-align: center;\n padding: 5px 10px;\n height: 100%;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .r-headercell .header-content {\n display: flex;\n flex: 1 1 0%;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .r-headercell .header-content .text-content {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row:first-of-type .r-rowcell-div {\n border-top-color: #FFFFFF;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row {\n font-size: 13px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .cell-fixed {\n position: sticky;\n z-index: 1;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell {\n background-color: #FFFFFF;\n border-bottom: 1px solid #e0e0e0;\n border-right: 1px solid #e0e0e0;\n vertical-align: middle;\n padding: 0;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.fix-right {\n border-left: 1px solid #e0e0e0;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.fix-right.fixed-last {\n border-left: 1px solid #e0e0e0;\n box-shadow: -2px 0 4px -1px rgba(0, 0, 0, 0.1);\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.fix-left.fixed-last {\n border-right: 1px solid #e0e0e0;\n box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.1);\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.r-active-row {\n background-color: #fce6df;\n border-right: 2px solid #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div {\n min-height: 28px !important;\n border: 1px solid transparent;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-icon-expand {\n transition: transform 0.3s ease;\n position: absolute;\n left: 3px;\n top: 8px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-icon-expand.is-open {\n transform: rotate(90deg);\n -moz-transform: rotate(90deg);\n -webkit-transform: rotate(90deg);\n -o-transform: rotate(90deg);\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .arrow-context-menu {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 15px;\n width: 15px;\n background-color: #FFFFFF;\n border-radius: 10px;\n border: 1px solid #e0e0e0;\n box-shadow: 0px 0px 2px #e0e0e0;\n right: -5px;\n bottom: -5px;\n z-index: 10000;\n cursor: pointer;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div.command {\n padding-top: 0px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div:focus {\n outline: none;\n /* bỏ viền focus mặc định */\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div.r-cell-disable {\n background-color: #f9f9f9;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div.r-active-cell {\n background-color: rgb(255, 240, 240);\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-cell-text:focus {\n outline: none;\n /* bỏ viền focus mặc định */\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-icon-invalid {\n position: absolute;\n width: 10px;\n height: 10px;\n top: 0px;\n left: -6px;\n rotate: -90deg;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-drag-icon {\n position: absolute;\n border: 1px solid #FFFFFF;\n bottom: -2px;\n right: -2px;\n width: 7px;\n height: 7px;\n background-color: #eb4619;\n border-radius: 20%;\n cursor: crosshair;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-cell-text {\n padding: 0px 7px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: flex;\n align-items: center;\n min-width: 0;\n min-height: 28px;\n flex: 1;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-cell-text .r-drop-icon {\n position: absolute;\n fill: #c4c4c4 !important;\n right: 9px;\n top: 5px;\n cursor: pointer;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .is-invalid {\n border-width: 0px !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .is-invalid .r-select-is-invalid {\n border-width: 0px !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div.r-cell-selected-top {\n border-top: 1px solid #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div.r-cell-selected-bottom {\n border-bottom: 1px solid #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div.r-cell-selected-left {\n border-left: 1px solid #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div.r-cell-selected-right {\n border-right: 1px solid #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .react-select-table.is-invalid {\n border-width: 0px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .react-select-table .r-select-is-focus {\n border-width: 0px !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .react-select-table .select-table-control {\n border-radius: 0px;\n border-width: 0px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .react-select-table .select-table-control.r-select-is-focus {\n border: 1px solid #1989fa;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit .display-value {\n cursor: pointer;\n border-radius: 0px;\n background-color: #FFFFFF;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit .input-display {\n border-width: 0px;\n box-sizing: border-box;\n border: none;\n /* Loại bỏ border */\n outline: none;\n /* Loại bỏ outline khi input được chọn */\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit .form-input-content .form-control {\n border-radius: 4px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit .form-input-content .form-control:focus {\n border: 1px solid #1989fa;\n outline: none;\n box-shadow: none;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit input::placeholder {\n color: #eb4619;\n opacity: 1;\n /* Firefox */\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit-inline .form__display {\n vertical-align: middle;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit-inline .form__edit {\n display: none;\n text-align: left;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit-inline .form__edit.active {\n display: flex;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit-inline .form__edit .form-label {\n font-size: 10px;\n margin-bottom: 0px;\n text-align: left;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit-inline .form__edit .form-control {\n border-radius: 0px;\n height: 23px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit-inline .form__edit .form__element {\n margin: 0px 2px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-date-input {\n text-align: center;\n height: 29px;\n border: 1px solid #ccc;\n border-radius: 4px;\n padding: 5px;\n font-size: 14px;\n background-color: #f9f9f9;\n color: #333;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-control:focus {\n border-radius: 0px;\n border-width: 0px;\n background-color: #f8f8f8;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div input {\n font-size: 13px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridfoot {\n color: #283046;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridfoot .r-row {\n bottom: 0px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridfoot .r-row .r-footer {\n background-color: #fafafa;\n font-size: 14px;\n font-weight: 600;\n width: 100px;\n position: sticky;\n z-index: 1;\n bottom: 0;\n border-width: 0px;\n padding: 0px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridfoot .r-row .r-footer.cell-fixed {\n z-index: 2;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridfoot .r-row .r-footer .r-footer-div {\n height: 30px;\n padding: 5px 7px;\n}\n.r-table-edit .r-grid .r-gridtable .formula-dropdown {\n box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;\n}\n.r-table-edit .r-grid .text-left .form-label {\n text-align: left;\n}\n.r-table-edit .r-grid .r-toolbar {\n border: 1px solid #e0e0e0;\n height: 44px;\n}\n.r-table-edit .r-grid .r-toolbar.r-toolbar-bottom {\n border-top-width: 0px;\n}\n.r-table-edit .r-grid .r-toolbar.r-toolbar-top {\n border-bottom-width: 0px;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-left {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-left .r-toolbar-item {\n margin: 7px 0px 7px 7px;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-center {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-center .r-toolbar-item {\n margin: 7px 3px 7px 3px;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-right {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-right .r-toolbar-item {\n margin: 7px 7px 7px 0px;\n}\n.r-table-edit .r-setting-container {\n margin: 0px 15px;\n}\n.r-table-edit .r-setting-container .r-setting-content {\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n overflow-y: scroll;\n position: relative;\n background-color: #FFFFFF;\n color: rgba(0, 0, 0, 0.8705882353);\n font-weight: 400;\n border-left: 1px solid #e0e0e0;\n border-right: 1px solid #e0e0e0;\n /* Toàn bộ thanh cuộn */\n /* Nền của thanh cuộn */\n /* Thanh trượt (thumb) */\n /* Khi hover */\n}\n.r-table-edit .r-setting-container .r-setting-content::-webkit-scrollbar {\n width: 9px;\n /* Độ rộng của thanh cuộn */\n height: 9px;\n /* Độ cao của thanh cuộn */\n}\n.r-table-edit .r-setting-container .r-setting-content::-webkit-scrollbar-track {\n background: #FCFCFC;\n /* Màu nền nhạt */\n}\n.r-table-edit .r-setting-container .r-setting-content::-webkit-scrollbar-thumb {\n background: #8B8B8B;\n /* Màu xám nhạt */\n border-radius: 6px;\n /* Bo góc giống Edge */\n}\n.r-table-edit .r-setting-container .r-setting-content::-webkit-scrollbar-thumb:hover {\n background: #636363;\n /* Màu đậm hơn khi hover */\n}\n.r-table-edit .r-setting-container .r-setting-row {\n padding: 5px !important;\n margin: 0px;\n border-bottom: 1px solid #e0e0e0;\n font-size: 13px;\n display: flex;\n align-items: center;\n}\n.r-table-edit .r-setting-container .r-setting-row .r-setting-cell {\n padding-right: 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.r-table-edit .r-setting-container .r-setting-row .r-setting-cell .form-control {\n font-size: 13px !important;\n}\n.r-table-edit .r-setting-container .r-setting-row.r-setting-header {\n font-size: 12px !important;\n}\n.r-table-edit.r-virtualized-table .r-row:hover .r-rowcell {\n background-color: #fce6df !important;\n}\n.r-table-edit .r-pager {\n border: 1px solid #e0e0e0;\n border-top-width: 0px;\n min-height: 50px;\n width: 100%;\n display: inline-block;\n}\n.r-table-edit .r-pager .r-pagercontainer {\n margin-left: 10px;\n float: left;\n height: 100%;\n display: block;\n align-items: center;\n}\n.r-table-edit .r-pager .r-pagercontainer .r-button {\n display: inline-block;\n margin: 9px 6px;\n height: 30px;\n width: 30px;\n padding: 6px;\n border-width: 0px;\n background-color: transparent;\n}\n.r-table-edit .r-pager .r-pagercontainer .r-button svg {\n font-size: 16px;\n}\n.r-table-edit .r-pager .r-pagercontainer .r-number {\n display: inline-block;\n margin: 10px 4px 0px 0px;\n height: 25px;\n width: 25px;\n font-size: 13px;\n padding-top: 4px;\n text-align: center;\n cursor: pointer;\n border-radius: 5px;\n}\n.r-table-edit .r-pager .r-pagercontainer .r-number.r-active {\n background-color: rgba(235, 70, 25, 0.1);\n color: #eb4619;\n}\n.r-table-edit .r-pager .r-pagercontainer .r-number:hover {\n border: 1px solid #eb4619;\n}\n.r-table-edit .r-pager .r-pagesize {\n margin-left: 20px;\n font-size: 13px;\n display: inline-block;\n}\n.r-table-edit .r-pager .r-pagesize .select-pagesize__menu-portal {\n z-index: 5;\n}\n.r-table-edit .r-pager .r-parentmsgbar {\n font-size: 13px;\n float: right;\n padding-bottom: 9px;\n padding-right: 18px;\n padding-top: 14px;\n}\n\n.r-tooltip .tooltip-inner {\n font-size: 11px;\n}\n.r-tooltip.tooltip-error ::before {\n border-top-color: rgb(235, 78, 78);\n}\n.r-tooltip.tooltip-error .tooltip-inner {\n background-color: rgb(235, 78, 78);\n}\n\n.btn-input-style {\n font-weight: 500;\n text-transform: uppercase;\n border: 1px solid #e0e0e0;\n border-radius: 5px;\n margin-left: 3px;\n height: 28px;\n padding: 2px 5px;\n cursor: pointer;\n}\n.btn-input-style:hover {\n background-color: rgba(235, 70, 25, 0.1);\n color: #eb4619;\n}\n.btn-input-style.active-custom {\n background-color: #eb4619;\n color: #FFFFFF;\n}";
40753
41292
  styleInject(css_248z$2);
40754
41293
 
40755
41294
  const getColumn = (contentColumns, col, index) => {
@@ -41154,11 +41693,11 @@ const CellComponent = React__default["default"].memo((props) => {
41154
41693
  const content = typeDis === 'template' ? col.template?.(row, indexRow) ?? '' : value;
41155
41694
  const isNegativeNumeric = col.type === 'numeric' && Number(row[col.field]) < 0;
41156
41695
  const displayValue = isNegativeNumeric ? jsxRuntime.jsx("span", { style: { color: formatSetting?.colorNegative ?? 'red' }, children: `${formatSetting?.prefixNegative ?? '-'}${content}${formatSetting?.suffixNegative ?? ''}` }) : content;
41157
- return (jsxRuntime.jsx("td", { ...commonTdProps, children: jsxRuntime.jsx("div", { className: "r-rowcell-div", children: jsxRuntime.jsxs("div", { className: classNames$1("r-rowcell-content", { "r-active-cell": !(indexCol === startCell.col && indexRow === startCell.row) && ((isSelected && editDisable) || isActiveCell) }, { "r-cell-disable": (col.editEnable !== true || col.disabledCondition?.(row)) && !editDisable }, { "r-cell-selected-top": indexRow === selectedCell?.minRow && isActiveCell }, { "r-cell-selected-bottom": indexRow === selectedCell?.maxRow && isActiveCell }, { "r-cell-selected-left": indexCol === selectedCell?.minCol && isActiveCell }, { "r-cell-selected-right": indexCol === selectedCell?.maxCol && isActiveCell }), style: { textAlign: col.textAlign ?? "left" }, children: [jsxRuntime.jsx(CellContentComponent, { col: col, row: row, indexRow: indexRow, indexCol: indexCol, idTable: idTable, gridRef: gridRef, editDisable: editDisable, formatSetting: formatSetting, displayValue: displayValue, typeDis: typeDis, content: content, handleMouseDown: handleMouseDown, handleKeyDown: handleKeyDown, focusEditElementCell: focusEditElementCell, handleDataChange: handleDataChange }), indexRow === selectedCell?.maxRow && indexCol === selectedCell?.maxCol && isActiveCell && jsxRuntime.jsx("div", { className: "r-drag-icon", onDoubleClick: () => {
41158
- if (selectedCell && selectedCell?.minCol === selectedCell?.maxCol) {
41159
- handeCopyCell(indexCol, indexRow, totalCount - 1);
41160
- }
41161
- }, onMouseDown: (e) => handleMouseDown(e, 2) }), errorMessage && jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { id: `error-row${indexRow}-col${indexCol}`, className: classNames$1("cursor-pointer r-icon-invalid"), children: jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: [jsxRuntime.jsx("g", { "clip-path": "url(#clip0_537_2)", children: jsxRuntime.jsx("path", { d: "M18.0301 -0.0416304L17.9871 17.5138L0.474868 0.0404105L18.0301 -0.0416304Z", fill: "#da2626ff" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_537_2", children: jsxRuntime.jsx("rect", { width: "18", height: "18", fill: "white" }) }) })] }) }), jsxRuntime.jsx(UncontrolledTooltip, { target: `error-row${indexRow}-col${indexCol}`, className: "r-tooltip tooltip-error", children: errorMessage?.toString() ?? "" })] })] }) }) }));
41696
+ return (jsxRuntime.jsx("td", { ...commonTdProps, children: jsxRuntime.jsxs("div", { className: classNames$1("r-rowcell-div", { "r-active-cell": !(indexCol === startCell.col && indexRow === startCell.row) && ((isSelected && editDisable) || isActiveCell) }, { "r-cell-disable": (col.editEnable !== true || col.disabledCondition?.(row)) && !editDisable }, { "r-cell-selected-top": indexRow === selectedCell?.minRow && isActiveCell }, { "r-cell-selected-bottom": indexRow === selectedCell?.maxRow && isActiveCell }, { "r-cell-selected-left": indexCol === selectedCell?.minCol && isActiveCell }, { "r-cell-selected-right": indexCol === selectedCell?.maxCol && isActiveCell }), style: { textAlign: col.textAlign ?? "left" }, children: [jsxRuntime.jsx(CellContentComponent, { col: col, row: row, indexRow: indexRow, indexCol: indexCol, idTable: idTable, gridRef: gridRef, editDisable: editDisable, formatSetting: formatSetting, displayValue: displayValue, typeDis: typeDis, content: content, handleMouseDown: handleMouseDown, handleKeyDown: handleKeyDown, focusEditElementCell: focusEditElementCell, handleDataChange: handleDataChange }), indexRow === selectedCell?.maxRow && indexCol === selectedCell?.maxCol && isActiveCell && jsxRuntime.jsx("div", { className: "r-drag-icon", onDoubleClick: () => {
41697
+ if (selectedCell && selectedCell?.minCol === selectedCell?.maxCol) {
41698
+ handeCopyCell(indexCol, indexRow, totalCount - 1);
41699
+ }
41700
+ }, onMouseDown: (e) => handleMouseDown(e, 2) }), errorMessage && jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { id: `error-row${indexRow}-col${indexCol}`, className: classNames$1("cursor-pointer r-icon-invalid"), children: jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: [jsxRuntime.jsx("g", { "clip-path": "url(#clip0_537_2)", children: jsxRuntime.jsx("path", { d: "M18.0301 -0.0416304L17.9871 17.5138L0.474868 0.0404105L18.0301 -0.0416304Z", fill: "#da2626ff" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_537_2", children: jsxRuntime.jsx("rect", { width: "18", height: "18", fill: "white" }) }) })] }) }), jsxRuntime.jsx(UncontrolledTooltip, { target: `error-row${indexRow}-col${indexCol}`, className: "r-tooltip tooltip-error", children: errorMessage?.toString() ?? "" })] })] }) }));
41162
41701
  });
41163
41702
 
41164
41703
  const FooterCol = ({ col, indexCol, dataSource, objWidthFix, formatSetting }) => {
@@ -43290,6 +43829,453 @@ const handleEnter = (e, params) => {
43290
43829
  }
43291
43830
  };
43292
43831
 
43832
+ var dist = {exports: {}};
43833
+
43834
+ var isProduction = process.env.NODE_ENV === 'production';
43835
+ var prefix$1 = 'Invariant failed';
43836
+ function invariant(condition, message) {
43837
+ if (condition) {
43838
+ return;
43839
+ }
43840
+ if (isProduction) {
43841
+ throw new Error(prefix$1);
43842
+ }
43843
+ var provided = typeof message === 'function' ? message() : message;
43844
+ var value = provided ? prefix$1 + ": " + provided : prefix$1;
43845
+ throw new Error(value);
43846
+ }
43847
+
43848
+ var tinyInvariant_esm = /*#__PURE__*/Object.freeze({
43849
+ __proto__: null,
43850
+ 'default': invariant
43851
+ });
43852
+
43853
+ var require$$3 = /*@__PURE__*/getAugmentedNamespace(tinyInvariant_esm);
43854
+
43855
+ (function (module) {
43856
+ var $8zHUo$sortablejs = require$$0__default["default"];
43857
+ var $8zHUo$classnames = classnames$1.exports;
43858
+ var $8zHUo$react = React__default["default"];
43859
+ var $8zHUo$tinyinvariant = require$$3;
43860
+
43861
+ function $parcel$interopDefault(a) {
43862
+ return a && a.__esModule ? a.default : a;
43863
+ }
43864
+ function $parcel$export(e, n, v, s) {
43865
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
43866
+ }
43867
+ function $parcel$exportWildcard(dest, source) {
43868
+ Object.keys(source).forEach(function(key) {
43869
+ if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
43870
+ return;
43871
+ }
43872
+
43873
+ Object.defineProperty(dest, key, {
43874
+ enumerable: true,
43875
+ get: function get() {
43876
+ return source[key];
43877
+ }
43878
+ });
43879
+ });
43880
+
43881
+ return dest;
43882
+ }
43883
+
43884
+ $parcel$export(module.exports, "Sortable", () => $882b6d93070905b3$re_export$Sortable);
43885
+ $parcel$export(module.exports, "Direction", () => $882b6d93070905b3$re_export$Direction);
43886
+ $parcel$export(module.exports, "DOMRect", () => $882b6d93070905b3$re_export$DOMRect);
43887
+ $parcel$export(module.exports, "GroupOptions", () => $882b6d93070905b3$re_export$GroupOptions);
43888
+ $parcel$export(module.exports, "MoveEvent", () => $882b6d93070905b3$re_export$MoveEvent);
43889
+ $parcel$export(module.exports, "Options", () => $882b6d93070905b3$re_export$Options);
43890
+ $parcel$export(module.exports, "PullResult", () => $882b6d93070905b3$re_export$PullResult);
43891
+ $parcel$export(module.exports, "PutResult", () => $882b6d93070905b3$re_export$PutResult);
43892
+ $parcel$export(module.exports, "SortableEvent", () => $882b6d93070905b3$re_export$SortableEvent);
43893
+ $parcel$export(module.exports, "SortableOptions", () => $882b6d93070905b3$re_export$SortableOptions);
43894
+ $parcel$export(module.exports, "Utils", () => $882b6d93070905b3$re_export$Utils);
43895
+ $parcel$export(module.exports, "ReactSortable", () => $7fe8e3ea572bda7a$export$11bbed9ee0012c13);
43896
+
43897
+
43898
+
43899
+
43900
+
43901
+ function $eb03e74f8f7db1f3$export$1d0aa160432dfea5(node) {
43902
+ if (node.parentElement !== null) node.parentElement.removeChild(node);
43903
+ }
43904
+ function $eb03e74f8f7db1f3$export$6d240faa51aa562f(parent, newChild, index) {
43905
+ const refChild = parent.children[index] || null;
43906
+ parent.insertBefore(newChild, refChild);
43907
+ }
43908
+ function $eb03e74f8f7db1f3$export$77f49a256021c8de(customs) {
43909
+ customs.forEach((curr)=>$eb03e74f8f7db1f3$export$1d0aa160432dfea5(curr.element));
43910
+ }
43911
+ function $eb03e74f8f7db1f3$export$a6177d5829f70ebc(customs) {
43912
+ customs.forEach((curr)=>{
43913
+ $eb03e74f8f7db1f3$export$6d240faa51aa562f(curr.parentElement, curr.element, curr.oldIndex);
43914
+ });
43915
+ }
43916
+ function $eb03e74f8f7db1f3$export$4655efe700f887a(evt, list) {
43917
+ const mode = $eb03e74f8f7db1f3$export$1fc0f6205829e19c(evt);
43918
+ const parentElement = {
43919
+ parentElement: evt.from
43920
+ };
43921
+ let custom = [];
43922
+ switch(mode){
43923
+ case "normal":
43924
+ /* eslint-disable */ const item = {
43925
+ element: evt.item,
43926
+ newIndex: evt.newIndex,
43927
+ oldIndex: evt.oldIndex,
43928
+ parentElement: evt.from
43929
+ };
43930
+ custom = [
43931
+ item
43932
+ ];
43933
+ break;
43934
+ case "swap":
43935
+ const drag = {
43936
+ element: evt.item,
43937
+ oldIndex: evt.oldIndex,
43938
+ newIndex: evt.newIndex,
43939
+ ...parentElement
43940
+ };
43941
+ const swap = {
43942
+ element: evt.swapItem,
43943
+ oldIndex: evt.newIndex,
43944
+ newIndex: evt.oldIndex,
43945
+ ...parentElement
43946
+ };
43947
+ custom = [
43948
+ drag,
43949
+ swap
43950
+ ];
43951
+ break;
43952
+ case "multidrag":
43953
+ custom = evt.oldIndicies.map((curr, index)=>({
43954
+ element: curr.multiDragElement,
43955
+ oldIndex: curr.index,
43956
+ newIndex: evt.newIndicies[index].index,
43957
+ ...parentElement
43958
+ }));
43959
+ break;
43960
+ }
43961
+ /* eslint-enable */ const customs = $eb03e74f8f7db1f3$export$bc06a3af7dc65f53(custom, list);
43962
+ return customs;
43963
+ }
43964
+ function $eb03e74f8f7db1f3$export$c25cf8080bd305ec(normalized, list) {
43965
+ const a = $eb03e74f8f7db1f3$export$be2da95e6167b0bd(normalized, list);
43966
+ const b = $eb03e74f8f7db1f3$export$eca851ee65ae17e4(normalized, a);
43967
+ return b;
43968
+ }
43969
+ function $eb03e74f8f7db1f3$export$be2da95e6167b0bd(normalized, list) {
43970
+ const newList = [
43971
+ ...list
43972
+ ];
43973
+ normalized.concat().reverse().forEach((curr)=>newList.splice(curr.oldIndex, 1));
43974
+ return newList;
43975
+ }
43976
+ function $eb03e74f8f7db1f3$export$eca851ee65ae17e4(normalized, list, evt, clone) {
43977
+ const newList = [
43978
+ ...list
43979
+ ];
43980
+ normalized.forEach((curr)=>{
43981
+ const newItem = clone && evt && clone(curr.item, evt);
43982
+ newList.splice(curr.newIndex, 0, newItem || curr.item);
43983
+ });
43984
+ return newList;
43985
+ }
43986
+ function $eb03e74f8f7db1f3$export$1fc0f6205829e19c(evt) {
43987
+ if (evt.oldIndicies && evt.oldIndicies.length > 0) return "multidrag";
43988
+ if (evt.swapItem) return "swap";
43989
+ return "normal";
43990
+ }
43991
+ function $eb03e74f8f7db1f3$export$bc06a3af7dc65f53(inputs, list) {
43992
+ const normalized = inputs.map((curr)=>({
43993
+ ...curr,
43994
+ item: list[curr.oldIndex]
43995
+ })).sort((a, b)=>a.oldIndex - b.oldIndex);
43996
+ return normalized;
43997
+ }
43998
+ function $eb03e74f8f7db1f3$export$7553c81e62e31b7e(props) {
43999
+ /* eslint-disable */ const { list: // react sortable props
44000
+ list , setList: setList , children: children , tag: tag , style: style , className: className , clone: clone , onAdd: // sortable options that have methods we want to overwrite
44001
+ onAdd , onChange: onChange , onChoose: onChoose , onClone: onClone , onEnd: onEnd , onFilter: onFilter , onRemove: onRemove , onSort: onSort , onStart: onStart , onUnchoose: onUnchoose , onUpdate: onUpdate , onMove: onMove , onSpill: onSpill , onSelect: onSelect , onDeselect: onDeselect , ...options } = props;
44002
+ /* eslint-enable */ return options;
44003
+ }
44004
+
44005
+
44006
+ /** Holds a global reference for which react element is being dragged */ // @todo - use context to manage this. How does one use 2 different providers?
44007
+ const $7fe8e3ea572bda7a$var$store = {
44008
+ dragging: null
44009
+ };
44010
+ class $7fe8e3ea572bda7a$export$11bbed9ee0012c13 extends ($8zHUo$react.Component) {
44011
+ /* eslint-disable-next-line */ static defaultProps = {
44012
+ clone: (item)=>item
44013
+ };
44014
+ constructor(props){
44015
+ super(props);
44016
+ // @todo forward ref this component
44017
+ this.ref = /*#__PURE__*/ (0, $8zHUo$react.createRef)();
44018
+ // make all state false because we can't change sortable unless a mouse gesture is made.
44019
+ const newList = [
44020
+ ...props.list
44021
+ ].map((item)=>Object.assign(item, {
44022
+ chosen: false,
44023
+ selected: false
44024
+ }));
44025
+ props.setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
44026
+ (($parcel$interopDefault($8zHUo$tinyinvariant)))(//@ts-expect-error: Doesn't exist. Will deprecate soon.
44027
+ !props.plugins, `
44028
+ Plugins prop is no longer supported.
44029
+ Instead, mount it with "Sortable.mount(new MultiDrag())"
44030
+ Please read the updated README.md at https://github.com/SortableJS/react-sortablejs.
44031
+ `);
44032
+ }
44033
+ componentDidMount() {
44034
+ if (this.ref.current === null) return;
44035
+ const newOptions = this.makeOptions();
44036
+ (($parcel$interopDefault($8zHUo$sortablejs))).create(this.ref.current, newOptions);
44037
+ }
44038
+ componentDidUpdate(prevProps) {
44039
+ if (prevProps.disabled !== this.props.disabled && this.sortable) this.sortable.option("disabled", this.props.disabled);
44040
+ }
44041
+ render() {
44042
+ const { tag: tag , style: style , className: className , id: id } = this.props;
44043
+ const classicProps = {
44044
+ style: style,
44045
+ className: className,
44046
+ id: id
44047
+ };
44048
+ // if no tag, default to a `div` element.
44049
+ const newTag = !tag || tag === null ? "div" : tag;
44050
+ return /*#__PURE__*/ (0, $8zHUo$react.createElement)(newTag, {
44051
+ // @todo - find a way (perhaps with the callback) to allow AntD components to work
44052
+ ref: this.ref,
44053
+ ...classicProps
44054
+ }, this.getChildren());
44055
+ }
44056
+ getChildren() {
44057
+ const { children: children , dataIdAttr: dataIdAttr , selectedClass: selectedClass = "sortable-selected" , chosenClass: chosenClass = "sortable-chosen" , dragClass: /* eslint-disable */ dragClass = "sortable-drag" , fallbackClass: fallbackClass = "sortable-falback" , ghostClass: ghostClass = "sortable-ghost" , swapClass: swapClass = "sortable-swap-highlight" , filter: /* eslint-enable */ filter = "sortable-filter" , list: list , } = this.props;
44058
+ // if no children, don't do anything.
44059
+ if (!children || children == null) return null;
44060
+ const dataid = dataIdAttr || "data-id";
44061
+ /* eslint-disable-next-line */ return ($8zHUo$react.Children).map(children, (child, index)=>{
44062
+ if (child === undefined) return undefined;
44063
+ const item = list[index] || {};
44064
+ const { className: prevClassName } = child.props;
44065
+ // @todo - handle the function if avalable. I don't think anyone will be doing this soon.
44066
+ const filtered = typeof filter === "string" && {
44067
+ [filter.replace(".", "")]: !!item.filtered
44068
+ };
44069
+ const className = (($parcel$interopDefault($8zHUo$classnames)))(prevClassName, {
44070
+ [selectedClass]: item.selected,
44071
+ [chosenClass]: item.chosen,
44072
+ ...filtered
44073
+ });
44074
+ return /*#__PURE__*/ (0, $8zHUo$react.cloneElement)(child, {
44075
+ [dataid]: child.key,
44076
+ className: className
44077
+ });
44078
+ });
44079
+ }
44080
+ /** Appends the `sortable` property to this component */ get sortable() {
44081
+ const el = this.ref.current;
44082
+ if (el === null) return null;
44083
+ const key = Object.keys(el).find((k)=>k.includes("Sortable"));
44084
+ if (!key) return null;
44085
+ //@ts-expect-error: fix me.
44086
+ return el[key];
44087
+ }
44088
+ /** Converts all the props from `ReactSortable` into the `options` object that `Sortable.create(el, [options])` can use. */ makeOptions() {
44089
+ const DOMHandlers = [
44090
+ "onAdd",
44091
+ "onChoose",
44092
+ "onDeselect",
44093
+ "onEnd",
44094
+ "onRemove",
44095
+ "onSelect",
44096
+ "onSpill",
44097
+ "onStart",
44098
+ "onUnchoose",
44099
+ "onUpdate",
44100
+ ];
44101
+ const NonDOMHandlers = [
44102
+ "onChange",
44103
+ "onClone",
44104
+ "onFilter",
44105
+ "onSort",
44106
+ ];
44107
+ const newOptions = ($eb03e74f8f7db1f3$export$7553c81e62e31b7e)(this.props);
44108
+ DOMHandlers.forEach((name)=>newOptions[name] = this.prepareOnHandlerPropAndDOM(name));
44109
+ NonDOMHandlers.forEach((name)=>newOptions[name] = this.prepareOnHandlerProp(name));
44110
+ /** onMove has 2 arguments and needs to be handled seperately. */ const onMove1 = (evt, originalEvt)=>{
44111
+ const { onMove: onMove } = this.props;
44112
+ const defaultValue = evt.willInsertAfter || -1;
44113
+ if (!onMove) return defaultValue;
44114
+ const result = onMove(evt, originalEvt, this.sortable, $7fe8e3ea572bda7a$var$store);
44115
+ if (typeof result === "undefined") return false;
44116
+ return result;
44117
+ };
44118
+ return {
44119
+ ...newOptions,
44120
+ onMove: onMove1
44121
+ };
44122
+ }
44123
+ /** Prepares a method that will be used in the sortable options to call an `on[Handler]` prop & an `on[Handler]` ReactSortable method. */ prepareOnHandlerPropAndDOM(evtName) {
44124
+ return (evt)=>{
44125
+ // call the component prop
44126
+ this.callOnHandlerProp(evt, evtName);
44127
+ // calls state change
44128
+ //@ts-expect-error: until @types multidrag item is in
44129
+ this[evtName](evt);
44130
+ };
44131
+ }
44132
+ /** Prepares a method that will be used in the sortable options to call an `on[Handler]` prop */ prepareOnHandlerProp(evtName) {
44133
+ return (evt)=>{
44134
+ // call the component prop
44135
+ this.callOnHandlerProp(evt, evtName);
44136
+ };
44137
+ }
44138
+ /** Calls the `props.on[Handler]` function */ callOnHandlerProp(evt, evtName) {
44139
+ const propEvent = this.props[evtName];
44140
+ if (propEvent) propEvent(evt, this.sortable, $7fe8e3ea572bda7a$var$store);
44141
+ }
44142
+ // SORTABLE DOM HANDLING
44143
+ onAdd(evt) {
44144
+ const { list: list , setList: setList , clone: clone } = this.props;
44145
+ /* eslint-disable-next-line */ const otherList = [
44146
+ ...$7fe8e3ea572bda7a$var$store.dragging.props.list
44147
+ ];
44148
+ const customs = ($eb03e74f8f7db1f3$export$4655efe700f887a)(evt, otherList);
44149
+ ($eb03e74f8f7db1f3$export$77f49a256021c8de)(customs);
44150
+ const newList = ($eb03e74f8f7db1f3$export$eca851ee65ae17e4)(customs, list, evt, clone).map((item)=>Object.assign(item, {
44151
+ selected: false
44152
+ }));
44153
+ setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
44154
+ }
44155
+ onRemove(evt) {
44156
+ const { list: list , setList: setList } = this.props;
44157
+ const mode = ($eb03e74f8f7db1f3$export$1fc0f6205829e19c)(evt);
44158
+ const customs = ($eb03e74f8f7db1f3$export$4655efe700f887a)(evt, list);
44159
+ ($eb03e74f8f7db1f3$export$a6177d5829f70ebc)(customs);
44160
+ let newList = [
44161
+ ...list
44162
+ ];
44163
+ // remove state if not in clone mode. otherwise, keep.
44164
+ if (evt.pullMode !== "clone") newList = ($eb03e74f8f7db1f3$export$be2da95e6167b0bd)(customs, newList);
44165
+ else {
44166
+ // switch used to get the clone
44167
+ let customClones = customs;
44168
+ switch(mode){
44169
+ case "multidrag":
44170
+ customClones = customs.map((item, index)=>({
44171
+ ...item,
44172
+ element: evt.clones[index]
44173
+ }));
44174
+ break;
44175
+ case "normal":
44176
+ customClones = customs.map((item)=>({
44177
+ ...item,
44178
+ element: evt.clone
44179
+ }));
44180
+ break;
44181
+ case "swap":
44182
+ default:
44183
+ (($parcel$interopDefault($8zHUo$tinyinvariant)))(true, `mode "${mode}" cannot clone. Please remove "props.clone" from <ReactSortable/> when using the "${mode}" plugin`);
44184
+ }
44185
+ ($eb03e74f8f7db1f3$export$77f49a256021c8de)(customClones);
44186
+ // replace selected items with cloned items
44187
+ customs.forEach((curr)=>{
44188
+ const index = curr.oldIndex;
44189
+ /* eslint-disable-next-line */ const newItem = this.props.clone(curr.item, evt);
44190
+ newList.splice(index, 1, newItem);
44191
+ });
44192
+ }
44193
+ // remove item.selected from list
44194
+ newList = newList.map((item)=>Object.assign(item, {
44195
+ selected: false
44196
+ }));
44197
+ setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
44198
+ }
44199
+ onUpdate(evt) {
44200
+ const { list: list , setList: setList } = this.props;
44201
+ const customs = ($eb03e74f8f7db1f3$export$4655efe700f887a)(evt, list);
44202
+ ($eb03e74f8f7db1f3$export$77f49a256021c8de)(customs);
44203
+ ($eb03e74f8f7db1f3$export$a6177d5829f70ebc)(customs);
44204
+ const newList = ($eb03e74f8f7db1f3$export$c25cf8080bd305ec)(customs, list);
44205
+ return setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
44206
+ }
44207
+ onStart() {
44208
+ $7fe8e3ea572bda7a$var$store.dragging = this;
44209
+ }
44210
+ onEnd() {
44211
+ $7fe8e3ea572bda7a$var$store.dragging = null;
44212
+ }
44213
+ onChoose(evt) {
44214
+ const { list: list , setList: setList } = this.props;
44215
+ const newList = list.map((item, index)=>{
44216
+ let newItem = item;
44217
+ if (index === evt.oldIndex) newItem = Object.assign(item, {
44218
+ chosen: true
44219
+ });
44220
+ return newItem;
44221
+ });
44222
+ setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
44223
+ }
44224
+ onUnchoose(evt) {
44225
+ const { list: list , setList: setList } = this.props;
44226
+ const newList = list.map((item, index)=>{
44227
+ let newItem = item;
44228
+ if (index === evt.oldIndex) newItem = Object.assign(newItem, {
44229
+ chosen: false
44230
+ });
44231
+ return newItem;
44232
+ });
44233
+ setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
44234
+ }
44235
+ onSpill(evt) {
44236
+ const { removeOnSpill: removeOnSpill , revertOnSpill: revertOnSpill } = this.props;
44237
+ if (removeOnSpill && !revertOnSpill) ($eb03e74f8f7db1f3$export$1d0aa160432dfea5)(evt.item);
44238
+ }
44239
+ onSelect(evt) {
44240
+ const { list: list , setList: setList } = this.props;
44241
+ const newList = list.map((item)=>Object.assign(item, {
44242
+ selected: false
44243
+ }));
44244
+ evt.newIndicies.forEach((curr)=>{
44245
+ const index = curr.index;
44246
+ if (index === -1) {
44247
+ console.log(`"${evt.type}" had indice of "${curr.index}", which is probably -1 and doesn't usually happen here.`);
44248
+ console.log(evt);
44249
+ return;
44250
+ }
44251
+ newList[index].selected = true;
44252
+ });
44253
+ setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
44254
+ }
44255
+ onDeselect(evt) {
44256
+ const { list: list , setList: setList } = this.props;
44257
+ const newList = list.map((item)=>Object.assign(item, {
44258
+ selected: false
44259
+ }));
44260
+ evt.newIndicies.forEach((curr)=>{
44261
+ const index = curr.index;
44262
+ if (index === -1) return;
44263
+ newList[index].selected = true;
44264
+ });
44265
+ setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
44266
+ }
44267
+ }
44268
+
44269
+
44270
+ var $faefaad95e5fcca0$exports = {};
44271
+
44272
+
44273
+ $parcel$exportWildcard(module.exports, $faefaad95e5fcca0$exports);
44274
+
44275
+
44276
+
44277
+ }(dist));
44278
+
43293
44279
  const ModalHeader = (props) => {
43294
44280
  // ** Props
43295
44281
  const { title, handleModal, typeModal = 'Edit', component } = props;
@@ -43352,32 +44338,19 @@ const Sidebar = (props) => {
43352
44338
  }), style: { zIndex: 1056 }, onClick: handClose }), jsxRuntime.jsxs("div", { className: classNames$1('r-sidebar', `customizer-${width ?? 600}`, {
43353
44339
  open: flag,
43354
44340
  fullscreen: isFullScreen
43355
- }), style: { zIndex: 1057 }, children: [jsxRuntime.jsxs("div", { style: {
43356
- position: 'fixed',
43357
- top: '50%',
43358
- transform: 'translate(-50%, -50%)',
43359
- background: '$white',
43360
- filter: 'drop-shadow(0.9px 0.9px 1.5px)',
43361
- height: 50,
43362
- display: 'flex',
43363
- alignItems: 'center',
43364
- borderRadius: '0px 5px 5px 0px',
43365
- cursor: 'pointer',
43366
- zIndex: 9,
43367
- marginLeft: 7
43368
- }, className: classNames$1({ 'd-none': hiddenFullScreenButton }), onClick: () => {
44341
+ }), style: { zIndex: 1057 }, children: [jsxRuntime.jsxs("div", { className: classNames$1('r-handle', { 'd-none': hiddenFullScreenButton }), onClick: () => {
43369
44342
  setIsFullScreen(!isFullScreen);
43370
44343
  }, children: [jsxRuntime.jsx(SvgChevronLeft, { className: `${isFullScreen ? 'd-none' : ''}`, fontSize: 16 }), jsxRuntime.jsx(SvgChevronRight, { className: `${!isFullScreen ? 'd-none' : ''}`, fontSize: 15 })] }), children] })] }));
43371
44344
  };
43372
44345
 
43373
44346
  const SettingColumn = (props) => {
43374
- const { column, setColumn, openSidebar, handleSidebar, resetDefaultColumns, formatSetting } = props;
44347
+ const { column, setColumn, openSidebar, gridRef, handleSidebar, resetDefaultColumns, settingColumns, formatSetting } = props;
43375
44348
  const { t } = reactI18next.useTranslation();
43376
44349
  const [dataSource, setDataSource] = React$5.useState([]);
43377
- const [indexFocus, setIndexFocus] = React$5.useState();
44350
+ // const [indexFocus, setIndexFocus] = useState<number>()
43378
44351
  React$5.useEffect(() => {
43379
44352
  if (openSidebar) {
43380
- setDataSource([...column]);
44353
+ setDataSource([...column.map(x => ({ ...x }))]);
43381
44354
  }
43382
44355
  }, [openSidebar]);
43383
44356
  const handleCancel = () => {
@@ -43409,20 +44382,17 @@ const SettingColumn = (props) => {
43409
44382
  handleSidebar();
43410
44383
  setDataSource([]);
43411
44384
  };
43412
- const renderFooterButtons = () => {
43413
- return (jsxRuntime.jsxs(React$5.Fragment, { children: [resetDefaultColumns && jsxRuntime.jsx(Button$1, { color: "primary", onClick: () => messageBoxConfirm(t, handleResetColumns, {}, 'Do you want to reset the default settings?'), className: "me-1", children: t("Reset") }), jsxRuntime.jsx(Button$1, { color: "primary", onClick: handleSubmit, className: "me-1", children: t("Confirm") }), jsxRuntime.jsx(Button$1, { color: "secondary", onClick: handleCancel, outline: true, children: t("Close") })] }));
43414
- };
43415
44385
  const visibleTemplate = (item, index) => {
43416
- return (jsxRuntime.jsx("div", { className: "r-cell-text", children: jsxRuntime.jsx(Input$1, { defaultChecked: item.visible ?? true, disabled: item.field === 'command' || item.field === '#' || item.field === 'checkbox', type: "checkbox", style: { height: 18 }, className: " cursor-pointer", onChange: (e) => {
43417
- if (dataSource) {
43418
- dataSource[index].visible = e.target.checked;
43419
- setDataSource(dataSource);
43420
- }
43421
- } }) }));
44386
+ return (jsxRuntime.jsx(Input$1, { defaultChecked: item.visible ?? true, disabled: item.field === 'command' || item.field === '#' || item.field === 'checkbox', type: "checkbox", style: { height: 18 }, className: " cursor-pointer", onChange: (e) => {
44387
+ if (dataSource) {
44388
+ dataSource[index].visible = e.target.checked;
44389
+ setDataSource(dataSource);
44390
+ }
44391
+ } }));
43422
44392
  };
43423
44393
  const headerDisplayTemplate = (item, index) => {
43424
44394
  let textValue = t(item.headerDisplay ?? (item.headerText ?? ''));
43425
- return (jsxRuntime.jsx(Input$1, { defaultValue: textValue, className: classNames$1("border-0 rounded-0 input-element"), onChange: (e) => {
44395
+ return (jsxRuntime.jsx(Input$1, { defaultValue: textValue, className: classNames$1(""), onChange: (e) => {
43426
44396
  textValue = e.target?.value;
43427
44397
  }, onBlur: () => {
43428
44398
  if (dataSource) {
@@ -43433,7 +44403,7 @@ const SettingColumn = (props) => {
43433
44403
  };
43434
44404
  const fixColumnTemplate = (item, index) => {
43435
44405
  const optionsFix = [{ label: 'Trái', value: 'left' }, { label: 'Phải', value: 'right' }];
43436
- return (jsxRuntime.jsx(SelectTable, { options: optionsFix, textAlign: "left", isClearable: true, onChange: (val) => {
44406
+ return (jsxRuntime.jsx(SelectTable, { component: gridRef, options: optionsFix, textAlign: "left", isClearable: true, onChange: (val) => {
43437
44407
  if (dataSource) {
43438
44408
  dataSource[index].fixedType = val?.value;
43439
44409
  setDataSource([...dataSource]);
@@ -43449,7 +44419,7 @@ const SettingColumn = (props) => {
43449
44419
  decimalScale: 0
43450
44420
  };
43451
44421
  let floatValue = parseFloat(item.width?.toString() ?? "0");
43452
- return (jsxRuntime.jsx(NumericFormat, { style: { textAlign: 'right', height: 29 }, ...numericFormatProps, defaultValue: formartNumberic(item.width?.toString() ?? '0', formatSetting?.decimalSeparator ?? ",", formatSetting?.thousandSeparator ?? ".", 0), className: classNames$1("form-control border-0 rounded-0 input-numeric"), onValueChange: (values) => {
44422
+ return (jsxRuntime.jsx(NumericFormat, { style: { textAlign: 'right', height: 29, width: '100%' }, ...numericFormatProps, defaultValue: formartNumberic(item.width?.toString() ?? '0', formatSetting?.decimalSeparator ?? ",", formatSetting?.thousandSeparator ?? ".", 0), className: classNames$1("form-control"), onValueChange: (values) => {
43453
44423
  floatValue = values?.floatValue;
43454
44424
  }, onFocus: (e) => {
43455
44425
  e.target.setSelectionRange(0, e.target.innerText.length - 1);
@@ -43462,91 +44432,9 @@ const SettingColumn = (props) => {
43462
44432
  }
43463
44433
  } }));
43464
44434
  };
43465
- const columns = [
43466
- {
43467
- field: "",
43468
- headerText: "STT",
43469
- template: (row, index) => {
43470
- return index + 1;
43471
- },
43472
- textAlign: 'center',
43473
- visible: true,
43474
- width: 50
43475
- },
43476
- {
43477
- field: "headerText",
43478
- headerText: "Column name",
43479
- template: (item) => (jsxRuntime.jsxs("div", { className: "r-cell-text", children: [" ", t(item.headerText)] })),
43480
- visible: true,
43481
- width: 200
43482
- },
43483
- {
43484
- field: "headerDisplay",
43485
- headerText: "Column name display",
43486
- template: headerDisplayTemplate,
43487
- visible: true,
43488
- width: 200
43489
- },
43490
- {
43491
- field: "",
43492
- template: visibleTemplate,
43493
- headerText: "Display",
43494
- textAlign: "center",
43495
- visible: true,
43496
- width: 80
43497
- },
43498
- {
43499
- field: "",
43500
- template: fixColumnTemplate,
43501
- headerText: "Fix the column",
43502
- textAlign: "center",
43503
- visible: true,
43504
- width: 80
43505
- },
43506
- {
43507
- field: "width",
43508
- headerText: "Column width(px)",
43509
- textAlign: "right",
43510
- visible: true,
43511
- template: widthColumnTemplate,
43512
- width: 100
43513
- }
43514
- ];
43515
- const renderHeaderCol = (col, indexCol) => {
43516
- return (jsxRuntime.jsx(React$5.Fragment, { children: col.visible !== false && (jsxRuntime.jsx("th", { className: classNames$1(`r-headercell fix-${col.fixedType}`, { "cell-fixed": col.fixedType }), style: {
43517
- width: col.fixedType ? Number(col.maxWidth ? col.maxWidth : col.width ? col.width : col.minWidth ?? "auto") : col.width,
43518
- minWidth: col.fixedType ? Number(col.maxWidth ? col.maxWidth : col.width ? col.width : col.minWidth ?? "auto") : col.minWidth,
43519
- top: `${0 * 42}px`,
43520
- maxWidth: col.maxWidth
43521
- }, children: jsxRuntime.jsx("div", { role: "textbox", title: t(col.headerText ?? ""), style: {
43522
- height: `${1 * 42}px`,
43523
- justifyContent: col.textAlign ?? "left"
43524
- }, className: "r-headercell-div", children: t(col.headerText ?? "") }) })) }, `header-${indexCol}`));
43525
- };
43526
- return (jsxRuntime.jsxs(Sidebar, { open: openSidebar, toggleSidebar: handleCancel, width: 900, children: [jsxRuntime.jsx(ModalHeader, { typeModal: "Edit", handleModal: handleCancel, title: "Column setup" }), jsxRuntime.jsx("div", { className: "ms-2 r-table-edit", children: jsxRuntime.jsx("div", { className: "r-grid", children: jsxRuntime.jsx("div", { className: "r-gridtable", style: { height: windowSize.innerHeight - 120 }, children: jsxRuntime.jsxs("table", { style: { width: "100%" }, children: [jsxRuntime.jsx("thead", { className: "r-gridheader", children: jsxRuntime.jsx("tr", { className: "r-row", role: "row", children: columns.map((col, index) => {
43527
- return renderHeaderCol(col, index);
43528
- }) }) }), jsxRuntime.jsx("tbody", { className: "r-gridcontent", children: dataSource?.map((row, indexRow) => {
43529
- return (jsxRuntime.jsx("tr", { className: classNames$1("r-row", { "last-row": indexRow === dataSource.length - 1 }, { "fisrt-row": indexRow === 0 }), children: columns.map((col, indexCol) => {
43530
- return (jsxRuntime.jsx(React$5.Fragment, { children: col.visible !== false && (jsxRuntime.jsx("td", { className: classNames$1(`r-rowcell fix-${col.fixedType}`, { "cell-fixed": col.fixedType }, { "r-active": indexFocus === indexRow }), style: {
43531
- padding: 0,
43532
- textAlign: col.textAlign ? col.textAlign : "left"
43533
- }, onFocus: (e) => {
43534
- if (indexRow !== indexFocus) {
43535
- setIndexFocus(indexRow);
43536
- }
43537
- e.stopPropagation();
43538
- }, onClick: (e) => {
43539
- if (e.target.nodeName === "DIV" || e.target.nodeName === "TD") {
43540
- if (indexRow !== indexFocus) {
43541
- setIndexFocus(indexRow);
43542
- }
43543
- e.stopPropagation();
43544
- }
43545
- }, children: jsxRuntime.jsx("div", { className: classNames$1("r-rowcell-div"), style: {
43546
- width: col.fixedType ? Number(col.maxWidth ? col.maxWidth : col.width ? col.width : col.minWidth ?? "auto") : "auto"
43547
- }, children: jsxRuntime.jsx("div", { className: classNames$1("r-rowcell-content"), children: col.template && col.template(row, indexRow) }) }) }, `col-${indexRow}-${indexCol}`)) }, indexCol));
43548
- }) }, `row-${indexRow}`));
43549
- }) })] }) }) }) }), jsxRuntime.jsx("div", { className: "d-flex justify-content-end p-1 ", style: { boxShadow: "0 4px 24px 0 rgb(34 41 47 / 10%)" }, children: renderFooterButtons() })] }));
44435
+ return (jsxRuntime.jsxs(Sidebar, { open: openSidebar, toggleSidebar: handleCancel, width: 900, children: [jsxRuntime.jsx(ModalHeader, { typeModal: "Edit", handleModal: handleCancel, title: "Column setup" }), jsxRuntime.jsxs("div", { className: "r-setting-container", children: [jsxRuntime.jsxs("div", { style: { fontWeight: 700, color: "#000" }, className: 'r-setting-row r-setting-header me-75', children: [jsxRuntime.jsx("span", { className: "r-setting-cell", style: { width: 30 } }), jsxRuntime.jsx("span", { className: "r-setting-cell", style: { width: 200 }, children: t('Column name') }), jsxRuntime.jsx("span", { className: "r-setting-cell", style: { flex: 1 }, children: t('Column name display') }), jsxRuntime.jsx("span", { className: "r-setting-cell", style: { width: 80, textAlign: 'center' }, children: t('Display') }), jsxRuntime.jsx("span", { className: "r-setting-cell", style: { width: 100 }, children: t('Fix the column') }), jsxRuntime.jsx("span", { className: "r-setting-cell", style: { width: 110 }, children: t('Column width(px)') })] }), jsxRuntime.jsx("div", { className: 'r-setting-content', style: { height: windowSize.innerHeight - 140 }, children: jsxRuntime.jsx(dist.exports.ReactSortable, { tag: 'div', list: dataSource, handle: '.drag-icon', setList: newState => setDataSource(newState), children: dataSource.map((item, index) => {
44436
+ return jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: 'r-setting-row', children: [jsxRuntime.jsx("div", { className: "r-setting-cell", style: { width: 30 }, children: jsxRuntime.jsx(SvgDragDrop, { fontSize: 12, className: 'drag-icon cursor-move' }) }), jsxRuntime.jsx("div", { className: "r-setting-cell", style: { width: 200 }, children: t(item.headerText ?? '') }), jsxRuntime.jsx("div", { className: "r-setting-cell", style: { flex: 1 }, children: headerDisplayTemplate(item, index) }), jsxRuntime.jsx("div", { className: "r-setting-cell", style: { width: 80, textAlign: 'center' }, children: visibleTemplate(item, index) }), jsxRuntime.jsx("div", { className: "r-setting-cell", style: { width: 100 }, children: fixColumnTemplate(item, index) }), jsxRuntime.jsx("div", { className: "r-setting-cell", style: { width: 110 }, children: widthColumnTemplate(item, index) })] }) });
44437
+ }) }) })] }), jsxRuntime.jsxs("div", { style: { boxShadow: "0 4px 24px 0 rgb(34 41 47 / 10%)" }, className: "d-flex justify-content-between align-items-center w-100 py-75 px-1", children: [jsxRuntime.jsx("div", { children: settingColumns?.updatedDate && jsxRuntime.jsxs("p", { children: [jsxRuntime.jsxs("strong", { children: [t("Update date"), ": "] }), " ", jsxRuntime.jsx("span", { children: settingColumns.updatedDate ? formatDateTime(settingColumns.updatedDate, "DD/MM/yyyy HH:mm") : "" }), jsxRuntime.jsxs("strong", { className: "ms-2", children: [t("Editor"), ": "] }), " ", jsxRuntime.jsx("span", { children: settingColumns.updatedByName })] }) }), jsxRuntime.jsxs("div", { children: [resetDefaultColumns && jsxRuntime.jsx(Button$1, { color: "primary", onClick: () => messageBoxConfirm(t, handleResetColumns, {}, 'Do you want to reset the default settings?'), className: "me-1", children: t("Reset") }), jsxRuntime.jsx(Button$1, { color: "primary", onClick: handleSubmit, className: "me-1", children: t("Confirm") }), jsxRuntime.jsx(Button$1, { color: "secondary", onClick: handleCancel, outline: true, children: t("Close") })] })] })] }));
43550
44438
  };
43551
44439
 
43552
44440
  const ToolbarBottom = ({ handleAdd, handleDuplicate, handleInsertBefore, handleInsertAfter, handleDeleteAll, setOpenPopupSetupColumn, focusRow, editDisable, addDisable, buttonSetting, toolbarSetting, headerColumns }) => {
@@ -43584,9 +44472,6 @@ const TableEdit = React$5.forwardRef((props, ref) => {
43584
44472
  const typeDragging = React$5.useRef(0); // 0: không kéo, 1: kéo ô, 2: kéo dòng, 3: kéo copy , 3: kéo cột
43585
44473
  const isCopying = React$5.useRef(false);
43586
44474
  const resizeTimeout = React$5.useRef(null);
43587
- React$5.useEffect(() => {
43588
- console.log(resizeTimeout);
43589
- }, [resizeTimeout]);
43590
44475
  const totalCount = dataSource.length;
43591
44476
  const pagingClient = pagingSetting?.allowPaging && (pagingSetting?.pagingClient || !(editDisable || addDisable));
43592
44477
  const searchClient = searchSetting?.searchEnable && (searchSetting?.searchClient || !(editDisable || addDisable));
@@ -43597,8 +44482,8 @@ const TableEdit = React$5.forwardRef((props, ref) => {
43597
44482
  pagingSetting.setCurrentPage(1);
43598
44483
  }
43599
44484
  }, [dataSource]);
43600
- const { levels: headerColumns, flatVisble: visibleColumns, flatVisbleContent: visibleContentColumns, objWidthFixLeft, objWidthFixRight, lastObjWidthFixLeft, fisrtObjWidthFixRight, objHeaderWidthFixLeft, objHeaderWidthFixRight, indexFirstEdit: indexFirstEdit, indexLastEdit: indexLastEdit } = React$5.useMemo(() => {
43601
- const rs = calculateTableStructure(columns, settingColumns);
44485
+ const { levels: headerColumns, flatVisble: visibleColumns, flatVisbleContent: visibleContentColumns, objWidthFixLeft, objWidthFixRight, lastObjWidthFixLeft, fisrtObjWidthFixRight, objHeaderWidthFixLeft, objHeaderWidthFixRight, indexFirstEdit, indexLastEdit } = React$5.useMemo(() => {
44486
+ const rs = calculateTableStructure(columns, settingColumns?.value);
43602
44487
  setContentColumns(rs.flat);
43603
44488
  return rs;
43604
44489
  }, [columns, settingColumns]);
@@ -43805,22 +44690,24 @@ const TableEdit = React$5.forwardRef((props, ref) => {
43805
44690
  }
43806
44691
  changeDataSource(dataSource);
43807
44692
  };
43808
- const focusEditElementCell = (e, row, col) => {
44693
+ const focusEditElementCell = (e, row, col, isOpenDropDown = true) => {
43809
44694
  setEditCell({ row, col });
44695
+ setSelectedCell({ minCol: col, minRow: row, maxCol: col, maxRow: row });
43810
44696
  setTimeout(() => {
43811
44697
  const element = document.getElementById(`${idTable}-col${col + 1}-row${row + 1}`);
43812
44698
  if (element) {
43813
- if (element.className.includes("react-select-table") ||
43814
- element.className.includes("form-edit")) {
44699
+ if (element.className.includes("react-select-table") || element.className.includes("form-edit")) {
43815
44700
  const input = element.getElementsByTagName("input")[0];
43816
- input.focus();
43817
44701
  if (input) {
43818
- if ("key" in e && "code" in e) {
43819
- const keyboardEvent = new window.KeyboardEvent("keydown", {
43820
- key: e.key,
43821
- code: e.code,
43822
- bubbles: true
43823
- });
44702
+ input.focus();
44703
+ let keyboardEvent;
44704
+ if (isOpenDropDown) {
44705
+ keyboardEvent = new window.KeyboardEvent("keydown", { key: '', code: 'Space', bubbles: true });
44706
+ }
44707
+ else if (("key" in e && "code" in e)) {
44708
+ keyboardEvent = new window.KeyboardEvent("keydown", { key: e.key, code: e.code, bubbles: true });
44709
+ }
44710
+ if (keyboardEvent) {
43824
44711
  input.dispatchEvent(keyboardEvent);
43825
44712
  const ev = new Event("input", { bubbles: true });
43826
44713
  input.dispatchEvent(ev);
@@ -44008,36 +44895,36 @@ const TableEdit = React$5.forwardRef((props, ref) => {
44008
44895
  pagingSetting?.setCurrentPage(1);
44009
44896
  }
44010
44897
  }, [searchTerm, searchSetting?.searchTerm]);
44011
- return (jsxRuntime.jsxs(React$5.Fragment, { children: [jsxRuntime.jsxs("div", { className: "r-table-edit", children: [jsxRuntime.jsxs("div", { className: "r-grid", ref: gridRef, children: [toolbarSetting?.showTopToolbar && jsxRuntime.jsx(RenderToolbarTop, { toolbarTopOption: toolbarTopOption }), jsxRuntime.jsx("div", { ref: tableElement, className: "r-gridtable", style: { height: `${height ? `${height}px` : "auto"}`, minHeight: `${minHeight ? `${minHeight}px` : ""}`, maxHeight: `${maxHeight ? `${maxHeight}px` : "400px"}` }, children: jsxRuntime.jsx(TableComponent, { idTable: idTable, dataSource: dataSource, contentColumns: contentColumns, headerColumns: headerColumns, visibleColumns: visibleColumns, selectedRows: selectedRows, setSelectedRows: setSelectedRows, selectedCell: selectedCell, startCell: startCell, editCell: editCell, gridRef: gridRef, objHeaderWidthFixLeft: objHeaderWidthFixLeft, objHeaderWidthFixRight: objHeaderWidthFixRight, objWidthFixLeft: objWidthFixLeft, objWidthFixRight: objWidthFixRight, lastObjWidthFixLeft: lastObjWidthFixLeft, fisrtObjWidthFixRight: fisrtObjWidthFixRight, totalCount: totalCount, isMulti: isMulti, selectEnable: selectEnable, editDisable: editDisable, addDisable: addDisable, defaultValue: defaultValue, fieldKey: fieldKey, fieldUniKey: fieldUniKey, formatSetting: formatSetting, toolbarSetting: toolbarSetting, buttonSetting: buttonSetting, tableElement: tableElement, optionsFilter: optionsFilter, allowFilter: allowFilter, allowOrder: allowOrder, searchSetting: searchSetting, searchTerm: searchTerm, pagingClient: pagingClient, pagingSetting: pagingSetting, haveSum: haveSum, isCopying: isCopying, typeDragging: typeDragging, visibleContentColumns: visibleContentColumns, handleDataChange: handleDataChange, changeDataSource: changeDataSource, handleCommandClick: handleCommandClick, handleKeyDown: handleKeyDown, handeCopyCell: handeCopyCell, onDuplicate: onDuplicate, setSelectedCell: setSelectedCell, setStartCell: setStartCell, focusEditElementCell: focusEditElementCell, rowChange: rowChange, filterBy: filterBy, setFilterBy: setFilterBy, orderBy: orderBy, setOrderBy: setOrderBy, checkRowMatch: checkRowMatch, handleDuplicate: () => {
44012
- handleDuplicate(dataSource, startCell.row, fieldKey, defaultValue, fieldUniKey, changeDataSource, tableElement, totalCount, toolbarSetting, buttonSetting, editDisable, addDisable, onDuplicate);
44013
- }, setContentColumns: (newColumns) => {
44014
- setContentColumns(newColumns);
44015
- // clear timeout cũ
44016
- if (resizeTimeout.current) {
44017
- clearTimeout(resizeTimeout.current);
44018
- }
44019
- resizeTimeout.current = setTimeout(() => {
44020
- if (saveSettingColumn) {
44021
- saveSettingColumn(newColumns.map((x) => ({ field: x.field, headerText: x.headerText, visible: x.visible, fixedType: x.fixedType, width: x.width })));
44022
- }
44023
- }, 500);
44024
- } }) }), toolbarSetting?.showBottomToolbar && (jsxRuntime.jsx(ToolbarBottom, { handleAdd: (numberOfRows) => {
44025
- handleAdd(dataSource, tableElement.current, indexFirstEdit, changeDataSource, pagingSetting, handleFocusCell, numberOfRows);
44026
- }, handleDuplicate: () => {
44898
+ return (jsxRuntime.jsx(React$5.Fragment, { children: jsxRuntime.jsxs("div", { className: "r-table-edit", children: [jsxRuntime.jsxs("div", { className: "r-grid", ref: gridRef, children: [toolbarSetting?.showTopToolbar && jsxRuntime.jsx(RenderToolbarTop, { toolbarTopOption: toolbarTopOption }), jsxRuntime.jsx("div", { ref: tableElement, className: "r-gridtable", style: { height: `${height ? `${height}px` : "auto"}`, minHeight: `${minHeight ? `${minHeight}px` : ""}`, maxHeight: `${maxHeight ? `${maxHeight}px` : "400px"}` }, children: jsxRuntime.jsx(TableComponent, { idTable: idTable, dataSource: dataSource, contentColumns: contentColumns, headerColumns: headerColumns, visibleColumns: visibleColumns, selectedRows: selectedRows, setSelectedRows: setSelectedRows, selectedCell: selectedCell, startCell: startCell, editCell: editCell, gridRef: gridRef, objHeaderWidthFixLeft: objHeaderWidthFixLeft, objHeaderWidthFixRight: objHeaderWidthFixRight, objWidthFixLeft: objWidthFixLeft, objWidthFixRight: objWidthFixRight, lastObjWidthFixLeft: lastObjWidthFixLeft, fisrtObjWidthFixRight: fisrtObjWidthFixRight, totalCount: totalCount, isMulti: isMulti, selectEnable: selectEnable, editDisable: editDisable, addDisable: addDisable, defaultValue: defaultValue, fieldKey: fieldKey, fieldUniKey: fieldUniKey, formatSetting: formatSetting, toolbarSetting: toolbarSetting, buttonSetting: buttonSetting, tableElement: tableElement, optionsFilter: optionsFilter, allowFilter: allowFilter, allowOrder: allowOrder, searchSetting: searchSetting, searchTerm: searchTerm, pagingClient: pagingClient, pagingSetting: pagingSetting, haveSum: haveSum, isCopying: isCopying, typeDragging: typeDragging, visibleContentColumns: visibleContentColumns, handleDataChange: handleDataChange, changeDataSource: changeDataSource, handleCommandClick: handleCommandClick, handleKeyDown: handleKeyDown, handeCopyCell: handeCopyCell, onDuplicate: onDuplicate, setSelectedCell: setSelectedCell, setStartCell: setStartCell, focusEditElementCell: focusEditElementCell, rowChange: rowChange, filterBy: filterBy, setFilterBy: setFilterBy, orderBy: orderBy, setOrderBy: setOrderBy, checkRowMatch: checkRowMatch, handleDuplicate: () => {
44027
44899
  handleDuplicate(dataSource, startCell.row, fieldKey, defaultValue, fieldUniKey, changeDataSource, tableElement, totalCount, toolbarSetting, buttonSetting, editDisable, addDisable, onDuplicate);
44028
- }, handleInsertAfter: () => {
44029
- handleInsertAfter(dataSource, startCell.row, defaultValue, changeDataSource, tableElement, totalCount, pagingClient, pagingSetting, toolbarSetting, buttonSetting, editDisable, addDisable);
44030
- }, handleInsertBefore: () => {
44031
- handleInsertBefore(dataSource, startCell.row, defaultValue, changeDataSource, pagingClient, pagingSetting, toolbarSetting, buttonSetting, editDisable, addDisable);
44032
- }, handleDeleteAll: () => {
44033
- handleDeleteAll(t, messageBoxConfirmDelete, handleFocusCell, changeDataSource, editDisable, addDisable, toolbarSetting, buttonSetting);
44034
- }, setOpenPopupSetupColumn: setOpenPopupSetupColumn, focusRow: startCell.row, editDisable: editDisable, addDisable: addDisable, buttonSetting: buttonSetting, toolbarSetting: toolbarSetting, headerColumns: headerColumns }))] }), pagingSetting?.allowPaging && jsxRuntime.jsx(PagingComponent, { gridRef: gridRef, onChangePage: onChangePage, pageSize: pagingSetting?.pageSize ?? 0, currentPage: pagingSetting?.currentPage ?? 0, pageOptions: pagingSetting?.pageOptions ?? [20, 30, 50, 100], totalItem: pagingClient ? totalCount : pagingSetting?.totalItem ?? 0, onChangePageSize: onChangePageSize })] }), jsxRuntime.jsx(SettingColumn, { handleSidebar: () => {
44035
- setOpenPopupSetupColumn(!openPopupSetupColumn);
44036
- }, openSidebar: openPopupSetupColumn, column: [...contentColumns], resetDefaultColumns: resetDefaultColumns, setColumn: (newColumns) => {
44037
- if (saveSettingColumn) {
44038
- saveSettingColumn(newColumns.map((x) => ({ field: x.field, headerText: x.headerDisplay, visible: x.visible, fixedType: x.fixedType, width: x.width })));
44039
- }
44040
- } })] }));
44900
+ }, setContentColumns: (newColumns) => {
44901
+ setContentColumns(newColumns);
44902
+ // clear timeout cũ
44903
+ if (resizeTimeout.current) {
44904
+ clearTimeout(resizeTimeout.current);
44905
+ }
44906
+ resizeTimeout.current = setTimeout(() => {
44907
+ if (saveSettingColumn) {
44908
+ saveSettingColumn(newColumns.map((x, index) => ({ field: x.field, headerText: x.headerText, visible: x.visible, fixedType: x.fixedType, width: x.width, sortOrder: index + 1 })));
44909
+ }
44910
+ }, 500);
44911
+ } }) }), toolbarSetting?.showBottomToolbar && (jsxRuntime.jsx(ToolbarBottom, { handleAdd: (numberOfRows) => {
44912
+ handleAdd(dataSource, tableElement.current, indexFirstEdit, changeDataSource, pagingSetting, handleFocusCell, numberOfRows);
44913
+ }, handleDuplicate: () => {
44914
+ handleDuplicate(dataSource, startCell.row, fieldKey, defaultValue, fieldUniKey, changeDataSource, tableElement, totalCount, toolbarSetting, buttonSetting, editDisable, addDisable, onDuplicate);
44915
+ }, handleInsertAfter: () => {
44916
+ handleInsertAfter(dataSource, startCell.row, defaultValue, changeDataSource, tableElement, totalCount, pagingClient, pagingSetting, toolbarSetting, buttonSetting, editDisable, addDisable);
44917
+ }, handleInsertBefore: () => {
44918
+ handleInsertBefore(dataSource, startCell.row, defaultValue, changeDataSource, pagingClient, pagingSetting, toolbarSetting, buttonSetting, editDisable, addDisable);
44919
+ }, handleDeleteAll: () => {
44920
+ handleDeleteAll(t, messageBoxConfirmDelete, handleFocusCell, changeDataSource, editDisable, addDisable, toolbarSetting, buttonSetting);
44921
+ }, setOpenPopupSetupColumn: setOpenPopupSetupColumn, focusRow: startCell.row, editDisable: editDisable, addDisable: addDisable, buttonSetting: buttonSetting, toolbarSetting: toolbarSetting, headerColumns: headerColumns }))] }), pagingSetting?.allowPaging && jsxRuntime.jsx(PagingComponent, { gridRef: gridRef, onChangePage: onChangePage, pageSize: pagingSetting?.pageSize ?? 0, currentPage: pagingSetting?.currentPage ?? 0, pageOptions: pagingSetting?.pageOptions ?? [20, 30, 50, 100], totalItem: pagingClient ? totalCount : pagingSetting?.totalItem ?? 0, onChangePageSize: onChangePageSize }), jsxRuntime.jsx(SettingColumn, { gridRef: gridRef, handleSidebar: () => {
44922
+ setOpenPopupSetupColumn(!openPopupSetupColumn);
44923
+ }, settingColumns: settingColumns, openSidebar: openPopupSetupColumn, column: [...contentColumns], resetDefaultColumns: resetDefaultColumns, setColumn: (newColumns) => {
44924
+ if (saveSettingColumn) {
44925
+ saveSettingColumn(newColumns.map((x, index) => ({ field: x.field, headerText: x.headerText, visible: x.visible, fixedType: x.fixedType, width: x.width, sortOrder: index + 1 })));
44926
+ }
44927
+ } })] }) }));
44041
44928
  });
44042
44929
 
44043
44930
  const OptionFont = [
@@ -71954,6 +72841,7 @@ const getSheetsExcel = (file, setValue, setOptionSheetName) => {
71954
72841
  else {
71955
72842
  setValue("sheetId", undefined);
71956
72843
  }
72844
+ e.target.value = "";
71957
72845
  };
71958
72846
  };
71959
72847
  const getColumnsSheetExcel = (file, headerRow, sheetName, handleSetColumns) => {
@@ -71997,7 +72885,6 @@ function excelDateToJSDate(excelDate) {
71997
72885
  /*eslint-enable*/
71998
72886
  }
71999
72887
  const mapDataImportExcel = async (dataSheet, headerRow, dataMap, handleValidate) => {
72000
- debugger;
72001
72888
  const arr = [];
72002
72889
  for (const [indexRow, row] of Object.entries(dataSheet)) {
72003
72890
  if (Number(indexRow) > headerRow) {
@@ -72144,7 +73031,7 @@ const ModalImportComponent = (props) => {
72144
73031
  const [dataInvalid, setDataInvalid] = React$5.useState([]);
72145
73032
  const [checkInit, setCheckInit] = React$5.useState(false);
72146
73033
  const [checkInitValidate, setCheckInitValidate] = React$5.useState(false);
72147
- const [validateExcelColumns, setValidateExcelColumns] = React$5.useState([]);
73034
+ const [validateExcelColumns, setValidateExcelColumns] = React$5.useState(mapColumn);
72148
73035
  const [dataError, setDataError] = React$5.useState([]);
72149
73036
  const [isSaveSetting, setIsSaveSetting] = React$5.useState(true);
72150
73037
  const formSchema = create().shape({
@@ -72277,11 +73164,21 @@ const ModalImportComponent = (props) => {
72277
73164
  }
72278
73165
  }
72279
73166
  ];
73167
+ React$5.useEffect(() => {
73168
+ console.log(watch('dataMap'));
73169
+ }, [watch('dataMap')]);
72280
73170
  const handleFormOpened = () => {
72281
73171
  getGeneralSettingApi().then((rs) => {
72282
- setValue('dataMap', rs.value ? JSON.parse(rs.value) : mapColumn);
73172
+ const arr = rs?.value ? JSON.parse(rs.value) : [];
73173
+ setValue('dataMap', [...mapColumn].map((x) => {
73174
+ const ele = arr.find(y => x.field === y.field);
73175
+ if (ele) {
73176
+ x.headerDefault = ele.headerDefault;
73177
+ }
73178
+ return x;
73179
+ }));
72283
73180
  }).catch(() => {
72284
- setValue('dataMap', mapColumn);
73181
+ setValue('dataMap', [...mapColumn]);
72285
73182
  });
72286
73183
  if (headerValidateExcelColumns && headerValidateExcelColumns.length > 0) {
72287
73184
  setValidateExcelColumns(headerValidateExcelColumns);
@@ -72920,7 +73817,7 @@ const TableView = ({ idTable, dataSource, rowHeight = 33, height = 400, columns,
72920
73817
  right: col.fixedType === 'right' ? objWidthFixRight[indexCol] : undefined,
72921
73818
  textAlign: col.textAlign ? col.textAlign : 'left'
72922
73819
  }, children: jsxRuntime.jsxs("div", { className: "r-footer-div", children: [(item || (col.haveSum === true && col.type === "numeric")) && col.type === "numeric" && (Number(sumValue) >= 0) && jsxRuntime.jsx(jsxRuntime.Fragment, { children: formartNumberic(sumValue, formatSetting?.decimalSeparator ?? ',', formatSetting?.thousandSeparator ?? '.', col.numericSettings?.fraction, true, false) }), (item || (col.haveSum === true && col.type === "numeric")) && col.type === "numeric" && (Number(sumValue) < 0) && jsxRuntime.jsxs("div", { style: { color: formatSetting?.colorNegative ?? 'red' }, children: [" ", `${formatSetting?.prefixNegative ?? '-'}${formartNumberic(sumValue, formatSetting?.decimalSeparator ?? ',', formatSetting?.thousandSeparator ?? '.', col.numericSettings?.fraction, true, false)}${formatSetting?.suffixNegative ?? ''}`] })] }) }, `summarycell-${indexCol}`);
72923
- }) }) : jsxRuntime.jsx(jsxRuntime.Fragment, {}) })] }), (((viewData.length ?? 0) === 0) && !isLoading) && jsxRuntime.jsxs("div", { className: "r-no-data", children: [jsxRuntime.jsx("svg", { width: "64", height: "41", viewBox: "0 0 64 41", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsxs("g", { transform: "translate(0 1)", fill: "none", fillRule: "evenodd", children: [jsxRuntime.jsx("ellipse", { fill: "#f5f5f5", cx: "32", cy: "33", rx: "32", ry: "7" }), jsxRuntime.jsxs("g", { fillRule: "nonzero", stroke: "#d9d9d9", children: [jsxRuntime.jsx("path", { d: "M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z" }), jsxRuntime.jsx("path", { d: "M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z", fill: "#fafafa" })] })] }) }), t('No data available.')] }), isLoading && jsxRuntime.jsx("div", { className: "r-loading-overlay", children: jsxRuntime.jsxs("div", { className: "r-loading", children: [jsxRuntime.jsx(Spinner$1, { className: "me-1" }), t('Loading...')] }) })] })] }), pagingSetting?.allowPaging ? jsxRuntime.jsx(PagingComponent, { onChangePage: onChangePage, pageSize: pagingSetting?.pageSize ?? 0, currentPage: pagingSetting?.currentPage ?? 0, pageOptions: pagingSetting?.pageOptions ?? [20, 30, 50, 100], totalItem: (pagingSetting?.pagingClient ? viewData.length : pagingSetting?.totalItem ?? 0), onChangePageSize: onChangePageSize }) : jsxRuntime.jsx(jsxRuntime.Fragment, {})] }));
73820
+ }) }) : jsxRuntime.jsx(jsxRuntime.Fragment, {}) })] }), (((viewData.length ?? 0) === 0) && !isLoading) && jsxRuntime.jsxs("div", { className: "r-no-data", children: [jsxRuntime.jsx("svg", { width: "64", height: "41", viewBox: "0 0 64 41", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsxs("g", { transform: "translate(0 1)", fill: "none", fillRule: "evenodd", children: [jsxRuntime.jsx("ellipse", { fill: "#f5f5f5", cx: "32", cy: "33", rx: "32", ry: "7" }), jsxRuntime.jsxs("g", { fillRule: "nonzero", stroke: "#d9d9d9", children: [jsxRuntime.jsx("path", { d: "M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z" }), jsxRuntime.jsx("path", { d: "M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z", fill: "#fafafa" })] })] }) }), t('No data available.')] }), isLoading && jsxRuntime.jsx("div", { className: "r-loading-overlay", children: jsxRuntime.jsxs("div", { className: "r-loading", children: [jsxRuntime.jsx(Spinner$1, { className: "me-1" }), t('Loading...')] }) })] })] }), pagingSetting?.allowPaging ? jsxRuntime.jsx(PagingComponent, { gridRef: gridRef, onChangePage: onChangePage, pageSize: pagingSetting?.pageSize ?? 0, currentPage: pagingSetting?.currentPage ?? 0, pageOptions: pagingSetting?.pageOptions ?? [20, 30, 50, 100], totalItem: (pagingSetting?.pagingClient ? viewData.length : pagingSetting?.totalItem ?? 0), onChangePageSize: onChangePageSize }) : jsxRuntime.jsx(jsxRuntime.Fragment, {})] }));
72924
73821
  };
72925
73822
 
72926
73823
  exports.ExportExcelComponent = ExportExcelComponent;