gwan-design-system 0.1.7 → 0.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +7 -1
- package/dist/index.d.ts +7 -1
- package/dist/index.js +201 -147
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +170 -116
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -310,10 +310,12 @@ import { useState as useState3 } from "react";
|
|
|
310
310
|
var icons_exports = {};
|
|
311
311
|
__export(icons_exports, {
|
|
312
312
|
ArrowLeftSVG: () => ArrowLeft,
|
|
313
|
+
ArrowRightSVG: () => ArrowRight,
|
|
313
314
|
CheckSVG: () => Check,
|
|
314
315
|
ChevDownSVG: () => ChevDown,
|
|
315
316
|
ChevLeftSVG: () => ChevLeft,
|
|
316
317
|
ChevRightSVG: () => ChevRight,
|
|
318
|
+
ChevUpSVG: () => ChevUp,
|
|
317
319
|
CircleSVG: () => Circle,
|
|
318
320
|
ColorsSVG: () => Colors,
|
|
319
321
|
CoversSVG: () => Covers,
|
|
@@ -323,6 +325,7 @@ __export(icons_exports, {
|
|
|
323
325
|
OrderInfoSVG: () => OrderInfo,
|
|
324
326
|
OrdersSVG: () => Orders,
|
|
325
327
|
ProductsSVG: () => Products,
|
|
328
|
+
SignInSVG: () => SignIn,
|
|
326
329
|
SignOutSVG: () => SignOut,
|
|
327
330
|
TemplatesSVG: () => Templates,
|
|
328
331
|
UploadSVG: () => Upload
|
|
@@ -427,11 +430,25 @@ var Colors = () => {
|
|
|
427
430
|
] });
|
|
428
431
|
};
|
|
429
432
|
|
|
433
|
+
// src/components/icons/signInSVG/index.tsx
|
|
434
|
+
import { jsx as jsx12 } from "react/jsx-runtime";
|
|
435
|
+
var SignIn = () => {
|
|
436
|
+
return /* @__PURE__ */ jsx12("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-4 -4 30 30", children: /* @__PURE__ */ jsx12(
|
|
437
|
+
"path",
|
|
438
|
+
{
|
|
439
|
+
fillRule: "evenodd",
|
|
440
|
+
clipRule: "evenodd",
|
|
441
|
+
d: "m.5,11.5h17.412c-.074-.214-.191-.412-.357-.576l-4.154-4.107c-.196-.194-.198-.511-.004-.707.194-.197.511-.199.707-.004l4.154,4.107c.479.474.743,1.106.742,1.781,0,.001,0,.003,0,.004,0,0,0,.001,0,.002,0,.002-.001.004-.001.006-.004.669-.268,1.297-.745,1.766l-4.15,4.084c-.097.096-.224.144-.351.144-.129,0-.258-.05-.356-.149-.194-.196-.191-.514.006-.707l4.15-4.084c.162-.16.278-.352.354-.56H.5c-.276,0-.5-.224-.5-.5s.224-.5.5-.5ZM19.5,0H4.5C2.019,0,0,2.019,0,4.5v4c0,.276.224.5.5.5s.5-.224.5-.5v-4c0-1.93,1.57-3.5,3.5-3.5h15c1.93,0,3.5,1.57,3.5,3.5v15c0,1.93-1.57,3.5-3.5,3.5H4.5c-1.93,0-3.5-1.57-3.5-3.5v-4c0-.276-.224-.5-.5-.5s-.5.224-.5.5v4c0,2.481,2.019,4.5,4.5,4.5h15c2.481,0,4.5-2.019,4.5-4.5V4.5c0-2.481-2.019-4.5-4.5-4.5Z",
|
|
442
|
+
fill: "currentColor"
|
|
443
|
+
}
|
|
444
|
+
) });
|
|
445
|
+
};
|
|
446
|
+
|
|
430
447
|
// src/components/icons/signOutSVG/index.tsx
|
|
431
|
-
import { jsx as
|
|
448
|
+
import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
432
449
|
var SignOut = () => {
|
|
433
|
-
return /* @__PURE__ */ jsxs10("svg", { viewBox: "
|
|
434
|
-
/* @__PURE__ */
|
|
450
|
+
return /* @__PURE__ */ jsxs10("svg", { viewBox: "-3 -3 35 35", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
451
|
+
/* @__PURE__ */ jsx13("g", { clipPath: "url(#clip0_897_111)", children: /* @__PURE__ */ jsx13(
|
|
435
452
|
"path",
|
|
436
453
|
{
|
|
437
454
|
fillRule: "evenodd",
|
|
@@ -440,15 +457,15 @@ var SignOut = () => {
|
|
|
440
457
|
fill: "currentColor"
|
|
441
458
|
}
|
|
442
459
|
) }),
|
|
443
|
-
/* @__PURE__ */
|
|
460
|
+
/* @__PURE__ */ jsx13("defs", { children: /* @__PURE__ */ jsx13("clipPath", { id: "clip0_897_111", children: /* @__PURE__ */ jsx13("rect", { width: "30", height: "30", fill: "currentColor" }) }) })
|
|
444
461
|
] });
|
|
445
462
|
};
|
|
446
463
|
|
|
447
464
|
// src/components/icons/filterSVG/index.tsx
|
|
448
|
-
import { jsx as
|
|
465
|
+
import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
449
466
|
var Filter = () => {
|
|
450
467
|
return /* @__PURE__ */ jsxs11("svg", { viewBox: "0 0 30 30", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
451
|
-
/* @__PURE__ */
|
|
468
|
+
/* @__PURE__ */ jsx14("g", { clipPath: "url(#clip0_918_510)", children: /* @__PURE__ */ jsx14(
|
|
452
469
|
"path",
|
|
453
470
|
{
|
|
454
471
|
fillRule: "evenodd",
|
|
@@ -457,14 +474,14 @@ var Filter = () => {
|
|
|
457
474
|
fill: "currentColor"
|
|
458
475
|
}
|
|
459
476
|
) }),
|
|
460
|
-
/* @__PURE__ */
|
|
477
|
+
/* @__PURE__ */ jsx14("defs", { children: /* @__PURE__ */ jsx14("clipPath", { id: "clip0_918_510", children: /* @__PURE__ */ jsx14("rect", { width: "28", height: "28", rx: "8", fill: "currentColor" }) }) })
|
|
461
478
|
] });
|
|
462
479
|
};
|
|
463
480
|
|
|
464
481
|
// src/components/icons/chevDownSVG/index.tsx
|
|
465
|
-
import { jsx as
|
|
482
|
+
import { jsx as jsx15 } from "react/jsx-runtime";
|
|
466
483
|
var ChevDown = () => {
|
|
467
|
-
return /* @__PURE__ */
|
|
484
|
+
return /* @__PURE__ */ jsx15("svg", { viewBox: "0 0 30 30", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx15(
|
|
468
485
|
"path",
|
|
469
486
|
{
|
|
470
487
|
fillRule: "evenodd",
|
|
@@ -476,9 +493,9 @@ var ChevDown = () => {
|
|
|
476
493
|
};
|
|
477
494
|
|
|
478
495
|
// src/components/icons/crossSVG/index.tsx
|
|
479
|
-
import { jsx as
|
|
496
|
+
import { jsx as jsx16 } from "react/jsx-runtime";
|
|
480
497
|
var Cross = () => {
|
|
481
|
-
return /* @__PURE__ */
|
|
498
|
+
return /* @__PURE__ */ jsx16("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-150 -150 800 800", children: /* @__PURE__ */ jsx16("g", { children: /* @__PURE__ */ jsx16(
|
|
482
499
|
"path",
|
|
483
500
|
{
|
|
484
501
|
fillRule: "evenodd",
|
|
@@ -490,10 +507,10 @@ var Cross = () => {
|
|
|
490
507
|
};
|
|
491
508
|
|
|
492
509
|
// src/components/icons/orderInfoSVG/index.tsx
|
|
493
|
-
import { jsx as
|
|
510
|
+
import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
494
511
|
var OrderInfo = () => {
|
|
495
512
|
return /* @__PURE__ */ jsxs12("svg", { viewBox: "0 0 30 30", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
496
|
-
/* @__PURE__ */
|
|
513
|
+
/* @__PURE__ */ jsx17("g", { clipPath: "url(#clip0_907_32)", children: /* @__PURE__ */ jsx17(
|
|
497
514
|
"path",
|
|
498
515
|
{
|
|
499
516
|
fillRule: "evenodd",
|
|
@@ -502,14 +519,14 @@ var OrderInfo = () => {
|
|
|
502
519
|
fill: "currentColor"
|
|
503
520
|
}
|
|
504
521
|
) }),
|
|
505
|
-
/* @__PURE__ */
|
|
522
|
+
/* @__PURE__ */ jsx17("defs", { children: /* @__PURE__ */ jsx17("clipPath", { id: "clip0_907_32", children: /* @__PURE__ */ jsx17("rect", { width: "30", height: "30", fill: "currentColor" }) }) })
|
|
506
523
|
] });
|
|
507
524
|
};
|
|
508
525
|
|
|
509
526
|
// src/components/icons/chevLeftSVG/index.tsx
|
|
510
|
-
import { jsx as
|
|
527
|
+
import { jsx as jsx18 } from "react/jsx-runtime";
|
|
511
528
|
var ChevLeft = () => {
|
|
512
|
-
return /* @__PURE__ */
|
|
529
|
+
return /* @__PURE__ */ jsx18("svg", { viewBox: "0 0 30 30", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx18(
|
|
513
530
|
"path",
|
|
514
531
|
{
|
|
515
532
|
fillRule: "evenodd",
|
|
@@ -521,9 +538,9 @@ var ChevLeft = () => {
|
|
|
521
538
|
};
|
|
522
539
|
|
|
523
540
|
// src/components/icons/chevRightSVG/index.tsx
|
|
524
|
-
import { jsx as
|
|
541
|
+
import { jsx as jsx19 } from "react/jsx-runtime";
|
|
525
542
|
var ChevRight = () => {
|
|
526
|
-
return /* @__PURE__ */
|
|
543
|
+
return /* @__PURE__ */ jsx19("svg", { viewBox: "0 0 30 30", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx19(
|
|
527
544
|
"path",
|
|
528
545
|
{
|
|
529
546
|
fillRule: "evenodd",
|
|
@@ -534,24 +551,47 @@ var ChevRight = () => {
|
|
|
534
551
|
) });
|
|
535
552
|
};
|
|
536
553
|
|
|
537
|
-
// src/components/icons/
|
|
538
|
-
import { jsx as
|
|
539
|
-
var
|
|
540
|
-
return /* @__PURE__ */
|
|
554
|
+
// src/components/icons/chevUpSVG/index.tsx
|
|
555
|
+
import { jsx as jsx20 } from "react/jsx-runtime";
|
|
556
|
+
var ChevUp = () => {
|
|
557
|
+
return /* @__PURE__ */ jsx20("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx20(
|
|
541
558
|
"path",
|
|
542
559
|
{
|
|
543
560
|
fillRule: "evenodd",
|
|
544
|
-
d: "M4.293 12.293a1 1 0 011.414 0L10 16.586l8.293-8.293a1 1 0 111.414 1.414l-9 9a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414z",
|
|
545
561
|
clipRule: "evenodd",
|
|
562
|
+
d: "m17.635,14.428l-5.281-5.281c-.189-.189-.518-.189-.707,0l-5.281,5.281-.707-.707,5.281-5.281c.566-.566,1.555-.566,2.121,0l5.281,5.281-.707.707Z",
|
|
546
563
|
fill: "currentColor"
|
|
547
564
|
}
|
|
548
565
|
) });
|
|
549
566
|
};
|
|
550
567
|
|
|
568
|
+
// src/components/icons/checkSVG/index.tsx
|
|
569
|
+
import { jsx as jsx21 } from "react/jsx-runtime";
|
|
570
|
+
var Check = () => {
|
|
571
|
+
return /* @__PURE__ */ jsx21(
|
|
572
|
+
"svg",
|
|
573
|
+
{
|
|
574
|
+
viewBox: "0 0 256 256",
|
|
575
|
+
stroke: "currentColor",
|
|
576
|
+
strokeWidth: "4",
|
|
577
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
578
|
+
children: /* @__PURE__ */ jsx21(
|
|
579
|
+
"path",
|
|
580
|
+
{
|
|
581
|
+
fillRule: "evenodd",
|
|
582
|
+
clipRule: "evenodd",
|
|
583
|
+
d: "M103.99951,188.00012a3.98852,3.98852,0,0,1-2.82812-1.17139l-56-55.9956a3.99992,3.99992,0,0,1,5.65625-5.65723l53.17187,53.16748L213.17139,69.1759a3.99992,3.99992,0,0,1,5.65625,5.65723l-112,111.9956A3.98855,3.98855,0,0,1,103.99951,188.00012Z",
|
|
584
|
+
fill: "currentColor"
|
|
585
|
+
}
|
|
586
|
+
)
|
|
587
|
+
}
|
|
588
|
+
);
|
|
589
|
+
};
|
|
590
|
+
|
|
551
591
|
// src/components/icons/circleSVG/index.tsx
|
|
552
|
-
import { jsx as
|
|
592
|
+
import { jsx as jsx22 } from "react/jsx-runtime";
|
|
553
593
|
var Circle = () => {
|
|
554
|
-
return /* @__PURE__ */
|
|
594
|
+
return /* @__PURE__ */ jsx22("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-3 -3 30 30", children: /* @__PURE__ */ jsx22(
|
|
555
595
|
"path",
|
|
556
596
|
{
|
|
557
597
|
fillRule: "evenodd",
|
|
@@ -563,10 +603,10 @@ var Circle = () => {
|
|
|
563
603
|
};
|
|
564
604
|
|
|
565
605
|
// src/components/icons/uploadSVG/index.tsx
|
|
566
|
-
import { jsx as
|
|
606
|
+
import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
567
607
|
var Upload = () => {
|
|
568
608
|
return /* @__PURE__ */ jsxs13("svg", { viewBox: "0 0 53 53", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
569
|
-
/* @__PURE__ */
|
|
609
|
+
/* @__PURE__ */ jsx23("g", { clipPath: "url(#clip0_859_45)", children: /* @__PURE__ */ jsx23(
|
|
570
610
|
"path",
|
|
571
611
|
{
|
|
572
612
|
fillRule: "evenodd",
|
|
@@ -575,14 +615,14 @@ var Upload = () => {
|
|
|
575
615
|
fill: "currentColor"
|
|
576
616
|
}
|
|
577
617
|
) }),
|
|
578
|
-
/* @__PURE__ */
|
|
618
|
+
/* @__PURE__ */ jsx23("defs", { children: /* @__PURE__ */ jsx23("clipPath", { id: "clip0_859_45", children: /* @__PURE__ */ jsx23("rect", { width: "53", height: "53", fill: "currentColor" }) }) })
|
|
579
619
|
] });
|
|
580
620
|
};
|
|
581
621
|
|
|
582
622
|
// src/components/icons/arrowLeftSVG/index.tsx
|
|
583
|
-
import { jsx as
|
|
623
|
+
import { jsx as jsx24 } from "react/jsx-runtime";
|
|
584
624
|
var ArrowLeft = () => {
|
|
585
|
-
return /* @__PURE__ */
|
|
625
|
+
return /* @__PURE__ */ jsx24("svg", { viewBox: "0 0 30 30", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx24(
|
|
586
626
|
"path",
|
|
587
627
|
{
|
|
588
628
|
fillRule: "evenodd",
|
|
@@ -593,8 +633,22 @@ var ArrowLeft = () => {
|
|
|
593
633
|
) });
|
|
594
634
|
};
|
|
595
635
|
|
|
636
|
+
// src/components/icons/arrowRightSVG/index.tsx
|
|
637
|
+
import { jsx as jsx25 } from "react/jsx-runtime";
|
|
638
|
+
var ArrowRight = () => {
|
|
639
|
+
return /* @__PURE__ */ jsx25("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx25(
|
|
640
|
+
"path",
|
|
641
|
+
{
|
|
642
|
+
fillRule: "evenodd",
|
|
643
|
+
clipRule: "evenodd",
|
|
644
|
+
d: "m18.541,10.894l-4.717-4.717-.707.707,4.616,4.617H5v1h12.735l-4.618,4.617.707.707,4.717-4.716c.296-.296.459-.69.459-1.108s-.163-.812-.459-1.106Z",
|
|
645
|
+
fill: "currentColor"
|
|
646
|
+
}
|
|
647
|
+
) });
|
|
648
|
+
};
|
|
649
|
+
|
|
596
650
|
// src/components/checkbox/index.tsx
|
|
597
|
-
import { jsx as
|
|
651
|
+
import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
598
652
|
var Checkbox = ({
|
|
599
653
|
label,
|
|
600
654
|
checked = false,
|
|
@@ -609,7 +663,7 @@ var Checkbox = ({
|
|
|
609
663
|
}
|
|
610
664
|
};
|
|
611
665
|
return /* @__PURE__ */ jsxs14("label", { className: `flex items-center gap-2 cursor-pointer ${className}`, children: [
|
|
612
|
-
/* @__PURE__ */
|
|
666
|
+
/* @__PURE__ */ jsx26(
|
|
613
667
|
"input",
|
|
614
668
|
{
|
|
615
669
|
type: "checkbox",
|
|
@@ -618,37 +672,37 @@ var Checkbox = ({
|
|
|
618
672
|
className: "hidden"
|
|
619
673
|
}
|
|
620
674
|
),
|
|
621
|
-
/* @__PURE__ */
|
|
675
|
+
/* @__PURE__ */ jsx26(
|
|
622
676
|
"div",
|
|
623
677
|
{
|
|
624
678
|
className: `w-5 h-5 flex items-center justify-center border-2 rounded-md transition-all
|
|
625
|
-
${isChecked ? "bg-primary-
|
|
679
|
+
${isChecked ? "bg-primary-300 border-primary-400" : "bg-white border-neutral-500"}
|
|
626
680
|
`,
|
|
627
|
-
children: isChecked && /* @__PURE__ */
|
|
681
|
+
children: isChecked && /* @__PURE__ */ jsx26("div", { className: "size-4 text-black", children: /* @__PURE__ */ jsx26(Check, {}) })
|
|
628
682
|
}
|
|
629
683
|
),
|
|
630
|
-
label && /* @__PURE__ */
|
|
684
|
+
label && /* @__PURE__ */ jsx26("span", { className: "text-black", children: label })
|
|
631
685
|
] });
|
|
632
686
|
};
|
|
633
687
|
var checkbox_default = Checkbox;
|
|
634
688
|
|
|
635
689
|
// src/components/chip/index.tsx
|
|
636
|
-
import { jsx as
|
|
690
|
+
import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
637
691
|
var Chip = ({ label, onClear, className = "" }) => {
|
|
638
692
|
return /* @__PURE__ */ jsxs15(
|
|
639
693
|
"div",
|
|
640
694
|
{
|
|
641
695
|
className: `flex flex-row gap-2 items-center bg-neutral-700 w-fit px-4 py-2 rounded-full ${className}`,
|
|
642
696
|
children: [
|
|
643
|
-
/* @__PURE__ */
|
|
697
|
+
/* @__PURE__ */ jsx27(
|
|
644
698
|
"div",
|
|
645
699
|
{
|
|
646
700
|
className: "size-3 cursor-pointer text-neutral-200 hover:text-white",
|
|
647
701
|
onClick: onClear,
|
|
648
|
-
children: /* @__PURE__ */
|
|
702
|
+
children: /* @__PURE__ */ jsx27(Cross, {})
|
|
649
703
|
}
|
|
650
704
|
),
|
|
651
|
-
/* @__PURE__ */
|
|
705
|
+
/* @__PURE__ */ jsx27("p", { className: "text-neutral-200 text-base font-semibold", children: label })
|
|
652
706
|
]
|
|
653
707
|
}
|
|
654
708
|
);
|
|
@@ -657,7 +711,7 @@ var chip_default = Chip;
|
|
|
657
711
|
|
|
658
712
|
// src/components/ellipsis/index.tsx
|
|
659
713
|
import { useState as useState4 } from "react";
|
|
660
|
-
import { jsx as
|
|
714
|
+
import { jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
661
715
|
var Ellipsis = ({
|
|
662
716
|
label,
|
|
663
717
|
tooltipPosition = "right" /* RIGHT */,
|
|
@@ -672,8 +726,8 @@ var Ellipsis = ({
|
|
|
672
726
|
onMouseEnter: () => setIsTooltipVisible(true),
|
|
673
727
|
onMouseLeave: () => setIsTooltipVisible(false),
|
|
674
728
|
children: [
|
|
675
|
-
/* @__PURE__ */
|
|
676
|
-
/* @__PURE__ */
|
|
729
|
+
/* @__PURE__ */ jsx28("p", { className: "text-ellipsis w-32 overflow-hidden whitespace-nowrap", children: label }),
|
|
730
|
+
/* @__PURE__ */ jsx28(
|
|
677
731
|
tooltip_default,
|
|
678
732
|
{
|
|
679
733
|
label,
|
|
@@ -690,7 +744,7 @@ var ellipsis_default = Ellipsis;
|
|
|
690
744
|
|
|
691
745
|
// src/components/fileUploader/index.tsx
|
|
692
746
|
import { useRef } from "react";
|
|
693
|
-
import { jsx as
|
|
747
|
+
import { jsx as jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
694
748
|
var FileUploader = ({
|
|
695
749
|
title,
|
|
696
750
|
subTitle1 = "",
|
|
@@ -711,7 +765,7 @@ var FileUploader = ({
|
|
|
711
765
|
{
|
|
712
766
|
className: `flex flex-row gap-4 items-start border border-dashed border-neutral-200 p-4 rounded-lg ${className}`,
|
|
713
767
|
children: [
|
|
714
|
-
/* @__PURE__ */
|
|
768
|
+
/* @__PURE__ */ jsx29(
|
|
715
769
|
"div",
|
|
716
770
|
{
|
|
717
771
|
className: "bg-primary-500 hover:bg-primary-600 text-white px-6 py-8 rounded-lg cursor-pointer",
|
|
@@ -719,10 +773,10 @@ var FileUploader = ({
|
|
|
719
773
|
var _a;
|
|
720
774
|
return (_a = fileInputRef.current) == null ? void 0 : _a.click();
|
|
721
775
|
},
|
|
722
|
-
children: /* @__PURE__ */
|
|
776
|
+
children: /* @__PURE__ */ jsx29("div", { className: "size-10", children: /* @__PURE__ */ jsx29(Upload, {}) })
|
|
723
777
|
}
|
|
724
778
|
),
|
|
725
|
-
/* @__PURE__ */
|
|
779
|
+
/* @__PURE__ */ jsx29(
|
|
726
780
|
"input",
|
|
727
781
|
{
|
|
728
782
|
type: "file",
|
|
@@ -733,9 +787,9 @@ var FileUploader = ({
|
|
|
733
787
|
}
|
|
734
788
|
),
|
|
735
789
|
/* @__PURE__ */ jsxs17("div", { className: "flex-1 flex flex-col", children: [
|
|
736
|
-
/* @__PURE__ */
|
|
737
|
-
/* @__PURE__ */
|
|
738
|
-
/* @__PURE__ */
|
|
790
|
+
/* @__PURE__ */ jsx29("p", { className: "text-lg", children: title }),
|
|
791
|
+
/* @__PURE__ */ jsx29("p", { className: "text-sm text-neutral-400", children: subTitle1 }),
|
|
792
|
+
/* @__PURE__ */ jsx29("p", { className: "text-sm text-neutral-400", children: subTitle2 })
|
|
739
793
|
] })
|
|
740
794
|
]
|
|
741
795
|
}
|
|
@@ -745,7 +799,7 @@ var fileUploader_default = FileUploader;
|
|
|
745
799
|
|
|
746
800
|
// src/components/filterDropdown/index.tsx
|
|
747
801
|
import { useState as useState5 } from "react";
|
|
748
|
-
import { jsx as
|
|
802
|
+
import { jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
749
803
|
var FilterDropdown = ({ children, className = "" }) => {
|
|
750
804
|
const [isChildrenVisible, setIsChildrenVisible] = useState5(false);
|
|
751
805
|
const closeDropdown = () => setIsChildrenVisible(false);
|
|
@@ -756,19 +810,19 @@ var FilterDropdown = ({ children, className = "" }) => {
|
|
|
756
810
|
className: "flex flex-row gap-4 items-center w-fit border border-neutral-300 hover:border-neutral-400 group p-2 rounded-lg cursor-pointer",
|
|
757
811
|
onClick: () => setIsChildrenVisible(!isChildrenVisible),
|
|
758
812
|
children: [
|
|
759
|
-
/* @__PURE__ */
|
|
760
|
-
/* @__PURE__ */
|
|
761
|
-
/* @__PURE__ */
|
|
813
|
+
/* @__PURE__ */ jsx30("div", { className: "size-5 text-neutral-300 group-hover:text-neutral-400", children: /* @__PURE__ */ jsx30(Filter, {}) }),
|
|
814
|
+
/* @__PURE__ */ jsx30("p", { className: "text-neutral-300 text-base group-hover:text-neutral-400", children: "Filter" }),
|
|
815
|
+
/* @__PURE__ */ jsx30("div", { className: "size-5 text-neutral-300 group-hover:text-neutral-400", children: /* @__PURE__ */ jsx30(ChevDown, {}) })
|
|
762
816
|
]
|
|
763
817
|
}
|
|
764
818
|
),
|
|
765
|
-
isChildrenVisible && /* @__PURE__ */
|
|
819
|
+
isChildrenVisible && /* @__PURE__ */ jsx30("div", { className: "border border-neutral-300 rounded-lg shadow-lg overflow-y-auto absolute top-full bg-white z-10", children: children(closeDropdown) })
|
|
766
820
|
] });
|
|
767
821
|
};
|
|
768
822
|
var filterDropdown_default = FilterDropdown;
|
|
769
823
|
|
|
770
824
|
// src/components/input/index.tsx
|
|
771
|
-
import { jsx as
|
|
825
|
+
import { jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
772
826
|
var Input = ({
|
|
773
827
|
label,
|
|
774
828
|
value,
|
|
@@ -780,8 +834,8 @@ var Input = ({
|
|
|
780
834
|
className = ""
|
|
781
835
|
}) => {
|
|
782
836
|
return /* @__PURE__ */ jsxs19("div", { className: `flex flex-col gap-1 relative ${className}`, children: [
|
|
783
|
-
/* @__PURE__ */
|
|
784
|
-
/* @__PURE__ */
|
|
837
|
+
/* @__PURE__ */ jsx31("label", { htmlFor: label, className: "text-sm text-neutral-600 mb-2", children: `${label}${required ? " *" : ""}` }),
|
|
838
|
+
/* @__PURE__ */ jsx31(
|
|
785
839
|
"input",
|
|
786
840
|
{
|
|
787
841
|
id: label,
|
|
@@ -799,7 +853,7 @@ var input_default = Input;
|
|
|
799
853
|
|
|
800
854
|
// src/components/modal/index.tsx
|
|
801
855
|
import { useEffect as useEffect3, useRef as useRef2 } from "react";
|
|
802
|
-
import { jsx as
|
|
856
|
+
import { jsx as jsx32, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
803
857
|
var MODAL_SIZE = /* @__PURE__ */ ((MODAL_SIZE2) => {
|
|
804
858
|
MODAL_SIZE2["SMALL"] = "w-[600px] h-60";
|
|
805
859
|
MODAL_SIZE2["MEDIUM"] = "w-[800px] h-96";
|
|
@@ -819,7 +873,7 @@ var Modal = ({
|
|
|
819
873
|
var _a;
|
|
820
874
|
(_a = modalRef.current) == null ? void 0 : _a.focus();
|
|
821
875
|
}, []);
|
|
822
|
-
return /* @__PURE__ */
|
|
876
|
+
return /* @__PURE__ */ jsx32(
|
|
823
877
|
"div",
|
|
824
878
|
{
|
|
825
879
|
className: `fixed inset-0 flex items-center justify-center bg-[rgba(0,0,0,0.3)] ${className}`,
|
|
@@ -832,10 +886,10 @@ var Modal = ({
|
|
|
832
886
|
onBlur: () => onClear(),
|
|
833
887
|
children: [
|
|
834
888
|
/* @__PURE__ */ jsxs20("div", { className: "flex flex-row gap-4 items-center", children: [
|
|
835
|
-
/* @__PURE__ */
|
|
836
|
-
/* @__PURE__ */
|
|
889
|
+
/* @__PURE__ */ jsx32("div", { className: "flex-1 text-3xl", children: title }),
|
|
890
|
+
/* @__PURE__ */ jsx32("div", { className: "size-4 cursor-pointer", onClick: () => onClear(), children: /* @__PURE__ */ jsx32(Cross, {}) })
|
|
837
891
|
] }),
|
|
838
|
-
/* @__PURE__ */
|
|
892
|
+
/* @__PURE__ */ jsx32("div", { className: "flex-1 flex justify-center items-center", children })
|
|
839
893
|
]
|
|
840
894
|
}
|
|
841
895
|
)
|
|
@@ -848,7 +902,7 @@ var modal_default = Modal;
|
|
|
848
902
|
import Image2 from "next/image";
|
|
849
903
|
import { useEffect as useEffect4, useState as useState6 } from "react";
|
|
850
904
|
import { useRouter } from "next/navigation";
|
|
851
|
-
import { jsx as
|
|
905
|
+
import { jsx as jsx33, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
852
906
|
var NavBar = ({
|
|
853
907
|
menuItems,
|
|
854
908
|
logoShort,
|
|
@@ -890,7 +944,7 @@ var NavBar = ({
|
|
|
890
944
|
setIsActiveMenuItem(menu.title);
|
|
891
945
|
router.push(menu.route);
|
|
892
946
|
};
|
|
893
|
-
return /* @__PURE__ */
|
|
947
|
+
return /* @__PURE__ */ jsx33(
|
|
894
948
|
"div",
|
|
895
949
|
{
|
|
896
950
|
className: `transition-[width] duration-300 ease-in-out ${isMenuCollapsed ? collapsedClass : menuWidthClass} ${menuHeightClass} ${className}`,
|
|
@@ -901,8 +955,8 @@ var NavBar = ({
|
|
|
901
955
|
children: [
|
|
902
956
|
/* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-4", children: [
|
|
903
957
|
/* @__PURE__ */ jsxs21("div", { className: "flex flex-row gap-2 items-center", children: [
|
|
904
|
-
/* @__PURE__ */
|
|
905
|
-
!isMenuItemsCollapsed && /* @__PURE__ */
|
|
958
|
+
/* @__PURE__ */ jsx33(Image2, { src: logoShort, alt: "logo_short", width: 60, height: 60 }),
|
|
959
|
+
!isMenuItemsCollapsed && /* @__PURE__ */ jsx33(
|
|
906
960
|
Image2,
|
|
907
961
|
{
|
|
908
962
|
src: logoLong,
|
|
@@ -914,7 +968,7 @@ var NavBar = ({
|
|
|
914
968
|
)
|
|
915
969
|
] }),
|
|
916
970
|
/* @__PURE__ */ jsxs21("div", { className: "relative", children: [
|
|
917
|
-
/* @__PURE__ */
|
|
971
|
+
/* @__PURE__ */ jsx33(
|
|
918
972
|
avatar_default,
|
|
919
973
|
{
|
|
920
974
|
name: avatarName,
|
|
@@ -923,18 +977,18 @@ var NavBar = ({
|
|
|
923
977
|
image: avatarImage
|
|
924
978
|
}
|
|
925
979
|
),
|
|
926
|
-
/* @__PURE__ */
|
|
980
|
+
/* @__PURE__ */ jsx33(
|
|
927
981
|
"span",
|
|
928
982
|
{
|
|
929
983
|
onClick: () => setIsMenuCollapsed(!isMenuCollapsed),
|
|
930
984
|
className: `cursor-pointer w-8 h-8 rounded-full ${menuBackgroundColor} border border-neutral-300 absolute -right-8 flex items-center justify-center text-black`,
|
|
931
|
-
children: /* @__PURE__ */
|
|
985
|
+
children: /* @__PURE__ */ jsx33("div", { className: "size-5", children: isMenuCollapsed ? /* @__PURE__ */ jsx33(ChevRight, {}) : /* @__PURE__ */ jsx33(ChevLeft, {}) })
|
|
932
986
|
}
|
|
933
987
|
)
|
|
934
988
|
] })
|
|
935
989
|
] }),
|
|
936
|
-
/* @__PURE__ */
|
|
937
|
-
/* @__PURE__ */
|
|
990
|
+
/* @__PURE__ */ jsx33("div", { className: "border-neutral-300 border-b" }),
|
|
991
|
+
/* @__PURE__ */ jsx33("div", { className: "flex flex-col gap-1", children: menuItems.map((item, index) => {
|
|
938
992
|
if (!item.isDivider) {
|
|
939
993
|
return /* @__PURE__ */ jsxs21(
|
|
940
994
|
"div",
|
|
@@ -946,7 +1000,7 @@ var NavBar = ({
|
|
|
946
1000
|
children: [
|
|
947
1001
|
/* @__PURE__ */ jsxs21("div", { className: "w-6 h-6 ml-1 relative", children: [
|
|
948
1002
|
item.icon,
|
|
949
|
-
isMenuCollapsed && /* @__PURE__ */
|
|
1003
|
+
isMenuCollapsed && /* @__PURE__ */ jsx33(
|
|
950
1004
|
tooltip_default,
|
|
951
1005
|
{
|
|
952
1006
|
position: "right" /* RIGHT */,
|
|
@@ -957,13 +1011,13 @@ var NavBar = ({
|
|
|
957
1011
|
}
|
|
958
1012
|
)
|
|
959
1013
|
] }),
|
|
960
|
-
!isMenuItemsCollapsed && /* @__PURE__ */
|
|
1014
|
+
!isMenuItemsCollapsed && /* @__PURE__ */ jsx33("span", { className: "text-nowrap", children: item.title })
|
|
961
1015
|
]
|
|
962
1016
|
},
|
|
963
1017
|
`menu_item_${index + 1}`
|
|
964
1018
|
);
|
|
965
1019
|
}
|
|
966
|
-
return /* @__PURE__ */
|
|
1020
|
+
return /* @__PURE__ */ jsx33(
|
|
967
1021
|
"div",
|
|
968
1022
|
{
|
|
969
1023
|
className: "border-neutral-300 border-b my-3"
|
|
@@ -984,7 +1038,7 @@ import { useState as useState8 } from "react";
|
|
|
984
1038
|
|
|
985
1039
|
// src/components/selectDropdown/index.tsx
|
|
986
1040
|
import { useEffect as useEffect5, useState as useState7 } from "react";
|
|
987
|
-
import { jsx as
|
|
1041
|
+
import { jsx as jsx34, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
988
1042
|
var SelectDropdown = ({
|
|
989
1043
|
options,
|
|
990
1044
|
label,
|
|
@@ -1012,10 +1066,10 @@ var SelectDropdown = ({
|
|
|
1012
1066
|
setIsOptionsVisible(false);
|
|
1013
1067
|
};
|
|
1014
1068
|
return /* @__PURE__ */ jsxs22("div", { className: `flex flex-col gap-1 relative ${className}`, children: [
|
|
1015
|
-
label && /* @__PURE__ */
|
|
1069
|
+
label && /* @__PURE__ */ jsx34("label", { htmlFor: label, className: "text-sm text-neutral-600 mb-2", children: label }),
|
|
1016
1070
|
/* @__PURE__ */ jsxs22("div", { className: "relative", children: [
|
|
1017
|
-
/* @__PURE__ */
|
|
1018
|
-
/* @__PURE__ */
|
|
1071
|
+
/* @__PURE__ */ jsx34("div", { className: "size-5 absolute inset-y-4 right-4 flex items-center text-neutral-600 pointer-events-none", children: /* @__PURE__ */ jsx34(ChevDown, {}) }),
|
|
1072
|
+
/* @__PURE__ */ jsx34(
|
|
1019
1073
|
"input",
|
|
1020
1074
|
{
|
|
1021
1075
|
id: label,
|
|
@@ -1030,7 +1084,7 @@ var SelectDropdown = ({
|
|
|
1030
1084
|
}
|
|
1031
1085
|
)
|
|
1032
1086
|
] }),
|
|
1033
|
-
isOptionsVisible && /* @__PURE__ */
|
|
1087
|
+
isOptionsVisible && /* @__PURE__ */ jsx34("div", { className: "border border-neutral-300 rounded-lg shadow-lg max-h-96 overflow-y-auto absolute min-w-full top-full bg-white z-10", children: options.map(({ label: label2, value: val }, index) => /* @__PURE__ */ jsx34(
|
|
1034
1088
|
"div",
|
|
1035
1089
|
{
|
|
1036
1090
|
className: "p-4 cursor-pointer hover:bg-neutral-50 text-sm",
|
|
@@ -1044,7 +1098,7 @@ var SelectDropdown = ({
|
|
|
1044
1098
|
var selectDropdown_default = SelectDropdown;
|
|
1045
1099
|
|
|
1046
1100
|
// src/components/pagination/index.tsx
|
|
1047
|
-
import { jsx as
|
|
1101
|
+
import { jsx as jsx35, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
1048
1102
|
var Pagination = ({
|
|
1049
1103
|
total,
|
|
1050
1104
|
page,
|
|
@@ -1079,7 +1133,7 @@ var Pagination = ({
|
|
|
1079
1133
|
Math.ceil(total / size),
|
|
1080
1134
|
" pages"
|
|
1081
1135
|
] }),
|
|
1082
|
-
/* @__PURE__ */
|
|
1136
|
+
/* @__PURE__ */ jsx35("div", { className: "w-20", children: /* @__PURE__ */ jsx35(
|
|
1083
1137
|
selectDropdown_default,
|
|
1084
1138
|
{
|
|
1085
1139
|
options,
|
|
@@ -1087,22 +1141,22 @@ var Pagination = ({
|
|
|
1087
1141
|
onChange: (option) => handlePageSize(option)
|
|
1088
1142
|
}
|
|
1089
1143
|
) }),
|
|
1090
|
-
/* @__PURE__ */
|
|
1144
|
+
/* @__PURE__ */ jsx35("div", { children: "items per page" }),
|
|
1091
1145
|
/* @__PURE__ */ jsxs23("div", { className: "flex flex-row gap-4 items-center", children: [
|
|
1092
|
-
/* @__PURE__ */
|
|
1146
|
+
/* @__PURE__ */ jsx35(
|
|
1093
1147
|
button_default,
|
|
1094
1148
|
{
|
|
1095
1149
|
onClick: onLeft,
|
|
1096
|
-
icon: /* @__PURE__ */
|
|
1150
|
+
icon: /* @__PURE__ */ jsx35(ChevLeft, {}),
|
|
1097
1151
|
variant: "tertiary" /* TERTIARY */,
|
|
1098
1152
|
disabled: page === 1
|
|
1099
1153
|
}
|
|
1100
1154
|
),
|
|
1101
|
-
/* @__PURE__ */
|
|
1155
|
+
/* @__PURE__ */ jsx35(
|
|
1102
1156
|
button_default,
|
|
1103
1157
|
{
|
|
1104
1158
|
onClick: onRight,
|
|
1105
|
-
icon: /* @__PURE__ */
|
|
1159
|
+
icon: /* @__PURE__ */ jsx35(ChevRight, {}),
|
|
1106
1160
|
variant: "tertiary" /* TERTIARY */,
|
|
1107
1161
|
disabled: page === Math.ceil(total / size)
|
|
1108
1162
|
}
|
|
@@ -1115,7 +1169,7 @@ var Pagination = ({
|
|
|
1115
1169
|
var pagination_default = Pagination;
|
|
1116
1170
|
|
|
1117
1171
|
// src/components/radioButton/index.tsx
|
|
1118
|
-
import { jsx as
|
|
1172
|
+
import { jsx as jsx36, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
1119
1173
|
var RadioButton = ({
|
|
1120
1174
|
label,
|
|
1121
1175
|
value,
|
|
@@ -1125,18 +1179,18 @@ var RadioButton = ({
|
|
|
1125
1179
|
}) => {
|
|
1126
1180
|
const isChecked = selectedValue === value;
|
|
1127
1181
|
return /* @__PURE__ */ jsxs24("label", { className: `flex items-center gap-2 cursor-pointer ${className}`, children: [
|
|
1128
|
-
/* @__PURE__ */
|
|
1182
|
+
/* @__PURE__ */ jsx36(
|
|
1129
1183
|
"div",
|
|
1130
1184
|
{
|
|
1131
1185
|
className: `w-5 h-5 flex items-center justify-center border-2 rounded-full transition-all
|
|
1132
1186
|
${isChecked ? "border-primary-500 bg-primary-500" : "border-gray-400 bg-white"}
|
|
1133
1187
|
`,
|
|
1134
1188
|
onClick: () => onChange && onChange(value),
|
|
1135
|
-
children: isChecked && /* @__PURE__ */
|
|
1189
|
+
children: isChecked && /* @__PURE__ */ jsx36("div", { className: "w-2.5 h-2.5 bg-white rounded-full" })
|
|
1136
1190
|
}
|
|
1137
1191
|
),
|
|
1138
|
-
/* @__PURE__ */
|
|
1139
|
-
/* @__PURE__ */
|
|
1192
|
+
/* @__PURE__ */ jsx36("span", { className: "text-gray-700", children: label }),
|
|
1193
|
+
/* @__PURE__ */ jsx36(
|
|
1140
1194
|
"input",
|
|
1141
1195
|
{
|
|
1142
1196
|
type: "radio",
|
|
@@ -1151,7 +1205,7 @@ var RadioButton = ({
|
|
|
1151
1205
|
var radioButton_default = RadioButton;
|
|
1152
1206
|
|
|
1153
1207
|
// src/components/snackBar/index.tsx
|
|
1154
|
-
import { jsx as
|
|
1208
|
+
import { jsx as jsx37, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
1155
1209
|
var SNACK_BAR_TYPE = /* @__PURE__ */ ((SNACK_BAR_TYPE2) => {
|
|
1156
1210
|
SNACK_BAR_TYPE2["DEFAULT"] = "default";
|
|
1157
1211
|
SNACK_BAR_TYPE2["SUCCESS"] = "success";
|
|
@@ -1186,8 +1240,8 @@ var Snackbar = ({
|
|
|
1186
1240
|
{
|
|
1187
1241
|
className: `${getClassName()} p-4 rounded-lg flex flex-row gap-4 items-center font-normal border ${className}`,
|
|
1188
1242
|
children: [
|
|
1189
|
-
icon && /* @__PURE__ */
|
|
1190
|
-
/* @__PURE__ */
|
|
1243
|
+
icon && /* @__PURE__ */ jsx37("div", { className: "size-5", children: icon }),
|
|
1244
|
+
/* @__PURE__ */ jsx37("div", { children: message })
|
|
1191
1245
|
]
|
|
1192
1246
|
}
|
|
1193
1247
|
);
|
|
@@ -1196,7 +1250,7 @@ var snackBar_default = Snackbar;
|
|
|
1196
1250
|
|
|
1197
1251
|
// src/components/state/index.tsx
|
|
1198
1252
|
import Image3 from "next/image";
|
|
1199
|
-
import { jsx as
|
|
1253
|
+
import { jsx as jsx38, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
1200
1254
|
var STATE_TYPE = /* @__PURE__ */ ((STATE_TYPE2) => {
|
|
1201
1255
|
STATE_TYPE2["EMPTY"] = "EMPTY";
|
|
1202
1256
|
STATE_TYPE2["SUCCESS"] = "SUCCESS";
|
|
@@ -1232,7 +1286,7 @@ var State = ({
|
|
|
1232
1286
|
{
|
|
1233
1287
|
className: `w-full h-full flex flex-col gap-8 items-center justify-center ${className}`,
|
|
1234
1288
|
children: [
|
|
1235
|
-
stateImage ? /* @__PURE__ */
|
|
1289
|
+
stateImage ? /* @__PURE__ */ jsx38(
|
|
1236
1290
|
Image3,
|
|
1237
1291
|
{
|
|
1238
1292
|
src: stateImage,
|
|
@@ -1240,7 +1294,7 @@ var State = ({
|
|
|
1240
1294
|
width: imageWidth,
|
|
1241
1295
|
height: imageHeight
|
|
1242
1296
|
}
|
|
1243
|
-
) : /* @__PURE__ */
|
|
1297
|
+
) : /* @__PURE__ */ jsx38(
|
|
1244
1298
|
Image3,
|
|
1245
1299
|
{
|
|
1246
1300
|
src: typeImage(),
|
|
@@ -1250,8 +1304,8 @@ var State = ({
|
|
|
1250
1304
|
}
|
|
1251
1305
|
),
|
|
1252
1306
|
/* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-2", children: [
|
|
1253
|
-
/* @__PURE__ */
|
|
1254
|
-
/* @__PURE__ */
|
|
1307
|
+
/* @__PURE__ */ jsx38("p", { className: "text-3xl text-center font-semibold", children: title }),
|
|
1308
|
+
/* @__PURE__ */ jsx38("p", { className: "w-[300px] text-center", children: subTitle })
|
|
1255
1309
|
] })
|
|
1256
1310
|
]
|
|
1257
1311
|
}
|
|
@@ -1260,14 +1314,14 @@ var State = ({
|
|
|
1260
1314
|
var state_default = State;
|
|
1261
1315
|
|
|
1262
1316
|
// src/components/table/index.tsx
|
|
1263
|
-
import { jsx as
|
|
1317
|
+
import { jsx as jsx39, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
1264
1318
|
var Table = ({ columns, data, className = "" }) => {
|
|
1265
|
-
return /* @__PURE__ */
|
|
1319
|
+
return /* @__PURE__ */ jsx39(
|
|
1266
1320
|
"div",
|
|
1267
1321
|
{
|
|
1268
1322
|
className: `overflow-hidden rounded-lg border border-neutral-300 ${className}`,
|
|
1269
1323
|
children: /* @__PURE__ */ jsxs27("table", { className: "w-full border-collapse", children: [
|
|
1270
|
-
/* @__PURE__ */
|
|
1324
|
+
/* @__PURE__ */ jsx39("thead", { children: /* @__PURE__ */ jsx39("tr", { className: "bg-neutral-300 border border-neutral-300", children: columns.map(({ header, headerClassName }, index) => /* @__PURE__ */ jsx39(
|
|
1271
1325
|
"th",
|
|
1272
1326
|
{
|
|
1273
1327
|
className: `text-left px-4 py-4 ${headerClassName}`,
|
|
@@ -1275,11 +1329,11 @@ var Table = ({ columns, data, className = "" }) => {
|
|
|
1275
1329
|
},
|
|
1276
1330
|
`column_${index}`
|
|
1277
1331
|
)) }) }),
|
|
1278
|
-
/* @__PURE__ */
|
|
1332
|
+
/* @__PURE__ */ jsx39("tbody", { children: data.map((row, rowIndex) => /* @__PURE__ */ jsx39(
|
|
1279
1333
|
"tr",
|
|
1280
1334
|
{
|
|
1281
1335
|
className: "bg-white hover:bg-neutral-100",
|
|
1282
|
-
children: columns.map(({ render }, cellIndex) => /* @__PURE__ */
|
|
1336
|
+
children: columns.map(({ render }, cellIndex) => /* @__PURE__ */ jsx39("td", { className: "text-left px-4 py-4", children: render(row) }, `cell_${cellIndex}`))
|
|
1283
1337
|
},
|
|
1284
1338
|
`row_${rowIndex}`
|
|
1285
1339
|
)) })
|
|
@@ -1290,7 +1344,7 @@ var Table = ({ columns, data, className = "" }) => {
|
|
|
1290
1344
|
var table_default = Table;
|
|
1291
1345
|
|
|
1292
1346
|
// src/components/tag/index.tsx
|
|
1293
|
-
import { jsx as
|
|
1347
|
+
import { jsx as jsx40 } from "react/jsx-runtime";
|
|
1294
1348
|
var TAG_TYPE = /* @__PURE__ */ ((TAG_TYPE2) => {
|
|
1295
1349
|
TAG_TYPE2["DEFAULT"] = "default";
|
|
1296
1350
|
TAG_TYPE2["SUCCESS"] = "success";
|
|
@@ -1314,7 +1368,7 @@ var Tag = ({ type, label, className = "" }) => {
|
|
|
1314
1368
|
return "bg-neutral-50 text-neutral-600";
|
|
1315
1369
|
}
|
|
1316
1370
|
};
|
|
1317
|
-
return /* @__PURE__ */
|
|
1371
|
+
return /* @__PURE__ */ jsx40(
|
|
1318
1372
|
"div",
|
|
1319
1373
|
{
|
|
1320
1374
|
className: `w-fit px-4 py-2 rounded-lg text-sm ${getTagStyle(
|
|
@@ -1328,7 +1382,7 @@ var tag_default = Tag;
|
|
|
1328
1382
|
|
|
1329
1383
|
// src/components/timeLine/index.tsx
|
|
1330
1384
|
import { useEffect as useEffect6, useState as useState9 } from "react";
|
|
1331
|
-
import { jsx as
|
|
1385
|
+
import { jsx as jsx41, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
1332
1386
|
var TimeLine = ({ logs, className = "" }) => {
|
|
1333
1387
|
const [steps, setSteps] = useState9([]);
|
|
1334
1388
|
useEffect6(() => {
|
|
@@ -1350,28 +1404,28 @@ var TimeLine = ({ logs, className = "" }) => {
|
|
|
1350
1404
|
case "Packaging" /* PACKAGING */:
|
|
1351
1405
|
case "Dispatched to courier" /* DISPATCHED_TO_COURIER */:
|
|
1352
1406
|
case "Delivered" /* DELIVERED */:
|
|
1353
|
-
return /* @__PURE__ */
|
|
1407
|
+
return /* @__PURE__ */ jsx41("div", { className: "size-5 bg-green-500 rounded-full p-1 text-white", children: /* @__PURE__ */ jsx41(Check, {}) });
|
|
1354
1408
|
case "Order cancelled" /* ORDER_CANCELLED */:
|
|
1355
|
-
return /* @__PURE__ */
|
|
1409
|
+
return /* @__PURE__ */ jsx41("div", { className: "size-5 bg-red-500 rounded-full p-1 text-white", children: /* @__PURE__ */ jsx41(Cross, {}) });
|
|
1356
1410
|
default:
|
|
1357
|
-
return /* @__PURE__ */
|
|
1411
|
+
return /* @__PURE__ */ jsx41("div", { className: "size-5 bg-neutral-600 text-neutral-200 rounded-full p-1", children: /* @__PURE__ */ jsx41(Circle, {}) });
|
|
1358
1412
|
}
|
|
1359
1413
|
};
|
|
1360
|
-
return /* @__PURE__ */
|
|
1414
|
+
return /* @__PURE__ */ jsx41("div", { className, children: steps.map(({ title, date, description }, index) => /* @__PURE__ */ jsxs28("div", { className: "flex flex-row gap-4", children: [
|
|
1361
1415
|
/* @__PURE__ */ jsxs28("div", { className: "flex flex-col items-center", children: [
|
|
1362
1416
|
getIcon(title),
|
|
1363
|
-
/* @__PURE__ */
|
|
1417
|
+
/* @__PURE__ */ jsx41("div", { className: "w-0.5 h-full bg-neutral-500" })
|
|
1364
1418
|
] }),
|
|
1365
1419
|
/* @__PURE__ */ jsxs28("div", { className: "flex flex-col flex-1", children: [
|
|
1366
|
-
/* @__PURE__ */
|
|
1420
|
+
/* @__PURE__ */ jsx41(
|
|
1367
1421
|
"p",
|
|
1368
1422
|
{
|
|
1369
1423
|
className: `text-base font-semibold relative top-[-2px] ${title === "Pending" /* PENDING */ ? "pb-8" : ""}`,
|
|
1370
1424
|
children: title
|
|
1371
1425
|
}
|
|
1372
1426
|
),
|
|
1373
|
-
title && /* @__PURE__ */
|
|
1374
|
-
description && /* @__PURE__ */
|
|
1427
|
+
title && /* @__PURE__ */ jsx41("p", { className: "text-xs text-neutral-700", children: date }),
|
|
1428
|
+
description && /* @__PURE__ */ jsx41("p", { className: "p-4 text-xs bg-neutral-50 text-neutral-800 rounded-lg my-2", children: description })
|
|
1375
1429
|
] })
|
|
1376
1430
|
] }, `log_${index}`)) });
|
|
1377
1431
|
};
|