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.mjs CHANGED
@@ -6,6 +6,7 @@ import toast from 'react-hot-toast';
6
6
  import { createRoot } from 'react-dom/client';
7
7
  import * as ReactDOM from 'react-dom';
8
8
  import ReactDOM__default from 'react-dom';
9
+ import require$$0 from 'sortablejs';
9
10
  import { useNavigate, Link } from 'react-router-dom';
10
11
 
11
12
  /*!
@@ -7251,6 +7252,77 @@ var SvgBookmark = function (_a) {
7251
7252
  React$5.createElement("path", { d: "m19 21-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" })));
7252
7253
  };
7253
7254
 
7255
+ var SvgBorderBottom = function (_a) {
7256
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7257
+ return (React$5.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),
7258
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
7259
+ React$5.createElement("g", { clipPath: "url(#border-bottom_svg__a)" },
7260
+ React$5.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" }),
7261
+ React$5.createElement("path", { d: "M24 23.852V22H0v2h24v-.148Z", fill: props.color || "currentColor" })),
7262
+ React$5.createElement("defs", null,
7263
+ React$5.createElement("clipPath", { id: "border-bottom_svg__a" },
7264
+ React$5.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
7265
+ };
7266
+
7267
+ var SvgBorderLeft = function (_a) {
7268
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7269
+ return (React$5.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),
7270
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
7271
+ React$5.createElement("g", { clipPath: "url(#border-left_svg__a)" },
7272
+ React$5.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" }),
7273
+ React$5.createElement("path", { d: "M2 22.222V0H0v24h2v-1.778Z", fill: props.color || "currentColor" })),
7274
+ React$5.createElement("defs", null,
7275
+ React$5.createElement("clipPath", { id: "border-left_svg__a" },
7276
+ React$5.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
7277
+ };
7278
+
7279
+ var SvgBorderRight = function (_a) {
7280
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7281
+ return (React$5.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),
7282
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
7283
+ React$5.createElement("g", { clipPath: "url(#border-right_svg__a)" },
7284
+ React$5.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" }),
7285
+ React$5.createElement("path", { d: "M24 22.222V0h-2v24h2v-1.778Z", fill: props.color || "currentColor" })),
7286
+ React$5.createElement("defs", null,
7287
+ React$5.createElement("clipPath", { id: "border-right_svg__a" },
7288
+ React$5.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
7289
+ };
7290
+
7291
+ var SvgBorderTop = function (_a) {
7292
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7293
+ return (React$5.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),
7294
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
7295
+ React$5.createElement("g", { clipPath: "url(#border-top_svg__a)" },
7296
+ React$5.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" }),
7297
+ React$5.createElement("path", { d: "M24 1.852V0H0v2h24v-.148Z", fill: props.color || "currentColor" })),
7298
+ React$5.createElement("defs", null,
7299
+ React$5.createElement("clipPath", { id: "border-top_svg__a" },
7300
+ React$5.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
7301
+ };
7302
+
7303
+ var SvgBottomBorder = function (_a) {
7304
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7305
+ return (React$5.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),
7306
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
7307
+ React$5.createElement("mask", { id: "bottom-border_svg__a", style: {
7308
+ maskType: "luminance",
7309
+ }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 100, height: 100 },
7310
+ React$5.createElement("path", { d: "M100 0H0v100h100V0Z", fill: "#fff" })),
7311
+ React$5.createElement("g", { filter: "url(#bottom-border_svg__b)", strokeWidth: 4, mask: "url(#bottom-border_svg__a)" },
7312
+ React$5.createElement("path", { d: "M98 2H2v96h96V2ZM2 50h96M50 0v100", stroke: "#979797", strokeDasharray: "4 4 4 4" }),
7313
+ React$5.createElement("path", { d: "M0 98h100", stroke: props.color || "currentColor" })),
7314
+ React$5.createElement("defs", null,
7315
+ React$5.createElement("filter", { id: "bottom-border_svg__b", x: -4, y: 0, width: 108, height: 108, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
7316
+ React$5.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
7317
+ React$5.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" }),
7318
+ React$5.createElement("feOffset", { dy: 4 }),
7319
+ React$5.createElement("feGaussianBlur", { stdDeviation: 2 }),
7320
+ React$5.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
7321
+ React$5.createElement("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" }),
7322
+ React$5.createElement("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_881_57" }),
7323
+ React$5.createElement("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_881_57", result: "shape" })))));
7324
+ };
7325
+
7254
7326
  var SvgBoxArrowInLeft = function (_a) {
7255
7327
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7256
7328
  return (React$5.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),
@@ -7547,6 +7619,20 @@ var SvgCoffee = function (_a) {
7547
7619
  React$5.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" })));
7548
7620
  };
7549
7621
 
7622
+ var SvgCollapse2 = function (_a) {
7623
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7624
+ return (React$5.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),
7625
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
7626
+ React$5.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" })));
7627
+ };
7628
+
7629
+ var SvgCollapse = function (_a) {
7630
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7631
+ return (React$5.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),
7632
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
7633
+ React$5.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" })));
7634
+ };
7635
+
7550
7636
  var SvgColumns = function (_a) {
7551
7637
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7552
7638
  return (React$5.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),
@@ -7780,6 +7866,17 @@ var SvgDownload = function (_a) {
7780
7866
  React$5.createElement("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3" })));
7781
7867
  };
7782
7868
 
7869
+ var SvgDragDrop = function (_a) {
7870
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7871
+ return (React$5.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),
7872
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
7873
+ React$5.createElement("g", { clipPath: "url(#drag-drop_svg__a)" },
7874
+ React$5.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" })),
7875
+ React$5.createElement("defs", null,
7876
+ React$5.createElement("clipPath", { id: "drag-drop_svg__a" },
7877
+ React$5.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
7878
+ };
7879
+
7783
7880
  var SvgDribbble = function (_a) {
7784
7881
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7785
7882
  return (React$5.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),
@@ -7826,6 +7923,71 @@ var SvgEmploy = function (_a) {
7826
7923
  React$5.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" })));
7827
7924
  };
7828
7925
 
7926
+ var SvgExcel = function (_a) {
7927
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7928
+ return (React$5.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),
7929
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
7930
+ React$5.createElement("g", { clipPath: "url(#excel_svg__a)" },
7931
+ React$5.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" })),
7932
+ React$5.createElement("defs", null,
7933
+ React$5.createElement("clipPath", { id: "excel_svg__a" },
7934
+ React$5.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
7935
+ };
7936
+
7937
+ var SvgExclamation = function (_a) {
7938
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7939
+ return (React$5.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),
7940
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
7941
+ React$5.createElement("g", { clipPath: "url(#exclamation_svg__a)" },
7942
+ React$5.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" })),
7943
+ React$5.createElement("defs", null,
7944
+ React$5.createElement("clipPath", { id: "exclamation_svg__a" },
7945
+ React$5.createElement("path", { fill: "currentColor", d: "M0 0h24v24H0z" })))));
7946
+ };
7947
+
7948
+ var SvgExpand2 = function (_a) {
7949
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7950
+ return (React$5.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),
7951
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
7952
+ React$5.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" })));
7953
+ };
7954
+
7955
+ var SvgExpand = function (_a) {
7956
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7957
+ return (React$5.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$5.createElement("title", { id: titleId }, title) : null,
7959
+ React$5.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" })));
7960
+ };
7961
+
7962
+ var SvgExportExcel = function (_a) {
7963
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7964
+ return (React$5.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),
7965
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
7966
+ React$5.createElement("g", { clipPath: "url(#export-excel_svg__a)" },
7967
+ React$5.createElement("mask", { id: "export-excel_svg__b", style: {
7968
+ maskType: "luminance",
7969
+ }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 24, height: 24 },
7970
+ React$5.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" })),
7971
+ React$5.createElement("g", { mask: "url(#export-excel_svg__b)", fill: props.color || "currentColor" },
7972
+ React$5.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" }),
7973
+ React$5.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" }))),
7974
+ React$5.createElement("defs", null,
7975
+ React$5.createElement("clipPath", { id: "export-excel_svg__a" },
7976
+ React$5.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
7977
+ };
7978
+
7979
+ var SvgExportFile = function (_a) {
7980
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7981
+ return (React$5.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),
7982
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
7983
+ React$5.createElement("g", { clipPath: "url(#export-file_svg__a)", fill: props.color || "currentColor" },
7984
+ React$5.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" }),
7985
+ React$5.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" })),
7986
+ React$5.createElement("defs", null,
7987
+ React$5.createElement("clipPath", { id: "export-file_svg__a" },
7988
+ React$5.createElement("path", { fill: "#fff", d: "M0 0h12v12H0z" })))));
7989
+ };
7990
+
7829
7991
  var SvgExternalLink = function (_a) {
7830
7992
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7831
7993
  return (React$5.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),
@@ -7973,6 +8135,13 @@ var SvgFilm = function (_a) {
7973
8135
  React$5.createElement("path", { d: "M7 2v20M17 2v20M2 12h20M2 7h5M2 17h5M17 17h5M17 7h5" })));
7974
8136
  };
7975
8137
 
8138
+ var SvgFilterFill = function (_a) {
8139
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8140
+ return (React$5.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),
8141
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
8142
+ React$5.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" })));
8143
+ };
8144
+
7976
8145
  var SvgFilter = function (_a) {
7977
8146
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7978
8147
  return (React$5.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),
@@ -7987,6 +8156,26 @@ var SvgFlag = function (_a) {
7987
8156
  React$5.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" })));
7988
8157
  };
7989
8158
 
8159
+ var SvgFolderColor = function (_a) {
8160
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8161
+ return (React$5.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),
8162
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
8163
+ React$5.createElement("path", { d: "M20 6h-9L9 4H4c-1.1 0-2 .9-2 2v4h20V8c0-1.1-.9-2-2-2Z", fill: "#FFA000" }),
8164
+ React$5.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" })));
8165
+ };
8166
+
8167
+ var SvgFolderDownload = function (_a) {
8168
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8169
+ return (React$5.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$5.createElement("title", { id: titleId }, title) : null,
8171
+ React$5.createElement("g", { clipPath: "url(#folder-download_svg__a)", fill: props.color || "currentColor" },
8172
+ React$5.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" }),
8173
+ React$5.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" })),
8174
+ React$5.createElement("defs", null,
8175
+ React$5.createElement("clipPath", { id: "folder-download_svg__a" },
8176
+ React$5.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
8177
+ };
8178
+
7990
8179
  var SvgFolderMinus = function (_a) {
7991
8180
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7992
8181
  return (React$5.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),
@@ -7994,6 +8183,13 @@ var SvgFolderMinus = function (_a) {
7994
8183
  React$5.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" })));
7995
8184
  };
7996
8185
 
8186
+ var SvgFolderPlus2 = function (_a) {
8187
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8188
+ return (React$5.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),
8189
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
8190
+ React$5.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" })));
8191
+ };
8192
+
7997
8193
  var SvgFolderPlus = function (_a) {
7998
8194
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
7999
8195
  return (React$5.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),
@@ -8001,6 +8197,18 @@ var SvgFolderPlus = function (_a) {
8001
8197
  React$5.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" })));
8002
8198
  };
8003
8199
 
8200
+ var SvgFolderUpload = function (_a) {
8201
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8202
+ return (React$5.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),
8203
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
8204
+ React$5.createElement("g", { clipPath: "url(#folder-upload_svg__a)", fill: props.color || "currentColor" },
8205
+ React$5.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" }),
8206
+ React$5.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" })),
8207
+ React$5.createElement("defs", null,
8208
+ React$5.createElement("clipPath", { id: "folder-upload_svg__a" },
8209
+ React$5.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
8210
+ };
8211
+
8004
8212
  var SvgFolder = function (_a) {
8005
8213
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8006
8214
  return (React$5.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),
@@ -8023,6 +8231,18 @@ var SvgFrown = function (_a) {
8023
8231
  React$5.createElement("path", { d: "M16 16s-1.5-2-4-2-4 2-4 2M9 9h.01M15 9h.01" })));
8024
8232
  };
8025
8233
 
8234
+ var SvgFullBorder = function (_a) {
8235
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8236
+ return (React$5.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),
8237
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
8238
+ React$5.createElement("g", { clipPath: "url(#full-border_svg__a)", fill: props.color || "currentColor" },
8239
+ React$5.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 0v24h24V0H0Zm2 22V2h20v20H2Z" }),
8240
+ React$5.createElement("path", { d: "M11 13v11h2V13h11v-2H13V0h-2v11H0v2h11Z" })),
8241
+ React$5.createElement("defs", null,
8242
+ React$5.createElement("clipPath", { id: "full-border_svg__a" },
8243
+ React$5.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
8244
+ };
8245
+
8026
8246
  var SvgGift = function (_a) {
8027
8247
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8028
8248
  return (React$5.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),
@@ -8095,6 +8315,25 @@ var SvgGrid = function (_a) {
8095
8315
  React$5.createElement("path", { d: "M3 3h7v7H3zM14 3h7v7h-7zM14 14h7v7h-7zM3 14h7v7H3z" })));
8096
8316
  };
8097
8317
 
8318
+ var SvgGroupListFilled = function (_a) {
8319
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8320
+ return (React$5.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),
8321
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
8322
+ React$5.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" })));
8323
+ };
8324
+
8325
+ var SvgGroup = function (_a) {
8326
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8327
+ return (React$5.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),
8328
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
8329
+ React$5.createElement("g", { clipPath: "url(#group_svg__a)", fill: props.color || "currentColor" },
8330
+ React$5.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" }),
8331
+ React$5.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" })),
8332
+ React$5.createElement("defs", null,
8333
+ React$5.createElement("clipPath", { id: "group_svg__a" },
8334
+ React$5.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
8335
+ };
8336
+
8098
8337
  var SvgHardDrive = function (_a) {
8099
8338
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8100
8339
  return (React$5.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),
@@ -8147,6 +8386,18 @@ var SvgHome = function (_a) {
8147
8386
  React$5.createElement("path", { d: "M9 22V12h6v10" })));
8148
8387
  };
8149
8388
 
8389
+ var SvgHorizontalBorder = function (_a) {
8390
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8391
+ return (React$5.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),
8392
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
8393
+ React$5.createElement("g", { clipPath: "url(#horizontal-border_svg__a)" },
8394
+ React$5.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" }),
8395
+ React$5.createElement("path", { d: "M24 12.852V11H0v2h24v-.148Z", fill: props.color || "currentColor" })),
8396
+ React$5.createElement("defs", null,
8397
+ React$5.createElement("clipPath", { id: "horizontal-border_svg__a" },
8398
+ React$5.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
8399
+ };
8400
+
8150
8401
  var SvgImage = function (_a) {
8151
8402
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8152
8403
  return (React$5.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),
@@ -8156,6 +8407,31 @@ var SvgImage = function (_a) {
8156
8407
  React$5.createElement("path", { d: "m21 15-5-5L5 21" })));
8157
8408
  };
8158
8409
 
8410
+ var SvgImportExcel = function (_a) {
8411
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8412
+ return (React$5.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),
8413
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
8414
+ React$5.createElement("g", { clipPath: "url(#import-excel_svg__a)" },
8415
+ React$5.createElement("mask", { id: "import-excel_svg__b", style: {
8416
+ maskType: "luminance",
8417
+ }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 24, height: 24 },
8418
+ React$5.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" })),
8419
+ React$5.createElement("g", { mask: "url(#import-excel_svg__b)", fill: props.color || "currentColor" },
8420
+ React$5.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" }),
8421
+ React$5.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" }))),
8422
+ React$5.createElement("defs", null,
8423
+ React$5.createElement("clipPath", { id: "import-excel_svg__a" },
8424
+ React$5.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
8425
+ };
8426
+
8427
+ var SvgImportFile = function (_a) {
8428
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8429
+ return (React$5.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),
8430
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
8431
+ React$5.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" }),
8432
+ React$5.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" })));
8433
+ };
8434
+
8159
8435
  var SvgInbox = function (_a) {
8160
8436
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8161
8437
  return (React$5.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),
@@ -8164,6 +8440,14 @@ var SvgInbox = function (_a) {
8164
8440
  React$5.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" })));
8165
8441
  };
8166
8442
 
8443
+ var SvgInfoCircle = function (_a) {
8444
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8445
+ return (React$5.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),
8446
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
8447
+ React$5.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" }),
8448
+ React$5.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" })));
8449
+ };
8450
+
8167
8451
  var SvgInfoFill = function (_a) {
8168
8452
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8169
8453
  return (React$5.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),
@@ -8171,6 +8455,13 @@ var SvgInfoFill = function (_a) {
8171
8455
  React$5.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" })));
8172
8456
  };
8173
8457
 
8458
+ var SvgInfoText = function (_a) {
8459
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8460
+ return (React$5.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),
8461
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
8462
+ React$5.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" })));
8463
+ };
8464
+
8174
8465
  var SvgInfo = function (_a) {
8175
8466
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8176
8467
  return (React$5.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),
@@ -8179,6 +8470,18 @@ var SvgInfo = function (_a) {
8179
8470
  React$5.createElement("path", { d: "M12 16v-4M12 8h.01" })));
8180
8471
  };
8181
8472
 
8473
+ var SvgInsideBorder = function (_a) {
8474
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8475
+ return (React$5.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),
8476
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
8477
+ React$5.createElement("g", { clipPath: "url(#inside-border_svg__a)" },
8478
+ React$5.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" }),
8479
+ React$5.createElement("path", { d: "M11 13v11h2V13h11v-2H13V0h-2v11H0v2h11Z", fill: props.color || "currentColor" })),
8480
+ React$5.createElement("defs", null,
8481
+ React$5.createElement("clipPath", { id: "inside-border_svg__a" },
8482
+ React$5.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
8483
+ };
8484
+
8182
8485
  var SvgInstagram = function (_a) {
8183
8486
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8184
8487
  return (React$5.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),
@@ -8229,6 +8532,29 @@ var SvgLayout = function (_a) {
8229
8532
  React$5.createElement("path", { d: "M3 9h18M9 21V9" })));
8230
8533
  };
8231
8534
 
8535
+ var SvgLeftBorder = function (_a) {
8536
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8537
+ return (React$5.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),
8538
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
8539
+ React$5.createElement("mask", { id: "left-border_svg__a", style: {
8540
+ maskType: "luminance",
8541
+ }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 100, height: 100 },
8542
+ React$5.createElement("path", { d: "M100 0H0v100h100V0Z", fill: "#fff" })),
8543
+ React$5.createElement("g", { filter: "url(#left-border_svg__b)", strokeWidth: 4, mask: "url(#left-border_svg__a)" },
8544
+ React$5.createElement("path", { d: "M98 2H2v96h96V2ZM2 50h96M50 0v100", stroke: "#979797", strokeDasharray: "4 4 4 4" }),
8545
+ React$5.createElement("path", { d: "M2 0v100", stroke: props.color || "currentColor" })),
8546
+ React$5.createElement("defs", null,
8547
+ React$5.createElement("filter", { id: "left-border_svg__b", x: -4, y: 0, width: 108, height: 108, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
8548
+ React$5.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
8549
+ React$5.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" }),
8550
+ React$5.createElement("feOffset", { dy: 4 }),
8551
+ React$5.createElement("feGaussianBlur", { stdDeviation: 2 }),
8552
+ React$5.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
8553
+ React$5.createElement("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" }),
8554
+ React$5.createElement("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_881_82" }),
8555
+ React$5.createElement("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_881_82", result: "shape" })))));
8556
+ };
8557
+
8232
8558
  var SvgLifeBuoy = function (_a) {
8233
8559
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8234
8560
  return (React$5.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),
@@ -8520,6 +8846,17 @@ var SvgNavigation = function (_a) {
8520
8846
  React$5.createElement("path", { d: "m3 11 19-9-9 19-2-8-8-2z" })));
8521
8847
  };
8522
8848
 
8849
+ var SvgNoBorder = function (_a) {
8850
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8851
+ return (React$5.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),
8852
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
8853
+ React$5.createElement("g", { clipPath: "url(#no-border_svg__a)" },
8854
+ React$5.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" })),
8855
+ React$5.createElement("defs", null,
8856
+ React$5.createElement("clipPath", { id: "no-border_svg__a" },
8857
+ React$5.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
8858
+ };
8859
+
8523
8860
  var SvgOctagon = function (_a) {
8524
8861
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8525
8862
  return (React$5.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),
@@ -8527,6 +8864,25 @@ var SvgOctagon = function (_a) {
8527
8864
  React$5.createElement("path", { d: "M7.86 2h8.28L22 7.86v8.28L16.14 22H7.86L2 16.14V7.86L7.86 2z" })));
8528
8865
  };
8529
8866
 
8867
+ var SvgOutlineReply = function (_a) {
8868
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8869
+ return (React$5.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),
8870
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
8871
+ React$5.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" })));
8872
+ };
8873
+
8874
+ var SvgOutsdeBorder = function (_a) {
8875
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8876
+ return (React$5.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),
8877
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
8878
+ React$5.createElement("g", { clipPath: "url(#outsde-border_svg__a)" },
8879
+ React$5.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" }),
8880
+ React$5.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 0v24h24V0H0Zm2 22V2h20v20H2Z", fill: props.color || "currentColor" })),
8881
+ React$5.createElement("defs", null,
8882
+ React$5.createElement("clipPath", { id: "outsde-border_svg__a" },
8883
+ React$5.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
8884
+ };
8885
+
8530
8886
  var SvgPackage = function (_a) {
8531
8887
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8532
8888
  return (React$5.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),
@@ -8700,6 +9056,13 @@ var SvgProcess = function (_a) {
8700
9056
  React$5.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" })));
8701
9057
  };
8702
9058
 
9059
+ var SvgQuoteRight = function (_a) {
9060
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9061
+ return (React$5.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),
9062
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
9063
+ React$5.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" })));
9064
+ };
9065
+
8703
9066
  var SvgRadio = function (_a) {
8704
9067
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8705
9068
  return (React$5.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),
@@ -8733,6 +9096,17 @@ var SvgRepeat = function (_a) {
8733
9096
  React$5.createElement("path", { d: "M21 13v2a4 4 0 0 1-4 4H3" })));
8734
9097
  };
8735
9098
 
9099
+ var SvgReview = function (_a) {
9100
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9101
+ return (React$5.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),
9102
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
9103
+ React$5.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" }),
9104
+ React$5.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" }),
9105
+ React$5.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" }),
9106
+ React$5.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" }),
9107
+ React$5.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" })));
9108
+ };
9109
+
8736
9110
  var SvgRewind = function (_a) {
8737
9111
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8738
9112
  return (React$5.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),
@@ -8740,6 +9114,29 @@ var SvgRewind = function (_a) {
8740
9114
  React$5.createElement("path", { d: "m11 19-9-7 9-7v14zM22 19l-9-7 9-7v14z" })));
8741
9115
  };
8742
9116
 
9117
+ var SvgRightBorder = function (_a) {
9118
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9119
+ return (React$5.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),
9120
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
9121
+ React$5.createElement("mask", { id: "right-border_svg__a", style: {
9122
+ maskType: "luminance",
9123
+ }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 100, height: 100 },
9124
+ React$5.createElement("path", { d: "M100 0H0v100h100V0Z", fill: "#fff" })),
9125
+ React$5.createElement("g", { filter: "url(#right-border_svg__b)", strokeWidth: 4, mask: "url(#right-border_svg__a)" },
9126
+ React$5.createElement("path", { d: "M98 2H2v96h96V2ZM2 50h96M50 0v100", stroke: "#979797", strokeDasharray: "4 4 4 4" }),
9127
+ React$5.createElement("path", { d: "M98 0v100", stroke: props.color || "currentColor" })),
9128
+ React$5.createElement("defs", null,
9129
+ React$5.createElement("filter", { id: "right-border_svg__b", x: -4, y: 0, width: 108, height: 108, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
9130
+ React$5.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
9131
+ React$5.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" }),
9132
+ React$5.createElement("feOffset", { dy: 4 }),
9133
+ React$5.createElement("feGaussianBlur", { stdDeviation: 2 }),
9134
+ React$5.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
9135
+ React$5.createElement("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" }),
9136
+ React$5.createElement("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_881_107" }),
9137
+ React$5.createElement("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_881_107", result: "shape" })))));
9138
+ };
9139
+
8743
9140
  var SvgRotateCcw = function (_a) {
8744
9141
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8745
9142
  return (React$5.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),
@@ -8756,6 +9153,13 @@ var SvgRotateCw = function (_a) {
8756
9153
  React$5.createElement("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })));
8757
9154
  };
8758
9155
 
9156
+ var SvgRowsGroup = function (_a) {
9157
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9158
+ return (React$5.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),
9159
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
9160
+ React$5.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" })));
9161
+ };
9162
+
8759
9163
  var SvgRss = function (_a) {
8760
9164
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8761
9165
  return (React$5.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),
@@ -8789,6 +9193,13 @@ var SvgSearch = function (_a) {
8789
9193
  React$5.createElement("path", { d: "m21 21-4.35-4.35" })));
8790
9194
  };
8791
9195
 
9196
+ var SvgSendHorFill = function (_a) {
9197
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9198
+ return (React$5.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),
9199
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
9200
+ React$5.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" })));
9201
+ };
9202
+
8792
9203
  var SvgSend = function (_a) {
8793
9204
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8794
9205
  return (React$5.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),
@@ -8976,6 +9387,29 @@ var SvgSolidUp = function (_a) {
8976
9387
  React$5.createElement("path", { d: "M-10-9.583h44v44h-44v-44Z", fill: props.color || "currentColor" }))));
8977
9388
  };
8978
9389
 
9390
+ var SvgSortAscending = function (_a) {
9391
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9392
+ return (React$5.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),
9393
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
9394
+ React$5.createElement("path", { d: "M7 16H3l6 6V2H7v14Z", fill: props.color || "currentColor" }),
9395
+ React$5.createElement("path", { d: "M15 5v17h2V8h4l-6-6v3Z", fill: "#C3C3C3" })));
9396
+ };
9397
+
9398
+ var SvgSortCancel = function (_a) {
9399
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9400
+ return (React$5.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),
9401
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
9402
+ React$5.createElement("path", { d: "M7 16H3l6 6V2H7v14ZM15 5v17h2V8h4l-6-6v3Z", fill: "#C3C3C3" })));
9403
+ };
9404
+
9405
+ var SvgSortDecending = function (_a) {
9406
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9407
+ return (React$5.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),
9408
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
9409
+ React$5.createElement("path", { d: "M7 16H3l6 6V2H7v14Z", fill: "#C4C4C4" }),
9410
+ React$5.createElement("path", { d: "M15 5v17h2V8h4l-6-6v3Z", fill: props.color || "currentColor" })));
9411
+ };
9412
+
8979
9413
  var SvgSpeaker = function (_a) {
8980
9414
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
8981
9415
  return (React$5.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),
@@ -9118,6 +9552,29 @@ var SvgTool = function (_a) {
9118
9552
  React$5.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" })));
9119
9553
  };
9120
9554
 
9555
+ var SvgTopBorder = function (_a) {
9556
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9557
+ return (React$5.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),
9558
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
9559
+ React$5.createElement("mask", { id: "top-border_svg__a", style: {
9560
+ maskType: "luminance",
9561
+ }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 100, height: 100 },
9562
+ React$5.createElement("path", { d: "M100 0H0v100h100V0Z", fill: "#fff" })),
9563
+ React$5.createElement("g", { filter: "url(#top-border_svg__b)", strokeWidth: 4, mask: "url(#top-border_svg__a)" },
9564
+ React$5.createElement("path", { d: "M98 2H2v96h96V2ZM2 50h96M50 0v100", stroke: "#979797", strokeDasharray: "4 4 4 4" }),
9565
+ React$5.createElement("path", { d: "M0 2h100", stroke: props.color || "currentColor" })),
9566
+ React$5.createElement("defs", null,
9567
+ React$5.createElement("filter", { id: "top-border_svg__b", x: -4, y: 0, width: 108, height: 108, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
9568
+ React$5.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
9569
+ React$5.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" }),
9570
+ React$5.createElement("feOffset", { dy: 4 }),
9571
+ React$5.createElement("feGaussianBlur", { stdDeviation: 2 }),
9572
+ React$5.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
9573
+ React$5.createElement("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" }),
9574
+ React$5.createElement("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_881_116" }),
9575
+ React$5.createElement("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_881_116", result: "shape" })))));
9576
+ };
9577
+
9121
9578
  var SvgTrash2 = function (_a) {
9122
9579
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9123
9580
  return (React$5.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),
@@ -9348,6 +9805,18 @@ var SvgUsers = function (_a) {
9348
9805
  React$5.createElement("path", { d: "M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75" })));
9349
9806
  };
9350
9807
 
9808
+ var SvgVerticalBorder = function (_a) {
9809
+ var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9810
+ return (React$5.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),
9811
+ title ? React$5.createElement("title", { id: titleId }, title) : null,
9812
+ React$5.createElement("g", { clipPath: "url(#vertical-border_svg__a)" },
9813
+ React$5.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" }),
9814
+ React$5.createElement("path", { d: "M13 22.222V0h-2v24h2v-1.778Z", fill: props.color || "currentColor" })),
9815
+ React$5.createElement("defs", null,
9816
+ React$5.createElement("clipPath", { id: "vertical-border_svg__a" },
9817
+ React$5.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
9818
+ };
9819
+
9351
9820
  var SvgVideoOff = function (_a) {
9352
9821
  var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
9353
9822
  return (React$5.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),
@@ -9727,6 +10196,11 @@ var Icon = /*#__PURE__*/Object.freeze({
9727
10196
  Book: SvgBook,
9728
10197
  BookOpen: SvgBookOpen,
9729
10198
  Bookmark: SvgBookmark,
10199
+ BorderBottom: SvgBorderBottom,
10200
+ BorderLeft: SvgBorderLeft,
10201
+ BorderRight: SvgBorderRight,
10202
+ BorderTop: SvgBorderTop,
10203
+ BottomBorder: SvgBottomBorder,
9730
10204
  Box: SvgBox,
9731
10205
  BoxArrowInLeft: SvgBoxArrowInLeft,
9732
10206
  BoxArrowInRight: SvgBoxArrowInRight,
@@ -9766,6 +10240,8 @@ var Icon = /*#__PURE__*/Object.freeze({
9766
10240
  Codepen: SvgCodepen,
9767
10241
  Codesandbox: SvgCodesandbox,
9768
10242
  Coffee: SvgCoffee,
10243
+ Collapse: SvgCollapse,
10244
+ Collapse2: SvgCollapse2,
9769
10245
  Columns: SvgColumns,
9770
10246
  Command: SvgCommand,
9771
10247
  Compass: SvgCompass,
@@ -9795,12 +10271,19 @@ var Icon = /*#__PURE__*/Object.freeze({
9795
10271
  DollarSign: SvgDollarSign,
9796
10272
  Download: SvgDownload,
9797
10273
  DownloadCloud: SvgDownloadCloud,
10274
+ DragDrop: SvgDragDrop,
9798
10275
  Dribbble: SvgDribbble,
9799
10276
  Droplet: SvgDroplet,
9800
10277
  Edit: SvgEdit,
9801
10278
  Edit2: SvgEdit2,
9802
10279
  Edit3: SvgEdit3,
9803
10280
  Employ: SvgEmploy,
10281
+ Excel: SvgExcel,
10282
+ Exclamation: SvgExclamation,
10283
+ Expand: SvgExpand,
10284
+ Expand2: SvgExpand2,
10285
+ ExportExcel: SvgExportExcel,
10286
+ ExportFile: SvgExportFile,
9804
10287
  ExternalLink: SvgExternalLink,
9805
10288
  Eye: SvgEye,
9806
10289
  EyeOff: SvgEyeOff,
@@ -9822,12 +10305,18 @@ var Icon = /*#__PURE__*/Object.freeze({
9822
10305
  FiletypeXlsx: SvgFiletypeXlsx,
9823
10306
  Film: SvgFilm,
9824
10307
  Filter: SvgFilter,
10308
+ FilterFill: SvgFilterFill,
9825
10309
  Flag: SvgFlag,
9826
10310
  Folder: SvgFolder,
10311
+ FolderColor: SvgFolderColor,
10312
+ FolderDownload: SvgFolderDownload,
9827
10313
  FolderMinus: SvgFolderMinus,
9828
10314
  FolderPlus: SvgFolderPlus,
10315
+ FolderPlus2: SvgFolderPlus2,
10316
+ FolderUpload: SvgFolderUpload,
9829
10317
  Framer: SvgFramer,
9830
10318
  Frown: SvgFrown,
10319
+ FullBorder: SvgFullBorder,
9831
10320
  Gift: SvgGift,
9832
10321
  GitBranch: SvgGitBranch,
9833
10322
  GitCommit: SvgGitCommit,
@@ -9837,6 +10326,8 @@ var Icon = /*#__PURE__*/Object.freeze({
9837
10326
  Gitlab: SvgGitlab,
9838
10327
  Globe: SvgGlobe,
9839
10328
  Grid: SvgGrid,
10329
+ Group: SvgGroup,
10330
+ GroupListFilled: SvgGroupListFilled,
9840
10331
  HardDrive: SvgHardDrive,
9841
10332
  Hash: SvgHash,
9842
10333
  Headphones: SvgHeadphones,
@@ -9844,16 +10335,23 @@ var Icon = /*#__PURE__*/Object.freeze({
9844
10335
  HelpCircle: SvgHelpCircle,
9845
10336
  Hexagon: SvgHexagon,
9846
10337
  Home: SvgHome,
10338
+ HorizontalBorder: SvgHorizontalBorder,
9847
10339
  Image: SvgImage,
10340
+ ImportExcel: SvgImportExcel,
10341
+ ImportFile: SvgImportFile,
9848
10342
  Inbox: SvgInbox,
9849
10343
  Info: SvgInfo,
10344
+ InfoCircle: SvgInfoCircle,
9850
10345
  InfoFill: SvgInfoFill,
10346
+ InfoText: SvgInfoText,
10347
+ InsideBorder: SvgInsideBorder,
9851
10348
  Instagram: SvgInstagram,
9852
10349
  Insurance: SvgInsurance,
9853
10350
  Italic: SvgItalic,
9854
10351
  Key: SvgKey,
9855
10352
  Layers: SvgLayers,
9856
10353
  Layout: SvgLayout,
10354
+ LeftBorder: SvgLeftBorder,
9857
10355
  LifeBuoy: SvgLifeBuoy,
9858
10356
  Link: SvgLink,
9859
10357
  Link2: SvgLink2,
@@ -9892,7 +10390,10 @@ var Icon = /*#__PURE__*/Object.freeze({
9892
10390
  Music: SvgMusic,
9893
10391
  Navigation: SvgNavigation,
9894
10392
  Navigation2: SvgNavigation2,
10393
+ NoBorder: SvgNoBorder,
9895
10394
  Octagon: SvgOctagon,
10395
+ OutlineReply: SvgOutlineReply,
10396
+ OutsdeBorder: SvgOutsdeBorder,
9896
10397
  Package: SvgPackage,
9897
10398
  Paperclip: SvgPaperclip,
9898
10399
  Pause: SvgPause,
@@ -9916,18 +10417,23 @@ var Icon = /*#__PURE__*/Object.freeze({
9916
10417
  Power: SvgPower,
9917
10418
  Printer: SvgPrinter,
9918
10419
  Process: SvgProcess,
10420
+ QuoteRight: SvgQuoteRight,
9919
10421
  Radio: SvgRadio,
9920
10422
  RefreshCcw: SvgRefreshCcw,
9921
10423
  RefreshCw: SvgRefreshCw,
9922
10424
  Repeat: SvgRepeat,
10425
+ Review: SvgReview,
9923
10426
  Rewind: SvgRewind,
10427
+ RightBorder: SvgRightBorder,
9924
10428
  RotateCcw: SvgRotateCcw,
9925
10429
  RotateCw: SvgRotateCw,
10430
+ RowsGroup: SvgRowsGroup,
9926
10431
  Rss: SvgRss,
9927
10432
  Save: SvgSave,
9928
10433
  Scissors: SvgScissors,
9929
10434
  Search: SvgSearch,
9930
10435
  Send: SvgSend,
10436
+ SendHorFill: SvgSendHorFill,
9931
10437
  Server: SvgServer,
9932
10438
  Settings: SvgSettings,
9933
10439
  Share: SvgShare,
@@ -9949,6 +10455,9 @@ var Icon = /*#__PURE__*/Object.freeze({
9949
10455
  SolidLeft: SvgSolidLeft,
9950
10456
  SolidRight: SvgSolidRight,
9951
10457
  SolidUp: SvgSolidUp,
10458
+ SortAscending: SvgSortAscending,
10459
+ SortCancel: SvgSortCancel,
10460
+ SortDecending: SvgSortDecending,
9952
10461
  Speaker: SvgSpeaker,
9953
10462
  Square: SvgSquare,
9954
10463
  Star: SvgStar,
@@ -9968,6 +10477,7 @@ var Icon = /*#__PURE__*/Object.freeze({
9968
10477
  ToggleLeft: SvgToggleLeft,
9969
10478
  ToggleRight: SvgToggleRight,
9970
10479
  Tool: SvgTool,
10480
+ TopBorder: SvgTopBorder,
9971
10481
  Trash: SvgTrash,
9972
10482
  Trash2: SvgTrash2,
9973
10483
  Trello: SvgTrello,
@@ -9998,6 +10508,7 @@ var Icon = /*#__PURE__*/Object.freeze({
9998
10508
  UserX: SvgUserX,
9999
10509
  Users: SvgUsers,
10000
10510
  UsersFill: SvgUsersFill,
10511
+ VerticalBorder: SvgVerticalBorder,
10001
10512
  Video: SvgVideo,
10002
10513
  VideoOff: SvgVideoOff,
10003
10514
  Voicemail: SvgVoicemail,
@@ -10028,6 +10539,21 @@ function getDefaultExportFromCjs (x) {
10028
10539
  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
10029
10540
  }
10030
10541
 
10542
+ function getAugmentedNamespace(n) {
10543
+ if (n.__esModule) return n;
10544
+ var a = Object.defineProperty({}, '__esModule', {value: true});
10545
+ Object.keys(n).forEach(function (k) {
10546
+ var d = Object.getOwnPropertyDescriptor(n, k);
10547
+ Object.defineProperty(a, k, d.get ? d : {
10548
+ enumerable: true,
10549
+ get: function () {
10550
+ return n[k];
10551
+ }
10552
+ });
10553
+ });
10554
+ return a;
10555
+ }
10556
+
10031
10557
  var classnames$1 = {exports: {}};
10032
10558
 
10033
10559
  /*!
@@ -19275,13 +19801,14 @@ const formatDateTime = (data, format = "dd/MM/yyyy") => {
19275
19801
  }
19276
19802
  const date = new Date(data);
19277
19803
  const map = {
19804
+ DD: String(date.getDate()).padStart(2, "0"),
19278
19805
  dd: String(date.getDate()).padStart(2, "0"),
19279
19806
  MM: String(date.getMonth() + 1).padStart(2, "0"),
19280
19807
  yyyy: date.getFullYear(),
19281
19808
  HH: String(date.getHours()).padStart(2, "0"),
19282
19809
  mm: String(date.getMinutes()).padStart(2, "0")
19283
19810
  };
19284
- return format.replace(/dd|MM|yyyy|HH|mm/g, (match) => map[match]);
19811
+ return format.replace(/dd|DD|MM|yyyy|HH|mm/g, (match) => map[match]);
19285
19812
  };
19286
19813
  // Hàm tìm vị trí theo chuỗi index
19287
19814
  const FindNodeByPath = (tree, path) => {
@@ -19340,10 +19867,36 @@ const calculateTableStructure = (columns, settingColumns) => {
19340
19867
  }
19341
19868
  });
19342
19869
  };
19343
- calcTotalRightWidth(columns);
19870
+ const applySetting = (cols) => {
19871
+ return cols.map(cell => {
19872
+ const setting = settingColumns?.find(s => s.field === cell.field);
19873
+ if (setting) {
19874
+ cell.sortOrder = setting.sortOrder;
19875
+ cell.visible = setting.visible;
19876
+ if (setting.fixedType !== undefined && setting.fixedType !== null) {
19877
+ cell.fixedType = setting.fixedType;
19878
+ }
19879
+ if (setting.width !== undefined && setting.width !== null) {
19880
+ cell.width = setting.width;
19881
+ }
19882
+ cell.headerDisplay = setting.headerText || cell.headerText;
19883
+ }
19884
+ else {
19885
+ cell.visible = false;
19886
+ }
19887
+ if (cell.columns?.length) {
19888
+ cell.columns = applySetting(cell.columns); // đệ quy
19889
+ }
19890
+ return cell;
19891
+ });
19892
+ };
19344
19893
  const traverse = (cols, level = 0) => {
19345
19894
  levels[level] = levels[level] || [];
19346
- return cols.reduce((colspanSum, col, indexCol) => {
19895
+ let columns = [...cols];
19896
+ if (settingColumns?.some(c => c.sortOrder !== undefined && c.sortOrder !== null)) {
19897
+ columns = columns.sort((a, b) => (a.sortOrder ?? 0) - (b.sortOrder ?? 0));
19898
+ }
19899
+ return columns.reduce((colspanSum, col, indexCol) => {
19347
19900
  const hasChildren = (col.columns?.length ?? 0) > 0;
19348
19901
  const colspan = hasChildren ? traverse(col.columns, level + 1) : 1;
19349
19902
  const cell = {
@@ -19352,27 +19905,6 @@ const calculateTableStructure = (columns, settingColumns) => {
19352
19905
  colspan,
19353
19906
  rowspan: hasChildren ? 1 : maxDepth - level
19354
19907
  };
19355
- if (settingColumns && settingColumns.length > 0) {
19356
- const column = settingColumns.find((y) => y.field === cell.field);
19357
- if (column) {
19358
- cell.visible = column.visible;
19359
- if (column.fixedType !== undefined && column.fixedType !== null) {
19360
- cell.fixedType = column.fixedType;
19361
- }
19362
- if (column.width !== undefined && column.width !== null) {
19363
- cell.width = column.width;
19364
- }
19365
- if (column.headerText) {
19366
- cell.headerDisplay = column.headerText;
19367
- }
19368
- else {
19369
- cell.headerDisplay = cell.headerText;
19370
- }
19371
- }
19372
- else {
19373
- cell.visible = false;
19374
- }
19375
- }
19376
19908
  levels[level].push(cell);
19377
19909
  const headerKey = `${level}-${indexCol}`;
19378
19910
  if (cell.fixedType === "left" && cell.visible !== false) {
@@ -19398,6 +19930,10 @@ const calculateTableStructure = (columns, settingColumns) => {
19398
19930
  return colspanSum + colspan;
19399
19931
  }, 0);
19400
19932
  };
19933
+ calcTotalRightWidth(columns);
19934
+ if ((settingColumns?.length ?? 0) > 0) {
19935
+ applySetting(columns);
19936
+ }
19401
19937
  traverse(columns);
19402
19938
  // Danh sách các cột được hiển thị
19403
19939
  const flatVisble = flat.filter((e) => e.visible !== false);
@@ -23521,6 +24057,8 @@ const EditForm = forwardRef((props, ref) => {
23521
24057
  }
23522
24058
  }, [inputRef]);
23523
24059
  return (jsx("div", { className: "form-edit", ref: ref, id: id, children: jsx("div", { ref: editFormRef, children: jsxs(Dropdown$1, { isOpen: dropdownOpen, toggle: () => { }, children: [jsx(DropdownToggle$1, { tag: 'div', children: jsxs("div", { className: classNames$1('display-value', { 'r-is-focus': isFocus || dropdownOpen }, { 'is-invalid': invalid }), onClick: handleOnClick, children: [template?.(rowData, indexRow) ?? displayValue, jsx(Input$1, { style: {
24060
+ outline: 'none',
24061
+ border: 'none',
23524
24062
  width: template ? 0 : '100%',
23525
24063
  height: template ? 0 : 28,
23526
24064
  lineHeight: template ? 0 : 19,
@@ -38845,7 +39383,7 @@ var PRESELECT_CHANGE_VIA_NAVIGATE = "navigate";
38845
39383
 
38846
39384
  var reactInputMask = {exports: {}};
38847
39385
 
38848
- function _interopDefault$1(e){return e&&"object"==typeof e&&"default"in e?e["default"]:e}var React$4=_interopDefault$1(React__default),reactDom$1=ReactDOM__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;
39386
+ function _interopDefault$1(e){return e&&"object"==typeof e&&"default"in e?e["default"]:e}var React$4=_interopDefault$1(React__default),reactDom$1=ReactDOM__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;
38849
39387
 
38850
39388
  /**
38851
39389
  * Copyright (c) 2013-present, Facebook, Inc.
@@ -38867,7 +39405,7 @@ function _interopDefault$1(e){return e&&"object"==typeof e&&"default"in e?e["def
38867
39405
 
38868
39406
  var NODE_ENV = process.env.NODE_ENV;
38869
39407
 
38870
- var invariant$1 = function(condition, format, a, b, c, d, e, f) {
39408
+ var invariant$2 = function(condition, format, a, b, c, d, e, f) {
38871
39409
  if (NODE_ENV !== 'production') {
38872
39410
  if (format === undefined) {
38873
39411
  throw new Error('invariant requires an error message argument');
@@ -38895,13 +39433,13 @@ var invariant$1 = function(condition, format, a, b, c, d, e, f) {
38895
39433
  }
38896
39434
  };
38897
39435
 
38898
- var invariant_1 = invariant$1;
39436
+ var invariant_1 = invariant$2;
38899
39437
 
38900
39438
  function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
38901
39439
 
38902
39440
  var React$3 = _interopDefault(React__default);
38903
39441
  var reactDom = ReactDOM__default;
38904
- var invariant = _interopDefault(invariant_1);
39442
+ var invariant$1 = _interopDefault(invariant_1);
38905
39443
  var warning = _interopDefault(warning_1);
38906
39444
 
38907
39445
  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; }
@@ -39976,7 +40514,7 @@ function (_React$Component) {
39976
40514
  !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;
39977
40515
 
39978
40516
  if (children) {
39979
- !isFunction$4(children) ? process.env.NODE_ENV !== "production" ? invariant(false, 'react-input-mask: children must be a function') : invariant(false) : void 0;
40517
+ !isFunction$4(children) ? process.env.NODE_ENV !== "production" ? invariant$1(false, 'react-input-mask: children must be a function') : invariant$1(false) : void 0;
39980
40518
  var controlledProps = ['onChange', 'onPaste', 'onMouseDown', 'onFocus', 'onBlur', 'value', 'disabled', 'readOnly'];
39981
40519
 
39982
40520
  var childrenProps = _extends$7({}, restProps);
@@ -39988,7 +40526,7 @@ function (_React$Component) {
39988
40526
  var conflictProps = controlledProps.filter(function (propId) {
39989
40527
  return inputElement.props[propId] != null && inputElement.props[propId] !== restProps[propId];
39990
40528
  });
39991
- !!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;
40529
+ !!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;
39992
40530
  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;
39993
40531
  } else {
39994
40532
  inputElement = React$3.createElement("input", _extends$7({
@@ -40666,7 +41204,7 @@ const CellContentComponent = React__default.memo((props) => {
40666
41204
  // setStartCell({ col: -1, row: -1 })
40667
41205
  // }
40668
41206
  // }}
40669
- style: { justifyContent: col.textAlign === "center" ? "center" : col.textAlign === "right" ? "flex-end" : "flex-start" }, className: "r-cell-text", children: [displayValue, col.type === 'select' && !editDisable && !displayValue && jsx("div", { className: "r-drop-icon", onClick: (e) => focusEditElementCell(e, indexRow, indexCol), children: jsx("svg", { height: "20", width: "20", viewBox: "0 0 20 20", children: 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 && (jsx(UncontrolledTooltip, { className: "r-tooltip", autohide: false, target: `content-${idTable}-row${indexRow}-col${indexCol}`, children: displayValue }))] }) }));
41207
+ style: { justifyContent: col.textAlign === "center" ? "center" : col.textAlign === "right" ? "flex-end" : "flex-start" }, className: "r-cell-text", children: [displayValue, col.type === 'select' && !editDisable && !displayValue && jsx("div", { className: "r-drop-icon", onClick: (e) => focusEditElementCell(e, indexRow, indexCol, true), children: jsx("svg", { height: "20", width: "20", viewBox: "0 0 20 20", children: 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 && (jsx(UncontrolledTooltip, { className: "r-tooltip", autohide: false, target: `content-${idTable}-row${indexRow}-col${indexCol}`, children: displayValue }))] }) }));
40670
41208
  });
40671
41209
 
40672
41210
  const IconCustom = (props) => {
@@ -40721,7 +41259,7 @@ function styleInject(css, ref) {
40721
41259
  }
40722
41260
  }
40723
41261
 
40724
- 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}";
41262
+ 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}";
40725
41263
  styleInject(css_248z$2);
40726
41264
 
40727
41265
  const getColumn = (contentColumns, col, index) => {
@@ -41126,11 +41664,11 @@ const CellComponent = React__default.memo((props) => {
41126
41664
  const content = typeDis === 'template' ? col.template?.(row, indexRow) ?? '' : value;
41127
41665
  const isNegativeNumeric = col.type === 'numeric' && Number(row[col.field]) < 0;
41128
41666
  const displayValue = isNegativeNumeric ? jsx("span", { style: { color: formatSetting?.colorNegative ?? 'red' }, children: `${formatSetting?.prefixNegative ?? '-'}${content}${formatSetting?.suffixNegative ?? ''}` }) : content;
41129
- return (jsx("td", { ...commonTdProps, children: jsx("div", { className: "r-rowcell-div", children: 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: [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 && jsx("div", { className: "r-drag-icon", onDoubleClick: () => {
41130
- if (selectedCell && selectedCell?.minCol === selectedCell?.maxCol) {
41131
- handeCopyCell(indexCol, indexRow, totalCount - 1);
41132
- }
41133
- }, onMouseDown: (e) => handleMouseDown(e, 2) }), errorMessage && jsxs(Fragment$1, { children: [jsx("div", { id: `error-row${indexRow}-col${indexCol}`, className: classNames$1("cursor-pointer r-icon-invalid"), children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: [jsx("g", { "clip-path": "url(#clip0_537_2)", children: jsx("path", { d: "M18.0301 -0.0416304L17.9871 17.5138L0.474868 0.0404105L18.0301 -0.0416304Z", fill: "#da2626ff" }) }), jsx("defs", { children: jsx("clipPath", { id: "clip0_537_2", children: jsx("rect", { width: "18", height: "18", fill: "white" }) }) })] }) }), jsx(UncontrolledTooltip, { target: `error-row${indexRow}-col${indexCol}`, className: "r-tooltip tooltip-error", children: errorMessage?.toString() ?? "" })] })] }) }) }));
41667
+ return (jsx("td", { ...commonTdProps, children: 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: [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 && jsx("div", { className: "r-drag-icon", onDoubleClick: () => {
41668
+ if (selectedCell && selectedCell?.minCol === selectedCell?.maxCol) {
41669
+ handeCopyCell(indexCol, indexRow, totalCount - 1);
41670
+ }
41671
+ }, onMouseDown: (e) => handleMouseDown(e, 2) }), errorMessage && jsxs(Fragment$1, { children: [jsx("div", { id: `error-row${indexRow}-col${indexCol}`, className: classNames$1("cursor-pointer r-icon-invalid"), children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: [jsx("g", { "clip-path": "url(#clip0_537_2)", children: jsx("path", { d: "M18.0301 -0.0416304L17.9871 17.5138L0.474868 0.0404105L18.0301 -0.0416304Z", fill: "#da2626ff" }) }), jsx("defs", { children: jsx("clipPath", { id: "clip0_537_2", children: jsx("rect", { width: "18", height: "18", fill: "white" }) }) })] }) }), jsx(UncontrolledTooltip, { target: `error-row${indexRow}-col${indexCol}`, className: "r-tooltip tooltip-error", children: errorMessage?.toString() ?? "" })] })] }) }));
41134
41672
  });
41135
41673
 
41136
41674
  const FooterCol = ({ col, indexCol, dataSource, objWidthFix, formatSetting }) => {
@@ -43262,6 +43800,453 @@ const handleEnter = (e, params) => {
43262
43800
  }
43263
43801
  };
43264
43802
 
43803
+ var dist = {exports: {}};
43804
+
43805
+ var isProduction = process.env.NODE_ENV === 'production';
43806
+ var prefix$1 = 'Invariant failed';
43807
+ function invariant(condition, message) {
43808
+ if (condition) {
43809
+ return;
43810
+ }
43811
+ if (isProduction) {
43812
+ throw new Error(prefix$1);
43813
+ }
43814
+ var provided = typeof message === 'function' ? message() : message;
43815
+ var value = provided ? prefix$1 + ": " + provided : prefix$1;
43816
+ throw new Error(value);
43817
+ }
43818
+
43819
+ var tinyInvariant_esm = /*#__PURE__*/Object.freeze({
43820
+ __proto__: null,
43821
+ 'default': invariant
43822
+ });
43823
+
43824
+ var require$$3 = /*@__PURE__*/getAugmentedNamespace(tinyInvariant_esm);
43825
+
43826
+ (function (module) {
43827
+ var $8zHUo$sortablejs = require$$0;
43828
+ var $8zHUo$classnames = classnames$1.exports;
43829
+ var $8zHUo$react = React__default;
43830
+ var $8zHUo$tinyinvariant = require$$3;
43831
+
43832
+ function $parcel$interopDefault(a) {
43833
+ return a && a.__esModule ? a.default : a;
43834
+ }
43835
+ function $parcel$export(e, n, v, s) {
43836
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
43837
+ }
43838
+ function $parcel$exportWildcard(dest, source) {
43839
+ Object.keys(source).forEach(function(key) {
43840
+ if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
43841
+ return;
43842
+ }
43843
+
43844
+ Object.defineProperty(dest, key, {
43845
+ enumerable: true,
43846
+ get: function get() {
43847
+ return source[key];
43848
+ }
43849
+ });
43850
+ });
43851
+
43852
+ return dest;
43853
+ }
43854
+
43855
+ $parcel$export(module.exports, "Sortable", () => $882b6d93070905b3$re_export$Sortable);
43856
+ $parcel$export(module.exports, "Direction", () => $882b6d93070905b3$re_export$Direction);
43857
+ $parcel$export(module.exports, "DOMRect", () => $882b6d93070905b3$re_export$DOMRect);
43858
+ $parcel$export(module.exports, "GroupOptions", () => $882b6d93070905b3$re_export$GroupOptions);
43859
+ $parcel$export(module.exports, "MoveEvent", () => $882b6d93070905b3$re_export$MoveEvent);
43860
+ $parcel$export(module.exports, "Options", () => $882b6d93070905b3$re_export$Options);
43861
+ $parcel$export(module.exports, "PullResult", () => $882b6d93070905b3$re_export$PullResult);
43862
+ $parcel$export(module.exports, "PutResult", () => $882b6d93070905b3$re_export$PutResult);
43863
+ $parcel$export(module.exports, "SortableEvent", () => $882b6d93070905b3$re_export$SortableEvent);
43864
+ $parcel$export(module.exports, "SortableOptions", () => $882b6d93070905b3$re_export$SortableOptions);
43865
+ $parcel$export(module.exports, "Utils", () => $882b6d93070905b3$re_export$Utils);
43866
+ $parcel$export(module.exports, "ReactSortable", () => $7fe8e3ea572bda7a$export$11bbed9ee0012c13);
43867
+
43868
+
43869
+
43870
+
43871
+
43872
+ function $eb03e74f8f7db1f3$export$1d0aa160432dfea5(node) {
43873
+ if (node.parentElement !== null) node.parentElement.removeChild(node);
43874
+ }
43875
+ function $eb03e74f8f7db1f3$export$6d240faa51aa562f(parent, newChild, index) {
43876
+ const refChild = parent.children[index] || null;
43877
+ parent.insertBefore(newChild, refChild);
43878
+ }
43879
+ function $eb03e74f8f7db1f3$export$77f49a256021c8de(customs) {
43880
+ customs.forEach((curr)=>$eb03e74f8f7db1f3$export$1d0aa160432dfea5(curr.element));
43881
+ }
43882
+ function $eb03e74f8f7db1f3$export$a6177d5829f70ebc(customs) {
43883
+ customs.forEach((curr)=>{
43884
+ $eb03e74f8f7db1f3$export$6d240faa51aa562f(curr.parentElement, curr.element, curr.oldIndex);
43885
+ });
43886
+ }
43887
+ function $eb03e74f8f7db1f3$export$4655efe700f887a(evt, list) {
43888
+ const mode = $eb03e74f8f7db1f3$export$1fc0f6205829e19c(evt);
43889
+ const parentElement = {
43890
+ parentElement: evt.from
43891
+ };
43892
+ let custom = [];
43893
+ switch(mode){
43894
+ case "normal":
43895
+ /* eslint-disable */ const item = {
43896
+ element: evt.item,
43897
+ newIndex: evt.newIndex,
43898
+ oldIndex: evt.oldIndex,
43899
+ parentElement: evt.from
43900
+ };
43901
+ custom = [
43902
+ item
43903
+ ];
43904
+ break;
43905
+ case "swap":
43906
+ const drag = {
43907
+ element: evt.item,
43908
+ oldIndex: evt.oldIndex,
43909
+ newIndex: evt.newIndex,
43910
+ ...parentElement
43911
+ };
43912
+ const swap = {
43913
+ element: evt.swapItem,
43914
+ oldIndex: evt.newIndex,
43915
+ newIndex: evt.oldIndex,
43916
+ ...parentElement
43917
+ };
43918
+ custom = [
43919
+ drag,
43920
+ swap
43921
+ ];
43922
+ break;
43923
+ case "multidrag":
43924
+ custom = evt.oldIndicies.map((curr, index)=>({
43925
+ element: curr.multiDragElement,
43926
+ oldIndex: curr.index,
43927
+ newIndex: evt.newIndicies[index].index,
43928
+ ...parentElement
43929
+ }));
43930
+ break;
43931
+ }
43932
+ /* eslint-enable */ const customs = $eb03e74f8f7db1f3$export$bc06a3af7dc65f53(custom, list);
43933
+ return customs;
43934
+ }
43935
+ function $eb03e74f8f7db1f3$export$c25cf8080bd305ec(normalized, list) {
43936
+ const a = $eb03e74f8f7db1f3$export$be2da95e6167b0bd(normalized, list);
43937
+ const b = $eb03e74f8f7db1f3$export$eca851ee65ae17e4(normalized, a);
43938
+ return b;
43939
+ }
43940
+ function $eb03e74f8f7db1f3$export$be2da95e6167b0bd(normalized, list) {
43941
+ const newList = [
43942
+ ...list
43943
+ ];
43944
+ normalized.concat().reverse().forEach((curr)=>newList.splice(curr.oldIndex, 1));
43945
+ return newList;
43946
+ }
43947
+ function $eb03e74f8f7db1f3$export$eca851ee65ae17e4(normalized, list, evt, clone) {
43948
+ const newList = [
43949
+ ...list
43950
+ ];
43951
+ normalized.forEach((curr)=>{
43952
+ const newItem = clone && evt && clone(curr.item, evt);
43953
+ newList.splice(curr.newIndex, 0, newItem || curr.item);
43954
+ });
43955
+ return newList;
43956
+ }
43957
+ function $eb03e74f8f7db1f3$export$1fc0f6205829e19c(evt) {
43958
+ if (evt.oldIndicies && evt.oldIndicies.length > 0) return "multidrag";
43959
+ if (evt.swapItem) return "swap";
43960
+ return "normal";
43961
+ }
43962
+ function $eb03e74f8f7db1f3$export$bc06a3af7dc65f53(inputs, list) {
43963
+ const normalized = inputs.map((curr)=>({
43964
+ ...curr,
43965
+ item: list[curr.oldIndex]
43966
+ })).sort((a, b)=>a.oldIndex - b.oldIndex);
43967
+ return normalized;
43968
+ }
43969
+ function $eb03e74f8f7db1f3$export$7553c81e62e31b7e(props) {
43970
+ /* eslint-disable */ const { list: // react sortable props
43971
+ list , setList: setList , children: children , tag: tag , style: style , className: className , clone: clone , onAdd: // sortable options that have methods we want to overwrite
43972
+ 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;
43973
+ /* eslint-enable */ return options;
43974
+ }
43975
+
43976
+
43977
+ /** Holds a global reference for which react element is being dragged */ // @todo - use context to manage this. How does one use 2 different providers?
43978
+ const $7fe8e3ea572bda7a$var$store = {
43979
+ dragging: null
43980
+ };
43981
+ class $7fe8e3ea572bda7a$export$11bbed9ee0012c13 extends ($8zHUo$react.Component) {
43982
+ /* eslint-disable-next-line */ static defaultProps = {
43983
+ clone: (item)=>item
43984
+ };
43985
+ constructor(props){
43986
+ super(props);
43987
+ // @todo forward ref this component
43988
+ this.ref = /*#__PURE__*/ (0, $8zHUo$react.createRef)();
43989
+ // make all state false because we can't change sortable unless a mouse gesture is made.
43990
+ const newList = [
43991
+ ...props.list
43992
+ ].map((item)=>Object.assign(item, {
43993
+ chosen: false,
43994
+ selected: false
43995
+ }));
43996
+ props.setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
43997
+ (($parcel$interopDefault($8zHUo$tinyinvariant)))(//@ts-expect-error: Doesn't exist. Will deprecate soon.
43998
+ !props.plugins, `
43999
+ Plugins prop is no longer supported.
44000
+ Instead, mount it with "Sortable.mount(new MultiDrag())"
44001
+ Please read the updated README.md at https://github.com/SortableJS/react-sortablejs.
44002
+ `);
44003
+ }
44004
+ componentDidMount() {
44005
+ if (this.ref.current === null) return;
44006
+ const newOptions = this.makeOptions();
44007
+ (($parcel$interopDefault($8zHUo$sortablejs))).create(this.ref.current, newOptions);
44008
+ }
44009
+ componentDidUpdate(prevProps) {
44010
+ if (prevProps.disabled !== this.props.disabled && this.sortable) this.sortable.option("disabled", this.props.disabled);
44011
+ }
44012
+ render() {
44013
+ const { tag: tag , style: style , className: className , id: id } = this.props;
44014
+ const classicProps = {
44015
+ style: style,
44016
+ className: className,
44017
+ id: id
44018
+ };
44019
+ // if no tag, default to a `div` element.
44020
+ const newTag = !tag || tag === null ? "div" : tag;
44021
+ return /*#__PURE__*/ (0, $8zHUo$react.createElement)(newTag, {
44022
+ // @todo - find a way (perhaps with the callback) to allow AntD components to work
44023
+ ref: this.ref,
44024
+ ...classicProps
44025
+ }, this.getChildren());
44026
+ }
44027
+ getChildren() {
44028
+ 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;
44029
+ // if no children, don't do anything.
44030
+ if (!children || children == null) return null;
44031
+ const dataid = dataIdAttr || "data-id";
44032
+ /* eslint-disable-next-line */ return ($8zHUo$react.Children).map(children, (child, index)=>{
44033
+ if (child === undefined) return undefined;
44034
+ const item = list[index] || {};
44035
+ const { className: prevClassName } = child.props;
44036
+ // @todo - handle the function if avalable. I don't think anyone will be doing this soon.
44037
+ const filtered = typeof filter === "string" && {
44038
+ [filter.replace(".", "")]: !!item.filtered
44039
+ };
44040
+ const className = (($parcel$interopDefault($8zHUo$classnames)))(prevClassName, {
44041
+ [selectedClass]: item.selected,
44042
+ [chosenClass]: item.chosen,
44043
+ ...filtered
44044
+ });
44045
+ return /*#__PURE__*/ (0, $8zHUo$react.cloneElement)(child, {
44046
+ [dataid]: child.key,
44047
+ className: className
44048
+ });
44049
+ });
44050
+ }
44051
+ /** Appends the `sortable` property to this component */ get sortable() {
44052
+ const el = this.ref.current;
44053
+ if (el === null) return null;
44054
+ const key = Object.keys(el).find((k)=>k.includes("Sortable"));
44055
+ if (!key) return null;
44056
+ //@ts-expect-error: fix me.
44057
+ return el[key];
44058
+ }
44059
+ /** Converts all the props from `ReactSortable` into the `options` object that `Sortable.create(el, [options])` can use. */ makeOptions() {
44060
+ const DOMHandlers = [
44061
+ "onAdd",
44062
+ "onChoose",
44063
+ "onDeselect",
44064
+ "onEnd",
44065
+ "onRemove",
44066
+ "onSelect",
44067
+ "onSpill",
44068
+ "onStart",
44069
+ "onUnchoose",
44070
+ "onUpdate",
44071
+ ];
44072
+ const NonDOMHandlers = [
44073
+ "onChange",
44074
+ "onClone",
44075
+ "onFilter",
44076
+ "onSort",
44077
+ ];
44078
+ const newOptions = ($eb03e74f8f7db1f3$export$7553c81e62e31b7e)(this.props);
44079
+ DOMHandlers.forEach((name)=>newOptions[name] = this.prepareOnHandlerPropAndDOM(name));
44080
+ NonDOMHandlers.forEach((name)=>newOptions[name] = this.prepareOnHandlerProp(name));
44081
+ /** onMove has 2 arguments and needs to be handled seperately. */ const onMove1 = (evt, originalEvt)=>{
44082
+ const { onMove: onMove } = this.props;
44083
+ const defaultValue = evt.willInsertAfter || -1;
44084
+ if (!onMove) return defaultValue;
44085
+ const result = onMove(evt, originalEvt, this.sortable, $7fe8e3ea572bda7a$var$store);
44086
+ if (typeof result === "undefined") return false;
44087
+ return result;
44088
+ };
44089
+ return {
44090
+ ...newOptions,
44091
+ onMove: onMove1
44092
+ };
44093
+ }
44094
+ /** Prepares a method that will be used in the sortable options to call an `on[Handler]` prop & an `on[Handler]` ReactSortable method. */ prepareOnHandlerPropAndDOM(evtName) {
44095
+ return (evt)=>{
44096
+ // call the component prop
44097
+ this.callOnHandlerProp(evt, evtName);
44098
+ // calls state change
44099
+ //@ts-expect-error: until @types multidrag item is in
44100
+ this[evtName](evt);
44101
+ };
44102
+ }
44103
+ /** Prepares a method that will be used in the sortable options to call an `on[Handler]` prop */ prepareOnHandlerProp(evtName) {
44104
+ return (evt)=>{
44105
+ // call the component prop
44106
+ this.callOnHandlerProp(evt, evtName);
44107
+ };
44108
+ }
44109
+ /** Calls the `props.on[Handler]` function */ callOnHandlerProp(evt, evtName) {
44110
+ const propEvent = this.props[evtName];
44111
+ if (propEvent) propEvent(evt, this.sortable, $7fe8e3ea572bda7a$var$store);
44112
+ }
44113
+ // SORTABLE DOM HANDLING
44114
+ onAdd(evt) {
44115
+ const { list: list , setList: setList , clone: clone } = this.props;
44116
+ /* eslint-disable-next-line */ const otherList = [
44117
+ ...$7fe8e3ea572bda7a$var$store.dragging.props.list
44118
+ ];
44119
+ const customs = ($eb03e74f8f7db1f3$export$4655efe700f887a)(evt, otherList);
44120
+ ($eb03e74f8f7db1f3$export$77f49a256021c8de)(customs);
44121
+ const newList = ($eb03e74f8f7db1f3$export$eca851ee65ae17e4)(customs, list, evt, clone).map((item)=>Object.assign(item, {
44122
+ selected: false
44123
+ }));
44124
+ setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
44125
+ }
44126
+ onRemove(evt) {
44127
+ const { list: list , setList: setList } = this.props;
44128
+ const mode = ($eb03e74f8f7db1f3$export$1fc0f6205829e19c)(evt);
44129
+ const customs = ($eb03e74f8f7db1f3$export$4655efe700f887a)(evt, list);
44130
+ ($eb03e74f8f7db1f3$export$a6177d5829f70ebc)(customs);
44131
+ let newList = [
44132
+ ...list
44133
+ ];
44134
+ // remove state if not in clone mode. otherwise, keep.
44135
+ if (evt.pullMode !== "clone") newList = ($eb03e74f8f7db1f3$export$be2da95e6167b0bd)(customs, newList);
44136
+ else {
44137
+ // switch used to get the clone
44138
+ let customClones = customs;
44139
+ switch(mode){
44140
+ case "multidrag":
44141
+ customClones = customs.map((item, index)=>({
44142
+ ...item,
44143
+ element: evt.clones[index]
44144
+ }));
44145
+ break;
44146
+ case "normal":
44147
+ customClones = customs.map((item)=>({
44148
+ ...item,
44149
+ element: evt.clone
44150
+ }));
44151
+ break;
44152
+ case "swap":
44153
+ default:
44154
+ (($parcel$interopDefault($8zHUo$tinyinvariant)))(true, `mode "${mode}" cannot clone. Please remove "props.clone" from <ReactSortable/> when using the "${mode}" plugin`);
44155
+ }
44156
+ ($eb03e74f8f7db1f3$export$77f49a256021c8de)(customClones);
44157
+ // replace selected items with cloned items
44158
+ customs.forEach((curr)=>{
44159
+ const index = curr.oldIndex;
44160
+ /* eslint-disable-next-line */ const newItem = this.props.clone(curr.item, evt);
44161
+ newList.splice(index, 1, newItem);
44162
+ });
44163
+ }
44164
+ // remove item.selected from list
44165
+ newList = newList.map((item)=>Object.assign(item, {
44166
+ selected: false
44167
+ }));
44168
+ setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
44169
+ }
44170
+ onUpdate(evt) {
44171
+ const { list: list , setList: setList } = this.props;
44172
+ const customs = ($eb03e74f8f7db1f3$export$4655efe700f887a)(evt, list);
44173
+ ($eb03e74f8f7db1f3$export$77f49a256021c8de)(customs);
44174
+ ($eb03e74f8f7db1f3$export$a6177d5829f70ebc)(customs);
44175
+ const newList = ($eb03e74f8f7db1f3$export$c25cf8080bd305ec)(customs, list);
44176
+ return setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
44177
+ }
44178
+ onStart() {
44179
+ $7fe8e3ea572bda7a$var$store.dragging = this;
44180
+ }
44181
+ onEnd() {
44182
+ $7fe8e3ea572bda7a$var$store.dragging = null;
44183
+ }
44184
+ onChoose(evt) {
44185
+ const { list: list , setList: setList } = this.props;
44186
+ const newList = list.map((item, index)=>{
44187
+ let newItem = item;
44188
+ if (index === evt.oldIndex) newItem = Object.assign(item, {
44189
+ chosen: true
44190
+ });
44191
+ return newItem;
44192
+ });
44193
+ setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
44194
+ }
44195
+ onUnchoose(evt) {
44196
+ const { list: list , setList: setList } = this.props;
44197
+ const newList = list.map((item, index)=>{
44198
+ let newItem = item;
44199
+ if (index === evt.oldIndex) newItem = Object.assign(newItem, {
44200
+ chosen: false
44201
+ });
44202
+ return newItem;
44203
+ });
44204
+ setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
44205
+ }
44206
+ onSpill(evt) {
44207
+ const { removeOnSpill: removeOnSpill , revertOnSpill: revertOnSpill } = this.props;
44208
+ if (removeOnSpill && !revertOnSpill) ($eb03e74f8f7db1f3$export$1d0aa160432dfea5)(evt.item);
44209
+ }
44210
+ onSelect(evt) {
44211
+ const { list: list , setList: setList } = this.props;
44212
+ const newList = list.map((item)=>Object.assign(item, {
44213
+ selected: false
44214
+ }));
44215
+ evt.newIndicies.forEach((curr)=>{
44216
+ const index = curr.index;
44217
+ if (index === -1) {
44218
+ console.log(`"${evt.type}" had indice of "${curr.index}", which is probably -1 and doesn't usually happen here.`);
44219
+ console.log(evt);
44220
+ return;
44221
+ }
44222
+ newList[index].selected = true;
44223
+ });
44224
+ setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
44225
+ }
44226
+ onDeselect(evt) {
44227
+ const { list: list , setList: setList } = this.props;
44228
+ const newList = list.map((item)=>Object.assign(item, {
44229
+ selected: false
44230
+ }));
44231
+ evt.newIndicies.forEach((curr)=>{
44232
+ const index = curr.index;
44233
+ if (index === -1) return;
44234
+ newList[index].selected = true;
44235
+ });
44236
+ setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
44237
+ }
44238
+ }
44239
+
44240
+
44241
+ var $faefaad95e5fcca0$exports = {};
44242
+
44243
+
44244
+ $parcel$exportWildcard(module.exports, $faefaad95e5fcca0$exports);
44245
+
44246
+
44247
+
44248
+ }(dist));
44249
+
43265
44250
  const ModalHeader = (props) => {
43266
44251
  // ** Props
43267
44252
  const { title, handleModal, typeModal = 'Edit', component } = props;
@@ -43324,32 +44309,19 @@ const Sidebar = (props) => {
43324
44309
  }), style: { zIndex: 1056 }, onClick: handClose }), jsxs("div", { className: classNames$1('r-sidebar', `customizer-${width ?? 600}`, {
43325
44310
  open: flag,
43326
44311
  fullscreen: isFullScreen
43327
- }), style: { zIndex: 1057 }, children: [jsxs("div", { style: {
43328
- position: 'fixed',
43329
- top: '50%',
43330
- transform: 'translate(-50%, -50%)',
43331
- background: '$white',
43332
- filter: 'drop-shadow(0.9px 0.9px 1.5px)',
43333
- height: 50,
43334
- display: 'flex',
43335
- alignItems: 'center',
43336
- borderRadius: '0px 5px 5px 0px',
43337
- cursor: 'pointer',
43338
- zIndex: 9,
43339
- marginLeft: 7
43340
- }, className: classNames$1({ 'd-none': hiddenFullScreenButton }), onClick: () => {
44312
+ }), style: { zIndex: 1057 }, children: [jsxs("div", { className: classNames$1('r-handle', { 'd-none': hiddenFullScreenButton }), onClick: () => {
43341
44313
  setIsFullScreen(!isFullScreen);
43342
44314
  }, children: [jsx(SvgChevronLeft, { className: `${isFullScreen ? 'd-none' : ''}`, fontSize: 16 }), jsx(SvgChevronRight, { className: `${!isFullScreen ? 'd-none' : ''}`, fontSize: 15 })] }), children] })] }));
43343
44315
  };
43344
44316
 
43345
44317
  const SettingColumn = (props) => {
43346
- const { column, setColumn, openSidebar, handleSidebar, resetDefaultColumns, formatSetting } = props;
44318
+ const { column, setColumn, openSidebar, gridRef, handleSidebar, resetDefaultColumns, settingColumns, formatSetting } = props;
43347
44319
  const { t } = useTranslation();
43348
44320
  const [dataSource, setDataSource] = useState([]);
43349
- const [indexFocus, setIndexFocus] = useState();
44321
+ // const [indexFocus, setIndexFocus] = useState<number>()
43350
44322
  useEffect(() => {
43351
44323
  if (openSidebar) {
43352
- setDataSource([...column]);
44324
+ setDataSource([...column.map(x => ({ ...x }))]);
43353
44325
  }
43354
44326
  }, [openSidebar]);
43355
44327
  const handleCancel = () => {
@@ -43381,20 +44353,17 @@ const SettingColumn = (props) => {
43381
44353
  handleSidebar();
43382
44354
  setDataSource([]);
43383
44355
  };
43384
- const renderFooterButtons = () => {
43385
- return (jsxs(Fragment, { children: [resetDefaultColumns && jsx(Button$1, { color: "primary", onClick: () => messageBoxConfirm(t, handleResetColumns, {}, 'Do you want to reset the default settings?'), className: "me-1", children: t("Reset") }), jsx(Button$1, { color: "primary", onClick: handleSubmit, className: "me-1", children: t("Confirm") }), jsx(Button$1, { color: "secondary", onClick: handleCancel, outline: true, children: t("Close") })] }));
43386
- };
43387
44356
  const visibleTemplate = (item, index) => {
43388
- return (jsx("div", { className: "r-cell-text", children: 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) => {
43389
- if (dataSource) {
43390
- dataSource[index].visible = e.target.checked;
43391
- setDataSource(dataSource);
43392
- }
43393
- } }) }));
44357
+ return (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) => {
44358
+ if (dataSource) {
44359
+ dataSource[index].visible = e.target.checked;
44360
+ setDataSource(dataSource);
44361
+ }
44362
+ } }));
43394
44363
  };
43395
44364
  const headerDisplayTemplate = (item, index) => {
43396
44365
  let textValue = t(item.headerDisplay ?? (item.headerText ?? ''));
43397
- return (jsx(Input$1, { defaultValue: textValue, className: classNames$1("border-0 rounded-0 input-element"), onChange: (e) => {
44366
+ return (jsx(Input$1, { defaultValue: textValue, className: classNames$1(""), onChange: (e) => {
43398
44367
  textValue = e.target?.value;
43399
44368
  }, onBlur: () => {
43400
44369
  if (dataSource) {
@@ -43405,7 +44374,7 @@ const SettingColumn = (props) => {
43405
44374
  };
43406
44375
  const fixColumnTemplate = (item, index) => {
43407
44376
  const optionsFix = [{ label: 'Trái', value: 'left' }, { label: 'Phải', value: 'right' }];
43408
- return (jsx(SelectTable, { options: optionsFix, textAlign: "left", isClearable: true, onChange: (val) => {
44377
+ return (jsx(SelectTable, { component: gridRef, options: optionsFix, textAlign: "left", isClearable: true, onChange: (val) => {
43409
44378
  if (dataSource) {
43410
44379
  dataSource[index].fixedType = val?.value;
43411
44380
  setDataSource([...dataSource]);
@@ -43421,7 +44390,7 @@ const SettingColumn = (props) => {
43421
44390
  decimalScale: 0
43422
44391
  };
43423
44392
  let floatValue = parseFloat(item.width?.toString() ?? "0");
43424
- return (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) => {
44393
+ return (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) => {
43425
44394
  floatValue = values?.floatValue;
43426
44395
  }, onFocus: (e) => {
43427
44396
  e.target.setSelectionRange(0, e.target.innerText.length - 1);
@@ -43434,91 +44403,9 @@ const SettingColumn = (props) => {
43434
44403
  }
43435
44404
  } }));
43436
44405
  };
43437
- const columns = [
43438
- {
43439
- field: "",
43440
- headerText: "STT",
43441
- template: (row, index) => {
43442
- return index + 1;
43443
- },
43444
- textAlign: 'center',
43445
- visible: true,
43446
- width: 50
43447
- },
43448
- {
43449
- field: "headerText",
43450
- headerText: "Column name",
43451
- template: (item) => (jsxs("div", { className: "r-cell-text", children: [" ", t(item.headerText)] })),
43452
- visible: true,
43453
- width: 200
43454
- },
43455
- {
43456
- field: "headerDisplay",
43457
- headerText: "Column name display",
43458
- template: headerDisplayTemplate,
43459
- visible: true,
43460
- width: 200
43461
- },
43462
- {
43463
- field: "",
43464
- template: visibleTemplate,
43465
- headerText: "Display",
43466
- textAlign: "center",
43467
- visible: true,
43468
- width: 80
43469
- },
43470
- {
43471
- field: "",
43472
- template: fixColumnTemplate,
43473
- headerText: "Fix the column",
43474
- textAlign: "center",
43475
- visible: true,
43476
- width: 80
43477
- },
43478
- {
43479
- field: "width",
43480
- headerText: "Column width(px)",
43481
- textAlign: "right",
43482
- visible: true,
43483
- template: widthColumnTemplate,
43484
- width: 100
43485
- }
43486
- ];
43487
- const renderHeaderCol = (col, indexCol) => {
43488
- return (jsx(Fragment, { children: col.visible !== false && (jsx("th", { className: classNames$1(`r-headercell fix-${col.fixedType}`, { "cell-fixed": col.fixedType }), style: {
43489
- width: col.fixedType ? Number(col.maxWidth ? col.maxWidth : col.width ? col.width : col.minWidth ?? "auto") : col.width,
43490
- minWidth: col.fixedType ? Number(col.maxWidth ? col.maxWidth : col.width ? col.width : col.minWidth ?? "auto") : col.minWidth,
43491
- top: `${0 * 42}px`,
43492
- maxWidth: col.maxWidth
43493
- }, children: jsx("div", { role: "textbox", title: t(col.headerText ?? ""), style: {
43494
- height: `${1 * 42}px`,
43495
- justifyContent: col.textAlign ?? "left"
43496
- }, className: "r-headercell-div", children: t(col.headerText ?? "") }) })) }, `header-${indexCol}`));
43497
- };
43498
- return (jsxs(Sidebar, { open: openSidebar, toggleSidebar: handleCancel, width: 900, children: [jsx(ModalHeader, { typeModal: "Edit", handleModal: handleCancel, title: "Column setup" }), jsx("div", { className: "ms-2 r-table-edit", children: jsx("div", { className: "r-grid", children: jsx("div", { className: "r-gridtable", style: { height: windowSize.innerHeight - 120 }, children: jsxs("table", { style: { width: "100%" }, children: [jsx("thead", { className: "r-gridheader", children: jsx("tr", { className: "r-row", role: "row", children: columns.map((col, index) => {
43499
- return renderHeaderCol(col, index);
43500
- }) }) }), jsx("tbody", { className: "r-gridcontent", children: dataSource?.map((row, indexRow) => {
43501
- return (jsx("tr", { className: classNames$1("r-row", { "last-row": indexRow === dataSource.length - 1 }, { "fisrt-row": indexRow === 0 }), children: columns.map((col, indexCol) => {
43502
- return (jsx(Fragment, { children: col.visible !== false && (jsx("td", { className: classNames$1(`r-rowcell fix-${col.fixedType}`, { "cell-fixed": col.fixedType }, { "r-active": indexFocus === indexRow }), style: {
43503
- padding: 0,
43504
- textAlign: col.textAlign ? col.textAlign : "left"
43505
- }, onFocus: (e) => {
43506
- if (indexRow !== indexFocus) {
43507
- setIndexFocus(indexRow);
43508
- }
43509
- e.stopPropagation();
43510
- }, onClick: (e) => {
43511
- if (e.target.nodeName === "DIV" || e.target.nodeName === "TD") {
43512
- if (indexRow !== indexFocus) {
43513
- setIndexFocus(indexRow);
43514
- }
43515
- e.stopPropagation();
43516
- }
43517
- }, children: jsx("div", { className: classNames$1("r-rowcell-div"), style: {
43518
- width: col.fixedType ? Number(col.maxWidth ? col.maxWidth : col.width ? col.width : col.minWidth ?? "auto") : "auto"
43519
- }, children: jsx("div", { className: classNames$1("r-rowcell-content"), children: col.template && col.template(row, indexRow) }) }) }, `col-${indexRow}-${indexCol}`)) }, indexCol));
43520
- }) }, `row-${indexRow}`));
43521
- }) })] }) }) }) }), jsx("div", { className: "d-flex justify-content-end p-1 ", style: { boxShadow: "0 4px 24px 0 rgb(34 41 47 / 10%)" }, children: renderFooterButtons() })] }));
44406
+ return (jsxs(Sidebar, { open: openSidebar, toggleSidebar: handleCancel, width: 900, children: [jsx(ModalHeader, { typeModal: "Edit", handleModal: handleCancel, title: "Column setup" }), jsxs("div", { className: "r-setting-container", children: [jsxs("div", { style: { fontWeight: 700, color: "#000" }, className: 'r-setting-row r-setting-header me-75', children: [jsx("span", { className: "r-setting-cell", style: { width: 30 } }), jsx("span", { className: "r-setting-cell", style: { width: 200 }, children: t('Column name') }), jsx("span", { className: "r-setting-cell", style: { flex: 1 }, children: t('Column name display') }), jsx("span", { className: "r-setting-cell", style: { width: 80, textAlign: 'center' }, children: t('Display') }), jsx("span", { className: "r-setting-cell", style: { width: 100 }, children: t('Fix the column') }), jsx("span", { className: "r-setting-cell", style: { width: 110 }, children: t('Column width(px)') })] }), jsx("div", { className: 'r-setting-content', style: { height: windowSize.innerHeight - 140 }, children: jsx(dist.exports.ReactSortable, { tag: 'div', list: dataSource, handle: '.drag-icon', setList: newState => setDataSource(newState), children: dataSource.map((item, index) => {
44407
+ return jsx(Fragment$1, { children: jsxs("div", { className: 'r-setting-row', children: [jsx("div", { className: "r-setting-cell", style: { width: 30 }, children: jsx(SvgDragDrop, { fontSize: 12, className: 'drag-icon cursor-move' }) }), jsx("div", { className: "r-setting-cell", style: { width: 200 }, children: t(item.headerText ?? '') }), jsx("div", { className: "r-setting-cell", style: { flex: 1 }, children: headerDisplayTemplate(item, index) }), jsx("div", { className: "r-setting-cell", style: { width: 80, textAlign: 'center' }, children: visibleTemplate(item, index) }), jsx("div", { className: "r-setting-cell", style: { width: 100 }, children: fixColumnTemplate(item, index) }), jsx("div", { className: "r-setting-cell", style: { width: 110 }, children: widthColumnTemplate(item, index) })] }) });
44408
+ }) }) })] }), 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: [jsx("div", { children: settingColumns?.updatedDate && jsxs("p", { children: [jsxs("strong", { children: [t("Update date"), ": "] }), " ", jsx("span", { children: settingColumns.updatedDate ? formatDateTime(settingColumns.updatedDate, "DD/MM/yyyy HH:mm") : "" }), jsxs("strong", { className: "ms-2", children: [t("Editor"), ": "] }), " ", jsx("span", { children: settingColumns.updatedByName })] }) }), jsxs("div", { children: [resetDefaultColumns && jsx(Button$1, { color: "primary", onClick: () => messageBoxConfirm(t, handleResetColumns, {}, 'Do you want to reset the default settings?'), className: "me-1", children: t("Reset") }), jsx(Button$1, { color: "primary", onClick: handleSubmit, className: "me-1", children: t("Confirm") }), jsx(Button$1, { color: "secondary", onClick: handleCancel, outline: true, children: t("Close") })] })] })] }));
43522
44409
  };
43523
44410
 
43524
44411
  const ToolbarBottom = ({ handleAdd, handleDuplicate, handleInsertBefore, handleInsertAfter, handleDeleteAll, setOpenPopupSetupColumn, focusRow, editDisable, addDisable, buttonSetting, toolbarSetting, headerColumns }) => {
@@ -43556,9 +44443,6 @@ const TableEdit = forwardRef((props, ref) => {
43556
44443
  const typeDragging = useRef(0); // 0: không kéo, 1: kéo ô, 2: kéo dòng, 3: kéo copy , 3: kéo cột
43557
44444
  const isCopying = useRef(false);
43558
44445
  const resizeTimeout = useRef(null);
43559
- useEffect(() => {
43560
- console.log(resizeTimeout);
43561
- }, [resizeTimeout]);
43562
44446
  const totalCount = dataSource.length;
43563
44447
  const pagingClient = pagingSetting?.allowPaging && (pagingSetting?.pagingClient || !(editDisable || addDisable));
43564
44448
  const searchClient = searchSetting?.searchEnable && (searchSetting?.searchClient || !(editDisable || addDisable));
@@ -43569,8 +44453,8 @@ const TableEdit = forwardRef((props, ref) => {
43569
44453
  pagingSetting.setCurrentPage(1);
43570
44454
  }
43571
44455
  }, [dataSource]);
43572
- const { levels: headerColumns, flatVisble: visibleColumns, flatVisbleContent: visibleContentColumns, objWidthFixLeft, objWidthFixRight, lastObjWidthFixLeft, fisrtObjWidthFixRight, objHeaderWidthFixLeft, objHeaderWidthFixRight, indexFirstEdit: indexFirstEdit, indexLastEdit: indexLastEdit } = useMemo(() => {
43573
- const rs = calculateTableStructure(columns, settingColumns);
44456
+ const { levels: headerColumns, flatVisble: visibleColumns, flatVisbleContent: visibleContentColumns, objWidthFixLeft, objWidthFixRight, lastObjWidthFixLeft, fisrtObjWidthFixRight, objHeaderWidthFixLeft, objHeaderWidthFixRight, indexFirstEdit, indexLastEdit } = useMemo(() => {
44457
+ const rs = calculateTableStructure(columns, settingColumns?.value);
43574
44458
  setContentColumns(rs.flat);
43575
44459
  return rs;
43576
44460
  }, [columns, settingColumns]);
@@ -43777,22 +44661,24 @@ const TableEdit = forwardRef((props, ref) => {
43777
44661
  }
43778
44662
  changeDataSource(dataSource);
43779
44663
  };
43780
- const focusEditElementCell = (e, row, col) => {
44664
+ const focusEditElementCell = (e, row, col, isOpenDropDown = true) => {
43781
44665
  setEditCell({ row, col });
44666
+ setSelectedCell({ minCol: col, minRow: row, maxCol: col, maxRow: row });
43782
44667
  setTimeout(() => {
43783
44668
  const element = document.getElementById(`${idTable}-col${col + 1}-row${row + 1}`);
43784
44669
  if (element) {
43785
- if (element.className.includes("react-select-table") ||
43786
- element.className.includes("form-edit")) {
44670
+ if (element.className.includes("react-select-table") || element.className.includes("form-edit")) {
43787
44671
  const input = element.getElementsByTagName("input")[0];
43788
- input.focus();
43789
44672
  if (input) {
43790
- if ("key" in e && "code" in e) {
43791
- const keyboardEvent = new window.KeyboardEvent("keydown", {
43792
- key: e.key,
43793
- code: e.code,
43794
- bubbles: true
43795
- });
44673
+ input.focus();
44674
+ let keyboardEvent;
44675
+ if (isOpenDropDown) {
44676
+ keyboardEvent = new window.KeyboardEvent("keydown", { key: '', code: 'Space', bubbles: true });
44677
+ }
44678
+ else if (("key" in e && "code" in e)) {
44679
+ keyboardEvent = new window.KeyboardEvent("keydown", { key: e.key, code: e.code, bubbles: true });
44680
+ }
44681
+ if (keyboardEvent) {
43796
44682
  input.dispatchEvent(keyboardEvent);
43797
44683
  const ev = new Event("input", { bubbles: true });
43798
44684
  input.dispatchEvent(ev);
@@ -43980,36 +44866,36 @@ const TableEdit = forwardRef((props, ref) => {
43980
44866
  pagingSetting?.setCurrentPage(1);
43981
44867
  }
43982
44868
  }, [searchTerm, searchSetting?.searchTerm]);
43983
- return (jsxs(Fragment, { children: [jsxs("div", { className: "r-table-edit", children: [jsxs("div", { className: "r-grid", ref: gridRef, children: [toolbarSetting?.showTopToolbar && jsx(RenderToolbarTop, { toolbarTopOption: toolbarTopOption }), jsx("div", { ref: tableElement, className: "r-gridtable", style: { height: `${height ? `${height}px` : "auto"}`, minHeight: `${minHeight ? `${minHeight}px` : ""}`, maxHeight: `${maxHeight ? `${maxHeight}px` : "400px"}` }, children: 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: () => {
43984
- handleDuplicate(dataSource, startCell.row, fieldKey, defaultValue, fieldUniKey, changeDataSource, tableElement, totalCount, toolbarSetting, buttonSetting, editDisable, addDisable, onDuplicate);
43985
- }, setContentColumns: (newColumns) => {
43986
- setContentColumns(newColumns);
43987
- // clear timeout cũ
43988
- if (resizeTimeout.current) {
43989
- clearTimeout(resizeTimeout.current);
43990
- }
43991
- resizeTimeout.current = setTimeout(() => {
43992
- if (saveSettingColumn) {
43993
- saveSettingColumn(newColumns.map((x) => ({ field: x.field, headerText: x.headerText, visible: x.visible, fixedType: x.fixedType, width: x.width })));
43994
- }
43995
- }, 500);
43996
- } }) }), toolbarSetting?.showBottomToolbar && (jsx(ToolbarBottom, { handleAdd: (numberOfRows) => {
43997
- handleAdd(dataSource, tableElement.current, indexFirstEdit, changeDataSource, pagingSetting, handleFocusCell, numberOfRows);
43998
- }, handleDuplicate: () => {
44869
+ return (jsx(Fragment, { children: jsxs("div", { className: "r-table-edit", children: [jsxs("div", { className: "r-grid", ref: gridRef, children: [toolbarSetting?.showTopToolbar && jsx(RenderToolbarTop, { toolbarTopOption: toolbarTopOption }), jsx("div", { ref: tableElement, className: "r-gridtable", style: { height: `${height ? `${height}px` : "auto"}`, minHeight: `${minHeight ? `${minHeight}px` : ""}`, maxHeight: `${maxHeight ? `${maxHeight}px` : "400px"}` }, children: 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: () => {
43999
44870
  handleDuplicate(dataSource, startCell.row, fieldKey, defaultValue, fieldUniKey, changeDataSource, tableElement, totalCount, toolbarSetting, buttonSetting, editDisable, addDisable, onDuplicate);
44000
- }, handleInsertAfter: () => {
44001
- handleInsertAfter(dataSource, startCell.row, defaultValue, changeDataSource, tableElement, totalCount, pagingClient, pagingSetting, toolbarSetting, buttonSetting, editDisable, addDisable);
44002
- }, handleInsertBefore: () => {
44003
- handleInsertBefore(dataSource, startCell.row, defaultValue, changeDataSource, pagingClient, pagingSetting, toolbarSetting, buttonSetting, editDisable, addDisable);
44004
- }, handleDeleteAll: () => {
44005
- handleDeleteAll(t, messageBoxConfirmDelete, handleFocusCell, changeDataSource, editDisable, addDisable, toolbarSetting, buttonSetting);
44006
- }, setOpenPopupSetupColumn: setOpenPopupSetupColumn, focusRow: startCell.row, editDisable: editDisable, addDisable: addDisable, buttonSetting: buttonSetting, toolbarSetting: toolbarSetting, headerColumns: headerColumns }))] }), pagingSetting?.allowPaging && 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 })] }), jsx(SettingColumn, { handleSidebar: () => {
44007
- setOpenPopupSetupColumn(!openPopupSetupColumn);
44008
- }, openSidebar: openPopupSetupColumn, column: [...contentColumns], resetDefaultColumns: resetDefaultColumns, setColumn: (newColumns) => {
44009
- if (saveSettingColumn) {
44010
- saveSettingColumn(newColumns.map((x) => ({ field: x.field, headerText: x.headerDisplay, visible: x.visible, fixedType: x.fixedType, width: x.width })));
44011
- }
44012
- } })] }));
44871
+ }, setContentColumns: (newColumns) => {
44872
+ setContentColumns(newColumns);
44873
+ // clear timeout cũ
44874
+ if (resizeTimeout.current) {
44875
+ clearTimeout(resizeTimeout.current);
44876
+ }
44877
+ resizeTimeout.current = setTimeout(() => {
44878
+ if (saveSettingColumn) {
44879
+ saveSettingColumn(newColumns.map((x, index) => ({ field: x.field, headerText: x.headerText, visible: x.visible, fixedType: x.fixedType, width: x.width, sortOrder: index + 1 })));
44880
+ }
44881
+ }, 500);
44882
+ } }) }), toolbarSetting?.showBottomToolbar && (jsx(ToolbarBottom, { handleAdd: (numberOfRows) => {
44883
+ handleAdd(dataSource, tableElement.current, indexFirstEdit, changeDataSource, pagingSetting, handleFocusCell, numberOfRows);
44884
+ }, handleDuplicate: () => {
44885
+ handleDuplicate(dataSource, startCell.row, fieldKey, defaultValue, fieldUniKey, changeDataSource, tableElement, totalCount, toolbarSetting, buttonSetting, editDisable, addDisable, onDuplicate);
44886
+ }, handleInsertAfter: () => {
44887
+ handleInsertAfter(dataSource, startCell.row, defaultValue, changeDataSource, tableElement, totalCount, pagingClient, pagingSetting, toolbarSetting, buttonSetting, editDisable, addDisable);
44888
+ }, handleInsertBefore: () => {
44889
+ handleInsertBefore(dataSource, startCell.row, defaultValue, changeDataSource, pagingClient, pagingSetting, toolbarSetting, buttonSetting, editDisable, addDisable);
44890
+ }, handleDeleteAll: () => {
44891
+ handleDeleteAll(t, messageBoxConfirmDelete, handleFocusCell, changeDataSource, editDisable, addDisable, toolbarSetting, buttonSetting);
44892
+ }, setOpenPopupSetupColumn: setOpenPopupSetupColumn, focusRow: startCell.row, editDisable: editDisable, addDisable: addDisable, buttonSetting: buttonSetting, toolbarSetting: toolbarSetting, headerColumns: headerColumns }))] }), pagingSetting?.allowPaging && 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 }), jsx(SettingColumn, { gridRef: gridRef, handleSidebar: () => {
44893
+ setOpenPopupSetupColumn(!openPopupSetupColumn);
44894
+ }, settingColumns: settingColumns, openSidebar: openPopupSetupColumn, column: [...contentColumns], resetDefaultColumns: resetDefaultColumns, setColumn: (newColumns) => {
44895
+ if (saveSettingColumn) {
44896
+ saveSettingColumn(newColumns.map((x, index) => ({ field: x.field, headerText: x.headerText, visible: x.visible, fixedType: x.fixedType, width: x.width, sortOrder: index + 1 })));
44897
+ }
44898
+ } })] }) }));
44013
44899
  });
44014
44900
 
44015
44901
  const OptionFont = [
@@ -71926,6 +72812,7 @@ const getSheetsExcel = (file, setValue, setOptionSheetName) => {
71926
72812
  else {
71927
72813
  setValue("sheetId", undefined);
71928
72814
  }
72815
+ e.target.value = "";
71929
72816
  };
71930
72817
  };
71931
72818
  const getColumnsSheetExcel = (file, headerRow, sheetName, handleSetColumns) => {
@@ -71969,7 +72856,6 @@ function excelDateToJSDate(excelDate) {
71969
72856
  /*eslint-enable*/
71970
72857
  }
71971
72858
  const mapDataImportExcel = async (dataSheet, headerRow, dataMap, handleValidate) => {
71972
- debugger;
71973
72859
  const arr = [];
71974
72860
  for (const [indexRow, row] of Object.entries(dataSheet)) {
71975
72861
  if (Number(indexRow) > headerRow) {
@@ -72116,7 +73002,7 @@ const ModalImportComponent = (props) => {
72116
73002
  const [dataInvalid, setDataInvalid] = useState([]);
72117
73003
  const [checkInit, setCheckInit] = useState(false);
72118
73004
  const [checkInitValidate, setCheckInitValidate] = useState(false);
72119
- const [validateExcelColumns, setValidateExcelColumns] = useState([]);
73005
+ const [validateExcelColumns, setValidateExcelColumns] = useState(mapColumn);
72120
73006
  const [dataError, setDataError] = useState([]);
72121
73007
  const [isSaveSetting, setIsSaveSetting] = useState(true);
72122
73008
  const formSchema = create().shape({
@@ -72249,11 +73135,21 @@ const ModalImportComponent = (props) => {
72249
73135
  }
72250
73136
  }
72251
73137
  ];
73138
+ useEffect(() => {
73139
+ console.log(watch('dataMap'));
73140
+ }, [watch('dataMap')]);
72252
73141
  const handleFormOpened = () => {
72253
73142
  getGeneralSettingApi().then((rs) => {
72254
- setValue('dataMap', rs.value ? JSON.parse(rs.value) : mapColumn);
73143
+ const arr = rs?.value ? JSON.parse(rs.value) : [];
73144
+ setValue('dataMap', [...mapColumn].map((x) => {
73145
+ const ele = arr.find(y => x.field === y.field);
73146
+ if (ele) {
73147
+ x.headerDefault = ele.headerDefault;
73148
+ }
73149
+ return x;
73150
+ }));
72255
73151
  }).catch(() => {
72256
- setValue('dataMap', mapColumn);
73152
+ setValue('dataMap', [...mapColumn]);
72257
73153
  });
72258
73154
  if (headerValidateExcelColumns && headerValidateExcelColumns.length > 0) {
72259
73155
  setValidateExcelColumns(headerValidateExcelColumns);
@@ -72892,7 +73788,7 @@ const TableView = ({ idTable, dataSource, rowHeight = 33, height = 400, columns,
72892
73788
  right: col.fixedType === 'right' ? objWidthFixRight[indexCol] : undefined,
72893
73789
  textAlign: col.textAlign ? col.textAlign : 'left'
72894
73790
  }, children: jsxs("div", { className: "r-footer-div", children: [(item || (col.haveSum === true && col.type === "numeric")) && col.type === "numeric" && (Number(sumValue) >= 0) && jsx(Fragment$1, { 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) && 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}`);
72895
- }) }) : jsx(Fragment$1, {}) })] }), (((viewData.length ?? 0) === 0) && !isLoading) && jsxs("div", { className: "r-no-data", children: [jsx("svg", { width: "64", height: "41", viewBox: "0 0 64 41", xmlns: "http://www.w3.org/2000/svg", children: jsxs("g", { transform: "translate(0 1)", fill: "none", fillRule: "evenodd", children: [jsx("ellipse", { fill: "#f5f5f5", cx: "32", cy: "33", rx: "32", ry: "7" }), jsxs("g", { fillRule: "nonzero", stroke: "#d9d9d9", children: [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" }), 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 && jsx("div", { className: "r-loading-overlay", children: jsxs("div", { className: "r-loading", children: [jsx(Spinner$1, { className: "me-1" }), t('Loading...')] }) })] })] }), pagingSetting?.allowPaging ? 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 }) : jsx(Fragment$1, {})] }));
73791
+ }) }) : jsx(Fragment$1, {}) })] }), (((viewData.length ?? 0) === 0) && !isLoading) && jsxs("div", { className: "r-no-data", children: [jsx("svg", { width: "64", height: "41", viewBox: "0 0 64 41", xmlns: "http://www.w3.org/2000/svg", children: jsxs("g", { transform: "translate(0 1)", fill: "none", fillRule: "evenodd", children: [jsx("ellipse", { fill: "#f5f5f5", cx: "32", cy: "33", rx: "32", ry: "7" }), jsxs("g", { fillRule: "nonzero", stroke: "#d9d9d9", children: [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" }), 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 && jsx("div", { className: "r-loading-overlay", children: jsxs("div", { className: "r-loading", children: [jsx(Spinner$1, { className: "me-1" }), t('Loading...')] }) })] })] }), pagingSetting?.allowPaging ? 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 }) : jsx(Fragment$1, {})] }));
72896
73792
  };
72897
73793
 
72898
73794
  export { ExportExcelComponent, FindNodeByPath, InputStyleComponent, ModalImportComponent, SelectTable, SelectTableTree, TableView, TabsMenuComponent, Wizard, calculateTableStructure, checkDecimalSeparator, checkThousandSeparator, TableEdit as default, formartNumberic, formatDateTime, generateUUID, isNullOrUndefined$1 as isNullOrUndefined, messageBoxConfirm, messageBoxConfirmAsync, messageBoxConfirmDelete, messageBoxError, messageHtmlBoxConfirm, messageHtmlBoxConfirmAsync, messageHtmlBoxError, notificationError, notificationSuccess, roundNumber, useOnClickOutside };