akeyless-client-commons 1.0.3 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/index.css.map +1 -1
- package/dist/components/index.d.mts +3 -12
- package/dist/components/index.d.ts +3 -12
- package/dist/components/index.js +279 -332
- package/dist/components/index.mjs +281 -330
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// src/components/utils/
|
|
1
|
+
// src/components/utils/ErrorBoundary.tsx
|
|
2
2
|
function _array_like_to_array(arr, len) {
|
|
3
3
|
if (len == null || len > arr.length) len = arr.length;
|
|
4
4
|
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
|
|
@@ -358,57 +358,8 @@ function _ts_generator(thisArg, body) {
|
|
|
358
358
|
};
|
|
359
359
|
}
|
|
360
360
|
}
|
|
361
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
362
|
-
var Checkbox = function(param) {
|
|
363
|
-
var id = param.id, checked = param.checked, setChecked = param.setChecked, _param_rotate = param.rotate, rotate = _param_rotate === void 0 ? true : _param_rotate, style = param.style;
|
|
364
|
-
return /* @__PURE__ */ jsxs("div", {
|
|
365
|
-
className: "checkbox-wrapper-51",
|
|
366
|
-
children: [
|
|
367
|
-
/* @__PURE__ */ jsx("input", {
|
|
368
|
-
type: "checkbox",
|
|
369
|
-
id: id,
|
|
370
|
-
className: "hidden",
|
|
371
|
-
checked: checked,
|
|
372
|
-
onChange: function() {
|
|
373
|
-
return setChecked(!checked);
|
|
374
|
-
}
|
|
375
|
-
}),
|
|
376
|
-
/* @__PURE__ */ jsxs("label", {
|
|
377
|
-
htmlFor: id,
|
|
378
|
-
className: "relative block w-[42px] h-[24px] cursor-pointer transform-gpu",
|
|
379
|
-
children: [
|
|
380
|
-
/* @__PURE__ */ jsx("div", {
|
|
381
|
-
className: "relative top-[1px] left-[1px] w-[40px] h-[22px] rounded-[12px] transition-colors duration-200 ease-in-out ".concat(checked ? "bg-[#52d66b]" : "bg-[#c8ccd4]")
|
|
382
|
-
}),
|
|
383
|
-
/* @__PURE__ */ jsx("span", {
|
|
384
|
-
className: "absolute ".concat(rotate ? "left-0" : "right-0", " top-0 w-[24px] h-[24px] bg-white rounded-full shadow-md transition-transform duration-200 ease-in-out ").concat(checked ? rotate ? "translate-x-[18px]" : "-translate-x-[18px]" : ""),
|
|
385
|
-
children: /* @__PURE__ */ jsx("svg", {
|
|
386
|
-
width: "10px",
|
|
387
|
-
height: "10px",
|
|
388
|
-
viewBox: "0 0 10 10",
|
|
389
|
-
className: "m-[7px] fill-none",
|
|
390
|
-
children: /* @__PURE__ */ jsx("path", {
|
|
391
|
-
d: "M5,1 L5,1 C2.790861,1 1,2.790861 1,5 L1,5 C1,7.209139 2.790861,9 5,9 L5,9 C7.209139,9 9,7.209139 9,5 L9,5 C9,2.790861 7.209139,1 5,1 L5,9 L5,1 Z",
|
|
392
|
-
strokeWidth: "2",
|
|
393
|
-
strokeLinecap: "round",
|
|
394
|
-
strokeLinejoin: "round",
|
|
395
|
-
className: "transition-all duration-500 linear",
|
|
396
|
-
stroke: checked ? "#52d66b" : "#c8ccd4",
|
|
397
|
-
style: {
|
|
398
|
-
strokeDasharray: checked ? "25" : "24",
|
|
399
|
-
strokeDashoffset: checked ? "25" : "0"
|
|
400
|
-
}
|
|
401
|
-
})
|
|
402
|
-
})
|
|
403
|
-
})
|
|
404
|
-
]
|
|
405
|
-
})
|
|
406
|
-
]
|
|
407
|
-
});
|
|
408
|
-
};
|
|
409
|
-
// src/components/utils/ErrorBoundary.tsx
|
|
410
361
|
import React from "react";
|
|
411
|
-
import { jsx
|
|
362
|
+
import { jsx } from "react/jsx-runtime";
|
|
412
363
|
var ErrorBoundary = /*#__PURE__*/ function(_React_Component) {
|
|
413
364
|
"use strict";
|
|
414
365
|
_inherits(ErrorBoundary, _React_Component);
|
|
@@ -440,9 +391,9 @@ var ErrorBoundary = /*#__PURE__*/ function(_React_Component) {
|
|
|
440
391
|
key: "render",
|
|
441
392
|
value: function render() {
|
|
442
393
|
if (this.state.hasError) {
|
|
443
|
-
return this.props.fallback || /* @__PURE__ */
|
|
394
|
+
return this.props.fallback || /* @__PURE__ */ jsx("div", {
|
|
444
395
|
className: "full center",
|
|
445
|
-
children: /* @__PURE__ */
|
|
396
|
+
children: /* @__PURE__ */ jsx("h1", {
|
|
446
397
|
children: "\u05DE\u05E9\u05D4\u05D5 \u05D4\u05E9\u05EA\u05D1\u05E9...."
|
|
447
398
|
})
|
|
448
399
|
});
|
|
@@ -465,13 +416,13 @@ var ErrorBoundary = /*#__PURE__*/ function(_React_Component) {
|
|
|
465
416
|
}(React.Component);
|
|
466
417
|
// src/components/utils/loaders.tsx
|
|
467
418
|
import { ClipLoader } from "react-spinners";
|
|
468
|
-
import { jsx as
|
|
419
|
+
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
469
420
|
var Loader = function(param) {
|
|
470
421
|
var color = param.color, size3 = param.size, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className;
|
|
471
|
-
return /* @__PURE__ */
|
|
422
|
+
return /* @__PURE__ */ jsx2("div", {
|
|
472
423
|
className: "flex items-center justify-center ".concat(className),
|
|
473
424
|
style: style,
|
|
474
|
-
children: /* @__PURE__ */
|
|
425
|
+
children: /* @__PURE__ */ jsx2(ClipLoader, {
|
|
475
426
|
loading: true,
|
|
476
427
|
color: color || "#699A2C",
|
|
477
428
|
size: size3 || 18
|
|
@@ -488,10 +439,10 @@ function cn() {
|
|
|
488
439
|
return twMerge(clsx(inputs));
|
|
489
440
|
}
|
|
490
441
|
// src/components/utils/global.tsx
|
|
491
|
-
import { jsxs
|
|
442
|
+
import { jsxs } from "react/jsx-runtime";
|
|
492
443
|
var Version = function(param) {
|
|
493
444
|
var version = param.version, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className;
|
|
494
|
-
return /* @__PURE__ */
|
|
445
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
495
446
|
className: cn("absolute text-black z-30 bottom-[0px] text-xs right-0 px-1 ", className),
|
|
496
447
|
children: [
|
|
497
448
|
"v",
|
|
@@ -504,21 +455,21 @@ import ExcelJS from "exceljs";
|
|
|
504
455
|
import { saveAs } from "file-saver";
|
|
505
456
|
import { memo, useMemo as useMemo6 } from "react";
|
|
506
457
|
// src/assets/svg.tsx
|
|
507
|
-
import { jsx as
|
|
458
|
+
import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
508
459
|
var RedXSvg = function(param) {
|
|
509
460
|
var height = param.height, width = param.width, viewBox = param.viewBox;
|
|
510
|
-
return /* @__PURE__ */
|
|
461
|
+
return /* @__PURE__ */ jsxs2("svg", {
|
|
511
462
|
xmlns: "http://www.w3.org/2000/svg",
|
|
512
463
|
width: width || "32",
|
|
513
464
|
height: height || "32",
|
|
514
465
|
viewBox: viewBox || "0 0 32 32",
|
|
515
466
|
fill: "none",
|
|
516
467
|
children: [
|
|
517
|
-
/* @__PURE__ */
|
|
468
|
+
/* @__PURE__ */ jsx3("path", {
|
|
518
469
|
d: "M21.0801 10.3C20.6101 9.80996 19.8301 9.79996 19.3401 10.27L15.6101 13.89L11.8801 10.27C11.3901 9.79996 10.6101 9.80996 10.1401 10.3C9.67008 10.79 9.68008 11.57 10.1701 12.04L13.8501 15.61L10.1701 19.18C9.68008 19.65 9.67008 20.43 10.1401 20.92C10.6101 21.41 11.3901 21.42 11.8801 20.95L15.6101 17.33L19.3401 20.95C19.5701 21.17 19.8801 21.3 20.2001 21.3C20.8801 21.29 21.4301 20.73 21.4201 20.04C21.4201 19.72 21.2901 19.41 21.0601 19.19L17.3801 15.62L21.0601 12.05C21.5501 11.58 21.5601 10.8 21.0901 10.31L21.0801 10.3Z",
|
|
519
470
|
fill: "#FF4C2B"
|
|
520
471
|
}),
|
|
521
|
-
/* @__PURE__ */
|
|
472
|
+
/* @__PURE__ */ jsx3("path", {
|
|
522
473
|
d: "M15.61 0C6.99 0 0 6.99 0 15.61C0.86 36.32 30.36 36.31 31.22 15.61C31.21 6.99 24.23 0 15.61 0ZM15.61 28.76C8.35 28.76 2.47 22.87 2.46 15.61C3.18 -1.84 28.04 -1.83 28.76 15.61C28.76 22.87 22.87 28.75 15.61 28.76Z",
|
|
523
474
|
fill: "#FF4C2B"
|
|
524
475
|
})
|
|
@@ -527,20 +478,20 @@ var RedXSvg = function(param) {
|
|
|
527
478
|
};
|
|
528
479
|
var RedXSvg2 = function(param) {
|
|
529
480
|
var height = param.height, width = param.width, viewBox = param.viewBox;
|
|
530
|
-
return /* @__PURE__ */
|
|
481
|
+
return /* @__PURE__ */ jsx3("svg", {
|
|
531
482
|
xmlns: "http://www.w3.org/2000/svg",
|
|
532
483
|
width: width || "18px",
|
|
533
484
|
height: height || "18px",
|
|
534
485
|
viewBox: viewBox || "0,0,256,256",
|
|
535
486
|
fillRule: "nonzero",
|
|
536
|
-
children: /* @__PURE__ */
|
|
487
|
+
children: /* @__PURE__ */ jsx3("g", {
|
|
537
488
|
fill: "#e90404",
|
|
538
489
|
fillRule: "nonzero",
|
|
539
490
|
stroke: "none",
|
|
540
491
|
strokeWidth: "1",
|
|
541
|
-
children: /* @__PURE__ */
|
|
492
|
+
children: /* @__PURE__ */ jsx3("g", {
|
|
542
493
|
transform: "scale(10.66667,10.66667)",
|
|
543
|
-
children: /* @__PURE__ */
|
|
494
|
+
children: /* @__PURE__ */ jsx3("path", {
|
|
544
495
|
d: "M4.99023,3.99023c-0.40692,0.00011 -0.77321,0.24676 -0.92633,0.62377c-0.15312,0.37701 -0.06255,0.80921 0.22907,1.09303l6.29297,6.29297l-6.29297,6.29297c-0.26124,0.25082 -0.36647,0.62327 -0.27511,0.97371c0.09136,0.35044 0.36503,0.62411 0.71547,0.71547c0.35044,0.09136 0.72289,-0.01388 0.97371,-0.27511l6.29297,-6.29297l6.29297,6.29297c0.25082,0.26124 0.62327,0.36648 0.97371,0.27512c0.35044,-0.09136 0.62411,-0.36503 0.71547,-0.71547c0.09136,-0.35044 -0.01388,-0.72289 -0.27512,-0.97371l-6.29297,-6.29297l6.29297,-6.29297c0.29576,-0.28749 0.38469,-0.72707 0.22393,-1.10691c-0.16075,-0.37985 -0.53821,-0.62204 -0.9505,-0.60988c-0.2598,0.00774 -0.50638,0.11632 -0.6875,0.30273l-6.29297,6.29297l-6.29297,-6.29297c-0.18827,-0.19353 -0.4468,-0.30272 -0.7168,-0.30273z"
|
|
545
496
|
})
|
|
546
497
|
})
|
|
@@ -549,18 +500,18 @@ var RedXSvg2 = function(param) {
|
|
|
549
500
|
};
|
|
550
501
|
var GreenVSvg = function(param) {
|
|
551
502
|
var height = param.height, width = param.width, viewBox = param.viewBox;
|
|
552
|
-
return /* @__PURE__ */
|
|
503
|
+
return /* @__PURE__ */ jsxs2("svg", {
|
|
553
504
|
xmlns: "http://www.w3.org/2000/svg",
|
|
554
505
|
width: width || "32",
|
|
555
506
|
height: height || "32",
|
|
556
507
|
viewBox: viewBox || "0 0 32 32",
|
|
557
508
|
fill: "none",
|
|
558
509
|
children: [
|
|
559
|
-
/* @__PURE__ */
|
|
510
|
+
/* @__PURE__ */ jsx3("path", {
|
|
560
511
|
d: "M15.61 0C6.99 0 0.01 6.99 0 15.61C0.86 36.32 30.36 36.31 31.22 15.61C31.21 6.99 24.23 0 15.61 0ZM15.61 28.76C8.35 28.76 2.47 22.87 2.46 15.61C3.18 -1.84 28.04 -1.83 28.76 15.61C28.76 22.87 22.87 28.75 15.61 28.76Z",
|
|
561
512
|
fill: "#3B8F08"
|
|
562
513
|
}),
|
|
563
|
-
/* @__PURE__ */
|
|
514
|
+
/* @__PURE__ */ jsx3("path", {
|
|
564
515
|
d: "M21.66 10.15L13.37 18.44L9.58003 14.54C9.10003 14.06 8.32003 14.07 7.84003 14.54C7.38003 15.01 7.36003 15.76 7.82003 16.24L12.48 21.03C12.96 21.52 13.74 21.52 14.23 21.05L23.41 11.87C23.88 11.38 23.87 10.6 23.38 10.13C22.9 9.67003 22.15 9.67003 21.68 10.13L21.66 10.15Z",
|
|
565
516
|
fill: "#3B8F08"
|
|
566
517
|
})
|
|
@@ -568,9 +519,9 @@ var GreenVSvg = function(param) {
|
|
|
568
519
|
});
|
|
569
520
|
};
|
|
570
521
|
// src/assets/table.tsx
|
|
571
|
-
import { Fragment, jsx as
|
|
522
|
+
import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
572
523
|
var sortSvg = function(upside_down) {
|
|
573
|
-
return /* @__PURE__ */
|
|
524
|
+
return /* @__PURE__ */ jsxs3("svg", {
|
|
574
525
|
style: upside_down ? {
|
|
575
526
|
transform: "rotate(180deg)"
|
|
576
527
|
} : {},
|
|
@@ -583,13 +534,13 @@ var sortSvg = function(upside_down) {
|
|
|
583
534
|
preserveAspectRatio: "xMidYMid meet",
|
|
584
535
|
children: [
|
|
585
536
|
" ",
|
|
586
|
-
/* @__PURE__ */
|
|
537
|
+
/* @__PURE__ */ jsxs3("g", {
|
|
587
538
|
transform: "translate(0.000000,1536.000000) scale(0.100000,-0.100000)",
|
|
588
539
|
fill: "#fff",
|
|
589
540
|
stroke: "none",
|
|
590
541
|
children: [
|
|
591
542
|
" ",
|
|
592
|
-
/* @__PURE__ */
|
|
543
|
+
/* @__PURE__ */ jsx4("path", {
|
|
593
544
|
d: "M6465 15350 c3 -5 -27 -25 -68 -44 -40 -19 -103 -57 -140 -86 -37 -28 -584 -569 -1215 -1203 -631 -633 -1699 -1705 -2374 -2382 -674 -676 -1237 -1243 -1249 -1260 -13 -16 -37 -46 -53 -65 -36 -41 -108 -185 -126 -250 -32 -119 -30 -352 3 -465 35 -120 102 -231 197 -325 132 -133 288 -208 479 -231 214 -26 418 31 596 166 39 29 703 685 1477 1458 774 772 1432 1421 1461 1441 105 73 239 71 347 -3 52 -36 70 -57 107 -131 17 -33 18 -252 24 -4710 6 -4979 3 -4715 49 -4855 118 -363 507 -605 876 -545 77 13 201 53 245 79 19 12 45 26 59 31 41 18 157 119 206 179 43 53 113 173 127 217 3 11 16 51 29 89 l22 70 6 4690 c5 4887 4 4736 43 4784 6 7 16 23 22 34 20 42 116 103 188 120 42 10 75 13 85 8 10 -5 34 -11 55 -15 20 -4 59 -21 85 -38 26 -17 686 -671 1467 -1453 781 -782 1443 -1439 1470 -1459 68 -49 178 -106 245 -128 30 -10 100 -24 155 -32 87 -12 114 -12 200 1 128 18 187 39 360 131 37 19 178 162 211 212 36 56 94 176 94 194 0 7 7 31 16 52 23 55 23 352 0 406 -9 21 -16 46 -16 56 0 30 -83 185 -130 242 -80 98 -4793 4810 -4865 4865 -66 50 -182 111 -250 132 -16 5 -29 15 -27 21 1 9 -62 12 -249 12 -157 0 -248 -4 -244 -10z"
|
|
594
545
|
}),
|
|
595
546
|
" "
|
|
@@ -600,8 +551,8 @@ var sortSvg = function(upside_down) {
|
|
|
600
551
|
});
|
|
601
552
|
};
|
|
602
553
|
var emptyFilterSvg = function(solid) {
|
|
603
|
-
return /* @__PURE__ */
|
|
604
|
-
children: solid ? /* @__PURE__ */
|
|
554
|
+
return /* @__PURE__ */ jsx4(Fragment, {
|
|
555
|
+
children: solid ? /* @__PURE__ */ jsxs3("svg", {
|
|
605
556
|
version: "1.0",
|
|
606
557
|
xmlns: "http://www.w3.org/2000/svg",
|
|
607
558
|
width: "13",
|
|
@@ -610,13 +561,13 @@ var emptyFilterSvg = function(solid) {
|
|
|
610
561
|
preserveAspectRatio: "xMidYMid meet",
|
|
611
562
|
children: [
|
|
612
563
|
" ",
|
|
613
|
-
/* @__PURE__ */
|
|
564
|
+
/* @__PURE__ */ jsxs3("g", {
|
|
614
565
|
transform: "translate(0.000000,900.000000) scale(0.100000,-0.100000)",
|
|
615
566
|
fill: "#fff",
|
|
616
567
|
stroke: "none",
|
|
617
568
|
children: [
|
|
618
569
|
" ",
|
|
619
|
-
/* @__PURE__ */
|
|
570
|
+
/* @__PURE__ */ jsx4("path", {
|
|
620
571
|
d: "M382 8980 c-7 -11 -19 -20 -27 -20 -46 0 -166 -99 -196 -162 -46 -95 -51 -115 -47 -199 3 -70 9 -95 37 -149 42 -85 45 -90 118 -190 34 -47 72 -98 83 -115 12 -16 50 -70 85 -120 143 -200 188 -263 235 -330 27 -38 56 -79 64 -90 8 -11 46 -65 85 -120 38 -55 96 -136 128 -179 32 -44 60 -84 62 -90 2 -6 32 -48 65 -93 34 -45 99 -137 146 -203 47 -66 113 -159 148 -205 34 -46 62 -87 62 -90 0 -4 20 -33 45 -65 25 -32 45 -61 45 -64 0 -3 33 -50 73 -105 39 -54 106 -146 147 -205 41 -58 103 -144 138 -191 34 -46 62 -87 62 -90 0 -3 22 -36 50 -73 27 -37 61 -83 75 -102 14 -19 59 -82 100 -140 41 -58 95 -133 120 -167 25 -34 45 -66 45 -70 0 -4 13 -22 28 -40 15 -17 47 -61 72 -97 25 -37 74 -107 110 -156 36 -50 99 -138 140 -196 41 -58 108 -150 148 -205 39 -54 72 -102 72 -105 0 -3 20 -32 45 -64 25 -32 45 -62 45 -67 0 -5 14 -22 30 -38 17 -16 30 -33 30 -38 0 -5 19 -34 43 -65 90 -122 154 -259 178 -387 11 -56 14 -423 19 -1850 l5 -1780 29 -58 c36 -71 112 -148 168 -171 24 -10 51 -22 60 -27 24 -12 205 -11 213 1 3 6 15 10 25 10 11 0 34 6 52 14 18 8 52 21 76 30 64 24 118 44 165 62 23 8 55 22 70 30 16 8 36 14 46 14 9 0 26 7 37 15 10 8 27 15 37 15 11 0 31 6 45 14 15 8 47 22 72 31 25 9 60 23 78 31 18 8 39 14 47 14 7 0 26 6 42 14 15 8 48 22 73 31 25 10 57 23 72 31 14 8 35 14 45 14 11 0 28 7 39 15 10 8 26 15 35 15 14 0 62 19 197 76 18 8 40 14 48 14 9 0 28 6 42 14 28 15 36 18 235 92 23 9 56 22 72 29 17 7 50 21 75 31 84 34 127 77 181 182 9 18 20 56 24 85 4 28 10 714 14 1522 6 1402 7 1472 25 1520 41 109 110 235 188 344 46 62 88 121 93 130 6 9 30 45 55 80 72 101 159 222 250 351 47 67 113 159 148 205 34 46 62 87 62 90 0 4 27 42 60 85 33 43 60 81 60 84 0 3 22 36 50 73 27 37 60 83 72 101 13 18 30 41 38 52 8 10 35 49 60 85 25 37 73 104 108 150 34 46 62 87 62 90 0 3 33 50 73 103 40 53 81 111 91 127 11 17 45 65 78 107 32 43 58 80 58 83 0 4 20 33 45 65 25 32 45 63 45 70 0 6 7 13 15 16 8 4 15 10 15 16 0 5 26 44 58 86 32 42 70 95 85 117 64 95 144 206 208 292 38 51 69 95 69 99 0 3 13 23 29 43 26 33 92 126 193 271 21 30 48 68 60 85 85 112 108 144 108 150 0 3 27 42 60 85 33 43 60 81 60 85 0 3 28 44 63 90 34 47 82 114 107 151 25 36 50 71 56 77 5 7 32 44 58 82 27 39 62 86 77 106 16 20 29 42 29 48 0 6 4 11 8 11 5 0 25 32 45 71 36 68 37 75 37 175 0 118 -13 163 -69 234 -37 48 -127 112 -173 124 -16 3 -28 13 -28 21 0 13 -486 15 -4103 15 -4091 0 -4102 0 -4115 -20z"
|
|
621
572
|
}),
|
|
622
573
|
" "
|
|
@@ -624,7 +575,7 @@ var emptyFilterSvg = function(solid) {
|
|
|
624
575
|
}),
|
|
625
576
|
" "
|
|
626
577
|
]
|
|
627
|
-
}) : /* @__PURE__ */
|
|
578
|
+
}) : /* @__PURE__ */ jsxs3("svg", {
|
|
628
579
|
version: "1.0",
|
|
629
580
|
xmlns: "http://www.w3.org/2000/svg",
|
|
630
581
|
width: "13",
|
|
@@ -633,13 +584,13 @@ var emptyFilterSvg = function(solid) {
|
|
|
633
584
|
preserveAspectRatio: "xMidYMid meet",
|
|
634
585
|
children: [
|
|
635
586
|
" ",
|
|
636
|
-
/* @__PURE__ */
|
|
587
|
+
/* @__PURE__ */ jsxs3("g", {
|
|
637
588
|
transform: "translate(0.000000,300.000000) scale(0.050000,-0.050000)",
|
|
638
589
|
fill: "#fff",
|
|
639
590
|
stroke: "none",
|
|
640
591
|
children: [
|
|
641
592
|
" ",
|
|
642
|
-
/* @__PURE__ */
|
|
593
|
+
/* @__PURE__ */ jsx4("path", {
|
|
643
594
|
d: "M58 5702 c-100 -101 -84 -148 136 -416 107 -130 242 -294 301 -366 58 -71 173 -211 254 -310 81 -99 441 -535 799 -969 l652 -789 0 -1201 c0 -1396 2 -1411 182 -1411 60 0 1302 604 1360 662 36 36 38 79 38 935 0 494 5 925 12 959 8 41 370 495 1110 1393 1202 1459 1158 1394 1040 1513 l-59 58 -2883 0 -2883 0 -59 -58z m5349 -327 c-16 -26 -150 -190 -683 -835 -169 -203 -381 -460 -472 -570 -90 -110 -290 -352 -443 -537 -154 -186 -301 -369 -329 -408 l-50 -70 -6 -913 -5 -913 -410 -205 c-225 -112 -413 -204 -418 -204 -6 0 -12 503 -15 1117 l-6 1118 -50 70 c-27 39 -175 222 -329 408 -153 185 -353 427 -443 537 -91 110 -303 367 -472 570 -533 645 -667 809 -683 835 -12 20 474 25 2407 25 1933 0 2419 -5 2407 -25z"
|
|
644
595
|
}),
|
|
645
596
|
" "
|
|
@@ -651,10 +602,10 @@ var emptyFilterSvg = function(solid) {
|
|
|
651
602
|
});
|
|
652
603
|
};
|
|
653
604
|
var slashFilterSvg = function(solid) {
|
|
654
|
-
return /* @__PURE__ */
|
|
655
|
-
children: solid ? /* @__PURE__ */
|
|
605
|
+
return /* @__PURE__ */ jsx4(Fragment, {
|
|
606
|
+
children: solid ? /* @__PURE__ */ jsx4("div", {
|
|
656
607
|
className: "mt-[-4px] mr-[-2px] ",
|
|
657
|
-
children: /* @__PURE__ */
|
|
608
|
+
children: /* @__PURE__ */ jsxs3("svg", {
|
|
658
609
|
version: "1.0",
|
|
659
610
|
xmlns: "http://www.w3.org/2000/svg",
|
|
660
611
|
width: "18",
|
|
@@ -663,17 +614,17 @@ var slashFilterSvg = function(solid) {
|
|
|
663
614
|
preserveAspectRatio: "xMidYMid meet",
|
|
664
615
|
children: [
|
|
665
616
|
" ",
|
|
666
|
-
/* @__PURE__ */
|
|
617
|
+
/* @__PURE__ */ jsxs3("g", {
|
|
667
618
|
transform: "translate(0.000000,900.000000) scale(0.100000,-0.100000)",
|
|
668
619
|
fill: "#fff",
|
|
669
620
|
stroke: "none",
|
|
670
621
|
children: [
|
|
671
622
|
" ",
|
|
672
|
-
/* @__PURE__ */
|
|
623
|
+
/* @__PURE__ */ jsx4("path", {
|
|
673
624
|
d: "M1000 8221 c-71 -27 -103 -47 -149 -92 -122 -123 -144 -294 -58 -456 22 -42 6838 -6858 6880 -6880 162 -86 333 -64 456 58 123 123 144 294 57 458 -10 19 -508 525 -1107 1124 l-1089 1089 1 256 1 257 676 1350 677 1350 115 6 c125 6 173 20 244 68 54 37 89 78 124 145 24 46 27 61 27 161 0 100 -3 115 -28 162 -52 100 -119 157 -225 194 -54 18 -131 19 -2817 19 l-2762 0 -341 340 c-188 186 -356 347 -374 357 -103 55 -220 68 -308 34z"
|
|
674
625
|
}),
|
|
675
626
|
" ",
|
|
676
|
-
/* @__PURE__ */
|
|
627
|
+
/* @__PURE__ */ jsx4("path", {
|
|
677
628
|
d: "M2340 5338 c0 -7 146 -305 325 -662 l325 -649 0 -1112 c0 -1043 1 -1114 18 -1160 27 -76 47 -107 94 -154 48 -47 80 -67 153 -93 46 -17 120 -18 1231 -18 1085 0 1186 1 1235 17 30 9 66 24 81 33 68 40 158 146 158 186 0 14 -3600 3624 -3614 3624 -3 0 -6 -6 -6 -12z"
|
|
678
629
|
}),
|
|
679
630
|
" "
|
|
@@ -682,9 +633,9 @@ var slashFilterSvg = function(solid) {
|
|
|
682
633
|
" "
|
|
683
634
|
]
|
|
684
635
|
})
|
|
685
|
-
}) : /* @__PURE__ */
|
|
636
|
+
}) : /* @__PURE__ */ jsx4("div", {
|
|
686
637
|
className: "mt-[-4px] mr-[-2px] ",
|
|
687
|
-
children: /* @__PURE__ */
|
|
638
|
+
children: /* @__PURE__ */ jsxs3("svg", {
|
|
688
639
|
version: "1.0",
|
|
689
640
|
xmlns: "http://www.w3.org/2000/svg",
|
|
690
641
|
width: "18",
|
|
@@ -693,17 +644,17 @@ var slashFilterSvg = function(solid) {
|
|
|
693
644
|
preserveAspectRatio: "xMidYMid meet",
|
|
694
645
|
children: [
|
|
695
646
|
" ",
|
|
696
|
-
/* @__PURE__ */
|
|
647
|
+
/* @__PURE__ */ jsxs3("g", {
|
|
697
648
|
transform: "translate(0.000000,900.000000) scale(0.100000,-0.100000)",
|
|
698
649
|
fill: "#fff",
|
|
699
650
|
stroke: "none",
|
|
700
651
|
children: [
|
|
701
652
|
" ",
|
|
702
|
-
/* @__PURE__ */
|
|
653
|
+
/* @__PURE__ */ jsx4("path", {
|
|
703
654
|
d: "M1000 8221 c-71 -27 -103 -47 -149 -92 -122 -123 -144 -294 -58 -456 22 -42 6838 -6858 6880 -6880 162 -86 333 -64 456 58 123 123 144 294 57 458 -10 19 -508 525 -1107 1124 l-1089 1089 1 256 1 257 676 1350 677 1350 115 6 c125 6 173 20 244 68 54 37 89 78 124 145 24 46 27 61 27 161 0 100 -3 115 -28 162 -52 100 -119 157 -225 194 -54 18 -131 19 -2817 19 l-2762 0 -341 340 c-188 186 -356 347 -374 357 -103 55 -220 68 -308 34z m5494 -1490 c6 -10 -1204 -2436 -1226 -2458 -13 -13 -168 139 -1247 1217 -677 677 -1231 1236 -1231 1241 0 12 3697 12 3704 0z"
|
|
704
655
|
}),
|
|
705
656
|
" ",
|
|
706
|
-
/* @__PURE__ */
|
|
657
|
+
/* @__PURE__ */ jsx4("path", {
|
|
707
658
|
d: "M2340 5338 c0 -7 146 -305 325 -662 l325 -649 0 -1112 c0 -1043 1 -1114 18 -1160 27 -76 47 -107 94 -154 48 -47 80 -67 153 -93 46 -17 120 -18 1231 -18 1085 0 1186 1 1235 17 30 9 66 24 81 33 68 40 158 146 158 185 0 18 -692 715 -709 715 -6 0 -11 -38 -13 -97 l-3 -98 -745 0 -745 0 -3 858 -2 859 -694 694 c-382 382 -697 694 -700 694 -3 0 -6 -6 -6 -12z"
|
|
708
659
|
}),
|
|
709
660
|
" "
|
|
@@ -716,7 +667,7 @@ var slashFilterSvg = function(solid) {
|
|
|
716
667
|
});
|
|
717
668
|
};
|
|
718
669
|
var exportToExcelSvg = function(width, height, viewBox) {
|
|
719
|
-
return /* @__PURE__ */
|
|
670
|
+
return /* @__PURE__ */ jsxs3("svg", {
|
|
720
671
|
version: "1.0",
|
|
721
672
|
xmlns: "http://www.w3.org/2000/svg",
|
|
722
673
|
width: width || "18",
|
|
@@ -725,21 +676,21 @@ var exportToExcelSvg = function(width, height, viewBox) {
|
|
|
725
676
|
preserveAspectRatio: "xMidYMid meet",
|
|
726
677
|
children: [
|
|
727
678
|
" ",
|
|
728
|
-
/* @__PURE__ */
|
|
679
|
+
/* @__PURE__ */ jsxs3("g", {
|
|
729
680
|
transform: "translate(0.000000,150.000000) scale(0.100000,-0.100000)",
|
|
730
681
|
fill: "#ffffff",
|
|
731
682
|
stroke: "none",
|
|
732
683
|
children: [
|
|
733
684
|
" ",
|
|
734
|
-
/* @__PURE__ */
|
|
685
|
+
/* @__PURE__ */ jsx4("path", {
|
|
735
686
|
d: "M205 1418 c-3 -7 -4 -317 -3 -688 l3 -675 435 -3 c239 -1 441 0 449 3 11 4 9 11 -9 30 l-23 25 -396 2 -396 3 0 625 0 625 280 0 280 0 5 -190 5 -190 190 -5 190 -5 5 -175 5 -175 25 0 25 0 3 200 2 199 -202 203 -203 203 -333 0 c-257 0 -334 -3 -337 -12z m828 -235 c70 -70 127 -131 127 -135 0 -5 -60 -7 -132 -6 l-133 3 -3 133 c-1 72 1 132 6 132 4 0 65 -57 135 -127z"
|
|
736
687
|
}),
|
|
737
688
|
" ",
|
|
738
|
-
/* @__PURE__ */
|
|
689
|
+
/* @__PURE__ */ jsx4("path", {
|
|
739
690
|
d: "M518 915 c-6 -6 9 -37 42 -90 11 -16 23 -37 27 -45 4 -8 19 -36 35 -61 15 -25 28 -56 28 -68 0 -20 -29 -69 -121 -209 -16 -24 -29 -47 -29 -53 0 -5 31 -9 68 -9 l69 0 42 82 c60 116 66 118 107 35 56 -114 53 -112 127 -115 51 -2 67 0 67 11 0 7 -5 18 -11 24 -11 11 -26 36 -49 78 -6 11 -19 34 -30 50 -11 17 -24 40 -29 52 -5 11 -15 24 -20 28 -26 16 -18 33 97 212 25 39 39 70 34 75 -5 5 -36 8 -68 6 l-59 -3 -42 -84 c-24 -46 -45 -86 -48 -89 -6 -6 -44 40 -45 54 0 6 -13 35 -29 65 l-28 54 -65 3 c-35 2 -67 0 -70 -3z"
|
|
740
691
|
}),
|
|
741
692
|
" ",
|
|
742
|
-
/* @__PURE__ */
|
|
693
|
+
/* @__PURE__ */ jsx4("path", {
|
|
743
694
|
d: "M1135 548 c-3 -7 -6 -67 -7 -133 l-3 -120 -55 -3 c-30 -1 -61 -5 -68 -7 -8 -3 28 -53 95 -132 122 -146 129 -153 140 -153 4 0 22 17 38 37 26 32 53 63 175 206 13 15 30 27 38 27 9 0 12 3 8 7 -3 4 -39 9 -79 12 l-72 6 -5 130 -5 130 -98 3 c-72 2 -99 -1 -102 -10z m145 -183 l5 -130 28 -3 c15 -2 27 -8 27 -14 0 -18 -92 -128 -107 -128 -11 1 -97 107 -101 125 -2 8 7 15 25 17 l28 3 3 120 c1 66 4 126 7 133 3 9 18 12 42 10 l38 -3 5 -130z"
|
|
744
695
|
}),
|
|
745
696
|
" "
|
|
@@ -838,7 +789,7 @@ var getFormElementValue = function(form, name) {
|
|
|
838
789
|
return ((_form_elements_namedItem = form.elements.namedItem(name)) === null || _form_elements_namedItem === void 0 ? void 0 : _form_elements_namedItem.value) || "";
|
|
839
790
|
};
|
|
840
791
|
// src/components/table/Table.tsx
|
|
841
|
-
import { jsx as
|
|
792
|
+
import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
842
793
|
var TableContext = createContext(null);
|
|
843
794
|
var TableProvider = function(props) {
|
|
844
795
|
var // basic props
|
|
@@ -935,9 +886,9 @@ var TableProvider = function(props) {
|
|
|
935
886
|
handleFilterClick: handleFilterClick,
|
|
936
887
|
closeFilterWindow: closeFilterWindow
|
|
937
888
|
});
|
|
938
|
-
return /* @__PURE__ */
|
|
889
|
+
return /* @__PURE__ */ jsx5(TableContext.Provider, {
|
|
939
890
|
value: providerValues,
|
|
940
|
-
children: /* @__PURE__ */
|
|
891
|
+
children: /* @__PURE__ */ jsx5("div", {
|
|
941
892
|
className: "flex flex-col gap-2 ".concat(containerClassName),
|
|
942
893
|
style: _object_spread_props(_object_spread({}, containerStyle), {
|
|
943
894
|
direction: direction
|
|
@@ -948,40 +899,40 @@ var TableProvider = function(props) {
|
|
|
948
899
|
};
|
|
949
900
|
var TableBase = function(props) {
|
|
950
901
|
var containerHeaderClassName = props.containerHeaderClassName, optionalElement = props.optionalElement, tableContainerClass = props.tableContainerClass, tableContainerStyle = props.tableContainerStyle, tableStyle = props.tableStyle, includeSearch = props.includeSearch, exportToExcelKeys = props.exportToExcelKeys, sumColumns = props.sumColumns, direction = props.direction, maxRowsLabel1 = props.maxRowsLabel1, maxRowsLabel2 = props.maxRowsLabel2, searchContainerClassName = props.searchContainerClassName;
|
|
951
|
-
return /* @__PURE__ */
|
|
902
|
+
return /* @__PURE__ */ jsxs4(TableProvider, _object_spread_props(_object_spread({}, props), {
|
|
952
903
|
children: [
|
|
953
|
-
/* @__PURE__ */
|
|
904
|
+
/* @__PURE__ */ jsxs4("div", {
|
|
954
905
|
style: {
|
|
955
906
|
direction: direction
|
|
956
907
|
},
|
|
957
908
|
className: cn("flex justify-start items-center gap-2", containerHeaderClassName || ""),
|
|
958
909
|
children: [
|
|
959
|
-
/* @__PURE__ */
|
|
910
|
+
/* @__PURE__ */ jsxs4("div", {
|
|
960
911
|
className: cn("flex justify-start items-center gap-2", searchContainerClassName),
|
|
961
912
|
children: [
|
|
962
|
-
includeSearch && /* @__PURE__ */
|
|
963
|
-
exportToExcelKeys && /* @__PURE__ */
|
|
913
|
+
includeSearch && /* @__PURE__ */ jsx5(Search, {}),
|
|
914
|
+
exportToExcelKeys && /* @__PURE__ */ jsx5(ExportToExcel, {})
|
|
964
915
|
]
|
|
965
916
|
}),
|
|
966
|
-
maxRowsLabel1 && maxRowsLabel2 && /* @__PURE__ */
|
|
917
|
+
maxRowsLabel1 && maxRowsLabel2 && /* @__PURE__ */ jsx5(MaxRowsLabel, {}),
|
|
967
918
|
optionalElement && optionalElement
|
|
968
919
|
]
|
|
969
920
|
}),
|
|
970
|
-
/* @__PURE__ */
|
|
921
|
+
/* @__PURE__ */ jsx5("div", {
|
|
971
922
|
style: _object_spread_props(_object_spread({}, tableContainerStyle || {}), {
|
|
972
923
|
direction: direction
|
|
973
924
|
}),
|
|
974
925
|
className: cn("animate-slide-in-up overflow-y-auto", tableContainerClass || ""),
|
|
975
|
-
children: /* @__PURE__ */
|
|
926
|
+
children: /* @__PURE__ */ jsxs4("table", {
|
|
976
927
|
style: tableStyle,
|
|
977
928
|
className: "min-w-full text-sm font-light relative",
|
|
978
929
|
children: [
|
|
979
|
-
/* @__PURE__ */
|
|
980
|
-
/* @__PURE__ */
|
|
930
|
+
/* @__PURE__ */ jsx5(TableHead, {}),
|
|
931
|
+
/* @__PURE__ */ jsx5(TableBody, {})
|
|
981
932
|
]
|
|
982
933
|
})
|
|
983
934
|
}),
|
|
984
|
-
sumColumns && /* @__PURE__ */
|
|
935
|
+
sumColumns && /* @__PURE__ */ jsx5(Summary, {})
|
|
985
936
|
]
|
|
986
937
|
}));
|
|
987
938
|
};
|
|
@@ -1209,7 +1160,7 @@ var biDomain = isLocal ? "http://localhost:9002/api/bi" : baseDomain + "/bi";
|
|
|
1209
1160
|
var callCenterDomain = isLocal ? "http://localhost:9003/api/call-center" : baseDomain + "/call-center";
|
|
1210
1161
|
// src/components/ui/badge.tsx
|
|
1211
1162
|
import { cva } from "class-variance-authority";
|
|
1212
|
-
import { jsx as
|
|
1163
|
+
import { jsx as jsx6 } from "react/jsx-runtime";
|
|
1213
1164
|
var badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
|
|
1214
1165
|
variants: {
|
|
1215
1166
|
variant: {
|
|
@@ -1228,7 +1179,7 @@ function Badge(_param) {
|
|
|
1228
1179
|
"className",
|
|
1229
1180
|
"variant"
|
|
1230
1181
|
]);
|
|
1231
|
-
return /* @__PURE__ */
|
|
1182
|
+
return /* @__PURE__ */ jsx6("div", _object_spread({
|
|
1232
1183
|
className: cn(badgeVariants({
|
|
1233
1184
|
variant: variant
|
|
1234
1185
|
}), className)
|
|
@@ -1238,7 +1189,7 @@ function Badge(_param) {
|
|
|
1238
1189
|
import { Slot } from "@radix-ui/react-slot";
|
|
1239
1190
|
import { cva as cva2 } from "class-variance-authority";
|
|
1240
1191
|
import * as React3 from "react";
|
|
1241
|
-
import { jsx as
|
|
1192
|
+
import { jsx as jsx7 } from "react/jsx-runtime";
|
|
1242
1193
|
var buttonVariants = cva2("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", {
|
|
1243
1194
|
variants: {
|
|
1244
1195
|
variant: {
|
|
@@ -1269,7 +1220,7 @@ var Button = React3.forwardRef(function(_param, ref) {
|
|
|
1269
1220
|
"asChild"
|
|
1270
1221
|
]);
|
|
1271
1222
|
var Comp = asChild ? Slot : "button";
|
|
1272
|
-
return /* @__PURE__ */
|
|
1223
|
+
return /* @__PURE__ */ jsx7(Comp, _object_spread({
|
|
1273
1224
|
ref: ref,
|
|
1274
1225
|
"data-slot": "button",
|
|
1275
1226
|
className: cn(buttonVariants({
|
|
@@ -1282,13 +1233,13 @@ var Button = React3.forwardRef(function(_param, ref) {
|
|
|
1282
1233
|
Button.displayName = "Button";
|
|
1283
1234
|
// src/components/ui/input.tsx
|
|
1284
1235
|
import * as React4 from "react";
|
|
1285
|
-
import { jsx as
|
|
1236
|
+
import { jsx as jsx8 } from "react/jsx-runtime";
|
|
1286
1237
|
var Input = React4.forwardRef(function(_param, ref) {
|
|
1287
1238
|
var className = _param.className, type = _param.type, props = _object_without_properties(_param, [
|
|
1288
1239
|
"className",
|
|
1289
1240
|
"type"
|
|
1290
1241
|
]);
|
|
1291
|
-
return /* @__PURE__ */
|
|
1242
|
+
return /* @__PURE__ */ jsx8("input", _object_spread({
|
|
1292
1243
|
type: type,
|
|
1293
1244
|
className: cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
|
|
1294
1245
|
ref: ref
|
|
@@ -1298,7 +1249,7 @@ Input.displayName = "Input";
|
|
|
1298
1249
|
// src/components/ui/progress.tsx
|
|
1299
1250
|
import * as React5 from "react";
|
|
1300
1251
|
import * as ProgressPrimitive from "@radix-ui/react-progress";
|
|
1301
|
-
import { jsx as
|
|
1252
|
+
import { jsx as jsx9 } from "react/jsx-runtime";
|
|
1302
1253
|
var ProgressComponent = React5.forwardRef(function(_param, ref) {
|
|
1303
1254
|
var className = _param.className, value = _param.value, containerClassName = _param.containerClassName, indicatorClassName = _param.indicatorClassName, showValueClassName = _param.showValueClassName, _param_showValue = _param.showValue, showValue = _param_showValue === void 0 ? false : _param_showValue, props = _object_without_properties(_param, [
|
|
1304
1255
|
"className",
|
|
@@ -1308,18 +1259,18 @@ var ProgressComponent = React5.forwardRef(function(_param, ref) {
|
|
|
1308
1259
|
"showValueClassName",
|
|
1309
1260
|
"showValue"
|
|
1310
1261
|
]);
|
|
1311
|
-
return /* @__PURE__ */
|
|
1262
|
+
return /* @__PURE__ */ jsx9("div", {
|
|
1312
1263
|
className: cn("relative w-full", containerClassName),
|
|
1313
|
-
children: /* @__PURE__ */
|
|
1264
|
+
children: /* @__PURE__ */ jsx9(ProgressPrimitive.Root, _object_spread_props(_object_spread({
|
|
1314
1265
|
ref: ref,
|
|
1315
1266
|
className: cn("w-full h-5 bg-[#e5e7eb] relative overflow-hidden rounded-full", className)
|
|
1316
1267
|
}, props), {
|
|
1317
|
-
children: /* @__PURE__ */
|
|
1268
|
+
children: /* @__PURE__ */ jsx9(ProgressPrimitive.Indicator, {
|
|
1318
1269
|
className: cn("h-full w-full flex-1 bg-[green] transition-all rounded-full", indicatorClassName),
|
|
1319
1270
|
style: {
|
|
1320
1271
|
transform: "translateX(-".concat(100 - (value || 0), "%)")
|
|
1321
1272
|
},
|
|
1322
|
-
children: showValue && /* @__PURE__ */
|
|
1273
|
+
children: showValue && /* @__PURE__ */ jsx9("div", {
|
|
1323
1274
|
className: cn("absolute right-1 top-[-2px] font-medium text-white", showValueClassName),
|
|
1324
1275
|
children: "".concat(value || 0, "%")
|
|
1325
1276
|
})
|
|
@@ -1342,13 +1293,13 @@ import * as React7 from "react";
|
|
|
1342
1293
|
import * as React6 from "react";
|
|
1343
1294
|
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
1344
1295
|
import { X } from "lucide-react";
|
|
1345
|
-
import { jsx as
|
|
1296
|
+
import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
1346
1297
|
var DialogPortal = DialogPrimitive.Portal;
|
|
1347
1298
|
var DialogOverlay = React6.forwardRef(function(_param, ref) {
|
|
1348
1299
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
1349
1300
|
"className"
|
|
1350
1301
|
]);
|
|
1351
|
-
return /* @__PURE__ */
|
|
1302
|
+
return /* @__PURE__ */ jsx10(DialogPrimitive.Overlay, _object_spread({
|
|
1352
1303
|
ref: ref,
|
|
1353
1304
|
className: cn("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className)
|
|
1354
1305
|
}, props));
|
|
@@ -1359,22 +1310,22 @@ var DialogContent = React6.forwardRef(function(_param, ref) {
|
|
|
1359
1310
|
"className",
|
|
1360
1311
|
"children"
|
|
1361
1312
|
]);
|
|
1362
|
-
return /* @__PURE__ */
|
|
1313
|
+
return /* @__PURE__ */ jsxs5(DialogPortal, {
|
|
1363
1314
|
children: [
|
|
1364
|
-
/* @__PURE__ */
|
|
1365
|
-
/* @__PURE__ */
|
|
1315
|
+
/* @__PURE__ */ jsx10(DialogOverlay, {}),
|
|
1316
|
+
/* @__PURE__ */ jsxs5(DialogPrimitive.Content, _object_spread_props(_object_spread({
|
|
1366
1317
|
ref: ref,
|
|
1367
1318
|
className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className)
|
|
1368
1319
|
}, props), {
|
|
1369
1320
|
children: [
|
|
1370
1321
|
children,
|
|
1371
|
-
/* @__PURE__ */
|
|
1322
|
+
/* @__PURE__ */ jsxs5(DialogPrimitive.Close, {
|
|
1372
1323
|
className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
|
|
1373
1324
|
children: [
|
|
1374
|
-
/* @__PURE__ */
|
|
1325
|
+
/* @__PURE__ */ jsx10(X, {
|
|
1375
1326
|
className: "h-4 w-4"
|
|
1376
1327
|
}),
|
|
1377
|
-
/* @__PURE__ */
|
|
1328
|
+
/* @__PURE__ */ jsx10("span", {
|
|
1378
1329
|
className: "sr-only",
|
|
1379
1330
|
children: "Close"
|
|
1380
1331
|
})
|
|
@@ -1390,7 +1341,7 @@ var DialogHeader = function(_param) {
|
|
|
1390
1341
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
1391
1342
|
"className"
|
|
1392
1343
|
]);
|
|
1393
|
-
return /* @__PURE__ */
|
|
1344
|
+
return /* @__PURE__ */ jsx10("div", _object_spread({
|
|
1394
1345
|
className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className)
|
|
1395
1346
|
}, props));
|
|
1396
1347
|
};
|
|
@@ -1399,7 +1350,7 @@ var DialogFooter = function(_param) {
|
|
|
1399
1350
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
1400
1351
|
"className"
|
|
1401
1352
|
]);
|
|
1402
|
-
return /* @__PURE__ */
|
|
1353
|
+
return /* @__PURE__ */ jsx10("div", _object_spread({
|
|
1403
1354
|
className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)
|
|
1404
1355
|
}, props));
|
|
1405
1356
|
};
|
|
@@ -1408,7 +1359,7 @@ var DialogTitle = React6.forwardRef(function(_param, ref) {
|
|
|
1408
1359
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
1409
1360
|
"className"
|
|
1410
1361
|
]);
|
|
1411
|
-
return /* @__PURE__ */
|
|
1362
|
+
return /* @__PURE__ */ jsx10(DialogPrimitive.Title, _object_spread({
|
|
1412
1363
|
ref: ref,
|
|
1413
1364
|
className: cn("text-lg font-semibold leading-none tracking-tight", className)
|
|
1414
1365
|
}, props));
|
|
@@ -1418,19 +1369,19 @@ var DialogDescription = React6.forwardRef(function(_param, ref) {
|
|
|
1418
1369
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
1419
1370
|
"className"
|
|
1420
1371
|
]);
|
|
1421
|
-
return /* @__PURE__ */
|
|
1372
|
+
return /* @__PURE__ */ jsx10(DialogPrimitive.Description, _object_spread({
|
|
1422
1373
|
ref: ref,
|
|
1423
1374
|
className: cn("text-sm text-muted-foreground", className)
|
|
1424
1375
|
}, props));
|
|
1425
1376
|
});
|
|
1426
1377
|
DialogDescription.displayName = DialogPrimitive.Description.displayName;
|
|
1427
1378
|
// src/components/ui/command.tsx
|
|
1428
|
-
import { jsx as
|
|
1379
|
+
import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
1429
1380
|
var Command = React7.forwardRef(function(_param, ref) {
|
|
1430
1381
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
1431
1382
|
"className"
|
|
1432
1383
|
]);
|
|
1433
|
-
return /* @__PURE__ */
|
|
1384
|
+
return /* @__PURE__ */ jsx11(CommandPrimitive, _object_spread({
|
|
1434
1385
|
ref: ref,
|
|
1435
1386
|
className: cn("flex h-full w-full flex-col overflow-hidden rounded-lg bg-popover text-popover-foreground", className)
|
|
1436
1387
|
}, props));
|
|
@@ -1441,16 +1392,16 @@ var CommandInput = React7.forwardRef(function(_param, ref) {
|
|
|
1441
1392
|
"className",
|
|
1442
1393
|
"withSearchIcon"
|
|
1443
1394
|
]);
|
|
1444
|
-
return /* @__PURE__ */
|
|
1395
|
+
return /* @__PURE__ */ jsxs6("div", {
|
|
1445
1396
|
className: "flex items-center border-b border-input px-3",
|
|
1446
1397
|
"cmdk-input-wrapper": "",
|
|
1447
1398
|
children: [
|
|
1448
|
-
withSearchIcon && /* @__PURE__ */
|
|
1399
|
+
withSearchIcon && /* @__PURE__ */ jsx11(Search2, {
|
|
1449
1400
|
size: 20,
|
|
1450
1401
|
strokeWidth: 2,
|
|
1451
1402
|
className: "me-3 text-muted-foreground/80"
|
|
1452
1403
|
}),
|
|
1453
|
-
/* @__PURE__ */
|
|
1404
|
+
/* @__PURE__ */ jsx11(CommandPrimitive.Input, _object_spread({
|
|
1454
1405
|
ref: ref,
|
|
1455
1406
|
className: cn("flex h-10 w-full rounded-lg bg-transparent py-2 text-sm outline-none placeholder:text-muted-foreground/70 disabled:cursor-not-allowed disabled:opacity-50", className)
|
|
1456
1407
|
}, props))
|
|
@@ -1462,14 +1413,14 @@ var CommandList = React7.forwardRef(function(_param, ref) {
|
|
|
1462
1413
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
1463
1414
|
"className"
|
|
1464
1415
|
]);
|
|
1465
|
-
return /* @__PURE__ */
|
|
1416
|
+
return /* @__PURE__ */ jsx11(CommandPrimitive.List, _object_spread({
|
|
1466
1417
|
ref: ref,
|
|
1467
1418
|
className: cn("max-h-80 overflow-y-auto overflow-x-hidden", className)
|
|
1468
1419
|
}, props));
|
|
1469
1420
|
});
|
|
1470
1421
|
CommandList.displayName = CommandPrimitive.List.displayName;
|
|
1471
1422
|
var CommandEmpty = React7.forwardRef(function(props, ref) {
|
|
1472
|
-
return /* @__PURE__ */
|
|
1423
|
+
return /* @__PURE__ */ jsx11(CommandPrimitive.Empty, _object_spread({
|
|
1473
1424
|
ref: ref,
|
|
1474
1425
|
className: "py-6 text-center text-sm"
|
|
1475
1426
|
}, props));
|
|
@@ -1479,7 +1430,7 @@ var CommandGroup = React7.forwardRef(function(_param, ref) {
|
|
|
1479
1430
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
1480
1431
|
"className"
|
|
1481
1432
|
]);
|
|
1482
|
-
return /* @__PURE__ */
|
|
1433
|
+
return /* @__PURE__ */ jsx11(CommandPrimitive.Group, _object_spread({
|
|
1483
1434
|
ref: ref,
|
|
1484
1435
|
className: cn("overflow-hidden p-2 text-foreground [&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", className)
|
|
1485
1436
|
}, props));
|
|
@@ -1489,7 +1440,7 @@ var CommandSeparator = React7.forwardRef(function(_param, ref) {
|
|
|
1489
1440
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
1490
1441
|
"className"
|
|
1491
1442
|
]);
|
|
1492
|
-
return /* @__PURE__ */
|
|
1443
|
+
return /* @__PURE__ */ jsx11(CommandPrimitive.Separator, _object_spread({
|
|
1493
1444
|
ref: ref,
|
|
1494
1445
|
className: cn("-mx-1 h-px bg-border", className)
|
|
1495
1446
|
}, props));
|
|
@@ -1499,7 +1450,7 @@ var CommandItem = React7.forwardRef(function(_param, ref) {
|
|
|
1499
1450
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
1500
1451
|
"className"
|
|
1501
1452
|
]);
|
|
1502
|
-
return /* @__PURE__ */
|
|
1453
|
+
return /* @__PURE__ */ jsx11(CommandPrimitive.Item, _object_spread({
|
|
1503
1454
|
ref: ref,
|
|
1504
1455
|
className: cn("relative flex cursor-default select-none items-center gap-3 rounded-md px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className)
|
|
1505
1456
|
}, props));
|
|
@@ -1509,7 +1460,7 @@ var CommandShortcut = function(_param) {
|
|
|
1509
1460
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
1510
1461
|
"className"
|
|
1511
1462
|
]);
|
|
1512
|
-
return /* @__PURE__ */
|
|
1463
|
+
return /* @__PURE__ */ jsx11("kbd", _object_spread({
|
|
1513
1464
|
className: cn("-me-1 ms-auto inline-flex h-5 max-h-full items-center rounded border border-border bg-background px-1 font-[inherit] text-[0.625rem] font-medium text-muted-foreground/70", className)
|
|
1514
1465
|
}, props));
|
|
1515
1466
|
};
|
|
@@ -3347,7 +3298,7 @@ var flip3 = function(options, deps) {
|
|
|
3347
3298
|
});
|
|
3348
3299
|
};
|
|
3349
3300
|
// src/components/ui/multiselect.tsx
|
|
3350
|
-
import { Fragment as Fragment2, jsx as
|
|
3301
|
+
import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
3351
3302
|
var Portal2 = function(param) {
|
|
3352
3303
|
var children = param.children;
|
|
3353
3304
|
return ReactDOM2.createPortal(children, document.body);
|
|
@@ -3432,7 +3383,7 @@ var CommandEmpty2 = forwardRef6(function(_param, forwardedRef) {
|
|
|
3432
3383
|
return state.filtered.count === 0;
|
|
3433
3384
|
});
|
|
3434
3385
|
if (!render) return null;
|
|
3435
|
-
return /* @__PURE__ */
|
|
3386
|
+
return /* @__PURE__ */ jsx12("div", _object_spread({
|
|
3436
3387
|
ref: forwardedRef,
|
|
3437
3388
|
className: cn("px-2 py-4 text-center text-sm", className),
|
|
3438
3389
|
"cmdk-empty": "",
|
|
@@ -3711,7 +3662,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
|
|
|
3711
3662
|
})) {
|
|
3712
3663
|
return void 0;
|
|
3713
3664
|
}
|
|
3714
|
-
var Item = /* @__PURE__ */
|
|
3665
|
+
var Item = /* @__PURE__ */ jsx12(CommandItem, {
|
|
3715
3666
|
value: inputValue,
|
|
3716
3667
|
className: "cursor-pointer",
|
|
3717
3668
|
onMouseDown: function(e) {
|
|
@@ -3746,14 +3697,14 @@ var MultipleSelector = forwardRef6(function(param, ref) {
|
|
|
3746
3697
|
var EmptyItem = useCallback2(function() {
|
|
3747
3698
|
if (!emptyIndicator) return void 0;
|
|
3748
3699
|
if (onSearch && !creatable && Object.keys(options).length === 0) {
|
|
3749
|
-
return /* @__PURE__ */
|
|
3700
|
+
return /* @__PURE__ */ jsx12(CommandItem, {
|
|
3750
3701
|
className: "",
|
|
3751
3702
|
value: "-",
|
|
3752
3703
|
disabled: true,
|
|
3753
3704
|
children: emptyIndicator
|
|
3754
3705
|
});
|
|
3755
3706
|
}
|
|
3756
|
-
return /* @__PURE__ */
|
|
3707
|
+
return /* @__PURE__ */ jsx12(CommandEmpty2, {
|
|
3757
3708
|
className: emptyIndicatorClassName,
|
|
3758
3709
|
children: emptyIndicator
|
|
3759
3710
|
});
|
|
@@ -3784,7 +3735,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
|
|
|
3784
3735
|
creatable,
|
|
3785
3736
|
commandProps === null || commandProps === void 0 ? void 0 : commandProps.filter
|
|
3786
3737
|
]);
|
|
3787
|
-
return /* @__PURE__ */
|
|
3738
|
+
return /* @__PURE__ */ jsxs7(Command, _object_spread_props(_object_spread({}, commandProps), {
|
|
3788
3739
|
onKeyDown: function(e) {
|
|
3789
3740
|
var _commandProps_onKeyDown;
|
|
3790
3741
|
handleKeyDown(e);
|
|
@@ -3794,7 +3745,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
|
|
|
3794
3745
|
shouldFilter: (commandProps === null || commandProps === void 0 ? void 0 : commandProps.shouldFilter) !== void 0 ? commandProps.shouldFilter : !onSearch,
|
|
3795
3746
|
filter: commandFilter(),
|
|
3796
3747
|
children: [
|
|
3797
|
-
/* @__PURE__ */
|
|
3748
|
+
/* @__PURE__ */ jsx12("div", {
|
|
3798
3749
|
ref: setContainerRef,
|
|
3799
3750
|
className: cn("relative min-h-[38px] py-2 rounded-lg border border-input text-sm transition-shadow focus-within:border-ring focus-within:outline-none focus-within:ring-[3px] focus-within:ring-ring/20 has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50", {
|
|
3800
3751
|
"p-1": selected.length !== 0,
|
|
@@ -3805,11 +3756,11 @@ var MultipleSelector = forwardRef6(function(param, ref) {
|
|
|
3805
3756
|
if (disabled) return;
|
|
3806
3757
|
(_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
|
|
3807
3758
|
},
|
|
3808
|
-
children: /* @__PURE__ */
|
|
3759
|
+
children: /* @__PURE__ */ jsxs7("div", {
|
|
3809
3760
|
className: "flex flex-wrap gap-1",
|
|
3810
3761
|
children: [
|
|
3811
3762
|
selected.map(function(option) {
|
|
3812
|
-
return /* @__PURE__ */
|
|
3763
|
+
return /* @__PURE__ */ jsxs7("div", {
|
|
3813
3764
|
className: cn("animate-fadeIn relative inline-flex h-7 cursor-default items-center rounded-md border border-solid bg-background pe-7 pl-2 ps-2 text-xs font-medium text-secondary-foreground transition-all hover:bg-background disabled:cursor-not-allowed disabled:opacity-50 data-[fixed]:pe-2 px-1", badgeClassName),
|
|
3814
3765
|
"data-fixed": option.fixed,
|
|
3815
3766
|
"data-disabled": disabled || void 0,
|
|
@@ -3817,7 +3768,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
|
|
|
3817
3768
|
option.label,
|
|
3818
3769
|
!unremovableOptions.find(function(v) {
|
|
3819
3770
|
return isEqual4(v.value, option.value);
|
|
3820
|
-
}) && /* @__PURE__ */
|
|
3771
|
+
}) && /* @__PURE__ */ jsx12("button", {
|
|
3821
3772
|
className: "absolute -inset-y-px -end-px flex size-7 items-center justify-center rounded-e-lg border border-transparent p-0 text-muted-foreground/80 outline-0 transition-colors hover:text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring/70",
|
|
3822
3773
|
onKeyDown: function(e) {
|
|
3823
3774
|
if (e.key === "Enter") {
|
|
@@ -3832,7 +3783,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
|
|
|
3832
3783
|
return handleUnselect(option);
|
|
3833
3784
|
},
|
|
3834
3785
|
"aria-label": "Remove",
|
|
3835
|
-
children: /* @__PURE__ */
|
|
3786
|
+
children: /* @__PURE__ */ jsx12(X2, {
|
|
3836
3787
|
size: 14,
|
|
3837
3788
|
strokeWidth: 2,
|
|
3838
3789
|
"aria-hidden": "true"
|
|
@@ -3841,7 +3792,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
|
|
|
3841
3792
|
]
|
|
3842
3793
|
}, option.value);
|
|
3843
3794
|
}),
|
|
3844
|
-
/* @__PURE__ */
|
|
3795
|
+
/* @__PURE__ */ jsx12(CommandPrimitive2.Input, _object_spread_props(_object_spread({}, inputProps), {
|
|
3845
3796
|
ref: inputRef,
|
|
3846
3797
|
value: inputValue,
|
|
3847
3798
|
disabled: disabled,
|
|
@@ -3872,7 +3823,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
|
|
|
3872
3823
|
"ml-1": selected.length !== 0
|
|
3873
3824
|
}, inputProps === null || inputProps === void 0 ? void 0 : inputProps.className)
|
|
3874
3825
|
})),
|
|
3875
|
-
/* @__PURE__ */
|
|
3826
|
+
/* @__PURE__ */ jsx12("button", {
|
|
3876
3827
|
type: "button",
|
|
3877
3828
|
onClick: function() {
|
|
3878
3829
|
setSelected(selected.filter(function(s) {
|
|
@@ -3886,7 +3837,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
|
|
|
3886
3837
|
return s.fixed;
|
|
3887
3838
|
}).length === selected.length) && "hidden"),
|
|
3888
3839
|
"aria-label": "Clear all",
|
|
3889
|
-
children: /* @__PURE__ */
|
|
3840
|
+
children: /* @__PURE__ */ jsx12(X2, {
|
|
3890
3841
|
size: 16,
|
|
3891
3842
|
strokeWidth: 2,
|
|
3892
3843
|
"aria-hidden": "true"
|
|
@@ -3895,8 +3846,8 @@ var MultipleSelector = forwardRef6(function(param, ref) {
|
|
|
3895
3846
|
]
|
|
3896
3847
|
})
|
|
3897
3848
|
}),
|
|
3898
|
-
open && /* @__PURE__ */
|
|
3899
|
-
children: /* @__PURE__ */
|
|
3849
|
+
open && /* @__PURE__ */ jsx12(Portal2, {
|
|
3850
|
+
children: /* @__PURE__ */ jsx12("div", {
|
|
3900
3851
|
ref: combinedFloatingRef,
|
|
3901
3852
|
style: {
|
|
3902
3853
|
position: strategy,
|
|
@@ -3906,7 +3857,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
|
|
|
3906
3857
|
},
|
|
3907
3858
|
className: cn("z-[9999] overflow-hidden rounded-lg border border-input", dropdownContainerClassName),
|
|
3908
3859
|
"data-state": open ? "open" : "closed",
|
|
3909
|
-
children: /* @__PURE__ */
|
|
3860
|
+
children: /* @__PURE__ */ jsx12(CommandList, {
|
|
3910
3861
|
className: "bg-popover text-popover-foreground shadow-lg shadow-black/5 outline-none",
|
|
3911
3862
|
onMouseLeave: function() {
|
|
3912
3863
|
setOnScrollbar(false);
|
|
@@ -3918,23 +3869,23 @@ var MultipleSelector = forwardRef6(function(param, ref) {
|
|
|
3918
3869
|
var _inputRef_current;
|
|
3919
3870
|
(_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
|
|
3920
3871
|
},
|
|
3921
|
-
children: isLoading ? /* @__PURE__ */
|
|
3872
|
+
children: isLoading ? /* @__PURE__ */ jsx12(Fragment2, {
|
|
3922
3873
|
children: loadingIndicator
|
|
3923
|
-
}) : /* @__PURE__ */
|
|
3874
|
+
}) : /* @__PURE__ */ jsxs7(Fragment2, {
|
|
3924
3875
|
children: [
|
|
3925
3876
|
EmptyItem(),
|
|
3926
3877
|
CreatableItem(),
|
|
3927
|
-
!selectFirstItem && /* @__PURE__ */
|
|
3878
|
+
!selectFirstItem && /* @__PURE__ */ jsx12(CommandItem, {
|
|
3928
3879
|
value: "-",
|
|
3929
3880
|
className: "hidden"
|
|
3930
3881
|
}),
|
|
3931
3882
|
Object.entries(selectables).map(function(param) {
|
|
3932
3883
|
var _param = _sliced_to_array(param, 2), key = _param[0], dropdowns = _param[1];
|
|
3933
|
-
return /* @__PURE__ */
|
|
3884
|
+
return /* @__PURE__ */ jsx12(CommandGroup, {
|
|
3934
3885
|
heading: key,
|
|
3935
3886
|
className: cn("h-full overflow-auto", dropdownClassName),
|
|
3936
3887
|
children: dropdowns.map(function(option) {
|
|
3937
|
-
return /* @__PURE__ */
|
|
3888
|
+
return /* @__PURE__ */ jsx12(CommandItem, {
|
|
3938
3889
|
value: option.value,
|
|
3939
3890
|
disabled: option.disable,
|
|
3940
3891
|
onMouseDown: function(e) {
|
|
@@ -3965,7 +3916,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
|
|
|
3965
3916
|
})
|
|
3966
3917
|
})
|
|
3967
3918
|
}),
|
|
3968
|
-
/* @__PURE__ */
|
|
3919
|
+
/* @__PURE__ */ jsx12("input", {
|
|
3969
3920
|
value: JSON.stringify(selected),
|
|
3970
3921
|
type: "hidden",
|
|
3971
3922
|
name: name
|
|
@@ -3977,16 +3928,16 @@ MultipleSelector.displayName = "MultipleSelector";
|
|
|
3977
3928
|
var multiselect_default = MultipleSelector;
|
|
3978
3929
|
// src/components/ui/popover.tsx
|
|
3979
3930
|
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
3980
|
-
import { jsx as
|
|
3931
|
+
import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
3981
3932
|
function Popover(_param) {
|
|
3982
3933
|
var props = _extends({}, _object_destructuring_empty(_param));
|
|
3983
|
-
return /* @__PURE__ */
|
|
3934
|
+
return /* @__PURE__ */ jsx13(PopoverPrimitive.Root, _object_spread({
|
|
3984
3935
|
"data-slot": "popover"
|
|
3985
3936
|
}, props));
|
|
3986
3937
|
}
|
|
3987
3938
|
function PopoverTrigger(_param) {
|
|
3988
3939
|
var props = _extends({}, _object_destructuring_empty(_param));
|
|
3989
|
-
return /* @__PURE__ */
|
|
3940
|
+
return /* @__PURE__ */ jsx13(PopoverPrimitive.Trigger, _object_spread({
|
|
3990
3941
|
"data-slot": "popover-trigger"
|
|
3991
3942
|
}, props));
|
|
3992
3943
|
}
|
|
@@ -3997,8 +3948,8 @@ function PopoverContent(_param) {
|
|
|
3997
3948
|
"sideOffset",
|
|
3998
3949
|
"showArrow"
|
|
3999
3950
|
]);
|
|
4000
|
-
return /* @__PURE__ */
|
|
4001
|
-
children: /* @__PURE__ */
|
|
3951
|
+
return /* @__PURE__ */ jsx13(PopoverPrimitive.Portal, {
|
|
3952
|
+
children: /* @__PURE__ */ jsxs8(PopoverPrimitive.Content, _object_spread_props(_object_spread({
|
|
4002
3953
|
"data-slot": "popover-content",
|
|
4003
3954
|
align: align,
|
|
4004
3955
|
sideOffset: sideOffset,
|
|
@@ -4006,7 +3957,7 @@ function PopoverContent(_param) {
|
|
|
4006
3957
|
}, props), {
|
|
4007
3958
|
children: [
|
|
4008
3959
|
props.children,
|
|
4009
|
-
showArrow && /* @__PURE__ */
|
|
3960
|
+
showArrow && /* @__PURE__ */ jsx13(PopoverPrimitive.Arrow, {
|
|
4010
3961
|
className: "fill-popover -my-px drop-shadow-[0_1px_0_hsl(var(--border))]"
|
|
4011
3962
|
})
|
|
4012
3963
|
]
|
|
@@ -4016,7 +3967,7 @@ function PopoverContent(_param) {
|
|
|
4016
3967
|
// src/components/ui/SearchSelect.tsx
|
|
4017
3968
|
import { CheckIcon, ChevronDownIcon } from "lucide-react";
|
|
4018
3969
|
import { useId, useMemo as useMemo5, useState as useState5 } from "react";
|
|
4019
|
-
import { jsx as
|
|
3970
|
+
import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
4020
3971
|
function SearchSelect(param) {
|
|
4021
3972
|
var options = param.options, name = param.name, _param_selectPlaceholder = param.selectPlaceholder, selectPlaceholder = _param_selectPlaceholder === void 0 ? "Select" : _param_selectPlaceholder, defaultValue = param.defaultValue, notFoundLabel = param.notFoundLabel, _param_searchPlaceholder = param.searchPlaceholder, searchPlaceholder = _param_searchPlaceholder === void 0 ? "Search" : _param_searchPlaceholder, dropdownClassName = param.dropdownClassName, dropdownOptionClassName = param.dropdownOptionClassName, notFoundLabelClassName = param.notFoundLabelClassName, elementClassName = param.elementClassName, searchClassName = param.searchClassName, selectButtonClassName = param.selectButtonClassName, value = param.value, disabled = param.disabled, onChange = param.onChange, direction = param.direction;
|
|
4022
3973
|
var id = useId();
|
|
@@ -4033,19 +3984,19 @@ function SearchSelect(param) {
|
|
|
4033
3984
|
options,
|
|
4034
3985
|
selectPlaceholder
|
|
4035
3986
|
]);
|
|
4036
|
-
return /* @__PURE__ */
|
|
3987
|
+
return /* @__PURE__ */ jsxs9("div", {
|
|
4037
3988
|
style: {
|
|
4038
3989
|
direction: direction
|
|
4039
3990
|
},
|
|
4040
3991
|
className: cn("w-full", elementClassName),
|
|
4041
3992
|
children: [
|
|
4042
|
-
/* @__PURE__ */
|
|
3993
|
+
/* @__PURE__ */ jsxs9(Popover, {
|
|
4043
3994
|
open: open,
|
|
4044
3995
|
onOpenChange: setOpen,
|
|
4045
3996
|
children: [
|
|
4046
|
-
/* @__PURE__ */
|
|
3997
|
+
/* @__PURE__ */ jsx14(PopoverTrigger, {
|
|
4047
3998
|
asChild: true,
|
|
4048
|
-
children: /* @__PURE__ */
|
|
3999
|
+
children: /* @__PURE__ */ jsxs9(Button, {
|
|
4049
4000
|
id: id,
|
|
4050
4001
|
variant: "outline",
|
|
4051
4002
|
role: "combobox",
|
|
@@ -4053,11 +4004,11 @@ function SearchSelect(param) {
|
|
|
4053
4004
|
disabled: disabled,
|
|
4054
4005
|
className: cn("bg-background hover:bg-background border-input w-full justify-between px-3 font-normal outline-offset-0 outline-none focus-visible:outline-[3px]", selectButtonClassName),
|
|
4055
4006
|
children: [
|
|
4056
|
-
/* @__PURE__ */
|
|
4007
|
+
/* @__PURE__ */ jsx14("span", {
|
|
4057
4008
|
className: cn("truncate", !selectedValue && "text-muted-foreground"),
|
|
4058
4009
|
children: selectLabel
|
|
4059
4010
|
}),
|
|
4060
|
-
/* @__PURE__ */
|
|
4011
|
+
/* @__PURE__ */ jsx14(ChevronDownIcon, {
|
|
4061
4012
|
size: 16,
|
|
4062
4013
|
className: "text-muted-foreground/80 shrink-0",
|
|
4063
4014
|
"aria-hidden": "true"
|
|
@@ -4065,28 +4016,28 @@ function SearchSelect(param) {
|
|
|
4065
4016
|
]
|
|
4066
4017
|
})
|
|
4067
4018
|
}),
|
|
4068
|
-
/* @__PURE__ */
|
|
4019
|
+
/* @__PURE__ */ jsx14(PopoverContent, {
|
|
4069
4020
|
className: cn("border-input w-full min-w-[var(--radix-popper-anchor-width)] p-0 bg-[#fff]"),
|
|
4070
4021
|
align: "start",
|
|
4071
|
-
children: /* @__PURE__ */
|
|
4022
|
+
children: /* @__PURE__ */ jsxs9(Command, {
|
|
4072
4023
|
children: [
|
|
4073
|
-
/* @__PURE__ */
|
|
4024
|
+
/* @__PURE__ */ jsx14(CommandInput, {
|
|
4074
4025
|
style: {
|
|
4075
4026
|
direction: direction
|
|
4076
4027
|
},
|
|
4077
4028
|
className: cn(searchClassName),
|
|
4078
4029
|
placeholder: searchPlaceholder
|
|
4079
4030
|
}),
|
|
4080
|
-
/* @__PURE__ */
|
|
4031
|
+
/* @__PURE__ */ jsxs9(CommandList, {
|
|
4081
4032
|
children: [
|
|
4082
|
-
/* @__PURE__ */
|
|
4033
|
+
/* @__PURE__ */ jsx14(CommandEmpty, {
|
|
4083
4034
|
className: cn("w-full py-2 text-center", notFoundLabelClassName),
|
|
4084
4035
|
children: notFoundLabel
|
|
4085
4036
|
}),
|
|
4086
|
-
/* @__PURE__ */
|
|
4037
|
+
/* @__PURE__ */ jsx14(CommandGroup, {
|
|
4087
4038
|
className: cn("max-h-52 overflow-y-auto", dropdownClassName),
|
|
4088
4039
|
children: options.map(function(option) {
|
|
4089
|
-
return /* @__PURE__ */
|
|
4040
|
+
return /* @__PURE__ */ jsxs9(CommandItem, {
|
|
4090
4041
|
className: cn("hover:bg-[#cccbcb] cursor-pointer", dropdownOptionClassName, selectedValue === option.value && "bg-[#cccbcb]"),
|
|
4091
4042
|
value: JSON.stringify(option),
|
|
4092
4043
|
onSelect: function(currentValue) {
|
|
@@ -4097,7 +4048,7 @@ function SearchSelect(param) {
|
|
|
4097
4048
|
},
|
|
4098
4049
|
children: [
|
|
4099
4050
|
option.label,
|
|
4100
|
-
selectedValue === option.value && /* @__PURE__ */
|
|
4051
|
+
selectedValue === option.value && /* @__PURE__ */ jsx14(CheckIcon, {
|
|
4101
4052
|
size: 16,
|
|
4102
4053
|
className: "ml-auto"
|
|
4103
4054
|
})
|
|
@@ -4112,7 +4063,7 @@ function SearchSelect(param) {
|
|
|
4112
4063
|
})
|
|
4113
4064
|
]
|
|
4114
4065
|
}),
|
|
4115
|
-
/* @__PURE__ */
|
|
4066
|
+
/* @__PURE__ */ jsx14("input", {
|
|
4116
4067
|
name: name,
|
|
4117
4068
|
type: "hidden",
|
|
4118
4069
|
value: selectedValue
|
|
@@ -4121,7 +4072,7 @@ function SearchSelect(param) {
|
|
|
4121
4072
|
});
|
|
4122
4073
|
}
|
|
4123
4074
|
// src/components/table/components.tsx
|
|
4124
|
-
import { Fragment as Fragment3, jsx as
|
|
4075
|
+
import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
4125
4076
|
var getFixedNumber = function() {
|
|
4126
4077
|
var number = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, fix = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 4;
|
|
4127
4078
|
var sum_value = number % 1 === 0 ? number : number.toFixed(fix).replace(/\.?0+$/, "");
|
|
@@ -4131,14 +4082,14 @@ var TableRow2 = function(param) {
|
|
|
4131
4082
|
var item = param.item, index2 = param.index;
|
|
4132
4083
|
var _useTableContext = useTableContext(), rowStyles = _useTableContext.rowStyles, rowClassName = _useTableContext.rowClassName, keysToRender = _useTableContext.keysToRender, onRowClick = _useTableContext.onRowClick, zebraStriping = _useTableContext.zebraStriping;
|
|
4133
4084
|
var zebraClassName = zebraStriping ? index2 % 2 === 0 ? zebraStriping.evenRowClassName || "" : zebraStriping.oddRowClassName || "bg-gray-300" : "";
|
|
4134
|
-
return /* @__PURE__ */
|
|
4085
|
+
return /* @__PURE__ */ jsx15("tr", {
|
|
4135
4086
|
className: cn("hover:bg-[#808080] hover:text-[#fff]", zebraClassName, rowClassName || ""),
|
|
4136
4087
|
onClick: function() {
|
|
4137
4088
|
return onRowClick && onRowClick(item);
|
|
4138
4089
|
},
|
|
4139
4090
|
style: rowStyles,
|
|
4140
4091
|
children: keysToRender.map(function(key, index3) {
|
|
4141
|
-
return /* @__PURE__ */
|
|
4092
|
+
return /* @__PURE__ */ jsx15(TableCell, {
|
|
4142
4093
|
value: item[key]
|
|
4143
4094
|
}, index3);
|
|
4144
4095
|
})
|
|
@@ -4147,7 +4098,7 @@ var TableRow2 = function(param) {
|
|
|
4147
4098
|
var TableCell = function(param) {
|
|
4148
4099
|
var value = param.value;
|
|
4149
4100
|
var _useTableContext = useTableContext(), cellStyle = _useTableContext.cellStyle, cellClassName = _useTableContext.cellClassName;
|
|
4150
|
-
return /* @__PURE__ */
|
|
4101
|
+
return /* @__PURE__ */ jsx15("td", {
|
|
4151
4102
|
title: [
|
|
4152
4103
|
"string",
|
|
4153
4104
|
"number",
|
|
@@ -4163,55 +4114,55 @@ var Filter = memo(function(param) {
|
|
|
4163
4114
|
var _filters_filterableColumn_dataKey, _filters_filterableColumn_dataKey1, _filterOptions_filterableColumn_dataKey;
|
|
4164
4115
|
var _useTableContext = useTableContext(), direction = _useTableContext.direction, headers = _useTableContext.headers, filters = _useTableContext.filters, filterOptions = _useTableContext.filterOptions, filterPopupsDisplay = _useTableContext.filterPopupsDisplay, handleFilterChange = _useTableContext.handleFilterChange, handleFilterClick = _useTableContext.handleFilterClick, closeFilterWindow = _useTableContext.closeFilterWindow, filterLabel = _useTableContext.filterLabel;
|
|
4165
4116
|
var displayRight = direction === "rtl" && index2 === headers.length - 1 || direction === "ltr" && index2 !== headers.length - 1;
|
|
4166
|
-
return /* @__PURE__ */
|
|
4117
|
+
return /* @__PURE__ */ jsxs10("div", {
|
|
4167
4118
|
className: "absolute top-1 right-1 ",
|
|
4168
4119
|
children: [
|
|
4169
|
-
/* @__PURE__ */
|
|
4120
|
+
/* @__PURE__ */ jsx15("button", {
|
|
4170
4121
|
title: filterLabel + " " + filterableColumn.header,
|
|
4171
4122
|
className: "text-[12px]",
|
|
4172
4123
|
onClick: function() {
|
|
4173
4124
|
return handleFilterClick(filterableColumn.dataKey);
|
|
4174
4125
|
},
|
|
4175
|
-
children: filterPopupsDisplay === filterableColumn.dataKey ? /* @__PURE__ */
|
|
4176
|
-
children: ((_filters_filterableColumn_dataKey = filters[filterableColumn.dataKey]) === null || _filters_filterableColumn_dataKey === void 0 ? void 0 : _filters_filterableColumn_dataKey.length) > 0 ? /* @__PURE__ */
|
|
4126
|
+
children: filterPopupsDisplay === filterableColumn.dataKey ? /* @__PURE__ */ jsx15(Fragment3, {
|
|
4127
|
+
children: ((_filters_filterableColumn_dataKey = filters[filterableColumn.dataKey]) === null || _filters_filterableColumn_dataKey === void 0 ? void 0 : _filters_filterableColumn_dataKey.length) > 0 ? /* @__PURE__ */ jsx15(Fragment3, {
|
|
4177
4128
|
children: slashFilterSvg(true)
|
|
4178
|
-
}) : /* @__PURE__ */
|
|
4129
|
+
}) : /* @__PURE__ */ jsx15(Fragment3, {
|
|
4179
4130
|
children: emptyFilterSvg(true)
|
|
4180
4131
|
})
|
|
4181
|
-
}) : /* @__PURE__ */
|
|
4182
|
-
children: ((_filters_filterableColumn_dataKey1 = filters[filterableColumn.dataKey]) === null || _filters_filterableColumn_dataKey1 === void 0 ? void 0 : _filters_filterableColumn_dataKey1.length) > 0 ? /* @__PURE__ */
|
|
4132
|
+
}) : /* @__PURE__ */ jsx15(Fragment3, {
|
|
4133
|
+
children: ((_filters_filterableColumn_dataKey1 = filters[filterableColumn.dataKey]) === null || _filters_filterableColumn_dataKey1 === void 0 ? void 0 : _filters_filterableColumn_dataKey1.length) > 0 ? /* @__PURE__ */ jsx15(Fragment3, {
|
|
4183
4134
|
children: slashFilterSvg()
|
|
4184
|
-
}) : /* @__PURE__ */
|
|
4135
|
+
}) : /* @__PURE__ */ jsx15(Fragment3, {
|
|
4185
4136
|
children: emptyFilterSvg()
|
|
4186
4137
|
})
|
|
4187
4138
|
})
|
|
4188
4139
|
}),
|
|
4189
|
-
/* @__PURE__ */
|
|
4140
|
+
/* @__PURE__ */ jsx15("div", {
|
|
4190
4141
|
className: "relative",
|
|
4191
|
-
children: filterPopupsDisplay === filterableColumn.dataKey && /* @__PURE__ */
|
|
4142
|
+
children: filterPopupsDisplay === filterableColumn.dataKey && /* @__PURE__ */ jsxs10("div", {
|
|
4192
4143
|
className: "absolute top-[-20px] z-20 ".concat(displayRight ? " left-[100%]" : "right-[100%]", " w-44 h-52 text-black bg-white p-1 flex flex-col items-center gap-2 shadow"),
|
|
4193
4144
|
children: [
|
|
4194
|
-
/* @__PURE__ */
|
|
4145
|
+
/* @__PURE__ */ jsxs10("div", {
|
|
4195
4146
|
className: "flex justify-between items-center border-black border-b-[1px] w-[90%]",
|
|
4196
4147
|
children: [
|
|
4197
|
-
/* @__PURE__ */
|
|
4148
|
+
/* @__PURE__ */ jsx15("div", {
|
|
4198
4149
|
className: "text-start",
|
|
4199
4150
|
children: filterLabel + " " + filterableColumn.header
|
|
4200
4151
|
}),
|
|
4201
|
-
/* @__PURE__ */
|
|
4152
|
+
/* @__PURE__ */ jsx15("button", {
|
|
4202
4153
|
onClick: closeFilterWindow,
|
|
4203
|
-
children: /* @__PURE__ */
|
|
4154
|
+
children: /* @__PURE__ */ jsx15(RedXSvg2, {})
|
|
4204
4155
|
})
|
|
4205
4156
|
]
|
|
4206
4157
|
}),
|
|
4207
|
-
/* @__PURE__ */
|
|
4158
|
+
/* @__PURE__ */ jsx15("div", {
|
|
4208
4159
|
className: "overflow-auto h-[80%] flex flex-col gap-1 w-full cursor-pointer ",
|
|
4209
4160
|
children: (_filterOptions_filterableColumn_dataKey = filterOptions[filterableColumn.dataKey]) === null || _filterOptions_filterableColumn_dataKey === void 0 ? void 0 : _filterOptions_filterableColumn_dataKey.map(function(option, i) {
|
|
4210
4161
|
var _filters_filterableColumn_dataKey;
|
|
4211
|
-
return /* @__PURE__ */
|
|
4162
|
+
return /* @__PURE__ */ jsxs10("div", {
|
|
4212
4163
|
className: "flex items-center px-2 justify-start hover:bg-[#547f22] hover:text-white",
|
|
4213
4164
|
children: [
|
|
4214
|
-
/* @__PURE__ */
|
|
4165
|
+
/* @__PURE__ */ jsx15("input", {
|
|
4215
4166
|
type: "checkbox",
|
|
4216
4167
|
className: "cursor-pointer",
|
|
4217
4168
|
checked: (_filters_filterableColumn_dataKey = filters[filterableColumn.dataKey]) === null || _filters_filterableColumn_dataKey === void 0 ? void 0 : _filters_filterableColumn_dataKey.includes(option),
|
|
@@ -4219,7 +4170,7 @@ var Filter = memo(function(param) {
|
|
|
4219
4170
|
return handleFilterChange(filterableColumn.dataKey, option);
|
|
4220
4171
|
}
|
|
4221
4172
|
}),
|
|
4222
|
-
/* @__PURE__ */
|
|
4173
|
+
/* @__PURE__ */ jsx15("button", {
|
|
4223
4174
|
className: "flex-1 text-start px-2",
|
|
4224
4175
|
onClick: function() {
|
|
4225
4176
|
return handleFilterChange(filterableColumn.dataKey, option);
|
|
@@ -4243,32 +4194,32 @@ var TableHead = memo(function() {
|
|
|
4243
4194
|
}, [
|
|
4244
4195
|
sortKeys
|
|
4245
4196
|
]);
|
|
4246
|
-
return /* @__PURE__ */
|
|
4197
|
+
return /* @__PURE__ */ jsx15("thead", {
|
|
4247
4198
|
className: cn("bg-[#282828] text-white sticky top-0", headerClassName),
|
|
4248
|
-
children: /* @__PURE__ */
|
|
4199
|
+
children: /* @__PURE__ */ jsx15("tr", {
|
|
4249
4200
|
style: headerStyle,
|
|
4250
4201
|
children: headers.map(function(header, index2) {
|
|
4251
4202
|
var filterableColumn = filterableColumns.find(function(col) {
|
|
4252
4203
|
return col.header === header;
|
|
4253
4204
|
});
|
|
4254
|
-
return /* @__PURE__ */
|
|
4205
|
+
return /* @__PURE__ */ jsxs10("th", {
|
|
4255
4206
|
title: sortDisplay ? "".concat(sortLabel, " ").concat(header) : header,
|
|
4256
4207
|
style: headerCellStyle,
|
|
4257
4208
|
className: cn("border-black border-[1px] max-w-[130px] px-2 text-center relative", headerCellClassName),
|
|
4258
4209
|
children: [
|
|
4259
|
-
/* @__PURE__ */
|
|
4210
|
+
/* @__PURE__ */ jsx15("div", {
|
|
4260
4211
|
className: "px-2 ".concat(sortDisplay ? "cursor-pointer" : ""),
|
|
4261
4212
|
onClick: function() {
|
|
4262
4213
|
return sortDisplay && handleSort(index2);
|
|
4263
4214
|
},
|
|
4264
4215
|
children: header
|
|
4265
4216
|
}),
|
|
4266
|
-
sortDisplay && sortColumn === index2 && (sortOrder === "desc" ? /* @__PURE__ */
|
|
4217
|
+
sortDisplay && sortColumn === index2 && (sortOrder === "desc" ? /* @__PURE__ */ jsx15(Fragment3, {
|
|
4267
4218
|
children: sortSvg()
|
|
4268
|
-
}) : /* @__PURE__ */
|
|
4219
|
+
}) : /* @__PURE__ */ jsx15(Fragment3, {
|
|
4269
4220
|
children: sortSvg(true)
|
|
4270
4221
|
})),
|
|
4271
|
-
filterableColumn && /* @__PURE__ */
|
|
4222
|
+
filterableColumn && /* @__PURE__ */ jsx15(Filter, {
|
|
4272
4223
|
filterableColumn: filterableColumn,
|
|
4273
4224
|
index: index2
|
|
4274
4225
|
})
|
|
@@ -4280,10 +4231,10 @@ var TableHead = memo(function() {
|
|
|
4280
4231
|
}, renderOnce);
|
|
4281
4232
|
var TableBody = memo(function() {
|
|
4282
4233
|
var dataToRender = useTableContext().dataToRender;
|
|
4283
|
-
return /* @__PURE__ */
|
|
4234
|
+
return /* @__PURE__ */ jsx15("tbody", {
|
|
4284
4235
|
className: "divide-y divide-gray-600",
|
|
4285
4236
|
children: dataToRender.renderedData.map(function(item, index2) {
|
|
4286
|
-
return /* @__PURE__ */
|
|
4237
|
+
return /* @__PURE__ */ jsx15(TableRow2, {
|
|
4287
4238
|
item: item,
|
|
4288
4239
|
index: index2
|
|
4289
4240
|
}, index2);
|
|
@@ -4292,19 +4243,19 @@ var TableBody = memo(function() {
|
|
|
4292
4243
|
}, renderOnce);
|
|
4293
4244
|
var MaxRowsLabel = memo(function() {
|
|
4294
4245
|
var _useTableContext = useTableContext(), data = _useTableContext.data, dataToRender = _useTableContext.dataToRender, maxRowsLabel1 = _useTableContext.maxRowsLabel1, maxRowsLabel2 = _useTableContext.maxRowsLabel2, maxRows = _useTableContext.maxRows, maxRowsContainerClassName = _useTableContext.maxRowsContainerClassName;
|
|
4295
|
-
return /* @__PURE__ */
|
|
4246
|
+
return /* @__PURE__ */ jsxs10("div", {
|
|
4296
4247
|
className: cn("flex justify-start items-center text-lg gap-1", maxRowsContainerClassName || ""),
|
|
4297
4248
|
children: [
|
|
4298
|
-
/* @__PURE__ */
|
|
4249
|
+
/* @__PURE__ */ jsx15("div", {
|
|
4299
4250
|
children: maxRowsLabel1
|
|
4300
4251
|
}),
|
|
4301
|
-
/* @__PURE__ */
|
|
4252
|
+
/* @__PURE__ */ jsx15("div", {
|
|
4302
4253
|
children: maxRows > dataToRender.renderedData.length ? dataToRender.renderedData.length : maxRows
|
|
4303
4254
|
}),
|
|
4304
|
-
/* @__PURE__ */
|
|
4255
|
+
/* @__PURE__ */ jsx15("div", {
|
|
4305
4256
|
children: maxRowsLabel2
|
|
4306
4257
|
}),
|
|
4307
|
-
/* @__PURE__ */
|
|
4258
|
+
/* @__PURE__ */ jsx15("div", {
|
|
4308
4259
|
children: dataToRender.filtered.length
|
|
4309
4260
|
})
|
|
4310
4261
|
]
|
|
@@ -4383,7 +4334,7 @@ var ExportToExcel = memo(function() {
|
|
|
4383
4334
|
return _ref.apply(this, arguments);
|
|
4384
4335
|
};
|
|
4385
4336
|
}();
|
|
4386
|
-
return /* @__PURE__ */
|
|
4337
|
+
return /* @__PURE__ */ jsx15("button", {
|
|
4387
4338
|
onClick: onExportExcelClick,
|
|
4388
4339
|
title: exportExcelTitle,
|
|
4389
4340
|
className: cn("px-2 py-[2px] bg-[#547f22] text-white rounded-lg text-[16px]", exportToExcelClassName),
|
|
@@ -4392,7 +4343,7 @@ var ExportToExcel = memo(function() {
|
|
|
4392
4343
|
}, renderOnce);
|
|
4393
4344
|
var Search = memo(function() {
|
|
4394
4345
|
var _useTableContext = useTableContext(), searchQuery = _useTableContext.searchQuery, handleSearch = _useTableContext.handleSearch, searchPlaceHolder = _useTableContext.searchPlaceHolder, searchInputClassName = _useTableContext.searchInputClassName, searchInputStyle = _useTableContext.searchInputStyle;
|
|
4395
|
-
return /* @__PURE__ */
|
|
4346
|
+
return /* @__PURE__ */ jsx15("input", {
|
|
4396
4347
|
className: cn("w-40 border-black border-[1px] text-lg px-2 ", searchInputClassName),
|
|
4397
4348
|
type: "text",
|
|
4398
4349
|
placeholder: searchPlaceHolder,
|
|
@@ -4403,17 +4354,17 @@ var Search = memo(function() {
|
|
|
4403
4354
|
}, renderOnce);
|
|
4404
4355
|
var Summary = memo(function() {
|
|
4405
4356
|
var _useTableContext = useTableContext(), summaryContainerStyle = _useTableContext.summaryContainerStyle, summaryLabelStyle = _useTableContext.summaryLabelStyle, summaryLabel = _useTableContext.summaryLabel, summaryRowStyle = _useTableContext.summaryRowStyle, sumColumns = _useTableContext.sumColumns, dataToRender = _useTableContext.dataToRender, direction = _useTableContext.direction;
|
|
4406
|
-
return /* @__PURE__ */
|
|
4357
|
+
return /* @__PURE__ */ jsxs10("div", {
|
|
4407
4358
|
style: _object_spread_props(_object_spread({}, summaryContainerStyle), {
|
|
4408
4359
|
direction: direction
|
|
4409
4360
|
}),
|
|
4410
4361
|
className: "w-full h-8 flex justify-between items-center px-3 text-[18px] font-bold",
|
|
4411
4362
|
children: [
|
|
4412
|
-
/* @__PURE__ */
|
|
4363
|
+
/* @__PURE__ */ jsx15("div", {
|
|
4413
4364
|
style: summaryLabelStyle,
|
|
4414
4365
|
children: summaryLabel
|
|
4415
4366
|
}),
|
|
4416
|
-
/* @__PURE__ */
|
|
4367
|
+
/* @__PURE__ */ jsx15("div", {
|
|
4417
4368
|
style: summaryRowStyle,
|
|
4418
4369
|
className: "flex gap-3",
|
|
4419
4370
|
children: sumColumns.map(function(val) {
|
|
@@ -4421,16 +4372,16 @@ var Summary = memo(function() {
|
|
|
4421
4372
|
return acc + Number(v[val.dataKey]) || 0;
|
|
4422
4373
|
}, 0);
|
|
4423
4374
|
var sum_value = getFixedNumber(sum_res);
|
|
4424
|
-
return /* @__PURE__ */
|
|
4375
|
+
return /* @__PURE__ */ jsxs10("div", {
|
|
4425
4376
|
className: "flex gap-1 justify-start",
|
|
4426
4377
|
children: [
|
|
4427
|
-
/* @__PURE__ */
|
|
4378
|
+
/* @__PURE__ */ jsx15("div", {
|
|
4428
4379
|
children: val.label
|
|
4429
4380
|
}),
|
|
4430
|
-
/* @__PURE__ */
|
|
4381
|
+
/* @__PURE__ */ jsx15("span", {
|
|
4431
4382
|
children: ":"
|
|
4432
4383
|
}),
|
|
4433
|
-
/* @__PURE__ */
|
|
4384
|
+
/* @__PURE__ */ jsx15("div", {
|
|
4434
4385
|
children: val.ui ? val.ui(sum_value) : sum_value
|
|
4435
4386
|
})
|
|
4436
4387
|
]
|
|
@@ -4447,7 +4398,7 @@ var TimesUI = function(param) {
|
|
|
4447
4398
|
fromFormat: fromFormat,
|
|
4448
4399
|
tz: tz
|
|
4449
4400
|
});
|
|
4450
|
-
return /* @__PURE__ */
|
|
4401
|
+
return /* @__PURE__ */ jsx15("div", {
|
|
4451
4402
|
style: {
|
|
4452
4403
|
direction: "ltr"
|
|
4453
4404
|
},
|
|
@@ -4463,22 +4414,22 @@ var TableButton = function(param) {
|
|
|
4463
4414
|
edit: "fa-light fa-pen-to-square text-xl",
|
|
4464
4415
|
delete: "fa-light fa-trash text-xl"
|
|
4465
4416
|
};
|
|
4466
|
-
return /* @__PURE__ */
|
|
4467
|
-
children: type === "custom" ? /* @__PURE__ */
|
|
4417
|
+
return /* @__PURE__ */ jsx15(Fragment3, {
|
|
4418
|
+
children: type === "custom" ? /* @__PURE__ */ jsx15("button", {
|
|
4468
4419
|
className: className,
|
|
4469
4420
|
title: title,
|
|
4470
4421
|
onClick: onClick,
|
|
4471
4422
|
children: children
|
|
4472
|
-
}) : type === "add" ? /* @__PURE__ */
|
|
4423
|
+
}) : type === "add" ? /* @__PURE__ */ jsx15(Button, {
|
|
4473
4424
|
title: title,
|
|
4474
4425
|
onClick: onClick,
|
|
4475
|
-
children: /* @__PURE__ */
|
|
4426
|
+
children: /* @__PURE__ */ jsx15("i", {
|
|
4476
4427
|
className: cn("fa-regular fa-plus text-2xl", className)
|
|
4477
4428
|
})
|
|
4478
|
-
}) : /* @__PURE__ */
|
|
4429
|
+
}) : /* @__PURE__ */ jsx15("button", {
|
|
4479
4430
|
title: title,
|
|
4480
4431
|
onClick: onClick,
|
|
4481
|
-
children: /* @__PURE__ */
|
|
4432
|
+
children: /* @__PURE__ */ jsx15("i", {
|
|
4482
4433
|
className: cn(icon[type], className)
|
|
4483
4434
|
})
|
|
4484
4435
|
})
|
|
@@ -4507,14 +4458,14 @@ var DurationUI = function(param) {
|
|
|
4507
4458
|
}, [
|
|
4508
4459
|
duration
|
|
4509
4460
|
]), daysStr = _useMemo6.daysStr, hoursStr = _useMemo6.hoursStr, minutesStr = _useMemo6.minutesStr, secondsStr = _useMemo6.secondsStr;
|
|
4510
|
-
return /* @__PURE__ */
|
|
4461
|
+
return /* @__PURE__ */ jsxs10("div", {
|
|
4511
4462
|
title: "".concat(daysStr, " ").concat(daysLabel, " ").concat(hoursStr, " ").concat(hoursLabel, " ").concat(minutesStr, " ").concat(minutesLabel, " ").concat(secondsStr, " ").concat(secondsLabel).trim(),
|
|
4512
4463
|
style: {
|
|
4513
4464
|
direction: "ltr"
|
|
4514
4465
|
},
|
|
4515
4466
|
className: cn("flex gap-1 ".concat(direction === "rtl" ? "justify-end" : "justify-start"), className),
|
|
4516
4467
|
children: [
|
|
4517
|
-
daysStr !== "00" && /* @__PURE__ */
|
|
4468
|
+
daysStr !== "00" && /* @__PURE__ */ jsxs10("span", {
|
|
4518
4469
|
style: {
|
|
4519
4470
|
display: "inline-block"
|
|
4520
4471
|
},
|
|
@@ -4524,7 +4475,7 @@ var DurationUI = function(param) {
|
|
|
4524
4475
|
daysLabel
|
|
4525
4476
|
]
|
|
4526
4477
|
}),
|
|
4527
|
-
hoursStr !== "00" && /* @__PURE__ */
|
|
4478
|
+
hoursStr !== "00" && /* @__PURE__ */ jsxs10("span", {
|
|
4528
4479
|
style: {
|
|
4529
4480
|
display: "inline-block"
|
|
4530
4481
|
},
|
|
@@ -4534,7 +4485,7 @@ var DurationUI = function(param) {
|
|
|
4534
4485
|
hoursLabel
|
|
4535
4486
|
]
|
|
4536
4487
|
}),
|
|
4537
|
-
minutesStr !== "00" && /* @__PURE__ */
|
|
4488
|
+
minutesStr !== "00" && /* @__PURE__ */ jsxs10("span", {
|
|
4538
4489
|
style: {
|
|
4539
4490
|
display: "inline-block"
|
|
4540
4491
|
},
|
|
@@ -4544,7 +4495,7 @@ var DurationUI = function(param) {
|
|
|
4544
4495
|
minutesLabel
|
|
4545
4496
|
]
|
|
4546
4497
|
}),
|
|
4547
|
-
secondsStr !== "00" && /* @__PURE__ */
|
|
4498
|
+
secondsStr !== "00" && /* @__PURE__ */ jsxs10("span", {
|
|
4548
4499
|
style: {
|
|
4549
4500
|
display: "inline-block"
|
|
4550
4501
|
},
|
|
@@ -4559,7 +4510,7 @@ var DurationUI = function(param) {
|
|
|
4559
4510
|
};
|
|
4560
4511
|
var PhoneUI = function(param) {
|
|
4561
4512
|
var phone = param.phone, direction = param.direction, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className;
|
|
4562
|
-
return /* @__PURE__ */
|
|
4513
|
+
return /* @__PURE__ */ jsx15("div", {
|
|
4563
4514
|
style: {
|
|
4564
4515
|
direction: "ltr"
|
|
4565
4516
|
},
|
|
@@ -4570,9 +4521,9 @@ var PhoneUI = function(param) {
|
|
|
4570
4521
|
};
|
|
4571
4522
|
var BooleanUi = function(param) {
|
|
4572
4523
|
var value = param.value, size3 = param.size, className = param.className, falseUi = param.falseUi, trueUi = param.trueUi;
|
|
4573
|
-
return value ? trueUi !== null && trueUi !== void 0 ? trueUi : /* @__PURE__ */
|
|
4524
|
+
return value ? trueUi !== null && trueUi !== void 0 ? trueUi : /* @__PURE__ */ jsx15("i", {
|
|
4574
4525
|
className: cn("fa-light fa-check ".concat(size3 === "small" ? "text-lg" : "text-2xl"), className)
|
|
4575
|
-
}) : falseUi !== null && falseUi !== void 0 ? falseUi : /* @__PURE__ */
|
|
4526
|
+
}) : falseUi !== null && falseUi !== void 0 ? falseUi : /* @__PURE__ */ jsx15("i", {
|
|
4576
4527
|
className: cn("fa-light fa-xmark ".concat(size3 === "small" ? "text-lg" : "text-2xl"), className)
|
|
4577
4528
|
});
|
|
4578
4529
|
};
|
|
@@ -4582,7 +4533,7 @@ var GeoUi = function(param) {
|
|
|
4582
4533
|
var lat = value.lat || value.latitude;
|
|
4583
4534
|
var googleMapsLink = getLocationUrl(lang, lat);
|
|
4584
4535
|
var langLatUi = linkUi || " ".concat(lang, " ").concat(lat);
|
|
4585
|
-
return /* @__PURE__ */
|
|
4536
|
+
return /* @__PURE__ */ jsx15("a", {
|
|
4586
4537
|
href: googleMapsLink,
|
|
4587
4538
|
target: "_blank",
|
|
4588
4539
|
className: cn("_ellipsis", className),
|
|
@@ -4592,7 +4543,7 @@ var GeoUi = function(param) {
|
|
|
4592
4543
|
};
|
|
4593
4544
|
var NumberUI = function(param) {
|
|
4594
4545
|
var number = param.number, direction = param.direction, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className;
|
|
4595
|
-
return /* @__PURE__ */
|
|
4546
|
+
return /* @__PURE__ */ jsx15("div", {
|
|
4596
4547
|
style: {
|
|
4597
4548
|
direction: "ltr"
|
|
4598
4549
|
},
|
|
@@ -4610,7 +4561,7 @@ import { ChevronDown, Phone } from "lucide-react";
|
|
|
4610
4561
|
import { forwardRef as forwardRef7, useEffect as useEffect5, useMemo as useMemo7, useRef as useRef4, useState as useState6 } from "react";
|
|
4611
4562
|
import * as RPNInput from "react-phone-number-input";
|
|
4612
4563
|
import flags from "react-phone-number-input/flags";
|
|
4613
|
-
import { jsx as
|
|
4564
|
+
import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
4614
4565
|
function InternationalPhonePicker(param) {
|
|
4615
4566
|
var setPhoneValue = param.setPhoneValue, _param_phoneValue = param.phoneValue, phoneValue = _param_phoneValue === void 0 ? "" : _param_phoneValue, _param_placeholder = param.placeholder, placeholder = _param_placeholder === void 0 ? "" : _param_placeholder, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_defaultCountry = param.defaultCountry, defaultCountry = _param_defaultCountry === void 0 ? "IL" : _param_defaultCountry, _param_flagContainerClassName = param.flagContainerClassName, flagContainerClassName = _param_flagContainerClassName === void 0 ? "" : _param_flagContainerClassName, _param_inputClassName = param.inputClassName, inputClassName = _param_inputClassName === void 0 ? "" : _param_inputClassName, defaultValue = param.defaultValue, name = param.name, style = param.style, onEnter = param.onEnter, labelContent = param.labelContent, labelClassName = param.labelClassName, required = param.required, direction = param.direction;
|
|
4616
4567
|
var handleKeyDown = function(e) {
|
|
@@ -4633,19 +4584,19 @@ function InternationalPhonePicker(param) {
|
|
|
4633
4584
|
defaultValue,
|
|
4634
4585
|
setPhoneValue
|
|
4635
4586
|
]);
|
|
4636
|
-
return /* @__PURE__ */
|
|
4587
|
+
return /* @__PURE__ */ jsxs11("div", {
|
|
4637
4588
|
style: {
|
|
4638
4589
|
direction: direction
|
|
4639
4590
|
},
|
|
4640
4591
|
className: cn("space-y-2", "".concat(labelContent ? "flex gap-1 items-center" : ""), containerClassName),
|
|
4641
4592
|
children: [
|
|
4642
|
-
labelContent && /* @__PURE__ */
|
|
4593
|
+
labelContent && /* @__PURE__ */ jsx16(ElementLabel, {
|
|
4643
4594
|
labelContent: labelContent,
|
|
4644
4595
|
labelClassName: labelClassName,
|
|
4645
4596
|
name: name,
|
|
4646
4597
|
required: required
|
|
4647
4598
|
}),
|
|
4648
|
-
/* @__PURE__ */
|
|
4599
|
+
/* @__PURE__ */ jsx16(RPNInput.default, {
|
|
4649
4600
|
style: {
|
|
4650
4601
|
direction: "ltr"
|
|
4651
4602
|
},
|
|
@@ -4678,7 +4629,7 @@ function InternationalPhonePicker(param) {
|
|
|
4678
4629
|
setTempPhoneValue(newValue !== null && newValue !== void 0 ? newValue : "");
|
|
4679
4630
|
}
|
|
4680
4631
|
}),
|
|
4681
|
-
/* @__PURE__ */
|
|
4632
|
+
/* @__PURE__ */ jsx16("input", {
|
|
4682
4633
|
type: "hidden",
|
|
4683
4634
|
name: name,
|
|
4684
4635
|
value: tempPhoneValue
|
|
@@ -4699,7 +4650,7 @@ var PhoneInput = forwardRef7(function(_param, ref) {
|
|
|
4699
4650
|
inputRef.current.focus();
|
|
4700
4651
|
}
|
|
4701
4652
|
}, []);
|
|
4702
|
-
return /* @__PURE__ */
|
|
4653
|
+
return /* @__PURE__ */ jsx16(Input, _object_spread({
|
|
4703
4654
|
className: cn("-ms-px rounded-s-none shadow-none focus-visible:z-10 h-full", className),
|
|
4704
4655
|
onKeyDown: onKeyDown,
|
|
4705
4656
|
defaultValue: defaultValue,
|
|
@@ -4723,21 +4674,21 @@ var CountrySelect = function(param) {
|
|
|
4723
4674
|
var originalClassName = useMemo7(function() {
|
|
4724
4675
|
return "relative inline-flex items-center self-stretch rounded-s-lg border border-input bg-background py-2 pe-2 ps-3 text-muted-foreground transition-shadow focus-within:z-10 focus-within:border-ring focus-within:outline-none focus-within:ring-[3px] focus-within:ring-ring/20 hover:bg-accent hover:text-foreground has-[:disabled]:pointer-events-none has-[:disabled]:opacity-50";
|
|
4725
4676
|
}, []);
|
|
4726
|
-
return /* @__PURE__ */
|
|
4677
|
+
return /* @__PURE__ */ jsxs11("div", {
|
|
4727
4678
|
className: cn(originalClassName, className),
|
|
4728
4679
|
children: [
|
|
4729
|
-
/* @__PURE__ */
|
|
4680
|
+
/* @__PURE__ */ jsxs11("div", {
|
|
4730
4681
|
className: "inline-flex items-center gap-1",
|
|
4731
4682
|
"aria-hidden": "true",
|
|
4732
4683
|
children: [
|
|
4733
|
-
/* @__PURE__ */
|
|
4684
|
+
/* @__PURE__ */ jsx16(FlagComponent, {
|
|
4734
4685
|
country: value,
|
|
4735
4686
|
countryName: value,
|
|
4736
4687
|
"aria-hidden": "true"
|
|
4737
4688
|
}),
|
|
4738
|
-
/* @__PURE__ */
|
|
4689
|
+
/* @__PURE__ */ jsx16("span", {
|
|
4739
4690
|
className: "text-muted-foreground/80",
|
|
4740
|
-
children: /* @__PURE__ */
|
|
4691
|
+
children: /* @__PURE__ */ jsx16(ChevronDown, {
|
|
4741
4692
|
size: 16,
|
|
4742
4693
|
strokeWidth: 2,
|
|
4743
4694
|
"aria-hidden": "true"
|
|
@@ -4745,7 +4696,7 @@ var CountrySelect = function(param) {
|
|
|
4745
4696
|
})
|
|
4746
4697
|
]
|
|
4747
4698
|
}),
|
|
4748
|
-
/* @__PURE__ */
|
|
4699
|
+
/* @__PURE__ */ jsx16("select", {
|
|
4749
4700
|
disabled: disabled,
|
|
4750
4701
|
value: value,
|
|
4751
4702
|
onChange: handleSelect,
|
|
@@ -4755,7 +4706,7 @@ var CountrySelect = function(param) {
|
|
|
4755
4706
|
return x.value;
|
|
4756
4707
|
}).map(function(option, i) {
|
|
4757
4708
|
var _option_value;
|
|
4758
|
-
return /* @__PURE__ */
|
|
4709
|
+
return /* @__PURE__ */ jsxs11("option", {
|
|
4759
4710
|
className: "text-black",
|
|
4760
4711
|
value: option.value,
|
|
4761
4712
|
children: [
|
|
@@ -4772,18 +4723,18 @@ var CountrySelect = function(param) {
|
|
|
4772
4723
|
var FlagComponent = function(param) {
|
|
4773
4724
|
var country = param.country, countryName = param.countryName;
|
|
4774
4725
|
var Flag = flags[country];
|
|
4775
|
-
return /* @__PURE__ */
|
|
4726
|
+
return /* @__PURE__ */ jsx16("span", {
|
|
4776
4727
|
className: "w-5 overflow-hidden rounded-sm",
|
|
4777
|
-
children: Flag ? /* @__PURE__ */
|
|
4728
|
+
children: Flag ? /* @__PURE__ */ jsx16(Flag, {
|
|
4778
4729
|
title: countryName
|
|
4779
|
-
}) : /* @__PURE__ */
|
|
4730
|
+
}) : /* @__PURE__ */ jsx16(Phone, {
|
|
4780
4731
|
size: 16,
|
|
4781
4732
|
"aria-hidden": "true"
|
|
4782
4733
|
})
|
|
4783
4734
|
});
|
|
4784
4735
|
};
|
|
4785
4736
|
// src/components/forms/ModularForm/formElements.tsx
|
|
4786
|
-
import { jsx as
|
|
4737
|
+
import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
4787
4738
|
var useSortValues = function(options, sortDirection, sortAsNumber) {
|
|
4788
4739
|
var sortOptions = useMemo8(function() {
|
|
4789
4740
|
var sorted = sortAsNumber ? options.sort(function(a, b) {
|
|
@@ -4814,17 +4765,17 @@ var InputContainer = function(param) {
|
|
|
4814
4765
|
}, [
|
|
4815
4766
|
handleChangeFunction
|
|
4816
4767
|
]);
|
|
4817
|
-
return /* @__PURE__ */
|
|
4768
|
+
return /* @__PURE__ */ jsxs12("div", {
|
|
4818
4769
|
className: cn("center", containerClassName),
|
|
4819
4770
|
children: [
|
|
4820
|
-
labelContent && /* @__PURE__ */
|
|
4771
|
+
labelContent && /* @__PURE__ */ jsx17(ElementLabel, {
|
|
4821
4772
|
direction: direction,
|
|
4822
4773
|
labelContent: labelContent,
|
|
4823
4774
|
labelClassName: labelClassName,
|
|
4824
4775
|
name: name,
|
|
4825
4776
|
required: required
|
|
4826
4777
|
}),
|
|
4827
|
-
/* @__PURE__ */
|
|
4778
|
+
/* @__PURE__ */ jsx17("input", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, props), {
|
|
4828
4779
|
minLength: minLength,
|
|
4829
4780
|
placeholder: placeholder,
|
|
4830
4781
|
className: cn("w-[70%] bg-inherit border-b-[1px] border-black px-2", elementClassName),
|
|
@@ -4853,37 +4804,37 @@ var SelectContainer = function(param) {
|
|
|
4853
4804
|
onChange === null || onChange === void 0 ? void 0 : onChange(value);
|
|
4854
4805
|
setIsOpen(false);
|
|
4855
4806
|
};
|
|
4856
|
-
return /* @__PURE__ */
|
|
4807
|
+
return /* @__PURE__ */ jsxs12("div", {
|
|
4857
4808
|
className: cn("center", containerClassName),
|
|
4858
4809
|
children: [
|
|
4859
|
-
labelContent && /* @__PURE__ */
|
|
4810
|
+
labelContent && /* @__PURE__ */ jsx17(ElementLabel, {
|
|
4860
4811
|
direction: direction,
|
|
4861
4812
|
labelContent: labelContent,
|
|
4862
4813
|
labelClassName: labelClassName,
|
|
4863
4814
|
name: name,
|
|
4864
4815
|
required: required
|
|
4865
4816
|
}),
|
|
4866
|
-
/* @__PURE__ */
|
|
4817
|
+
/* @__PURE__ */ jsxs12("div", {
|
|
4867
4818
|
className: cn("w-[70%] relative", elementClassName),
|
|
4868
4819
|
onClick: function() {
|
|
4869
4820
|
return setIsOpen(!isOpen);
|
|
4870
4821
|
},
|
|
4871
4822
|
children: [
|
|
4872
|
-
/* @__PURE__ */
|
|
4823
|
+
/* @__PURE__ */ jsx17("div", {
|
|
4873
4824
|
className: "border-b-[1px] border-black max-h-6 cursor-pointer",
|
|
4874
4825
|
children: ((_options_find = options.find(function(opt) {
|
|
4875
4826
|
return opt.value === selectedValue;
|
|
4876
4827
|
})) === null || _options_find === void 0 ? void 0 : _options_find.label) || selectedValue
|
|
4877
4828
|
}),
|
|
4878
|
-
isOpen ? /* @__PURE__ */
|
|
4829
|
+
isOpen ? /* @__PURE__ */ jsx17("i", {
|
|
4879
4830
|
className: "fa-light fa-chevron-up absolute top-[1px] left-1 cursor-pointer"
|
|
4880
|
-
}) : /* @__PURE__ */
|
|
4831
|
+
}) : /* @__PURE__ */ jsx17("i", {
|
|
4881
4832
|
className: "fa-light fa-chevron-down absolute top-[1px] left-1 cursor-pointer"
|
|
4882
4833
|
}),
|
|
4883
|
-
isOpen && /* @__PURE__ */
|
|
4834
|
+
isOpen && /* @__PURE__ */ jsx17("div", {
|
|
4884
4835
|
className: cn("absolute w-full bg-white border border-gray-300 max-h-32 overflow-y-auto z-10", optionsContainerClassName),
|
|
4885
4836
|
children: sortOptions.map(function(option) {
|
|
4886
|
-
return /* @__PURE__ */
|
|
4837
|
+
return /* @__PURE__ */ jsx17("div", {
|
|
4887
4838
|
className: "p-2 cursor-pointer hover:bg-gray-200 ".concat(optionClassName),
|
|
4888
4839
|
onClick: function() {
|
|
4889
4840
|
return handleOptionClick(option.value);
|
|
@@ -4892,7 +4843,7 @@ var SelectContainer = function(param) {
|
|
|
4892
4843
|
}, option.value);
|
|
4893
4844
|
})
|
|
4894
4845
|
}),
|
|
4895
|
-
/* @__PURE__ */
|
|
4846
|
+
/* @__PURE__ */ jsx17("input", {
|
|
4896
4847
|
value: selectedValue,
|
|
4897
4848
|
type: "hidden",
|
|
4898
4849
|
name: name,
|
|
@@ -4906,17 +4857,17 @@ var SelectContainer = function(param) {
|
|
|
4906
4857
|
function MultiSelect(param) {
|
|
4907
4858
|
var onChange = param.onChange, selectedOptions = param.selectedOptions, emptyOptionsElement = param.emptyOptionsElement, unremovableOptions = param.unremovableOptions, _param_options = param.options, options = _param_options === void 0 ? [] : _param_options, _param_styles = param.styles, styles = _param_styles === void 0 ? {} : _param_styles, _param_name = param.name, name = _param_name === void 0 ? "multipleSelect" : _param_name, _param_placeholder = param.placeholder, placeholder = _param_placeholder === void 0 ? "Select items" : _param_placeholder, labelContent = param.labelContent, required = param.required, labelClassName = param.labelClassName, groupBy = param.groupBy, onSearch = param.onSearch, onSearchSync = param.onSearchSync, triggerSearchOnFocus = param.triggerSearchOnFocus, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, direction = param.direction, searchInputProps = param.searchInputProps;
|
|
4908
4859
|
var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
|
|
4909
|
-
return /* @__PURE__ */
|
|
4860
|
+
return /* @__PURE__ */ jsxs12("div", {
|
|
4910
4861
|
className: cn("".concat(labelContent ? "flex gap-1 items-center" : ""), styles.containerClassName),
|
|
4911
4862
|
children: [
|
|
4912
|
-
labelContent && /* @__PURE__ */
|
|
4863
|
+
labelContent && /* @__PURE__ */ jsx17(ElementLabel, {
|
|
4913
4864
|
direction: direction,
|
|
4914
4865
|
labelContent: labelContent,
|
|
4915
4866
|
labelClassName: labelClassName,
|
|
4916
4867
|
name: name,
|
|
4917
4868
|
required: required
|
|
4918
4869
|
}),
|
|
4919
|
-
/* @__PURE__ */
|
|
4870
|
+
/* @__PURE__ */ jsx17(multiselect_default, {
|
|
4920
4871
|
commandProps: {
|
|
4921
4872
|
label: placeholder
|
|
4922
4873
|
},
|
|
@@ -4936,7 +4887,7 @@ function MultiSelect(param) {
|
|
|
4936
4887
|
className: styles.className,
|
|
4937
4888
|
dropdownClassName: styles.dropdownClassName,
|
|
4938
4889
|
dropdownOptionClassName: styles.dropdownOptionClassName,
|
|
4939
|
-
emptyIndicator: emptyOptionsElement || /* @__PURE__ */
|
|
4890
|
+
emptyIndicator: emptyOptionsElement || /* @__PURE__ */ jsx17("p", {
|
|
4940
4891
|
className: "text-center text-sm",
|
|
4941
4892
|
children: "all options selected."
|
|
4942
4893
|
}),
|
|
@@ -4950,17 +4901,17 @@ function MultiSelect(param) {
|
|
|
4950
4901
|
var SelectWithSearch = function(param) {
|
|
4951
4902
|
var options = param.options, labelClassName = param.labelClassName, labelContent = param.labelContent, name = param.name, onChange = param.onChange, value = param.value, placeholder = param.placeholder, required = param.required, defaultValue = param.defaultValue, notFoundLabel = param.notFoundLabel, searchPlaceholder = param.searchPlaceholder, containerClassName = param.containerClassName, dropdownClassName = param.dropdownClassName, dropdownOptionClassName = param.dropdownOptionClassName, elementClassName = param.elementClassName, notFoundLabelClassName = param.notFoundLabelClassName, searchClassName = param.searchClassName, selectButtonClassName = param.selectButtonClassName, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, disabled = param.disabled, direction = param.direction;
|
|
4952
4903
|
var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
|
|
4953
|
-
return /* @__PURE__ */
|
|
4904
|
+
return /* @__PURE__ */ jsxs12("div", {
|
|
4954
4905
|
className: cn("flex justify-between items-center w-full", containerClassName),
|
|
4955
4906
|
children: [
|
|
4956
|
-
labelContent && /* @__PURE__ */
|
|
4907
|
+
labelContent && /* @__PURE__ */ jsx17(ElementLabel, {
|
|
4957
4908
|
direction: direction,
|
|
4958
4909
|
labelContent: labelContent,
|
|
4959
4910
|
labelClassName: labelClassName,
|
|
4960
4911
|
name: name,
|
|
4961
4912
|
required: required
|
|
4962
4913
|
}),
|
|
4963
|
-
/* @__PURE__ */
|
|
4914
|
+
/* @__PURE__ */ jsx17(SearchSelect, {
|
|
4964
4915
|
direction: direction,
|
|
4965
4916
|
options: sortOptions,
|
|
4966
4917
|
value: value,
|
|
@@ -4983,10 +4934,10 @@ var SelectWithSearch = function(param) {
|
|
|
4983
4934
|
};
|
|
4984
4935
|
var TextAreaContainer = function(param) {
|
|
4985
4936
|
var _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, placeholder = param.placeholder, props = param.props, minLength = param.minLength, onKeyDown = param.onKeyDown, onChange = param.onChange, direction = param.direction;
|
|
4986
|
-
return /* @__PURE__ */
|
|
4937
|
+
return /* @__PURE__ */ jsxs12("div", {
|
|
4987
4938
|
className: cn("flex flex-col gap-2 items-center", containerClassName),
|
|
4988
4939
|
children: [
|
|
4989
|
-
labelContent && /* @__PURE__ */
|
|
4940
|
+
labelContent && /* @__PURE__ */ jsx17(ElementLabel, {
|
|
4990
4941
|
direction: direction,
|
|
4991
4942
|
labelContent: labelContent,
|
|
4992
4943
|
labelClassName: "w-fit text-xl px-2 border-b-2 border-[#000] text-center ".concat(labelClassName),
|
|
@@ -4994,7 +4945,7 @@ var TextAreaContainer = function(param) {
|
|
|
4994
4945
|
required: required,
|
|
4995
4946
|
withDots: false
|
|
4996
4947
|
}),
|
|
4997
|
-
/* @__PURE__ */
|
|
4948
|
+
/* @__PURE__ */ jsx17("textarea", _object_spread_props(_object_spread({}, props), {
|
|
4998
4949
|
onChange: onChange,
|
|
4999
4950
|
minLength: minLength,
|
|
5000
4951
|
placeholder: placeholder,
|
|
@@ -5009,28 +4960,28 @@ var TextAreaContainer = function(param) {
|
|
|
5009
4960
|
};
|
|
5010
4961
|
var ElementLabel = function(param) {
|
|
5011
4962
|
var labelContent = param.labelContent, labelClassName = param.labelClassName, name = param.name, required = param.required, _param_withDots = param.withDots, withDots = _param_withDots === void 0 ? true : _param_withDots, direction = param.direction;
|
|
5012
|
-
return /* @__PURE__ */
|
|
4963
|
+
return /* @__PURE__ */ jsxs12("label", {
|
|
5013
4964
|
style: {
|
|
5014
4965
|
direction: direction
|
|
5015
4966
|
},
|
|
5016
4967
|
className: cn("text-start w-[30%] flex gap-0.5", labelClassName),
|
|
5017
4968
|
htmlFor: name,
|
|
5018
4969
|
children: [
|
|
5019
|
-
/* @__PURE__ */
|
|
4970
|
+
/* @__PURE__ */ jsx17("div", {
|
|
5020
4971
|
children: labelContent
|
|
5021
4972
|
}),
|
|
5022
|
-
required && /* @__PURE__ */
|
|
4973
|
+
required && /* @__PURE__ */ jsx17("div", {
|
|
5023
4974
|
className: "text-red-500",
|
|
5024
4975
|
children: "*"
|
|
5025
4976
|
}),
|
|
5026
|
-
withDots && /* @__PURE__ */
|
|
4977
|
+
withDots && /* @__PURE__ */ jsx17("div", {
|
|
5027
4978
|
children: ":"
|
|
5028
4979
|
})
|
|
5029
4980
|
]
|
|
5030
4981
|
});
|
|
5031
4982
|
};
|
|
5032
4983
|
// src/components/forms/ModularForm/ModularForm.tsx
|
|
5033
|
-
import { jsx as
|
|
4984
|
+
import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
5034
4985
|
var ModularForm = function(param) {
|
|
5035
4986
|
var _param_submitFunction = param.submitFunction, submitFunction = _param_submitFunction === void 0 ? /*#__PURE__*/ function() {
|
|
5036
4987
|
var _ref = _async_to_generator(function(form) {
|
|
@@ -5107,41 +5058,41 @@ var ModularForm = function(param) {
|
|
|
5107
5058
|
return _ref.apply(this, arguments);
|
|
5108
5059
|
};
|
|
5109
5060
|
}();
|
|
5110
|
-
return /* @__PURE__ */
|
|
5061
|
+
return /* @__PURE__ */ jsxs13("form", {
|
|
5111
5062
|
onSubmit: onSubmit,
|
|
5112
5063
|
style: {
|
|
5113
5064
|
direction: direction
|
|
5114
5065
|
},
|
|
5115
5066
|
className: cn("w-[350px] px-5 py-5 flex flex-col gap-5", formClassName),
|
|
5116
5067
|
children: [
|
|
5117
|
-
headerContent && /* @__PURE__ */
|
|
5068
|
+
headerContent && /* @__PURE__ */ jsx18("div", {
|
|
5118
5069
|
className: cn("border-b-2 border-[#547f22] pb-2 text-start font-bold text-[20px]", headerClassName),
|
|
5119
5070
|
children: headerContent
|
|
5120
5071
|
}),
|
|
5121
5072
|
elements.map(function(element, index2) {
|
|
5122
5073
|
switch(element.type){
|
|
5123
5074
|
case "input":
|
|
5124
|
-
return /* @__PURE__ */
|
|
5075
|
+
return /* @__PURE__ */ jsx18(InputContainer, _object_spread_props(_object_spread({}, element), {
|
|
5125
5076
|
direction: direction
|
|
5126
5077
|
}), index2);
|
|
5127
5078
|
case "textarea":
|
|
5128
|
-
return /* @__PURE__ */
|
|
5079
|
+
return /* @__PURE__ */ jsx18(TextAreaContainer, _object_spread_props(_object_spread({}, element), {
|
|
5129
5080
|
direction: direction
|
|
5130
5081
|
}), index2);
|
|
5131
5082
|
case "select":
|
|
5132
|
-
return /* @__PURE__ */
|
|
5083
|
+
return /* @__PURE__ */ jsx18(SelectContainer, _object_spread_props(_object_spread({}, element), {
|
|
5133
5084
|
direction: direction
|
|
5134
5085
|
}), index2);
|
|
5135
5086
|
case "multiSelect":
|
|
5136
|
-
return /* @__PURE__ */
|
|
5087
|
+
return /* @__PURE__ */ jsx18(MultiSelect, _object_spread_props(_object_spread({}, element), {
|
|
5137
5088
|
direction: direction
|
|
5138
5089
|
}), index2);
|
|
5139
5090
|
case "selectWithSearch":
|
|
5140
|
-
return /* @__PURE__ */
|
|
5091
|
+
return /* @__PURE__ */ jsx18(SelectWithSearch, _object_spread_props(_object_spread({}, element), {
|
|
5141
5092
|
direction: direction
|
|
5142
5093
|
}), index2);
|
|
5143
5094
|
case "internationalPhoneInput":
|
|
5144
|
-
return /* @__PURE__ */
|
|
5095
|
+
return /* @__PURE__ */ jsx18(InternationalPhonePicker, _object_spread_props(_object_spread({}, element), {
|
|
5145
5096
|
direction: direction
|
|
5146
5097
|
}), index2);
|
|
5147
5098
|
case "custom":
|
|
@@ -5153,20 +5104,20 @@ var ModularForm = function(param) {
|
|
|
5153
5104
|
return null;
|
|
5154
5105
|
}
|
|
5155
5106
|
}),
|
|
5156
|
-
/* @__PURE__ */
|
|
5107
|
+
/* @__PURE__ */ jsxs13("div", {
|
|
5157
5108
|
className: "flex justify-between w-full",
|
|
5158
5109
|
children: [
|
|
5159
|
-
/* @__PURE__ */
|
|
5110
|
+
/* @__PURE__ */ jsx18("div", {
|
|
5160
5111
|
title: errorMsg,
|
|
5161
5112
|
className: "text-[#f22] text-[18px] max-w-[80%] ellipsis",
|
|
5162
5113
|
children: errorMsg
|
|
5163
5114
|
}),
|
|
5164
|
-
/* @__PURE__ */
|
|
5115
|
+
/* @__PURE__ */ jsx18("button", {
|
|
5165
5116
|
ref: submitRef,
|
|
5166
5117
|
disabled: isLoading,
|
|
5167
5118
|
className: cn("bg-[#547f22] px-3 py-1 rounded-lg text-white min-w-20", buttonClassName),
|
|
5168
5119
|
type: "submit",
|
|
5169
|
-
children: isLoading ? /* @__PURE__ */
|
|
5120
|
+
children: isLoading ? /* @__PURE__ */ jsx18(Loader, {
|
|
5170
5121
|
size: 25,
|
|
5171
5122
|
color: "#fff"
|
|
5172
5123
|
}) : buttonContent
|
|
@@ -5180,7 +5131,7 @@ var ModularForm_default = ModularForm;
|
|
|
5180
5131
|
// src/components/forms/index.tsx
|
|
5181
5132
|
import { useState as useState9 } from "react";
|
|
5182
5133
|
import moment3 from "moment";
|
|
5183
|
-
import { jsx as
|
|
5134
|
+
import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
5184
5135
|
var ConfirmForm = function(param) {
|
|
5185
5136
|
var onV = param.onV, onX = param.onX, _param_headline = param.headline, headline = _param_headline === void 0 ? "" : _param_headline, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_buttonsContainerClassName = param.buttonsContainerClassName, buttonsContainerClassName = _param_buttonsContainerClassName === void 0 ? "" : _param_buttonsContainerClassName, _param_headlineClassName = param.headlineClassName, headlineClassName = _param_headlineClassName === void 0 ? "" : _param_headlineClassName;
|
|
5186
5137
|
var onConfirm = /*#__PURE__*/ function() {
|
|
@@ -5263,27 +5214,27 @@ var ConfirmForm = function(param) {
|
|
|
5263
5214
|
return _ref.apply(this, arguments);
|
|
5264
5215
|
};
|
|
5265
5216
|
}();
|
|
5266
|
-
return /* @__PURE__ */
|
|
5217
|
+
return /* @__PURE__ */ jsxs14("div", {
|
|
5267
5218
|
style: {
|
|
5268
5219
|
direction: direction,
|
|
5269
5220
|
padding: "30px"
|
|
5270
5221
|
},
|
|
5271
5222
|
className: cn("w-full h-full flex flex-col gap-3", containerClassName),
|
|
5272
5223
|
children: [
|
|
5273
|
-
/* @__PURE__ */
|
|
5224
|
+
/* @__PURE__ */ jsx19("div", {
|
|
5274
5225
|
className: cn("text-lg font-bold", headlineClassName),
|
|
5275
5226
|
children: headline
|
|
5276
5227
|
}),
|
|
5277
|
-
/* @__PURE__ */
|
|
5228
|
+
/* @__PURE__ */ jsxs14("div", {
|
|
5278
5229
|
className: cn("flex justify-center items-center gap-2 w-full", buttonsContainerClassName),
|
|
5279
5230
|
children: [
|
|
5280
|
-
/* @__PURE__ */
|
|
5231
|
+
/* @__PURE__ */ jsx19("button", {
|
|
5281
5232
|
onClick: onDenied,
|
|
5282
|
-
children: /* @__PURE__ */
|
|
5233
|
+
children: /* @__PURE__ */ jsx19(RedXSvg, {})
|
|
5283
5234
|
}),
|
|
5284
|
-
/* @__PURE__ */
|
|
5235
|
+
/* @__PURE__ */ jsx19("button", {
|
|
5285
5236
|
onClick: onConfirm,
|
|
5286
|
-
children: /* @__PURE__ */
|
|
5237
|
+
children: /* @__PURE__ */ jsx19(GreenVSvg, {})
|
|
5287
5238
|
})
|
|
5288
5239
|
]
|
|
5289
5240
|
})
|
|
@@ -5328,19 +5279,19 @@ var DatePicker = function(param) {
|
|
|
5328
5279
|
return _ref.apply(this, arguments);
|
|
5329
5280
|
};
|
|
5330
5281
|
}();
|
|
5331
|
-
return /* @__PURE__ */
|
|
5282
|
+
return /* @__PURE__ */ jsxs14("form", {
|
|
5332
5283
|
style: {
|
|
5333
5284
|
direction: direction
|
|
5334
5285
|
},
|
|
5335
5286
|
onSubmit: onSubmit,
|
|
5336
5287
|
className: cn("w-full h-10 flex justify-start gap-3 items-center ", formClassName),
|
|
5337
5288
|
children: [
|
|
5338
|
-
/* @__PURE__ */
|
|
5289
|
+
/* @__PURE__ */ jsxs14("label", {
|
|
5339
5290
|
className: cn("center text-[14px] relative gap-2", labelsClassName),
|
|
5340
5291
|
htmlFor: "from",
|
|
5341
5292
|
children: [
|
|
5342
5293
|
fromText,
|
|
5343
|
-
/* @__PURE__ */
|
|
5294
|
+
/* @__PURE__ */ jsx19("input", {
|
|
5344
5295
|
className: "w-[125px] text-[14px] py-[2px] px-1 rounded-[2px] border-black border-[1px] text-end ".concat(inputsClassName),
|
|
5345
5296
|
type: "date",
|
|
5346
5297
|
name: "from",
|
|
@@ -5348,12 +5299,12 @@ var DatePicker = function(param) {
|
|
|
5348
5299
|
})
|
|
5349
5300
|
]
|
|
5350
5301
|
}),
|
|
5351
|
-
/* @__PURE__ */
|
|
5302
|
+
/* @__PURE__ */ jsxs14("label", {
|
|
5352
5303
|
className: cn("center text-[14px] relative gap-2 ", labelsClassName),
|
|
5353
5304
|
htmlFor: "to",
|
|
5354
5305
|
children: [
|
|
5355
5306
|
toText,
|
|
5356
|
-
/* @__PURE__ */
|
|
5307
|
+
/* @__PURE__ */ jsx19("input", {
|
|
5357
5308
|
className: "w-[125px] text-[14px] py-[2px] px-1 rounded-[2px] border-black border-[1px] text-end ".concat(inputsClassName),
|
|
5358
5309
|
type: "date",
|
|
5359
5310
|
name: "to",
|
|
@@ -5361,12 +5312,12 @@ var DatePicker = function(param) {
|
|
|
5361
5312
|
})
|
|
5362
5313
|
]
|
|
5363
5314
|
}),
|
|
5364
|
-
/* @__PURE__ */
|
|
5315
|
+
/* @__PURE__ */ jsx19("button", {
|
|
5365
5316
|
disabled: isLoading,
|
|
5366
5317
|
style: buttonStyle,
|
|
5367
5318
|
className: cn("bg-[#699a2c] text-[#fff] font-[500] w-[75px] h-[27px]", buttonClassName),
|
|
5368
5319
|
type: "submit",
|
|
5369
|
-
children: isLoading ? /* @__PURE__ */
|
|
5320
|
+
children: isLoading ? /* @__PURE__ */ jsx19(Loader, {
|
|
5370
5321
|
className: "pt-[2px]",
|
|
5371
5322
|
size: 20,
|
|
5372
5323
|
color: "#fff"
|
|
@@ -5378,7 +5329,7 @@ var DatePicker = function(param) {
|
|
|
5378
5329
|
// src/components/CodeInput.tsx
|
|
5379
5330
|
import { OTPInput } from "input-otp";
|
|
5380
5331
|
import { useEffect as useEffect6, useRef as useRef5 } from "react";
|
|
5381
|
-
import { jsx as
|
|
5332
|
+
import { jsx as jsx20 } from "react/jsx-runtime";
|
|
5382
5333
|
function CodeInput(param) {
|
|
5383
5334
|
var codeValue = param.codeValue, setCodeValue = param.setCodeValue, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className, _param_slotContainerClassName = param.slotContainerClassName, slotContainerClassName = _param_slotContainerClassName === void 0 ? "" : _param_slotContainerClassName;
|
|
5384
5335
|
var firstInputRef = useRef5(null);
|
|
@@ -5387,9 +5338,9 @@ function CodeInput(param) {
|
|
|
5387
5338
|
firstInputRef.current.focus();
|
|
5388
5339
|
}
|
|
5389
5340
|
}, []);
|
|
5390
|
-
return /* @__PURE__ */
|
|
5341
|
+
return /* @__PURE__ */ jsx20("div", {
|
|
5391
5342
|
className: cn("space-y-2 flex justify-center items-center", className),
|
|
5392
|
-
children: /* @__PURE__ */
|
|
5343
|
+
children: /* @__PURE__ */ jsx20(OTPInput, {
|
|
5393
5344
|
ref: firstInputRef,
|
|
5394
5345
|
value: codeValue,
|
|
5395
5346
|
onChange: function(newVal) {
|
|
@@ -5399,10 +5350,10 @@ function CodeInput(param) {
|
|
|
5399
5350
|
maxLength: 6,
|
|
5400
5351
|
render: function(param) {
|
|
5401
5352
|
var slots = param.slots;
|
|
5402
|
-
return /* @__PURE__ */
|
|
5353
|
+
return /* @__PURE__ */ jsx20("div", {
|
|
5403
5354
|
className: cn("flex gap-5", slotContainerClassName),
|
|
5404
5355
|
children: slots.map(function(slot, idx) {
|
|
5405
|
-
return /* @__PURE__ */
|
|
5356
|
+
return /* @__PURE__ */ jsx20(Slot2, _object_spread({}, slot), idx);
|
|
5406
5357
|
})
|
|
5407
5358
|
});
|
|
5408
5359
|
}
|
|
@@ -5410,14 +5361,14 @@ function CodeInput(param) {
|
|
|
5410
5361
|
});
|
|
5411
5362
|
}
|
|
5412
5363
|
function Slot2(props) {
|
|
5413
|
-
return /* @__PURE__ */
|
|
5364
|
+
return /* @__PURE__ */ jsx20("div", {
|
|
5414
5365
|
className: cn("flex size-9 items-center justify-center rounded-lg border border-input bg-background font-medium text-foreground shadow-sm shadow-black/5 transition-shadow", {
|
|
5415
5366
|
"z-10 border border-ring ring-[3px] ring-ring/20": props.isActive
|
|
5416
5367
|
}),
|
|
5417
|
-
children: props.char !== null && /* @__PURE__ */
|
|
5368
|
+
children: props.char !== null && /* @__PURE__ */ jsx20("div", {
|
|
5418
5369
|
children: props.char
|
|
5419
5370
|
})
|
|
5420
5371
|
});
|
|
5421
5372
|
}
|
|
5422
|
-
export { Badge, BooleanUi, Button,
|
|
5373
|
+
export { Badge, BooleanUi, Button, CodeInput, ConfirmForm, DatePicker, DurationUI, ElementLabel, ErrorBoundary, ExportToExcel, Filter, GeoUi, Input, InputContainer, InternationalPhonePicker, Loader, MaxRowsLabel, ModularForm_default as ModularForm, MultiSelect, NumberUI, PhoneUI, ProgressComponent, Search, SelectContainer, SelectWithSearch, Summary, Table, TableBody, TableButton, TableCell, TableContext, TableHead, TableProvider, TableRow2 as TableRow, TextAreaContainer, TimesUI, Version, badgeVariants, buttonVariants, getFixedNumber, useDebounce, useSortValues };
|
|
5423
5374
|
//# sourceMappingURL=index.mjs.map
|