@fctc/sme-widget-ui 1.9.5 → 1.9.7
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/icons.js +29 -389
- package/dist/icons.mjs +72 -432
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +686 -1249
- package/dist/index.mjs +610 -1172
- package/dist/widgets.d.mts +1 -8
- package/dist/widgets.d.ts +1 -8
- package/dist/widgets.js +685 -1325
- package/dist/widgets.mjs +594 -1233
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -5527,211 +5527,31 @@ var DownloadIcon = () => {
|
|
|
5527
5527
|
};
|
|
5528
5528
|
|
|
5529
5529
|
// src/icons/excel-icon.tsx
|
|
5530
|
-
import { jsx as jsx14
|
|
5530
|
+
import { jsx as jsx14 } from "react/jsx-runtime";
|
|
5531
5531
|
var ExcelIcon = () => {
|
|
5532
|
-
return /* @__PURE__ */
|
|
5532
|
+
return /* @__PURE__ */ jsx14(
|
|
5533
5533
|
"svg",
|
|
5534
5534
|
{
|
|
5535
|
-
width: "40",
|
|
5536
|
-
height: "40",
|
|
5537
|
-
viewBox: "0 0 40 40",
|
|
5538
|
-
fill: "none",
|
|
5539
5535
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5540
|
-
|
|
5541
|
-
|
|
5542
|
-
|
|
5543
|
-
|
|
5544
|
-
|
|
5545
|
-
|
|
5546
|
-
|
|
5547
|
-
|
|
5548
|
-
|
|
5549
|
-
|
|
5550
|
-
|
|
5551
|
-
"path",
|
|
5552
|
-
{
|
|
5553
|
-
d: "M30 39.25H10C7.10051 39.25 4.75 36.8995 4.75 34V6C4.75 3.10051 7.10051 0.75 10 0.75H20.5147C21.9071 0.75 23.2425 1.30312 24.227 2.28769L33.7123 11.773C34.6969 12.7575 35.25 14.0929 35.25 15.4853V34C35.25 36.8995 32.8995 39.25 30 39.25Z",
|
|
5554
|
-
stroke: "#E5E5E5",
|
|
5555
|
-
strokeWidth: "1.5"
|
|
5556
|
-
}
|
|
5557
|
-
)
|
|
5558
|
-
] }),
|
|
5559
|
-
/* @__PURE__ */ jsx14(
|
|
5560
|
-
"path",
|
|
5561
|
-
{
|
|
5562
|
-
d: "M23 1V9C23 11.2091 24.7909 13 27 13H35",
|
|
5563
|
-
stroke: "#E5E5E5",
|
|
5564
|
-
strokeWidth: "1.5"
|
|
5565
|
-
}
|
|
5566
|
-
),
|
|
5567
|
-
/* @__PURE__ */ jsxs4("g", { filter: "url(#filter1_i_3263_110998)", children: [
|
|
5568
|
-
/* @__PURE__ */ jsx14("mask", { id: "path-4-inside-1_3263_110998", fill: "white", children: /* @__PURE__ */ jsx14("path", { d: "M0 22C0 19.7909 1.79086 18 4 18H29C31.2091 18 33 19.7909 33 22V30C33 32.2091 31.2091 34 29 34H4C1.79086 34 0 32.2091 0 30V22Z" }) }),
|
|
5569
|
-
/* @__PURE__ */ jsx14(
|
|
5570
|
-
"path",
|
|
5571
|
-
{
|
|
5572
|
-
d: "M0 22C0 19.7909 1.79086 18 4 18H29C31.2091 18 33 19.7909 33 22V30C33 32.2091 31.2091 34 29 34H4C1.79086 34 0 32.2091 0 30V22Z",
|
|
5573
|
-
fill: "#11A52B"
|
|
5574
|
-
}
|
|
5575
|
-
),
|
|
5576
|
-
/* @__PURE__ */ jsx14(
|
|
5577
|
-
"path",
|
|
5578
|
-
{
|
|
5579
|
-
d: "M-1 22C-1 19.2386 1.23858 17 4 17H29C31.7614 17 34 19.2386 34 22H32C32 20.3431 30.6569 19 29 19H4C2.34315 19 1 20.3431 1 22H-1ZM33 34H0H33ZM4 34C1.23858 34 -1 31.7614 -1 29V22C-1 19.2386 1.23858 17 4 17V19C2.34315 19 1 20.3431 1 22V30C1 32.2091 2.34315 34 4 34ZM29 17C31.7614 17 34 19.2386 34 22V29C34 31.7614 31.7614 34 29 34C30.6569 34 32 32.2091 32 30V22C32 20.3431 30.6569 19 29 19V17Z",
|
|
5580
|
-
fill: "black",
|
|
5581
|
-
fillOpacity: "0.08",
|
|
5582
|
-
mask: "url(#path-4-inside-1_3263_110998)"
|
|
5583
|
-
}
|
|
5584
|
-
),
|
|
5585
|
-
/* @__PURE__ */ jsx14(
|
|
5586
|
-
"path",
|
|
5587
|
-
{
|
|
5588
|
-
d: "M4.81818 22.7273L6.41974 25.3906H6.47656L8.08523 22.7273H9.58736L7.34659 26.3636L9.62287 30H8.09588L6.47656 27.3544H6.41974L4.80043 30H3.28054L5.57812 26.3636L3.30895 22.7273H4.81818ZM10.8216 30V22.7273H12.1391V28.8956H15.3422V30H10.8216ZM20.6381 24.7266C20.605 24.4164 20.4653 24.175 20.2191 24.0021C19.9752 23.8293 19.658 23.7429 19.2674 23.7429C18.9927 23.7429 18.7572 23.7843 18.5607 23.8672C18.3642 23.95 18.2139 24.0625 18.1097 24.2045C18.0055 24.3466 17.9523 24.5088 17.9499 24.6911C17.9499 24.8426 17.9842 24.974 18.0529 25.0852C18.1239 25.1965 18.2198 25.2912 18.3405 25.3693C18.4613 25.4451 18.595 25.509 18.7418 25.5611C18.8886 25.6132 19.0365 25.657 19.1857 25.6925L19.8675 25.8629C20.1421 25.9268 20.4061 26.0133 20.6594 26.1222C20.9151 26.2311 21.1435 26.3684 21.3448 26.5341C21.5484 26.6998 21.7094 26.8999 21.8277 27.1342C21.9461 27.3686 22.0053 27.6432 22.0053 27.9581C22.0053 28.3842 21.8964 28.7595 21.6786 29.0838C21.4608 29.4058 21.1459 29.6579 20.734 29.8402C20.3244 30.0201 19.8284 30.1101 19.2461 30.1101C18.6802 30.1101 18.189 30.0225 17.7723 29.8473C17.358 29.6721 17.0337 29.4164 16.7993 29.0803C16.5673 28.7441 16.4418 28.3345 16.4229 27.8516H17.7191C17.738 28.1049 17.8161 28.3156 17.9534 28.4837C18.0908 28.6518 18.2695 28.7772 18.4897 28.8601C18.7122 28.9429 18.9608 28.9844 19.2354 28.9844C19.5219 28.9844 19.7728 28.9418 19.9882 28.8565C20.206 28.7689 20.3765 28.6482 20.4996 28.4943C20.6227 28.3381 20.6855 28.1558 20.6878 27.9474C20.6855 27.758 20.6298 27.6018 20.5209 27.4787C20.412 27.3532 20.2593 27.2491 20.0628 27.1662C19.8687 27.081 19.6414 27.0052 19.381 26.9389L18.5536 26.7259C17.9546 26.572 17.4811 26.3388 17.1331 26.0263C16.7875 25.7114 16.6147 25.2936 16.6147 24.7727C16.6147 24.3442 16.7307 23.969 16.9627 23.647C17.1971 23.325 17.5155 23.0753 17.9179 22.8977C18.3204 22.7178 18.7761 22.6278 19.2851 22.6278C19.8012 22.6278 20.2534 22.7178 20.6417 22.8977C21.0323 23.0753 21.3389 23.3227 21.5614 23.6399C21.7839 23.9548 21.8988 24.317 21.9059 24.7266H20.6381ZM24.4807 22.7273L26.0822 25.3906H26.1391L27.7477 22.7273H29.2499L27.0091 26.3636L29.2854 30H27.7584L26.1391 27.3544H26.0822L24.4629 30H22.943L25.2406 26.3636L22.9714 22.7273H24.4807Z",
|
|
5589
|
-
fill: "white"
|
|
5590
|
-
}
|
|
5591
|
-
)
|
|
5592
|
-
] })
|
|
5593
|
-
] }),
|
|
5594
|
-
/* @__PURE__ */ jsxs4("defs", { children: [
|
|
5595
|
-
/* @__PURE__ */ jsxs4(
|
|
5596
|
-
"filter",
|
|
5597
|
-
{
|
|
5598
|
-
id: "filter0_di_3263_110998",
|
|
5599
|
-
x: "2",
|
|
5600
|
-
y: "-4",
|
|
5601
|
-
width: "36",
|
|
5602
|
-
height: "47",
|
|
5603
|
-
filterUnits: "userSpaceOnUse",
|
|
5604
|
-
colorInterpolationFilters: "sRGB",
|
|
5605
|
-
children: [
|
|
5606
|
-
/* @__PURE__ */ jsx14("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
|
|
5607
|
-
/* @__PURE__ */ jsx14(
|
|
5608
|
-
"feColorMatrix",
|
|
5609
|
-
{
|
|
5610
|
-
in: "SourceAlpha",
|
|
5611
|
-
type: "matrix",
|
|
5612
|
-
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
|
|
5613
|
-
result: "hardAlpha"
|
|
5614
|
-
}
|
|
5615
|
-
),
|
|
5616
|
-
/* @__PURE__ */ jsx14("feOffset", { dy: "1" }),
|
|
5617
|
-
/* @__PURE__ */ jsx14("feGaussianBlur", { stdDeviation: "1" }),
|
|
5618
|
-
/* @__PURE__ */ jsx14("feComposite", { in2: "hardAlpha", operator: "out" }),
|
|
5619
|
-
/* @__PURE__ */ jsx14(
|
|
5620
|
-
"feColorMatrix",
|
|
5621
|
-
{
|
|
5622
|
-
type: "matrix",
|
|
5623
|
-
values: "0 0 0 0 0.894118 0 0 0 0 0.898039 0 0 0 0 0.905882 0 0 0 0.24 0"
|
|
5624
|
-
}
|
|
5625
|
-
),
|
|
5626
|
-
/* @__PURE__ */ jsx14(
|
|
5627
|
-
"feBlend",
|
|
5628
|
-
{
|
|
5629
|
-
mode: "normal",
|
|
5630
|
-
in2: "BackgroundImageFix",
|
|
5631
|
-
result: "effect1_dropShadow_3263_110998"
|
|
5632
|
-
}
|
|
5633
|
-
),
|
|
5634
|
-
/* @__PURE__ */ jsx14(
|
|
5635
|
-
"feBlend",
|
|
5636
|
-
{
|
|
5637
|
-
mode: "normal",
|
|
5638
|
-
in: "SourceGraphic",
|
|
5639
|
-
in2: "effect1_dropShadow_3263_110998",
|
|
5640
|
-
result: "shape"
|
|
5641
|
-
}
|
|
5642
|
-
),
|
|
5643
|
-
/* @__PURE__ */ jsx14(
|
|
5644
|
-
"feColorMatrix",
|
|
5645
|
-
{
|
|
5646
|
-
in: "SourceAlpha",
|
|
5647
|
-
type: "matrix",
|
|
5648
|
-
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
|
|
5649
|
-
result: "hardAlpha"
|
|
5650
|
-
}
|
|
5651
|
-
),
|
|
5652
|
-
/* @__PURE__ */ jsx14("feOffset", { dy: "-4" }),
|
|
5653
|
-
/* @__PURE__ */ jsx14("feGaussianBlur", { stdDeviation: "2" }),
|
|
5654
|
-
/* @__PURE__ */ jsx14("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
|
|
5655
|
-
/* @__PURE__ */ jsx14(
|
|
5656
|
-
"feColorMatrix",
|
|
5657
|
-
{
|
|
5658
|
-
type: "matrix",
|
|
5659
|
-
values: "0 0 0 0 0.813571 0 0 0 0 0.82 0 0 0 0 0.826429 0 0 0 0.32 0"
|
|
5660
|
-
}
|
|
5661
|
-
),
|
|
5662
|
-
/* @__PURE__ */ jsx14(
|
|
5663
|
-
"feBlend",
|
|
5664
|
-
{
|
|
5665
|
-
mode: "normal",
|
|
5666
|
-
in2: "shape",
|
|
5667
|
-
result: "effect2_innerShadow_3263_110998"
|
|
5668
|
-
}
|
|
5669
|
-
)
|
|
5670
|
-
]
|
|
5671
|
-
}
|
|
5672
|
-
),
|
|
5673
|
-
/* @__PURE__ */ jsxs4(
|
|
5674
|
-
"filter",
|
|
5675
|
-
{
|
|
5676
|
-
id: "filter1_i_3263_110998",
|
|
5677
|
-
x: "0",
|
|
5678
|
-
y: "18",
|
|
5679
|
-
width: "33",
|
|
5680
|
-
height: "20",
|
|
5681
|
-
filterUnits: "userSpaceOnUse",
|
|
5682
|
-
colorInterpolationFilters: "sRGB",
|
|
5683
|
-
children: [
|
|
5684
|
-
/* @__PURE__ */ jsx14("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
|
|
5685
|
-
/* @__PURE__ */ jsx14(
|
|
5686
|
-
"feBlend",
|
|
5687
|
-
{
|
|
5688
|
-
mode: "normal",
|
|
5689
|
-
in: "SourceGraphic",
|
|
5690
|
-
in2: "BackgroundImageFix",
|
|
5691
|
-
result: "shape"
|
|
5692
|
-
}
|
|
5693
|
-
),
|
|
5694
|
-
/* @__PURE__ */ jsx14(
|
|
5695
|
-
"feColorMatrix",
|
|
5696
|
-
{
|
|
5697
|
-
in: "SourceAlpha",
|
|
5698
|
-
type: "matrix",
|
|
5699
|
-
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
|
|
5700
|
-
result: "hardAlpha"
|
|
5701
|
-
}
|
|
5702
|
-
),
|
|
5703
|
-
/* @__PURE__ */ jsx14("feOffset", { dy: "4" }),
|
|
5704
|
-
/* @__PURE__ */ jsx14("feGaussianBlur", { stdDeviation: "2" }),
|
|
5705
|
-
/* @__PURE__ */ jsx14("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
|
|
5706
|
-
/* @__PURE__ */ jsx14(
|
|
5707
|
-
"feColorMatrix",
|
|
5708
|
-
{
|
|
5709
|
-
type: "matrix",
|
|
5710
|
-
values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.08 0"
|
|
5711
|
-
}
|
|
5712
|
-
),
|
|
5713
|
-
/* @__PURE__ */ jsx14(
|
|
5714
|
-
"feBlend",
|
|
5715
|
-
{
|
|
5716
|
-
mode: "normal",
|
|
5717
|
-
in2: "shape",
|
|
5718
|
-
result: "effect1_innerShadow_3263_110998"
|
|
5719
|
-
}
|
|
5720
|
-
)
|
|
5721
|
-
]
|
|
5722
|
-
}
|
|
5723
|
-
),
|
|
5724
|
-
/* @__PURE__ */ jsx14("clipPath", { id: "clip0_3263_110998", children: /* @__PURE__ */ jsx14("rect", { width: "40", height: "40", fill: "white" }) })
|
|
5725
|
-
] })
|
|
5726
|
-
]
|
|
5536
|
+
width: "19",
|
|
5537
|
+
height: "10",
|
|
5538
|
+
viewBox: "0 0 19 10",
|
|
5539
|
+
fill: "none",
|
|
5540
|
+
children: /* @__PURE__ */ jsx14(
|
|
5541
|
+
"path",
|
|
5542
|
+
{
|
|
5543
|
+
d: "M18.5 8.5C18.5 8.9125 18.1625 9.25 17.75 9.25H1.25C0.8375 9.25 0.5 8.9125 0.5 8.5V1C0.5 0.5875 0.8375 0.25 1.25 0.25H17.75C18.1625 0.25 18.5 0.5875 18.5 1V8.5Z",
|
|
5544
|
+
fill: "#47A800"
|
|
5545
|
+
}
|
|
5546
|
+
)
|
|
5727
5547
|
}
|
|
5728
5548
|
);
|
|
5729
5549
|
};
|
|
5730
5550
|
|
|
5731
5551
|
// src/icons/export-icon.tsx
|
|
5732
|
-
import { jsx as jsx15, jsxs as
|
|
5552
|
+
import { jsx as jsx15, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
5733
5553
|
var ExportIcon = () => {
|
|
5734
|
-
return /* @__PURE__ */
|
|
5554
|
+
return /* @__PURE__ */ jsxs4(
|
|
5735
5555
|
"svg",
|
|
5736
5556
|
{
|
|
5737
5557
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -5767,8 +5587,8 @@ var ExportIcon = () => {
|
|
|
5767
5587
|
};
|
|
5768
5588
|
|
|
5769
5589
|
// src/icons/eye-icon.tsx
|
|
5770
|
-
import { jsx as jsx16, jsxs as
|
|
5771
|
-
var EyeIcon = () => /* @__PURE__ */
|
|
5590
|
+
import { jsx as jsx16, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
5591
|
+
var EyeIcon = () => /* @__PURE__ */ jsxs5(
|
|
5772
5592
|
"svg",
|
|
5773
5593
|
{
|
|
5774
5594
|
width: "20",
|
|
@@ -5819,9 +5639,9 @@ var FilterIcon = ({ className }) => {
|
|
|
5819
5639
|
};
|
|
5820
5640
|
|
|
5821
5641
|
// src/icons/groupby-icon.tsx
|
|
5822
|
-
import { jsx as jsx18, jsxs as
|
|
5642
|
+
import { jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
5823
5643
|
var GroupByIcon = ({ className }) => {
|
|
5824
|
-
return /* @__PURE__ */
|
|
5644
|
+
return /* @__PURE__ */ jsxs6(
|
|
5825
5645
|
"svg",
|
|
5826
5646
|
{
|
|
5827
5647
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -5844,9 +5664,9 @@ var GroupByIcon = ({ className }) => {
|
|
|
5844
5664
|
};
|
|
5845
5665
|
|
|
5846
5666
|
// src/icons/kanban-icon.tsx
|
|
5847
|
-
import { jsx as jsx19, jsxs as
|
|
5667
|
+
import { jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
5848
5668
|
var KanbanIcon = () => {
|
|
5849
|
-
return /* @__PURE__ */
|
|
5669
|
+
return /* @__PURE__ */ jsxs7(
|
|
5850
5670
|
"svg",
|
|
5851
5671
|
{
|
|
5852
5672
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -5875,9 +5695,9 @@ var KanbanIcon = () => {
|
|
|
5875
5695
|
};
|
|
5876
5696
|
|
|
5877
5697
|
// src/icons/list-icon.tsx
|
|
5878
|
-
import { jsx as jsx20, jsxs as
|
|
5698
|
+
import { jsx as jsx20, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
5879
5699
|
var ListIcon = () => {
|
|
5880
|
-
return /* @__PURE__ */
|
|
5700
|
+
return /* @__PURE__ */ jsxs8(
|
|
5881
5701
|
"svg",
|
|
5882
5702
|
{
|
|
5883
5703
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -5920,9 +5740,9 @@ var ListIcon = () => {
|
|
|
5920
5740
|
};
|
|
5921
5741
|
|
|
5922
5742
|
// src/icons/more-icon.tsx
|
|
5923
|
-
import { jsx as jsx21, jsxs as
|
|
5743
|
+
import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
5924
5744
|
var MoreIcon = () => {
|
|
5925
|
-
return /* @__PURE__ */
|
|
5745
|
+
return /* @__PURE__ */ jsxs9(
|
|
5926
5746
|
"svg",
|
|
5927
5747
|
{
|
|
5928
5748
|
width: "24px",
|
|
@@ -5967,203 +5787,23 @@ var MoreIcon = () => {
|
|
|
5967
5787
|
};
|
|
5968
5788
|
|
|
5969
5789
|
// src/icons/pdf-icon.tsx
|
|
5970
|
-
import { jsx as jsx22
|
|
5790
|
+
import { jsx as jsx22 } from "react/jsx-runtime";
|
|
5971
5791
|
var PdfIcon = () => {
|
|
5972
|
-
return /* @__PURE__ */
|
|
5792
|
+
return /* @__PURE__ */ jsx22(
|
|
5973
5793
|
"svg",
|
|
5974
5794
|
{
|
|
5975
|
-
width: "40",
|
|
5976
|
-
height: "40",
|
|
5977
|
-
viewBox: "0 0 40 40",
|
|
5978
|
-
fill: "none",
|
|
5979
5795
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5980
|
-
|
|
5981
|
-
|
|
5982
|
-
|
|
5983
|
-
|
|
5984
|
-
|
|
5985
|
-
|
|
5986
|
-
|
|
5987
|
-
|
|
5988
|
-
|
|
5989
|
-
|
|
5990
|
-
|
|
5991
|
-
"path",
|
|
5992
|
-
{
|
|
5993
|
-
d: "M30 39.25H10C7.10051 39.25 4.75 36.8995 4.75 34V6C4.75 3.10051 7.10051 0.75 10 0.75H20.5147C21.9071 0.75 23.2425 1.30312 24.227 2.28769L33.7123 11.773C34.6969 12.7575 35.25 14.0929 35.25 15.4853V34C35.25 36.8995 32.8995 39.25 30 39.25Z",
|
|
5994
|
-
stroke: "#CDD0D5",
|
|
5995
|
-
strokeWidth: "1.5"
|
|
5996
|
-
}
|
|
5997
|
-
)
|
|
5998
|
-
] }),
|
|
5999
|
-
/* @__PURE__ */ jsx22(
|
|
6000
|
-
"path",
|
|
6001
|
-
{
|
|
6002
|
-
d: "M23 1V9C23 11.2091 24.7909 13 27 13H35",
|
|
6003
|
-
stroke: "#CDD0D5",
|
|
6004
|
-
strokeWidth: "1.5"
|
|
6005
|
-
}
|
|
6006
|
-
),
|
|
6007
|
-
/* @__PURE__ */ jsxs11("g", { filter: "url(#filter1_i_2648_1158)", children: [
|
|
6008
|
-
/* @__PURE__ */ jsx22("mask", { id: "path-4-inside-1_2648_1158", fill: "white", children: /* @__PURE__ */ jsx22("path", { d: "M0 22C0 19.7909 1.79086 18 4 18H24C26.2091 18 28 19.7909 28 22V30C28 32.2091 26.2091 34 24 34H4C1.79086 34 0 32.2091 0 30V22Z" }) }),
|
|
6009
|
-
/* @__PURE__ */ jsx22(
|
|
6010
|
-
"path",
|
|
6011
|
-
{
|
|
6012
|
-
d: "M0 22C0 19.7909 1.79086 18 4 18H24C26.2091 18 28 19.7909 28 22V30C28 32.2091 26.2091 34 24 34H4C1.79086 34 0 32.2091 0 30V22Z",
|
|
6013
|
-
fill: "#DF1C41"
|
|
6014
|
-
}
|
|
6015
|
-
),
|
|
6016
|
-
/* @__PURE__ */ jsx22(
|
|
6017
|
-
"path",
|
|
6018
|
-
{
|
|
6019
|
-
d: "M-1 22C-1 19.2386 1.23858 17 4 17H24C26.7614 17 29 19.2386 29 22H27C27 20.3431 25.6569 19 24 19H4C2.34315 19 1 20.3431 1 22H-1ZM28 34H0H28ZM4 34C1.23858 34 -1 31.7614 -1 29V22C-1 19.2386 1.23858 17 4 17V19C2.34315 19 1 20.3431 1 22V30C1 32.2091 2.34315 34 4 34ZM24 17C26.7614 17 29 19.2386 29 22V29C29 31.7614 26.7614 34 24 34C25.6569 34 27 32.2091 27 30V22C27 20.3431 25.6569 19 24 19V17Z",
|
|
6020
|
-
fill: "black",
|
|
6021
|
-
fillOpacity: "0.08",
|
|
6022
|
-
mask: "url(#path-4-inside-1_2648_1158)"
|
|
6023
|
-
}
|
|
6024
|
-
),
|
|
6025
|
-
/* @__PURE__ */ jsx22(
|
|
6026
|
-
"path",
|
|
6027
|
-
{
|
|
6028
|
-
d: "M3.78906 30V22H6.78906C7.40365 22 7.91927 22.1146 8.33594 22.3437C8.75521 22.5729 9.07161 22.888 9.28516 23.2891C9.5013 23.6875 9.60938 24.1406 9.60938 24.6484C9.60938 25.1615 9.5013 25.6172 9.28516 26.0156C9.06901 26.4141 8.75 26.7279 8.32812 26.957C7.90625 27.1836 7.38672 27.2969 6.76953 27.2969H4.78125V26.1055H6.57422C6.93359 26.1055 7.22786 26.043 7.45703 25.918C7.6862 25.793 7.85547 25.6211 7.96484 25.4023C8.07682 25.1836 8.13281 24.9323 8.13281 24.6484C8.13281 24.3646 8.07682 24.1146 7.96484 23.8984C7.85547 23.6823 7.6849 23.5143 7.45313 23.3945C7.22396 23.2721 6.92839 23.2109 6.56641 23.2109H5.23828V30H3.78906ZM13.7991 30H11.0882V22H13.8538C14.6481 22 15.3304 22.1602 15.9007 22.4805C16.4736 22.7982 16.9137 23.2552 17.221 23.8516C17.5283 24.4479 17.6819 25.1615 17.6819 25.9922C17.6819 26.8255 17.527 27.5417 17.2171 28.1406C16.9098 28.7396 16.4658 29.1992 15.885 29.5195C15.3069 29.8398 14.6116 30 13.7991 30ZM12.5374 28.7461H13.7288C14.2861 28.7461 14.7509 28.6445 15.1233 28.4414C15.4957 28.2357 15.7757 27.9297 15.9632 27.5234C16.1507 27.1146 16.2444 26.6042 16.2444 25.9922C16.2444 25.3802 16.1507 24.8724 15.9632 24.4687C15.7757 24.0625 15.4983 23.7591 15.1311 23.5586C14.7665 23.3555 14.3134 23.2539 13.7718 23.2539H12.5374V28.7461ZM19.2789 30V22H24.4039V23.2148H20.7281V25.3867H24.0523V26.6016H20.7281V30H19.2789Z",
|
|
6029
|
-
fill: "white"
|
|
6030
|
-
}
|
|
6031
|
-
)
|
|
6032
|
-
] })
|
|
6033
|
-
] }),
|
|
6034
|
-
/* @__PURE__ */ jsxs11("defs", { children: [
|
|
6035
|
-
/* @__PURE__ */ jsxs11(
|
|
6036
|
-
"filter",
|
|
6037
|
-
{
|
|
6038
|
-
id: "filter0_di_2648_1158",
|
|
6039
|
-
x: "2",
|
|
6040
|
-
y: "-4",
|
|
6041
|
-
width: "36",
|
|
6042
|
-
height: "47",
|
|
6043
|
-
filterUnits: "userSpaceOnUse",
|
|
6044
|
-
colorInterpolationFilters: "sRGB",
|
|
6045
|
-
children: [
|
|
6046
|
-
/* @__PURE__ */ jsx22("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
|
|
6047
|
-
/* @__PURE__ */ jsx22(
|
|
6048
|
-
"feColorMatrix",
|
|
6049
|
-
{
|
|
6050
|
-
in: "SourceAlpha",
|
|
6051
|
-
type: "matrix",
|
|
6052
|
-
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
|
|
6053
|
-
result: "hardAlpha"
|
|
6054
|
-
}
|
|
6055
|
-
),
|
|
6056
|
-
/* @__PURE__ */ jsx22("feOffset", { dy: "1" }),
|
|
6057
|
-
/* @__PURE__ */ jsx22("feGaussianBlur", { stdDeviation: "1" }),
|
|
6058
|
-
/* @__PURE__ */ jsx22("feComposite", { in2: "hardAlpha", operator: "out" }),
|
|
6059
|
-
/* @__PURE__ */ jsx22(
|
|
6060
|
-
"feColorMatrix",
|
|
6061
|
-
{
|
|
6062
|
-
type: "matrix",
|
|
6063
|
-
values: "0 0 0 0 0.894118 0 0 0 0 0.898039 0 0 0 0 0.905882 0 0 0 0.24 0"
|
|
6064
|
-
}
|
|
6065
|
-
),
|
|
6066
|
-
/* @__PURE__ */ jsx22(
|
|
6067
|
-
"feBlend",
|
|
6068
|
-
{
|
|
6069
|
-
mode: "normal",
|
|
6070
|
-
in2: "BackgroundImageFix",
|
|
6071
|
-
result: "effect1_dropShadow_2648_1158"
|
|
6072
|
-
}
|
|
6073
|
-
),
|
|
6074
|
-
/* @__PURE__ */ jsx22(
|
|
6075
|
-
"feBlend",
|
|
6076
|
-
{
|
|
6077
|
-
mode: "normal",
|
|
6078
|
-
in: "SourceGraphic",
|
|
6079
|
-
in2: "effect1_dropShadow_2648_1158",
|
|
6080
|
-
result: "shape"
|
|
6081
|
-
}
|
|
6082
|
-
),
|
|
6083
|
-
/* @__PURE__ */ jsx22(
|
|
6084
|
-
"feColorMatrix",
|
|
6085
|
-
{
|
|
6086
|
-
in: "SourceAlpha",
|
|
6087
|
-
type: "matrix",
|
|
6088
|
-
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
|
|
6089
|
-
result: "hardAlpha"
|
|
6090
|
-
}
|
|
6091
|
-
),
|
|
6092
|
-
/* @__PURE__ */ jsx22("feOffset", { dy: "-4" }),
|
|
6093
|
-
/* @__PURE__ */ jsx22("feGaussianBlur", { stdDeviation: "2" }),
|
|
6094
|
-
/* @__PURE__ */ jsx22("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
|
|
6095
|
-
/* @__PURE__ */ jsx22(
|
|
6096
|
-
"feColorMatrix",
|
|
6097
|
-
{
|
|
6098
|
-
type: "matrix",
|
|
6099
|
-
values: "0 0 0 0 0.813571 0 0 0 0 0.82 0 0 0 0 0.826429 0 0 0 0.32 0"
|
|
6100
|
-
}
|
|
6101
|
-
),
|
|
6102
|
-
/* @__PURE__ */ jsx22(
|
|
6103
|
-
"feBlend",
|
|
6104
|
-
{
|
|
6105
|
-
mode: "normal",
|
|
6106
|
-
in2: "shape",
|
|
6107
|
-
result: "effect2_innerShadow_2648_1158"
|
|
6108
|
-
}
|
|
6109
|
-
)
|
|
6110
|
-
]
|
|
6111
|
-
}
|
|
6112
|
-
),
|
|
6113
|
-
/* @__PURE__ */ jsxs11(
|
|
6114
|
-
"filter",
|
|
6115
|
-
{
|
|
6116
|
-
id: "filter1_i_2648_1158",
|
|
6117
|
-
x: "0",
|
|
6118
|
-
y: "18",
|
|
6119
|
-
width: "28",
|
|
6120
|
-
height: "20",
|
|
6121
|
-
filterUnits: "userSpaceOnUse",
|
|
6122
|
-
colorInterpolationFilters: "sRGB",
|
|
6123
|
-
children: [
|
|
6124
|
-
/* @__PURE__ */ jsx22("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
|
|
6125
|
-
/* @__PURE__ */ jsx22(
|
|
6126
|
-
"feBlend",
|
|
6127
|
-
{
|
|
6128
|
-
mode: "normal",
|
|
6129
|
-
in: "SourceGraphic",
|
|
6130
|
-
in2: "BackgroundImageFix",
|
|
6131
|
-
result: "shape"
|
|
6132
|
-
}
|
|
6133
|
-
),
|
|
6134
|
-
/* @__PURE__ */ jsx22(
|
|
6135
|
-
"feColorMatrix",
|
|
6136
|
-
{
|
|
6137
|
-
in: "SourceAlpha",
|
|
6138
|
-
type: "matrix",
|
|
6139
|
-
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
|
|
6140
|
-
result: "hardAlpha"
|
|
6141
|
-
}
|
|
6142
|
-
),
|
|
6143
|
-
/* @__PURE__ */ jsx22("feOffset", { dy: "4" }),
|
|
6144
|
-
/* @__PURE__ */ jsx22("feGaussianBlur", { stdDeviation: "2" }),
|
|
6145
|
-
/* @__PURE__ */ jsx22("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
|
|
6146
|
-
/* @__PURE__ */ jsx22(
|
|
6147
|
-
"feColorMatrix",
|
|
6148
|
-
{
|
|
6149
|
-
type: "matrix",
|
|
6150
|
-
values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.08 0"
|
|
6151
|
-
}
|
|
6152
|
-
),
|
|
6153
|
-
/* @__PURE__ */ jsx22(
|
|
6154
|
-
"feBlend",
|
|
6155
|
-
{
|
|
6156
|
-
mode: "normal",
|
|
6157
|
-
in2: "shape",
|
|
6158
|
-
result: "effect1_innerShadow_2648_1158"
|
|
6159
|
-
}
|
|
6160
|
-
)
|
|
6161
|
-
]
|
|
6162
|
-
}
|
|
6163
|
-
),
|
|
6164
|
-
/* @__PURE__ */ jsx22("clipPath", { id: "clip0_2648_1158", children: /* @__PURE__ */ jsx22("rect", { width: "40", height: "40", fill: "white" }) })
|
|
6165
|
-
] })
|
|
6166
|
-
]
|
|
5796
|
+
width: "19",
|
|
5797
|
+
height: "10",
|
|
5798
|
+
viewBox: "0 0 19 10",
|
|
5799
|
+
fill: "none",
|
|
5800
|
+
children: /* @__PURE__ */ jsx22(
|
|
5801
|
+
"path",
|
|
5802
|
+
{
|
|
5803
|
+
d: "M18.6992 8.5C18.6992 8.9125 18.3617 9.25 17.9492 9.25H1.44922C1.03672 9.25 0.699219 8.9125 0.699219 8.5V1C0.699219 0.5875 1.03672 0.25 1.44922 0.25H17.9492C18.3617 0.25 18.6992 0.5875 18.6992 1V8.5Z",
|
|
5804
|
+
fill: "#FF4B34"
|
|
5805
|
+
}
|
|
5806
|
+
)
|
|
6167
5807
|
}
|
|
6168
5808
|
);
|
|
6169
5809
|
};
|
|
@@ -6191,9 +5831,9 @@ var PlayIcon = () => {
|
|
|
6191
5831
|
};
|
|
6192
5832
|
|
|
6193
5833
|
// src/icons/reset-icon.tsx
|
|
6194
|
-
import { jsx as jsx24, jsxs as
|
|
5834
|
+
import { jsx as jsx24, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
6195
5835
|
var ResetIcon = () => {
|
|
6196
|
-
return /* @__PURE__ */
|
|
5836
|
+
return /* @__PURE__ */ jsxs10(
|
|
6197
5837
|
"svg",
|
|
6198
5838
|
{
|
|
6199
5839
|
width: "16",
|
|
@@ -6251,9 +5891,9 @@ var SearchIcon = () => {
|
|
|
6251
5891
|
};
|
|
6252
5892
|
|
|
6253
5893
|
// src/icons/setting-icon.tsx
|
|
6254
|
-
import { jsx as jsx26, jsxs as
|
|
5894
|
+
import { jsx as jsx26, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
6255
5895
|
var SettingIcon = ({ className = "" }) => {
|
|
6256
|
-
return /* @__PURE__ */
|
|
5896
|
+
return /* @__PURE__ */ jsxs11(
|
|
6257
5897
|
"svg",
|
|
6258
5898
|
{
|
|
6259
5899
|
width: "16",
|
|
@@ -6345,9 +5985,9 @@ var UnArchiveIcon = () => {
|
|
|
6345
5985
|
};
|
|
6346
5986
|
|
|
6347
5987
|
// src/icons/vector-icon.tsx
|
|
6348
|
-
import { jsx as jsx30, jsxs as
|
|
5988
|
+
import { jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
6349
5989
|
var VectorIcon = () => {
|
|
6350
|
-
return /* @__PURE__ */
|
|
5990
|
+
return /* @__PURE__ */ jsxs12(
|
|
6351
5991
|
"svg",
|
|
6352
5992
|
{
|
|
6353
5993
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -6376,9 +6016,9 @@ var VectorIcon = () => {
|
|
|
6376
6016
|
};
|
|
6377
6017
|
|
|
6378
6018
|
// src/icons/zip-icon.tsx
|
|
6379
|
-
import { jsx as jsx31, jsxs as
|
|
6019
|
+
import { jsx as jsx31, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
6380
6020
|
var ZipIcon = () => {
|
|
6381
|
-
return /* @__PURE__ */
|
|
6021
|
+
return /* @__PURE__ */ jsxs13(
|
|
6382
6022
|
"svg",
|
|
6383
6023
|
{
|
|
6384
6024
|
width: "40",
|
|
@@ -6387,8 +6027,8 @@ var ZipIcon = () => {
|
|
|
6387
6027
|
fill: "none",
|
|
6388
6028
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6389
6029
|
children: [
|
|
6390
|
-
/* @__PURE__ */
|
|
6391
|
-
/* @__PURE__ */
|
|
6030
|
+
/* @__PURE__ */ jsxs13("g", { clipPath: "url(#clip0_3042_66427)", children: [
|
|
6031
|
+
/* @__PURE__ */ jsxs13("g", { filter: "url(#filter0_di_3042_66427)", children: [
|
|
6392
6032
|
/* @__PURE__ */ jsx31(
|
|
6393
6033
|
"path",
|
|
6394
6034
|
{
|
|
@@ -6413,7 +6053,7 @@ var ZipIcon = () => {
|
|
|
6413
6053
|
strokeWidth: "1.5"
|
|
6414
6054
|
}
|
|
6415
6055
|
),
|
|
6416
|
-
/* @__PURE__ */
|
|
6056
|
+
/* @__PURE__ */ jsxs13("g", { filter: "url(#filter1_i_3042_66427)", children: [
|
|
6417
6057
|
/* @__PURE__ */ jsx31("mask", { id: "path-4-inside-1_3042_66427", fill: "white", children: /* @__PURE__ */ jsx31("path", { d: "M0 22C0 19.7909 1.79086 18 4 18H20C22.2091 18 24 19.7909 24 22V30C24 32.2091 22.2091 34 20 34H4C1.79086 34 0 32.2091 0 30V22Z" }) }),
|
|
6418
6058
|
/* @__PURE__ */ jsx31(
|
|
6419
6059
|
"path",
|
|
@@ -6440,8 +6080,8 @@ var ZipIcon = () => {
|
|
|
6440
6080
|
)
|
|
6441
6081
|
] })
|
|
6442
6082
|
] }),
|
|
6443
|
-
/* @__PURE__ */
|
|
6444
|
-
/* @__PURE__ */
|
|
6083
|
+
/* @__PURE__ */ jsxs13("defs", { children: [
|
|
6084
|
+
/* @__PURE__ */ jsxs13(
|
|
6445
6085
|
"filter",
|
|
6446
6086
|
{
|
|
6447
6087
|
id: "filter0_di_3042_66427",
|
|
@@ -6519,7 +6159,7 @@ var ZipIcon = () => {
|
|
|
6519
6159
|
]
|
|
6520
6160
|
}
|
|
6521
6161
|
),
|
|
6522
|
-
/* @__PURE__ */
|
|
6162
|
+
/* @__PURE__ */ jsxs13(
|
|
6523
6163
|
"filter",
|
|
6524
6164
|
{
|
|
6525
6165
|
id: "filter1_i_3042_66427",
|
|
@@ -6578,7 +6218,7 @@ var ZipIcon = () => {
|
|
|
6578
6218
|
};
|
|
6579
6219
|
|
|
6580
6220
|
// src/icons/loading-icon.tsx
|
|
6581
|
-
import { jsx as jsx32, jsxs as
|
|
6221
|
+
import { jsx as jsx32, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
6582
6222
|
var LoadingIcon = ({
|
|
6583
6223
|
width = 15,
|
|
6584
6224
|
height = 15,
|
|
@@ -6599,7 +6239,7 @@ var LoadingIcon = ({
|
|
|
6599
6239
|
background: "transparent"
|
|
6600
6240
|
},
|
|
6601
6241
|
...props,
|
|
6602
|
-
children: /* @__PURE__ */
|
|
6242
|
+
children: /* @__PURE__ */ jsxs14("g", { children: [
|
|
6603
6243
|
/* @__PURE__ */ jsx32(
|
|
6604
6244
|
"circle",
|
|
6605
6245
|
{
|
|
@@ -6630,8 +6270,8 @@ var LoadingIcon = ({
|
|
|
6630
6270
|
};
|
|
6631
6271
|
|
|
6632
6272
|
// src/icons/paid-icon.tsx
|
|
6633
|
-
import { jsx as jsx33, jsxs as
|
|
6634
|
-
var PaidIcon = () => /* @__PURE__ */
|
|
6273
|
+
import { jsx as jsx33, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
6274
|
+
var PaidIcon = () => /* @__PURE__ */ jsxs15(
|
|
6635
6275
|
"svg",
|
|
6636
6276
|
{
|
|
6637
6277
|
width: "208",
|
|
@@ -6640,7 +6280,7 @@ var PaidIcon = () => /* @__PURE__ */ jsxs17(
|
|
|
6640
6280
|
fill: "none",
|
|
6641
6281
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6642
6282
|
children: [
|
|
6643
|
-
/* @__PURE__ */
|
|
6283
|
+
/* @__PURE__ */ jsxs15("g", { opacity: "0.5", filter: "url(#filter0_d_615_26793)", children: [
|
|
6644
6284
|
/* @__PURE__ */ jsx33(
|
|
6645
6285
|
"path",
|
|
6646
6286
|
{
|
|
@@ -6716,8 +6356,8 @@ var PaidIcon = () => /* @__PURE__ */ jsxs17(
|
|
|
6716
6356
|
}
|
|
6717
6357
|
)
|
|
6718
6358
|
] }),
|
|
6719
|
-
/* @__PURE__ */
|
|
6720
|
-
/* @__PURE__ */
|
|
6359
|
+
/* @__PURE__ */ jsxs15("defs", { children: [
|
|
6360
|
+
/* @__PURE__ */ jsxs15(
|
|
6721
6361
|
"filter",
|
|
6722
6362
|
{
|
|
6723
6363
|
id: "filter0_d_615_26793",
|
|
@@ -6814,13 +6454,13 @@ var PlaceHolderIcon = () => {
|
|
|
6814
6454
|
};
|
|
6815
6455
|
|
|
6816
6456
|
// src/icons/google-icon.tsx
|
|
6817
|
-
import { jsx as jsx35, jsxs as
|
|
6457
|
+
import { jsx as jsx35, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
6818
6458
|
var GoogleIcon = ({
|
|
6819
6459
|
width = 20,
|
|
6820
6460
|
height = 20,
|
|
6821
6461
|
...props
|
|
6822
6462
|
}) => {
|
|
6823
|
-
return /* @__PURE__ */
|
|
6463
|
+
return /* @__PURE__ */ jsxs16(
|
|
6824
6464
|
"svg",
|
|
6825
6465
|
{
|
|
6826
6466
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -6865,9 +6505,9 @@ var GoogleIcon = ({
|
|
|
6865
6505
|
};
|
|
6866
6506
|
|
|
6867
6507
|
// src/icons/eye-closed-icon.tsx
|
|
6868
|
-
import { jsx as jsx36, jsxs as
|
|
6508
|
+
import { jsx as jsx36, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
6869
6509
|
var EyeClosedIcon = () => {
|
|
6870
|
-
return /* @__PURE__ */
|
|
6510
|
+
return /* @__PURE__ */ jsxs17(
|
|
6871
6511
|
"svg",
|
|
6872
6512
|
{
|
|
6873
6513
|
width: "20",
|
|
@@ -6932,9 +6572,9 @@ var DeleteIconDanger = () => {
|
|
|
6932
6572
|
};
|
|
6933
6573
|
|
|
6934
6574
|
// src/icons/image-icon.tsx
|
|
6935
|
-
import { jsx as jsx38, jsxs as
|
|
6575
|
+
import { jsx as jsx38, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
6936
6576
|
var ImageIcon = () => {
|
|
6937
|
-
return /* @__PURE__ */
|
|
6577
|
+
return /* @__PURE__ */ jsxs18(
|
|
6938
6578
|
"svg",
|
|
6939
6579
|
{
|
|
6940
6580
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -6977,35 +6617,35 @@ var ImageIcon = () => {
|
|
|
6977
6617
|
};
|
|
6978
6618
|
|
|
6979
6619
|
// src/icons/video-icon.tsx
|
|
6980
|
-
import { jsx as jsx39, jsxs as
|
|
6620
|
+
import { jsx as jsx39, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
6981
6621
|
var VideoIcon = () => {
|
|
6982
|
-
return /* @__PURE__ */
|
|
6622
|
+
return /* @__PURE__ */ jsxs19(
|
|
6983
6623
|
"svg",
|
|
6984
6624
|
{
|
|
6985
6625
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6986
6626
|
width: "22",
|
|
6987
|
-
height: "
|
|
6988
|
-
viewBox: "0 0 22
|
|
6627
|
+
height: "20",
|
|
6628
|
+
viewBox: "0 0 22 20",
|
|
6989
6629
|
fill: "none",
|
|
6990
6630
|
children: [
|
|
6991
6631
|
/* @__PURE__ */ jsx39(
|
|
6992
6632
|
"path",
|
|
6993
6633
|
{
|
|
6994
|
-
d: "M22.0001
|
|
6634
|
+
d: "M22.0001 1.60859L22.0001 18.3914C22.0001 19.2798 21.2799 20 20.3915 20H1.61054C0.722142 20 0.00195312 19.2798 0.00195312 18.3914V1.60859C0.00195312 0.720189 0.722143 0 1.61054 0H20.3915C21.2799 0 22.0001 0.720189 22.0001 1.60859Z",
|
|
6995
6635
|
fill: "#435E88"
|
|
6996
6636
|
}
|
|
6997
6637
|
),
|
|
6998
6638
|
/* @__PURE__ */ jsx39(
|
|
6999
6639
|
"path",
|
|
7000
6640
|
{
|
|
7001
|
-
d: "M21.9974
|
|
6641
|
+
d: "M21.9974 1.60515L21.9981 18.3914C21.9981 19.2782 21.2797 20 20.3895 20H1.60863C0.721846 20 0 19.2782 0 18.3914L20.3888 0C21.2791 0 21.9974 0.718322 21.9974 1.60515Z",
|
|
7002
6642
|
fill: "#33527D"
|
|
7003
6643
|
}
|
|
7004
6644
|
),
|
|
7005
6645
|
/* @__PURE__ */ jsx39(
|
|
7006
6646
|
"path",
|
|
7007
6647
|
{
|
|
7008
|
-
d: "M3.96875 14.
|
|
6648
|
+
d: "M3.96875 14.3779C4.15191 14.3782 4.30078 14.5267 4.30078 14.71V16.623C4.30078 16.8063 4.15191 16.9549 3.96875 16.9551H2.05469C1.87133 16.9551 1.72266 16.8064 1.72266 16.623V14.71C1.72266 14.5266 1.87133 14.3779 2.05469 14.3779H3.96875ZM19.9492 14.3779C20.1326 14.3779 20.2812 14.5266 20.2812 14.71V16.623C20.2812 16.8064 20.1326 16.9551 19.9492 16.9551H18.0361C17.8528 16.9551 17.7041 16.8064 17.7041 16.623V14.71C17.7041 14.5266 17.8528 14.3779 18.0361 14.3779H19.9492ZM8.59473 7.05566C8.59499 6.5953 9.10791 6.32103 9.49121 6.57617L14.1484 9.67578C14.4914 9.90408 14.4914 10.4084 14.1484 10.6367L9.49121 13.7363C9.10788 13.9915 8.59493 13.7173 8.59473 13.2568V7.05566ZM3.96875 10.1592C4.15175 10.1594 4.30052 10.3072 4.30078 10.4902V12.4043C4.30078 12.5875 4.15191 12.7361 3.96875 12.7363H2.05469C1.87133 12.7363 1.72266 12.5877 1.72266 12.4043V10.4902C1.72292 10.3071 1.87149 10.1592 2.05469 10.1592H3.96875ZM19.9492 10.1592C20.1324 10.1592 20.281 10.3071 20.2812 10.4902V12.4043C20.2812 12.5877 20.1326 12.7363 19.9492 12.7363H18.0361C17.8528 12.7363 17.7041 12.5877 17.7041 12.4043V10.4902C17.7044 10.3071 17.8529 10.1592 18.0361 10.1592H19.9492ZM3.96875 5.9375C4.15177 5.93773 4.30055 6.08651 4.30078 6.26953V8.18359C4.30078 8.36681 4.15191 8.5154 3.96875 8.51562H2.05469C1.87133 8.51562 1.72266 8.36695 1.72266 8.18359V6.26953C1.72289 6.08637 1.87147 5.9375 2.05469 5.9375H3.96875ZM19.9492 5.9375C20.1324 5.9375 20.281 6.08637 20.2812 6.26953V8.18359C20.2812 8.36695 20.1326 8.51562 19.9492 8.51562H18.0361C17.8528 8.51562 17.7041 8.36695 17.7041 8.18359V6.26953C17.7043 6.08637 17.8529 5.9375 18.0361 5.9375H19.9492ZM3.96875 1.71875C4.15181 1.71898 4.3006 1.86771 4.30078 2.05078V3.96484C4.30078 4.14806 4.15191 4.29665 3.96875 4.29688H2.05469C1.87133 4.29688 1.72266 4.1482 1.72266 3.96484V2.05078C1.72283 1.86757 1.87144 1.71875 2.05469 1.71875H3.96875ZM19.9492 1.71875C20.1325 1.71875 20.2811 1.86757 20.2812 2.05078V3.96484C20.2812 4.1482 20.1326 4.29688 19.9492 4.29688H18.0361C17.8528 4.29688 17.7041 4.1482 17.7041 3.96484V2.05078C17.7043 1.86757 17.8529 1.71875 18.0361 1.71875H19.9492Z",
|
|
7009
6649
|
fill: "white"
|
|
7010
6650
|
}
|
|
7011
6651
|
)
|
|
@@ -10664,7 +10304,7 @@ import { jsx as jsx41 } from "react/jsx-runtime";
|
|
|
10664
10304
|
var IcArrow = () => /* @__PURE__ */ jsx41("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", children: /* @__PURE__ */ jsx41("path", { d: "M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z" }) });
|
|
10665
10305
|
|
|
10666
10306
|
// src/widgets/advanced/pagination/pagination-view.tsx
|
|
10667
|
-
import { jsx as jsx42, jsxs as
|
|
10307
|
+
import { jsx as jsx42, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
10668
10308
|
var PaginationView = (props) => {
|
|
10669
10309
|
const {
|
|
10670
10310
|
displayPageNumberDots,
|
|
@@ -10697,8 +10337,8 @@ var PaginationView = (props) => {
|
|
|
10697
10337
|
let lastPage = paginationRange[paginationRange.length - 1];
|
|
10698
10338
|
const startPage = currentPage * pageSize + 1;
|
|
10699
10339
|
const endPage = Math.min((currentPage + 1) * pageSize, totalCount);
|
|
10700
|
-
return /* @__PURE__ */
|
|
10701
|
-
!displayPageNumberDots && /* @__PURE__ */
|
|
10340
|
+
return /* @__PURE__ */ jsxs20("ul", { className: `pagination-container rounded-lg ${className}`, children: [
|
|
10341
|
+
!displayPageNumberDots && /* @__PURE__ */ jsxs20("li", { className: "pagination-item px-0", children: [
|
|
10702
10342
|
startPage,
|
|
10703
10343
|
" - ",
|
|
10704
10344
|
endPage,
|
|
@@ -10749,7 +10389,7 @@ var PaginationView = (props) => {
|
|
|
10749
10389
|
import { useState as useState3 } from "react";
|
|
10750
10390
|
|
|
10751
10391
|
// src/widgets/advanced/table/table-group.tsx
|
|
10752
|
-
import { Fragment as Fragment2, jsx as jsx43, jsxs as
|
|
10392
|
+
import { Fragment as Fragment2, jsx as jsx43, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
10753
10393
|
var TableGroup = (props) => {
|
|
10754
10394
|
const { t: t3 } = useI18n();
|
|
10755
10395
|
const {
|
|
@@ -10799,8 +10439,8 @@ var TableGroup = (props) => {
|
|
|
10799
10439
|
setSelectedRowKeys
|
|
10800
10440
|
});
|
|
10801
10441
|
const leftPadding = level > 1 ? level * 8 + "px" : "0px";
|
|
10802
|
-
return /* @__PURE__ */
|
|
10803
|
-
/* @__PURE__ */
|
|
10442
|
+
return /* @__PURE__ */ jsxs21(Fragment2, { children: [
|
|
10443
|
+
/* @__PURE__ */ jsxs21(
|
|
10804
10444
|
"tr",
|
|
10805
10445
|
{
|
|
10806
10446
|
draggable: true,
|
|
@@ -10813,13 +10453,13 @@ var TableGroup = (props) => {
|
|
|
10813
10453
|
colSpan: colEmptyGroup.fromStart ?? 1,
|
|
10814
10454
|
style: { display: "table-cell" },
|
|
10815
10455
|
className: "relative w-max whitespace-nowrap border-b border-gray-200 p-3 text-sm font-normal text-gray-900 h-[53px]",
|
|
10816
|
-
children: /* @__PURE__ */
|
|
10456
|
+
children: /* @__PURE__ */ jsxs21(
|
|
10817
10457
|
"div",
|
|
10818
10458
|
{
|
|
10819
10459
|
style: { paddingLeft: leftPadding },
|
|
10820
10460
|
className: `flex items-center justify-between gap-2 font-medium ml-2 z-21`,
|
|
10821
10461
|
children: [
|
|
10822
|
-
/* @__PURE__ */
|
|
10462
|
+
/* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
|
|
10823
10463
|
/* @__PURE__ */ jsx43(
|
|
10824
10464
|
TriangleIcon,
|
|
10825
10465
|
{
|
|
@@ -10906,7 +10546,7 @@ var TableGroup = (props) => {
|
|
|
10906
10546
|
|
|
10907
10547
|
// src/widgets/advanced/table/table-row.tsx
|
|
10908
10548
|
import { useEffect as useEffect5, useMemo as useMemo3, useRef as useRef4 } from "react";
|
|
10909
|
-
import { Fragment as Fragment3, jsx as jsx44, jsxs as
|
|
10549
|
+
import { Fragment as Fragment3, jsx as jsx44, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
10910
10550
|
var Row = (props) => {
|
|
10911
10551
|
const {
|
|
10912
10552
|
row,
|
|
@@ -10977,7 +10617,7 @@ var Row = (props) => {
|
|
|
10977
10617
|
{
|
|
10978
10618
|
"data-row-id": row?.id,
|
|
10979
10619
|
className: `border-b border-[#e8e8e8] cursor-pointer`,
|
|
10980
|
-
children: /* @__PURE__ */
|
|
10620
|
+
children: /* @__PURE__ */ jsxs22(Fragment3, { children: [
|
|
10981
10621
|
isDisplayCheckbox && /* @__PURE__ */ jsx44(
|
|
10982
10622
|
"td",
|
|
10983
10623
|
{
|
|
@@ -11130,7 +10770,7 @@ var TableBody = (props) => {
|
|
|
11130
10770
|
// src/widgets/advanced/table/table-filter.tsx
|
|
11131
10771
|
import { useEffect as useEffect6, useRef as useRef5, useState as useState4 } from "react";
|
|
11132
10772
|
import { createPortal } from "react-dom";
|
|
11133
|
-
import { jsx as jsx46, jsxs as
|
|
10773
|
+
import { jsx as jsx46, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
11134
10774
|
var TableFilter = ({ columns, onToggleColumnOptional }) => {
|
|
11135
10775
|
const [openTableFilter, setOpenTableFilter] = useState4();
|
|
11136
10776
|
const [filterPosition, setFilterPosition] = useState4(null);
|
|
@@ -11162,7 +10802,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
|
|
|
11162
10802
|
window.removeEventListener("resize", updatePosition);
|
|
11163
10803
|
};
|
|
11164
10804
|
}, [filterRef, openTableFilter]);
|
|
11165
|
-
return /* @__PURE__ */
|
|
10805
|
+
return /* @__PURE__ */ jsxs23(
|
|
11166
10806
|
"div",
|
|
11167
10807
|
{
|
|
11168
10808
|
ref: filterRef,
|
|
@@ -11179,7 +10819,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
|
|
|
11179
10819
|
onClick: () => {
|
|
11180
10820
|
setOpenTableFilter(!openTableFilter);
|
|
11181
10821
|
},
|
|
11182
|
-
children: /* @__PURE__ */
|
|
10822
|
+
children: /* @__PURE__ */ jsxs23(
|
|
11183
10823
|
"svg",
|
|
11184
10824
|
{
|
|
11185
10825
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -11247,7 +10887,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
|
|
|
11247
10887
|
},
|
|
11248
10888
|
className: "absolute z-[9999] flex w-[250px] h-auto max-h-[800%] overflow-auto flex-col gap-[16px] rounded-[8px] bg-[#fff] px-[24px] py-[16px] shadow-md",
|
|
11249
10889
|
children: columns?.filter((val) => val?.optional !== void 0)?.map((item) => {
|
|
11250
|
-
return /* @__PURE__ */
|
|
10890
|
+
return /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
|
|
11251
10891
|
/* @__PURE__ */ jsx46(
|
|
11252
10892
|
"input",
|
|
11253
10893
|
{
|
|
@@ -11278,14 +10918,14 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
|
|
|
11278
10918
|
};
|
|
11279
10919
|
|
|
11280
10920
|
// src/widgets/advanced/table/table-footer.tsx
|
|
11281
|
-
import { jsx as jsx47, jsxs as
|
|
10921
|
+
import { jsx as jsx47, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
11282
10922
|
var TableFooter = ({ onAddRow, rows }) => {
|
|
11283
10923
|
const emptyData = rows?.length <= 0;
|
|
11284
10924
|
return /* @__PURE__ */ jsx47("tfoot", { children: /* @__PURE__ */ jsx47("tr", { className: `relative ${emptyData ? " h-20" : "h-14"}`, children: /* @__PURE__ */ jsx47(
|
|
11285
10925
|
"td",
|
|
11286
10926
|
{
|
|
11287
10927
|
className: `absolute left-0 p-0 right-0 flex items-center ${emptyData ? "justify-center" : "justify-start"}`,
|
|
11288
|
-
children: /* @__PURE__ */
|
|
10928
|
+
children: /* @__PURE__ */ jsxs24(
|
|
11289
10929
|
"button",
|
|
11290
10930
|
{
|
|
11291
10931
|
type: "button",
|
|
@@ -11295,7 +10935,7 @@ var TableFooter = ({ onAddRow, rows }) => {
|
|
|
11295
10935
|
},
|
|
11296
10936
|
className: `button-primary m-2 flex ${!emptyData ? "!bg-white border border-primary " : ""}`,
|
|
11297
10937
|
children: [
|
|
11298
|
-
/* @__PURE__ */
|
|
10938
|
+
/* @__PURE__ */ jsxs24(
|
|
11299
10939
|
"svg",
|
|
11300
10940
|
{
|
|
11301
10941
|
style: {
|
|
@@ -13135,7 +12775,7 @@ var M = e2.forwardRef(({ id: t3, anchorId: l2, anchorSelect: n4, content: i3, ht
|
|
|
13135
12775
|
});
|
|
13136
12776
|
|
|
13137
12777
|
// src/widgets/advanced/table/table-head.tsx
|
|
13138
|
-
import { Fragment as Fragment4, jsx as jsx48, jsxs as
|
|
12778
|
+
import { Fragment as Fragment4, jsx as jsx48, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
13139
12779
|
var TableHead = (props) => {
|
|
13140
12780
|
const {
|
|
13141
12781
|
handleCheckBoxAll,
|
|
@@ -13145,7 +12785,7 @@ var TableHead = (props) => {
|
|
|
13145
12785
|
onRemoveRow,
|
|
13146
12786
|
onToggleColumnOptional
|
|
13147
12787
|
} = props;
|
|
13148
|
-
return /* @__PURE__ */ jsx48("thead", { className: "relative z-10", children: /* @__PURE__ */
|
|
12788
|
+
return /* @__PURE__ */ jsx48("thead", { className: "relative z-10", children: /* @__PURE__ */ jsxs25(
|
|
13149
12789
|
"tr",
|
|
13150
12790
|
{
|
|
13151
12791
|
style: {
|
|
@@ -13177,9 +12817,9 @@ var TableHead = (props) => {
|
|
|
13177
12817
|
"th",
|
|
13178
12818
|
{
|
|
13179
12819
|
className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606]`,
|
|
13180
|
-
children: /* @__PURE__ */
|
|
12820
|
+
children: /* @__PURE__ */ jsxs25("div", { className: "cursor-pointer flex items-center gap-[4px] w-full min-w-max group relative", children: [
|
|
13181
12821
|
col.title,
|
|
13182
|
-
col?.field?.help && /* @__PURE__ */
|
|
12822
|
+
col?.field?.help && /* @__PURE__ */ jsxs25(Fragment4, { children: [
|
|
13183
12823
|
/* @__PURE__ */ jsx48(
|
|
13184
12824
|
M,
|
|
13185
12825
|
{
|
|
@@ -13241,9 +12881,9 @@ var TableHead = (props) => {
|
|
|
13241
12881
|
};
|
|
13242
12882
|
|
|
13243
12883
|
// src/icons/empty-table-icon.tsx
|
|
13244
|
-
import { jsx as jsx49, jsxs as
|
|
12884
|
+
import { jsx as jsx49, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
13245
12885
|
var IcEmptyTable = () => {
|
|
13246
|
-
return /* @__PURE__ */
|
|
12886
|
+
return /* @__PURE__ */ jsxs26(
|
|
13247
12887
|
"svg",
|
|
13248
12888
|
{
|
|
13249
12889
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -13252,7 +12892,7 @@ var IcEmptyTable = () => {
|
|
|
13252
12892
|
viewBox: "0 0 216 140",
|
|
13253
12893
|
fill: "none",
|
|
13254
12894
|
children: [
|
|
13255
|
-
/* @__PURE__ */
|
|
12895
|
+
/* @__PURE__ */ jsxs26("g", { clipPath: "url(#clip0_2454_28950)", children: [
|
|
13256
12896
|
/* @__PURE__ */ jsx49("path", { d: "M215.5 0H0.5V140H215.5V0Z", fill: "white" }),
|
|
13257
12897
|
/* @__PURE__ */ jsx49(
|
|
13258
12898
|
"path",
|
|
@@ -13572,12 +13212,12 @@ var IcEmptyTable = () => {
|
|
|
13572
13212
|
};
|
|
13573
13213
|
|
|
13574
13214
|
// src/widgets/advanced/table/empty-table.tsx
|
|
13575
|
-
import { jsx as jsx50, jsxs as
|
|
13215
|
+
import { jsx as jsx50, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
13576
13216
|
var EmptyTable = () => {
|
|
13577
13217
|
const { t: t3 } = useI18n();
|
|
13578
|
-
return /* @__PURE__ */
|
|
13218
|
+
return /* @__PURE__ */ jsxs27("div", { className: `flex flex-col items-center justify-center gap-6 `, children: [
|
|
13579
13219
|
/* @__PURE__ */ jsx50(IcEmptyTable, {}),
|
|
13580
|
-
/* @__PURE__ */
|
|
13220
|
+
/* @__PURE__ */ jsxs27("div", { children: [
|
|
13581
13221
|
/* @__PURE__ */ jsx50("p", {}),
|
|
13582
13222
|
/* @__PURE__ */ jsx50("p", { className: "text-xl font-extrabold", children: t3("empty_data") })
|
|
13583
13223
|
] })
|
|
@@ -15420,7 +15060,7 @@ Button.displayName = "Button";
|
|
|
15420
15060
|
|
|
15421
15061
|
// src/widgets/advanced/login/shared/text-input.tsx
|
|
15422
15062
|
import { useState as useState5 } from "react";
|
|
15423
|
-
import { jsx as jsx52, jsxs as
|
|
15063
|
+
import { jsx as jsx52, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
15424
15064
|
function TextInput(props) {
|
|
15425
15065
|
const {
|
|
15426
15066
|
className,
|
|
@@ -15434,12 +15074,12 @@ function TextInput(props) {
|
|
|
15434
15074
|
required
|
|
15435
15075
|
} = props;
|
|
15436
15076
|
const [showPassword, setShowPassword] = useState5(false);
|
|
15437
|
-
return /* @__PURE__ */
|
|
15438
|
-
label && /* @__PURE__ */
|
|
15077
|
+
return /* @__PURE__ */ jsxs28("div", { className: `flex justify-center gap-2 flex-col ${className}`, children: [
|
|
15078
|
+
label && /* @__PURE__ */ jsxs28("label", { className: "text-[#262626] text-sm leading-5 font-semibold", children: [
|
|
15439
15079
|
label,
|
|
15440
15080
|
required ? /* @__PURE__ */ jsx52("span", { className: "text-[#ff4d4f]", children: "*" }) : ""
|
|
15441
15081
|
] }),
|
|
15442
|
-
/* @__PURE__ */
|
|
15082
|
+
/* @__PURE__ */ jsxs28(
|
|
15443
15083
|
"div",
|
|
15444
15084
|
{
|
|
15445
15085
|
className: `flex h-14 w-full items-center border border-[#E0E0E0] px-4 py-3 ${inputWrapperClassName}`,
|
|
@@ -15476,7 +15116,7 @@ function TextInput(props) {
|
|
|
15476
15116
|
|
|
15477
15117
|
// src/widgets/advanced/login/provider/credential/form-options/index.tsx
|
|
15478
15118
|
import { useEffect as useEffect7 } from "react";
|
|
15479
|
-
import { jsx as jsx53, jsxs as
|
|
15119
|
+
import { jsx as jsx53, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
15480
15120
|
var STAY_LOGIN_IN = "stayLoginIn";
|
|
15481
15121
|
function FormOptions({
|
|
15482
15122
|
forgotPasswordUrl,
|
|
@@ -15502,8 +15142,8 @@ function FormOptions({
|
|
|
15502
15142
|
useEffect7(() => {
|
|
15503
15143
|
localStorage.setItem(STAY_LOGIN_IN, "false");
|
|
15504
15144
|
}, []);
|
|
15505
|
-
return /* @__PURE__ */
|
|
15506
|
-
/* @__PURE__ */
|
|
15145
|
+
return /* @__PURE__ */ jsxs29("div", { className: "flex justify-between items-center text-[#005aa9] text-sm leading-5 font-medium select-none", children: [
|
|
15146
|
+
/* @__PURE__ */ jsxs29("label", { className: "flex gap-3", children: [
|
|
15507
15147
|
/* @__PURE__ */ jsx53(
|
|
15508
15148
|
"input",
|
|
15509
15149
|
{
|
|
@@ -15520,7 +15160,7 @@ function FormOptions({
|
|
|
15520
15160
|
}
|
|
15521
15161
|
|
|
15522
15162
|
// src/widgets/advanced/login/provider/credential/index.tsx
|
|
15523
|
-
import { Fragment as Fragment5, jsx as jsx54, jsxs as
|
|
15163
|
+
import { Fragment as Fragment5, jsx as jsx54, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
15524
15164
|
var CredentialLogin = (props) => {
|
|
15525
15165
|
const {
|
|
15526
15166
|
shouldRenderDivider,
|
|
@@ -15540,15 +15180,15 @@ var CredentialLogin = (props) => {
|
|
|
15540
15180
|
mode: "onChange",
|
|
15541
15181
|
resolver: s3(loginSchema)
|
|
15542
15182
|
});
|
|
15543
|
-
return /* @__PURE__ */
|
|
15544
|
-
/* @__PURE__ */
|
|
15183
|
+
return /* @__PURE__ */ jsxs30(Fragment5, { children: [
|
|
15184
|
+
/* @__PURE__ */ jsxs30(
|
|
15545
15185
|
"form",
|
|
15546
15186
|
{
|
|
15547
15187
|
onSubmit: handleSubmit(onSubmit ?? (() => {
|
|
15548
15188
|
})),
|
|
15549
15189
|
className: `flex w-full h-fit flex-col gap-10`,
|
|
15550
15190
|
children: [
|
|
15551
|
-
/* @__PURE__ */
|
|
15191
|
+
/* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-6", children: [
|
|
15552
15192
|
/* @__PURE__ */ jsx54(
|
|
15553
15193
|
TextInput,
|
|
15554
15194
|
{
|
|
@@ -15597,7 +15237,7 @@ var CredentialLogin = (props) => {
|
|
|
15597
15237
|
]
|
|
15598
15238
|
}
|
|
15599
15239
|
),
|
|
15600
|
-
shouldRenderDivider && /* @__PURE__ */
|
|
15240
|
+
shouldRenderDivider && /* @__PURE__ */ jsxs30("div", { className: "flex justify-center relative", children: [
|
|
15601
15241
|
/* @__PURE__ */ jsx54("div", { className: "absolute inset-x-0 top-[calc(50%-0.5px)] h-[0.8px] bg-gray-300" }),
|
|
15602
15242
|
/* @__PURE__ */ jsx54("span", { className: "relative font-medium text-sm inline-block bg-white px-2.5 text-[#6e6e6e]", children: "ho\u1EB7c" })
|
|
15603
15243
|
] })
|
|
@@ -15605,10 +15245,10 @@ var CredentialLogin = (props) => {
|
|
|
15605
15245
|
};
|
|
15606
15246
|
|
|
15607
15247
|
// src/widgets/advanced/login/provider/google/google-btn/index.tsx
|
|
15608
|
-
import { jsx as jsx55, jsxs as
|
|
15248
|
+
import { jsx as jsx55, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
15609
15249
|
function GoogleButton(props) {
|
|
15610
15250
|
const { onLoginGoogle, db } = props;
|
|
15611
|
-
return /* @__PURE__ */
|
|
15251
|
+
return /* @__PURE__ */ jsxs31(
|
|
15612
15252
|
"button",
|
|
15613
15253
|
{
|
|
15614
15254
|
className: "google-wrapper w-full active:scale-[0.97] cursor-pointer hover:bg-gray-100 scale-100 transition-all gap-2 p-4 border border-[#e5e7eb] rounded-[10px] flex items-center justify-center bg-white",
|
|
@@ -15630,22 +15270,22 @@ function SocialRedirect(props) {
|
|
|
15630
15270
|
}
|
|
15631
15271
|
|
|
15632
15272
|
// src/widgets/advanced/login/provider/google/index.tsx
|
|
15633
|
-
import { Fragment as Fragment7, jsx as jsx57, jsxs as
|
|
15273
|
+
import { Fragment as Fragment7, jsx as jsx57, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
15634
15274
|
var GoogleLogin = ({ db, onLoginSocial, onLoginGoogle }) => {
|
|
15635
|
-
return /* @__PURE__ */
|
|
15275
|
+
return /* @__PURE__ */ jsxs32(Fragment7, { children: [
|
|
15636
15276
|
/* @__PURE__ */ jsx57(GoogleButton, { db, onLoginGoogle }),
|
|
15637
15277
|
/* @__PURE__ */ jsx57(SocialRedirect, { db, onLoginSocial })
|
|
15638
15278
|
] });
|
|
15639
15279
|
};
|
|
15640
15280
|
|
|
15641
15281
|
// src/widgets/advanced/login/index.tsx
|
|
15642
|
-
import { jsx as jsx58, jsxs as
|
|
15282
|
+
import { jsx as jsx58, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
15643
15283
|
var LoginProviderMapping = {
|
|
15644
15284
|
google: GoogleLogin
|
|
15645
15285
|
};
|
|
15646
15286
|
var Login = (props) => {
|
|
15647
15287
|
const { providers = [], forgotPasswordUrl = "/", db, onLoginSocial, onLoginGoogle } = props;
|
|
15648
|
-
return /* @__PURE__ */
|
|
15288
|
+
return /* @__PURE__ */ jsxs33("div", { className: "w-full space-y-8", children: [
|
|
15649
15289
|
/* @__PURE__ */ jsx58(
|
|
15650
15290
|
CredentialLogin,
|
|
15651
15291
|
{
|
|
@@ -15670,7 +15310,7 @@ var Login = (props) => {
|
|
|
15670
15310
|
};
|
|
15671
15311
|
|
|
15672
15312
|
// src/widgets/advanced/search/popup-filter/index.tsx
|
|
15673
|
-
import { jsx as jsx59, jsxs as
|
|
15313
|
+
import { jsx as jsx59, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
15674
15314
|
var PopupFilter = ({
|
|
15675
15315
|
handleAddTagSearch,
|
|
15676
15316
|
removeSearchItems,
|
|
@@ -15691,13 +15331,13 @@ var PopupFilter = ({
|
|
|
15691
15331
|
zIndex: 33
|
|
15692
15332
|
},
|
|
15693
15333
|
className: "popup-filter w-full overflow-x-auto rounded-lg border border-[var(--stroke-default)] bg-white shadow-xl",
|
|
15694
|
-
children: /* @__PURE__ */
|
|
15334
|
+
children: /* @__PURE__ */ jsxs34(
|
|
15695
15335
|
"div",
|
|
15696
15336
|
{
|
|
15697
15337
|
className: `flex py-3 ${(filterBy?.length === 0 || groupBy?.length === 0) && "!grid-cols-1"}`,
|
|
15698
15338
|
children: [
|
|
15699
|
-
filterBy?.length > 0 && /* @__PURE__ */
|
|
15700
|
-
/* @__PURE__ */
|
|
15339
|
+
filterBy?.length > 0 && /* @__PURE__ */ jsxs34("div", { className: "filter-by w-full px-3", children: [
|
|
15340
|
+
/* @__PURE__ */ jsxs34("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
|
|
15701
15341
|
/* @__PURE__ */ jsx59(FilterIcon, { className: "filter-by-icon text-primary" }),
|
|
15702
15342
|
/* @__PURE__ */ jsx59("span", { className: "font-bold text-sm text-[#212529]", children: t3("filter_by") })
|
|
15703
15343
|
] }),
|
|
@@ -15709,7 +15349,7 @@ var PopupFilter = ({
|
|
|
15709
15349
|
acc.push(/* @__PURE__ */ jsx59("hr", { className: "my-2" }, "separator-" + index4));
|
|
15710
15350
|
}
|
|
15711
15351
|
acc.push(
|
|
15712
|
-
/* @__PURE__ */
|
|
15352
|
+
/* @__PURE__ */ jsxs34(
|
|
15713
15353
|
"button",
|
|
15714
15354
|
{
|
|
15715
15355
|
className: `filter-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "filter-by-checked font-semibold " : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
|
|
@@ -15745,15 +15385,15 @@ var PopupFilter = ({
|
|
|
15745
15385
|
}, [])
|
|
15746
15386
|
] }),
|
|
15747
15387
|
filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ jsx59("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
|
|
15748
|
-
groupBy?.length > 0 && /* @__PURE__ */
|
|
15749
|
-
/* @__PURE__ */
|
|
15388
|
+
groupBy?.length > 0 && /* @__PURE__ */ jsxs34("div", { className: "group-by w-full px-3", children: [
|
|
15389
|
+
/* @__PURE__ */ jsxs34("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
|
|
15750
15390
|
/* @__PURE__ */ jsx59(GroupByIcon, { className: "group-by-icon text-primary" }),
|
|
15751
15391
|
/* @__PURE__ */ jsx59("span", { className: "font-bold text-sm text-[#212529]", children: t3("group_by") })
|
|
15752
15392
|
] }),
|
|
15753
15393
|
groupBy?.map((item, index4) => {
|
|
15754
15394
|
const isExist = item?.active;
|
|
15755
15395
|
if (!item.string) return;
|
|
15756
|
-
return /* @__PURE__ */
|
|
15396
|
+
return /* @__PURE__ */ jsxs34(
|
|
15757
15397
|
"button",
|
|
15758
15398
|
{
|
|
15759
15399
|
onClick: () => {
|
|
@@ -15797,7 +15437,7 @@ import { useEffect as useEffect8, useState as useState6 } from "react";
|
|
|
15797
15437
|
|
|
15798
15438
|
// src/widgets/advanced/search/tag-search/index.tsx
|
|
15799
15439
|
import { Fragment as Fragment8 } from "react";
|
|
15800
|
-
import { Fragment as Fragment9, jsx as jsx60, jsxs as
|
|
15440
|
+
import { Fragment as Fragment9, jsx as jsx60, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
15801
15441
|
var TagSearch = ({
|
|
15802
15442
|
removeSearchItems,
|
|
15803
15443
|
selectedTags,
|
|
@@ -15808,16 +15448,16 @@ var TagSearch = ({
|
|
|
15808
15448
|
return selectedTags?.length > 0 && selectedTags?.map((tag, index4) => {
|
|
15809
15449
|
if (tag?.values?.length > 0) {
|
|
15810
15450
|
if (tag?.type !== "group_by") {
|
|
15811
|
-
return /* @__PURE__ */
|
|
15451
|
+
return /* @__PURE__ */ jsxs35(
|
|
15812
15452
|
"div",
|
|
15813
15453
|
{
|
|
15814
15454
|
className: "flex min-h-full overflow-hidden rounded bg-[#E9ECEF] hover:shadow-xl",
|
|
15815
15455
|
children: [
|
|
15816
15456
|
/* @__PURE__ */ jsx60("div", { className: "bg-primary flex items-center justify-center px-2 text-sm font-semibold leading-[1.5] text-white", children: tag?.type === SearchType.SEARCH ? tag?.title : /* @__PURE__ */ jsx60(FilterIcon, {}) }),
|
|
15817
15457
|
/* @__PURE__ */ jsx60("div", { className: "pl-2 align-middle text-[#495057] text-[14px]", children: tag.values.map((value, idx) => {
|
|
15818
|
-
return /* @__PURE__ */
|
|
15458
|
+
return /* @__PURE__ */ jsxs35(Fragment8, { children: [
|
|
15819
15459
|
/* @__PURE__ */ jsx60("span", { children: value }),
|
|
15820
|
-
idx < tag.values.length - 1 && /* @__PURE__ */
|
|
15460
|
+
idx < tag.values.length - 1 && /* @__PURE__ */ jsxs35("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
|
|
15821
15461
|
" ",
|
|
15822
15462
|
instance.t("or"),
|
|
15823
15463
|
" "
|
|
@@ -15854,15 +15494,15 @@ var TagSearch = ({
|
|
|
15854
15494
|
{
|
|
15855
15495
|
className: "flex min-h-full overflow-hidden",
|
|
15856
15496
|
children: /* @__PURE__ */ jsx60("div", { className: "flex flex-wrap items-center gap-2 align-middle text-[#495057] text-[14px]", children: tag?.values?.length > 0 && tag?.values.map(
|
|
15857
|
-
(value, indexValue) => value?.strings?.length > 0 && /* @__PURE__ */
|
|
15497
|
+
(value, indexValue) => value?.strings?.length > 0 && /* @__PURE__ */ jsxs35(
|
|
15858
15498
|
"div",
|
|
15859
15499
|
{
|
|
15860
15500
|
className: "flex gap-2 overflow-hidden rounded bg-[#E9ECEF] hover:shadow-xl",
|
|
15861
15501
|
children: [
|
|
15862
15502
|
/* @__PURE__ */ jsx60("div", { className: "bg-primary flex items-center justify-center px-2 text-sm font-semibold leading-[1.5] text-white", children: /* @__PURE__ */ jsx60(GroupByIcon, {}) }),
|
|
15863
|
-
value?.strings?.map((string, idx) => /* @__PURE__ */
|
|
15503
|
+
value?.strings?.map((string, idx) => /* @__PURE__ */ jsxs35(Fragment9, { children: [
|
|
15864
15504
|
/* @__PURE__ */ jsx60("span", { children: string }),
|
|
15865
|
-
idx < value?.strings.length - 1 && /* @__PURE__ */
|
|
15505
|
+
idx < value?.strings.length - 1 && /* @__PURE__ */ jsxs35("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
|
|
15866
15506
|
" ",
|
|
15867
15507
|
"> ",
|
|
15868
15508
|
" "
|
|
@@ -15900,7 +15540,7 @@ var TagSearch = ({
|
|
|
15900
15540
|
};
|
|
15901
15541
|
|
|
15902
15542
|
// src/widgets/advanced/search/search-list/index.tsx
|
|
15903
|
-
import { jsx as jsx61, jsxs as
|
|
15543
|
+
import { jsx as jsx61, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
15904
15544
|
var SearchList = ({
|
|
15905
15545
|
handleAddTagSearch,
|
|
15906
15546
|
handleMouseEnter,
|
|
@@ -15922,7 +15562,7 @@ var SearchList = ({
|
|
|
15922
15562
|
if (!validateAndParseDate(searchString, searchItem?.type === "datetime"))
|
|
15923
15563
|
return;
|
|
15924
15564
|
}
|
|
15925
|
-
return /* @__PURE__ */
|
|
15565
|
+
return /* @__PURE__ */ jsxs36(
|
|
15926
15566
|
"button",
|
|
15927
15567
|
{
|
|
15928
15568
|
onClick: () => {
|
|
@@ -15969,7 +15609,7 @@ var SearchList = ({
|
|
|
15969
15609
|
};
|
|
15970
15610
|
|
|
15971
15611
|
// src/widgets/advanced/search/search-item/index.tsx
|
|
15972
|
-
import { Fragment as Fragment10, jsx as jsx62, jsxs as
|
|
15612
|
+
import { Fragment as Fragment10, jsx as jsx62, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
15973
15613
|
var Search = ({
|
|
15974
15614
|
removeSearchItems,
|
|
15975
15615
|
selectedTags,
|
|
@@ -16086,14 +15726,14 @@ var Search = ({
|
|
|
16086
15726
|
setDidInit(true);
|
|
16087
15727
|
setIsReadyFormatDomain(true);
|
|
16088
15728
|
}, [aid, filterBy, fieldsList]);
|
|
16089
|
-
return /* @__PURE__ */
|
|
15729
|
+
return /* @__PURE__ */ jsxs37(
|
|
16090
15730
|
"div",
|
|
16091
15731
|
{
|
|
16092
15732
|
ref: popupFilterRef,
|
|
16093
15733
|
className: `search gap-[8px] p-2 items-center flex !order-3 xl:!order-2 bg-white custom-search-input relative flex-1 xl:min-w-[480px] xl:flex-1 rounded-[10px] shadow-[0px_1px_3px_rgba(16,24,40,0.1),0px_1px_2px_rgba(16,24,40,0.06)] min-h-[40px] border border-[var(--stroke-default)]`,
|
|
16094
15734
|
children: [
|
|
16095
15735
|
/* @__PURE__ */ jsx62("div", { className: "size-5", children: /* @__PURE__ */ jsx62(SearchIcon, {}) }),
|
|
16096
|
-
/* @__PURE__ */
|
|
15736
|
+
/* @__PURE__ */ jsxs37("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
|
|
16097
15737
|
/* @__PURE__ */ jsx62(
|
|
16098
15738
|
TagSearch,
|
|
16099
15739
|
{
|
|
@@ -16126,8 +15766,8 @@ var Search = ({
|
|
|
16126
15766
|
}
|
|
16127
15767
|
)
|
|
16128
15768
|
] }),
|
|
16129
|
-
(showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */
|
|
16130
|
-
/* @__PURE__ */
|
|
15769
|
+
(showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ jsxs37(Fragment10, { children: [
|
|
15770
|
+
/* @__PURE__ */ jsxs37(
|
|
16131
15771
|
"div",
|
|
16132
15772
|
{
|
|
16133
15773
|
className: `flex h-full gap-2 cursor-pointer items-center justify-center max-w-fit`,
|
|
@@ -16181,7 +15821,7 @@ var ActiveBadgeField = (props) => {
|
|
|
16181
15821
|
// src/widgets/common/modal-layer.tsx
|
|
16182
15822
|
import { Fragment as Fragment12 } from "react";
|
|
16183
15823
|
import { Dialog, DialogPanel, Transition } from "@headlessui/react";
|
|
16184
|
-
import { jsx as jsx64, jsxs as
|
|
15824
|
+
import { jsx as jsx64, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
16185
15825
|
var ModalLayer = ({
|
|
16186
15826
|
isOpen,
|
|
16187
15827
|
onClose,
|
|
@@ -16199,10 +15839,10 @@ var ModalLayer = ({
|
|
|
16199
15839
|
leaveFrom: "transform scale-100 opacity-100",
|
|
16200
15840
|
leaveTo: "transform scale-95 opacity-0",
|
|
16201
15841
|
as: Fragment12,
|
|
16202
|
-
children: /* @__PURE__ */ jsx64(Dialog, { onClose, "aria-labelledby": "modal-title", children: /* @__PURE__ */ jsx64(DialogPanel, { children: /* @__PURE__ */
|
|
15842
|
+
children: /* @__PURE__ */ jsx64(Dialog, { onClose, "aria-labelledby": "modal-title", children: /* @__PURE__ */ jsx64(DialogPanel, { children: /* @__PURE__ */ jsxs38("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[500]", children: [
|
|
16203
15843
|
/* @__PURE__ */ jsx64("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
|
|
16204
|
-
/* @__PURE__ */ jsx64("div", { className: "flex items-center justify-center mx-4 absolute inset-0 overflow-auto", children: /* @__PURE__ */
|
|
16205
|
-
/* @__PURE__ */
|
|
15844
|
+
/* @__PURE__ */ jsx64("div", { className: "flex items-center justify-center mx-4 absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxs38("div", { className: " relative z-[1] mx-auto my-[88px] p-4 flex flex-col gap-2 max-w-[1000px] transform rounded-xl bg-[#FFF]", children: [
|
|
15845
|
+
/* @__PURE__ */ jsxs38(
|
|
16206
15846
|
"div",
|
|
16207
15847
|
{
|
|
16208
15848
|
className: `flex justify-between items-center border-[rgba(0,0,0,0.1)] pb-2`,
|
|
@@ -16228,7 +15868,7 @@ var ModalLayer = ({
|
|
|
16228
15868
|
};
|
|
16229
15869
|
|
|
16230
15870
|
// src/widgets/common/modal-confirm.tsx
|
|
16231
|
-
import { jsx as jsx65, jsxs as
|
|
15871
|
+
import { jsx as jsx65, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
16232
15872
|
var ModalConfirm = ({
|
|
16233
15873
|
name: name2,
|
|
16234
15874
|
isShowModal,
|
|
@@ -16242,7 +15882,7 @@ var ModalConfirm = ({
|
|
|
16242
15882
|
const renderButtonAction = (name3) => {
|
|
16243
15883
|
switch (name3) {
|
|
16244
15884
|
case "duplicate":
|
|
16245
|
-
return /* @__PURE__ */
|
|
15885
|
+
return /* @__PURE__ */ jsxs39(
|
|
16246
15886
|
"button",
|
|
16247
15887
|
{
|
|
16248
15888
|
type: "button",
|
|
@@ -16256,7 +15896,7 @@ var ModalConfirm = ({
|
|
|
16256
15896
|
}
|
|
16257
15897
|
);
|
|
16258
15898
|
case "archive":
|
|
16259
|
-
return /* @__PURE__ */
|
|
15899
|
+
return /* @__PURE__ */ jsxs39(
|
|
16260
15900
|
"button",
|
|
16261
15901
|
{
|
|
16262
15902
|
type: "button",
|
|
@@ -16270,7 +15910,7 @@ var ModalConfirm = ({
|
|
|
16270
15910
|
}
|
|
16271
15911
|
);
|
|
16272
15912
|
case "unarchive":
|
|
16273
|
-
return /* @__PURE__ */
|
|
15913
|
+
return /* @__PURE__ */ jsxs39(
|
|
16274
15914
|
"button",
|
|
16275
15915
|
{
|
|
16276
15916
|
type: "button",
|
|
@@ -16284,7 +15924,7 @@ var ModalConfirm = ({
|
|
|
16284
15924
|
}
|
|
16285
15925
|
);
|
|
16286
15926
|
case "delete":
|
|
16287
|
-
return /* @__PURE__ */
|
|
15927
|
+
return /* @__PURE__ */ jsxs39(
|
|
16288
15928
|
"button",
|
|
16289
15929
|
{
|
|
16290
15930
|
type: "button",
|
|
@@ -16301,12 +15941,12 @@ var ModalConfirm = ({
|
|
|
16301
15941
|
break;
|
|
16302
15942
|
}
|
|
16303
15943
|
};
|
|
16304
|
-
return /* @__PURE__ */ jsx65(ModalLayer, { isOpen: isShowModal, onClose, children: /* @__PURE__ */
|
|
16305
|
-
/* @__PURE__ */
|
|
15944
|
+
return /* @__PURE__ */ jsx65(ModalLayer, { isOpen: isShowModal, onClose, children: /* @__PURE__ */ jsxs39("div", { className: "mx-auto flex flex-col items-center justify-center gap-4", children: [
|
|
15945
|
+
/* @__PURE__ */ jsxs39("div", { className: "flex flex-col gap-[4px] items-center", children: [
|
|
16306
15946
|
/* @__PURE__ */ jsx65("div", { className: "text-[18px] font-bold", children: title }),
|
|
16307
15947
|
/* @__PURE__ */ jsx65("p", { className: "text-[16px]", children: content })
|
|
16308
15948
|
] }),
|
|
16309
|
-
/* @__PURE__ */
|
|
15949
|
+
/* @__PURE__ */ jsxs39("div", { className: "flex justify-center items-center gap-2 w-full", children: [
|
|
16310
15950
|
/* @__PURE__ */ jsx65(
|
|
16311
15951
|
"button",
|
|
16312
15952
|
{
|
|
@@ -16324,7 +15964,7 @@ var ModalConfirm = ({
|
|
|
16324
15964
|
// src/widgets/common/modal-detail.tsx
|
|
16325
15965
|
import { useState as useState7 } from "react";
|
|
16326
15966
|
import { createPortal as createPortal2 } from "react-dom";
|
|
16327
|
-
import { Fragment as Fragment13, jsx as jsx66, jsxs as
|
|
15967
|
+
import { Fragment as Fragment13, jsx as jsx66, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
16328
15968
|
var ModalDetail = ({
|
|
16329
15969
|
idToolTip,
|
|
16330
15970
|
title,
|
|
@@ -16347,11 +15987,11 @@ var ModalDetail = ({
|
|
|
16347
15987
|
window.location.href = `/form/menu?model=${model}&id=${idForm}`;
|
|
16348
15988
|
};
|
|
16349
15989
|
return createPortal2(
|
|
16350
|
-
/* @__PURE__ */ jsx66(Fragment13, { children: showModalDetail && /* @__PURE__ */
|
|
15990
|
+
/* @__PURE__ */ jsx66(Fragment13, { children: showModalDetail && /* @__PURE__ */ jsxs40("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[100]", children: [
|
|
16351
15991
|
/* @__PURE__ */ jsx66("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
|
|
16352
|
-
/* @__PURE__ */ jsx66("div", { className: "absolute inset-0 overflow-auto flex flex-col justify-center items-center px-5", children: /* @__PURE__ */
|
|
16353
|
-
/* @__PURE__ */
|
|
16354
|
-
/* @__PURE__ */
|
|
15992
|
+
/* @__PURE__ */ jsx66("div", { className: "absolute inset-0 overflow-auto flex flex-col justify-center items-center px-5", children: /* @__PURE__ */ jsxs40("div", { className: "relative z-[1] max-w-full p-4 flex flex-col gap-4 w-[1000px] transform rounded-3xl bg-[#FFF] h-[90%]", children: [
|
|
15993
|
+
/* @__PURE__ */ jsxs40("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
|
|
15994
|
+
/* @__PURE__ */ jsxs40(
|
|
16355
15995
|
"div",
|
|
16356
15996
|
{
|
|
16357
15997
|
id: "modal-detail",
|
|
@@ -16386,7 +16026,7 @@ var ModalDetail = ({
|
|
|
16386
16026
|
|
|
16387
16027
|
// src/widgets/common/loading-normal.tsx
|
|
16388
16028
|
import { useEffect as useEffect9, useState as useState8 } from "react";
|
|
16389
|
-
import { jsx as jsx67, jsxs as
|
|
16029
|
+
import { jsx as jsx67, jsxs as jsxs41 } from "react/jsx-runtime";
|
|
16390
16030
|
var LayerLoading = () => {
|
|
16391
16031
|
const { t: t3 } = useI18n();
|
|
16392
16032
|
const [activeIndex, setActiveIndex] = useState8(0);
|
|
@@ -16396,7 +16036,7 @@ var LayerLoading = () => {
|
|
|
16396
16036
|
}, 200);
|
|
16397
16037
|
return () => clearInterval(interval);
|
|
16398
16038
|
}, []);
|
|
16399
|
-
return /* @__PURE__ */ jsx67("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ jsx67("div", { className: "flex justify-center items-center", children: /* @__PURE__ */
|
|
16039
|
+
return /* @__PURE__ */ jsx67("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ jsx67("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ jsxs41("div", { className: "flex justify-center flex-col items-center gap-12", children: [
|
|
16400
16040
|
/* @__PURE__ */ jsx67("div", { className: "loading-container", children: [...Array(6)].map((_2, index4) => /* @__PURE__ */ jsx67(
|
|
16401
16041
|
"div",
|
|
16402
16042
|
{
|
|
@@ -16428,207 +16068,6 @@ var LoadingSmall = () => {
|
|
|
16428
16068
|
)) }) }) }) });
|
|
16429
16069
|
};
|
|
16430
16070
|
|
|
16431
|
-
// src/widgets/common/render-files.tsx
|
|
16432
|
-
import { useEffect as useEffect11, useRef as useRef6, useState as useState10 } from "react";
|
|
16433
|
-
import { jsx as jsx69, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
16434
|
-
var FileItem = (props) => {
|
|
16435
|
-
const {
|
|
16436
|
-
filename,
|
|
16437
|
-
index: index4,
|
|
16438
|
-
handleRemoveFile,
|
|
16439
|
-
handleFileDownload,
|
|
16440
|
-
src,
|
|
16441
|
-
mimetype,
|
|
16442
|
-
size: size4,
|
|
16443
|
-
id,
|
|
16444
|
-
envFile,
|
|
16445
|
-
accessToken
|
|
16446
|
-
} = props;
|
|
16447
|
-
const [name2, ext] = filename.split(".");
|
|
16448
|
-
const shortName = name2.length > 12 ? name2.slice(0, 6) : name2;
|
|
16449
|
-
const [isOpen, setIsOpen] = useState10(false);
|
|
16450
|
-
const tooltipRef = useRef6(null);
|
|
16451
|
-
useEffect11(() => {
|
|
16452
|
-
const handleClickOutside = (event) => {
|
|
16453
|
-
if (tooltipRef.current && !tooltipRef.current.contains(event.target)) {
|
|
16454
|
-
setIsOpen(false);
|
|
16455
|
-
}
|
|
16456
|
-
};
|
|
16457
|
-
if (isOpen) {
|
|
16458
|
-
document.addEventListener("mousedown", handleClickOutside);
|
|
16459
|
-
} else {
|
|
16460
|
-
document.removeEventListener("mousedown", handleClickOutside);
|
|
16461
|
-
}
|
|
16462
|
-
return () => {
|
|
16463
|
-
document.removeEventListener("mousedown", handleClickOutside);
|
|
16464
|
-
};
|
|
16465
|
-
}, [isOpen]);
|
|
16466
|
-
const fileTypeIcon = {
|
|
16467
|
-
"application/pdf": /* @__PURE__ */ jsx69(PdfIcon, {}),
|
|
16468
|
-
"application/zip": /* @__PURE__ */ jsx69(ZipIcon, {}),
|
|
16469
|
-
"application/x-zip-compressed": /* @__PURE__ */ jsx69(ZipIcon, {}),
|
|
16470
|
-
"application/vnd.ms-excel": /* @__PURE__ */ jsx69(ExcelIcon, {}),
|
|
16471
|
-
"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ jsx69(ExcelIcon, {}),
|
|
16472
|
-
"image/png": /* @__PURE__ */ jsx69(ImageIcon, {}),
|
|
16473
|
-
"video/mp4": /* @__PURE__ */ jsx69(VideoIcon, {})
|
|
16474
|
-
};
|
|
16475
|
-
const renderFile = () => {
|
|
16476
|
-
return /* @__PURE__ */ jsxs44(
|
|
16477
|
-
"div",
|
|
16478
|
-
{
|
|
16479
|
-
onClick: (e3) => {
|
|
16480
|
-
if (accessToken) {
|
|
16481
|
-
e3?.stopPropagation();
|
|
16482
|
-
downloadFile(
|
|
16483
|
-
`${envFile}api/v2/web/content/${id}?download=true`,
|
|
16484
|
-
filename,
|
|
16485
|
-
accessToken
|
|
16486
|
-
);
|
|
16487
|
-
}
|
|
16488
|
-
},
|
|
16489
|
-
style: { backgroundColor: "#E5E7EB", cursor: "pointer" },
|
|
16490
|
-
className: "flex items-center p-2 gap-2 overflow-hidden rounded-lg",
|
|
16491
|
-
children: [
|
|
16492
|
-
fileTypeIcon[mimetype],
|
|
16493
|
-
/* @__PURE__ */ jsxs44("div", { ref: tooltipRef, className: "relative w-fit", children: [
|
|
16494
|
-
/* @__PURE__ */ jsxs44(
|
|
16495
|
-
"p",
|
|
16496
|
-
{
|
|
16497
|
-
className: "text-[#060606] font-medium text-[14px] cursor-pointer",
|
|
16498
|
-
onClick: () => setIsOpen((prev2) => !prev2),
|
|
16499
|
-
"data-tooltip-id": `field-help-${id}`,
|
|
16500
|
-
"data-tooltip-content": filename,
|
|
16501
|
-
children: [
|
|
16502
|
-
shortName + "...",
|
|
16503
|
-
".",
|
|
16504
|
-
ext
|
|
16505
|
-
]
|
|
16506
|
-
}
|
|
16507
|
-
),
|
|
16508
|
-
/* @__PURE__ */ jsx69(
|
|
16509
|
-
M,
|
|
16510
|
-
{
|
|
16511
|
-
id: `field-help-${id}`,
|
|
16512
|
-
isOpen,
|
|
16513
|
-
place: "top",
|
|
16514
|
-
positionStrategy: "fixed",
|
|
16515
|
-
style: {
|
|
16516
|
-
padding: "6px 12px",
|
|
16517
|
-
fontSize: "12px",
|
|
16518
|
-
borderRadius: "4px",
|
|
16519
|
-
maxWidth: "200%",
|
|
16520
|
-
whiteSpace: "wrap",
|
|
16521
|
-
fontWeight: 400,
|
|
16522
|
-
textTransform: "none",
|
|
16523
|
-
zIndex: 999
|
|
16524
|
-
}
|
|
16525
|
-
}
|
|
16526
|
-
),
|
|
16527
|
-
size4 && /* @__PURE__ */ jsx69("span", { className: "text-[12px] font-semibold text-[#666666]", children: formatFileSize(size4) })
|
|
16528
|
-
] })
|
|
16529
|
-
]
|
|
16530
|
-
}
|
|
16531
|
-
);
|
|
16532
|
-
};
|
|
16533
|
-
return /* @__PURE__ */ jsxs44(
|
|
16534
|
-
"div",
|
|
16535
|
-
{
|
|
16536
|
-
className: "flex relative items-center justify-between group rounded-md w-fit",
|
|
16537
|
-
children: [
|
|
16538
|
-
renderFile(),
|
|
16539
|
-
handleRemoveFile && /* @__PURE__ */ jsx69(
|
|
16540
|
-
"div",
|
|
16541
|
-
{
|
|
16542
|
-
style: {
|
|
16543
|
-
position: "absolute",
|
|
16544
|
-
top: 0,
|
|
16545
|
-
right: 0,
|
|
16546
|
-
backgroundColor: "rgba(0,0,0,0.2)"
|
|
16547
|
-
},
|
|
16548
|
-
onClick: () => handleRemoveFile(index4),
|
|
16549
|
-
className: "cursor-pointer p-2 hidden group-hover:block",
|
|
16550
|
-
children: /* @__PURE__ */ jsx69(DeleteIcon, {})
|
|
16551
|
-
}
|
|
16552
|
-
),
|
|
16553
|
-
!handleRemoveFile && /* @__PURE__ */ jsx69(
|
|
16554
|
-
"span",
|
|
16555
|
-
{
|
|
16556
|
-
style: {
|
|
16557
|
-
position: "absolute",
|
|
16558
|
-
top: 0,
|
|
16559
|
-
right: 0,
|
|
16560
|
-
backgroundColor: "rgba(0,0,0,0.2)",
|
|
16561
|
-
zIndex: 10
|
|
16562
|
-
},
|
|
16563
|
-
onClick: (e3) => handleFileDownload(e3, src, filename),
|
|
16564
|
-
className: "hidden group-hover:block cursor-pointer p-2 text-white ",
|
|
16565
|
-
children: /* @__PURE__ */ jsx69(DownloadIcon, {})
|
|
16566
|
-
}
|
|
16567
|
-
)
|
|
16568
|
-
]
|
|
16569
|
-
},
|
|
16570
|
-
index4
|
|
16571
|
-
);
|
|
16572
|
-
};
|
|
16573
|
-
var downloadFile = async (url, filename, accessToken) => {
|
|
16574
|
-
try {
|
|
16575
|
-
const response = accessToken ? await fetch(url, {
|
|
16576
|
-
method: "GET",
|
|
16577
|
-
headers: {
|
|
16578
|
-
Authorization: `Bearer ${accessToken}`
|
|
16579
|
-
}
|
|
16580
|
-
}) : await fetch(url);
|
|
16581
|
-
if (response.ok) {
|
|
16582
|
-
const blob = await response.blob();
|
|
16583
|
-
const urlBlob = window.URL.createObjectURL(blob);
|
|
16584
|
-
const link = document.createElement("a");
|
|
16585
|
-
link.href = urlBlob;
|
|
16586
|
-
link.download = filename || "downloaded-file";
|
|
16587
|
-
document.body.appendChild(link);
|
|
16588
|
-
link.click();
|
|
16589
|
-
document.body.removeChild(link);
|
|
16590
|
-
window.URL.revokeObjectURL(urlBlob);
|
|
16591
|
-
} else {
|
|
16592
|
-
console.error("File download failed:", response.statusText);
|
|
16593
|
-
}
|
|
16594
|
-
} catch (error2) {
|
|
16595
|
-
console.error("File download failed:", error2);
|
|
16596
|
-
}
|
|
16597
|
-
};
|
|
16598
|
-
var RenderFiles = ({
|
|
16599
|
-
selectedFiles,
|
|
16600
|
-
setSelectedFiles,
|
|
16601
|
-
envFile,
|
|
16602
|
-
accessToken
|
|
16603
|
-
}) => {
|
|
16604
|
-
const handleRemoveFile = (index4) => {
|
|
16605
|
-
if (setSelectedFiles) {
|
|
16606
|
-
const files = selectedFiles.filter((_2, i3) => i3 !== index4);
|
|
16607
|
-
setSelectedFiles(files);
|
|
16608
|
-
}
|
|
16609
|
-
};
|
|
16610
|
-
const handleFileDownload = (e3, url, name2) => {
|
|
16611
|
-
e3.stopPropagation();
|
|
16612
|
-
downloadFile(url, name2);
|
|
16613
|
-
};
|
|
16614
|
-
return /* @__PURE__ */ jsx69("div", { className: "flex flex-wrap w-full gap-2", children: selectedFiles.map((file, index4) => {
|
|
16615
|
-
return /* @__PURE__ */ jsx69("div", { className: "relative group/file", children: /* @__PURE__ */ jsx69(
|
|
16616
|
-
FileItem,
|
|
16617
|
-
{
|
|
16618
|
-
...file,
|
|
16619
|
-
src: file?.datas,
|
|
16620
|
-
filename: file?.display_name ?? file?.name ?? file?.filename,
|
|
16621
|
-
id: file?.id,
|
|
16622
|
-
index: index4,
|
|
16623
|
-
handleRemoveFile: setSelectedFiles && handleRemoveFile,
|
|
16624
|
-
handleFileDownload,
|
|
16625
|
-
envFile,
|
|
16626
|
-
accessToken
|
|
16627
|
-
}
|
|
16628
|
-
) }, file?.id ?? index4);
|
|
16629
|
-
}) });
|
|
16630
|
-
};
|
|
16631
|
-
|
|
16632
16071
|
// node_modules/react-toastify/dist/index.mjs
|
|
16633
16072
|
import { isValidElement as $t } from "react";
|
|
16634
16073
|
import ut, { useEffect as Rt, useLayoutEffect as Bt, useRef as zt } from "react";
|
|
@@ -16815,7 +16254,7 @@ var po = $2(K("zoom"));
|
|
|
16815
16254
|
var uo = $2(K("flip"));
|
|
16816
16255
|
|
|
16817
16256
|
// src/widgets/common/select-files.tsx
|
|
16818
|
-
import { Fragment as Fragment14, jsx as
|
|
16257
|
+
import { Fragment as Fragment14, jsx as jsx69, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
16819
16258
|
var ButtonSelectFiles = ({
|
|
16820
16259
|
fileInputRef,
|
|
16821
16260
|
selectedFiles,
|
|
@@ -16919,8 +16358,8 @@ var ButtonSelectFiles = ({
|
|
|
16919
16358
|
await handleUpload(formData, serivce, xNode);
|
|
16920
16359
|
}
|
|
16921
16360
|
};
|
|
16922
|
-
return /* @__PURE__ */
|
|
16923
|
-
isPending ? /* @__PURE__ */
|
|
16361
|
+
return /* @__PURE__ */ jsxs42(Fragment14, { children: [
|
|
16362
|
+
isPending ? /* @__PURE__ */ jsx69(Fragment14, { children: /* @__PURE__ */ jsx69("span", { className: "text-sm text-gray-500", children: t3("\u0110ang t\u1EA3i l\xEAn...") }) }) : /* @__PURE__ */ jsxs42(
|
|
16924
16363
|
"button",
|
|
16925
16364
|
{
|
|
16926
16365
|
type: "button",
|
|
@@ -16928,12 +16367,12 @@ var ButtonSelectFiles = ({
|
|
|
16928
16367
|
className: `w-fit h-[24px] flex gap-2 items-center text-black rounded-full overflow-hidden transition-all ${isPending ? "cursor-not-allowed" : "cursor-pointer"}`,
|
|
16929
16368
|
onClick: () => fileInputRef.current.click(),
|
|
16930
16369
|
children: [
|
|
16931
|
-
/* @__PURE__ */
|
|
16932
|
-
isText && /* @__PURE__ */
|
|
16370
|
+
/* @__PURE__ */ jsx69(AttachIcon, {}),
|
|
16371
|
+
isText && /* @__PURE__ */ jsx69("span", { children: t3("upload_file_placeholder") })
|
|
16933
16372
|
]
|
|
16934
16373
|
}
|
|
16935
16374
|
),
|
|
16936
|
-
/* @__PURE__ */
|
|
16375
|
+
/* @__PURE__ */ jsx69(
|
|
16937
16376
|
"input",
|
|
16938
16377
|
{
|
|
16939
16378
|
type: "file",
|
|
@@ -16948,11 +16387,11 @@ var ButtonSelectFiles = ({
|
|
|
16948
16387
|
};
|
|
16949
16388
|
|
|
16950
16389
|
// src/widgets/common/video-player.tsx
|
|
16951
|
-
import { useRef as
|
|
16952
|
-
import { jsx as
|
|
16390
|
+
import { useRef as useRef6, useState as useState10 } from "react";
|
|
16391
|
+
import { jsx as jsx70, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
16953
16392
|
var VideoPlayer = ({ src }) => {
|
|
16954
|
-
const [isPlaying, setIsPlaying] =
|
|
16955
|
-
const videoRef =
|
|
16393
|
+
const [isPlaying, setIsPlaying] = useState10(false);
|
|
16394
|
+
const videoRef = useRef6(null);
|
|
16956
16395
|
const handlePlayPause = () => {
|
|
16957
16396
|
if (videoRef.current) {
|
|
16958
16397
|
if (isPlaying) {
|
|
@@ -16976,8 +16415,8 @@ var VideoPlayer = ({ src }) => {
|
|
|
16976
16415
|
}
|
|
16977
16416
|
}
|
|
16978
16417
|
};
|
|
16979
|
-
return /* @__PURE__ */
|
|
16980
|
-
/* @__PURE__ */
|
|
16418
|
+
return /* @__PURE__ */ jsxs43("div", { className: "relative flex aspect-square h-[120px] w-[120px] items-center justify-center overflow-hidden rounded-lg max-sm:h-auto max-sm:w-full", children: [
|
|
16419
|
+
/* @__PURE__ */ jsx70(
|
|
16981
16420
|
"video",
|
|
16982
16421
|
{
|
|
16983
16422
|
ref: videoRef,
|
|
@@ -16989,13 +16428,13 @@ var VideoPlayer = ({ src }) => {
|
|
|
16989
16428
|
children: "Your browser does not support the video tag."
|
|
16990
16429
|
}
|
|
16991
16430
|
),
|
|
16992
|
-
/* @__PURE__ */
|
|
16993
|
-
/* @__PURE__ */
|
|
16431
|
+
/* @__PURE__ */ jsx70("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 p-2" }),
|
|
16432
|
+
/* @__PURE__ */ jsx70("div", { className: "absolute left-[50%] top-[50%] flex h-8 w-8 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-[#FFFFFF33] p-[6px]", children: /* @__PURE__ */ jsx70("button", { type: "button", onClick: handleFullScreen, children: /* @__PURE__ */ jsx70(PlayIcon, {}) }) })
|
|
16994
16433
|
] });
|
|
16995
16434
|
};
|
|
16996
16435
|
|
|
16997
16436
|
// src/widgets/basic/avatar-field/avatar.tsx
|
|
16998
|
-
import { Fragment as Fragment15, jsx as
|
|
16437
|
+
import { Fragment as Fragment15, jsx as jsx71, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
16999
16438
|
var AvatarField = (props) => {
|
|
17000
16439
|
const {
|
|
17001
16440
|
isForm = false,
|
|
@@ -17019,8 +16458,8 @@ var AvatarField = (props) => {
|
|
|
17019
16458
|
color: textColor,
|
|
17020
16459
|
fontSize: `${size4 / 2.5}px`
|
|
17021
16460
|
};
|
|
17022
|
-
return /* @__PURE__ */
|
|
17023
|
-
isForm && allowShowDetail && /* @__PURE__ */
|
|
16461
|
+
return /* @__PURE__ */ jsxs44(Fragment15, { children: [
|
|
16462
|
+
isForm && allowShowDetail && /* @__PURE__ */ jsx71(
|
|
17024
16463
|
ModalDetail,
|
|
17025
16464
|
{
|
|
17026
16465
|
idToolTip: `avatar-widget-id-${id}`,
|
|
@@ -17031,7 +16470,7 @@ var AvatarField = (props) => {
|
|
|
17031
16470
|
place: "top-start"
|
|
17032
16471
|
}
|
|
17033
16472
|
),
|
|
17034
|
-
allowShowDetail && /* @__PURE__ */
|
|
16473
|
+
allowShowDetail && /* @__PURE__ */ jsx71(
|
|
17035
16474
|
M,
|
|
17036
16475
|
{
|
|
17037
16476
|
id: `avatar-widget-id-${id}`,
|
|
@@ -17040,7 +16479,7 @@ var AvatarField = (props) => {
|
|
|
17040
16479
|
className: "z-20"
|
|
17041
16480
|
}
|
|
17042
16481
|
),
|
|
17043
|
-
avatarSrc ? /* @__PURE__ */
|
|
16482
|
+
avatarSrc ? /* @__PURE__ */ jsx71(
|
|
17044
16483
|
"img",
|
|
17045
16484
|
{
|
|
17046
16485
|
"data-tooltip-id": `avatar-widget-id-${id}`,
|
|
@@ -17048,7 +16487,7 @@ var AvatarField = (props) => {
|
|
|
17048
16487
|
className: "uppercase font-medium rounded-md flex items-center justify-center cursor-pointer size-[26px]",
|
|
17049
16488
|
alt: "Avatar"
|
|
17050
16489
|
}
|
|
17051
|
-
) : /* @__PURE__ */
|
|
16490
|
+
) : /* @__PURE__ */ jsx71("div", { children: /* @__PURE__ */ jsx71(
|
|
17052
16491
|
"div",
|
|
17053
16492
|
{
|
|
17054
16493
|
"data-tooltip-id": `avatar-widget-id-${id}`,
|
|
@@ -17061,7 +16500,7 @@ var AvatarField = (props) => {
|
|
|
17061
16500
|
};
|
|
17062
16501
|
|
|
17063
16502
|
// src/widgets/basic/binary-field/binary.tsx
|
|
17064
|
-
import { jsx as
|
|
16503
|
+
import { jsx as jsx72, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
17065
16504
|
var BinaryField = (props) => {
|
|
17066
16505
|
const {
|
|
17067
16506
|
name: name2,
|
|
@@ -17084,7 +16523,7 @@ var BinaryField = (props) => {
|
|
|
17084
16523
|
image
|
|
17085
16524
|
} = props;
|
|
17086
16525
|
const { t: t3 } = useI18n();
|
|
17087
|
-
return /* @__PURE__ */
|
|
16526
|
+
return /* @__PURE__ */ jsx72(
|
|
17088
16527
|
Controller,
|
|
17089
16528
|
{
|
|
17090
16529
|
name: name2 ?? "",
|
|
@@ -17094,13 +16533,13 @@ var BinaryField = (props) => {
|
|
|
17094
16533
|
},
|
|
17095
16534
|
render: ({ field }) => {
|
|
17096
16535
|
const renderImage = initialImage || selectedImage;
|
|
17097
|
-
return /* @__PURE__ */
|
|
16536
|
+
return /* @__PURE__ */ jsx72(
|
|
17098
16537
|
"div",
|
|
17099
16538
|
{
|
|
17100
16539
|
ref: binaryRef,
|
|
17101
16540
|
className: "flex w-fit items-center gap-4 rounded-lg shadow-md mb-11",
|
|
17102
|
-
children: renderImage ? /* @__PURE__ */
|
|
17103
|
-
renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */
|
|
16541
|
+
children: renderImage ? /* @__PURE__ */ jsxs45("div", { className: "relative group", children: [
|
|
16542
|
+
renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */ jsx72(
|
|
17104
16543
|
"img",
|
|
17105
16544
|
{
|
|
17106
16545
|
style: {
|
|
@@ -17111,7 +16550,7 @@ var BinaryField = (props) => {
|
|
|
17111
16550
|
alt: "Selected",
|
|
17112
16551
|
className: "h-32 w-32 max-w-fit rounded-lg object-contain"
|
|
17113
16552
|
}
|
|
17114
|
-
) : renderImage ? /* @__PURE__ */
|
|
16553
|
+
) : renderImage ? /* @__PURE__ */ jsx72(
|
|
17115
16554
|
"img",
|
|
17116
16555
|
{
|
|
17117
16556
|
style: {
|
|
@@ -17122,17 +16561,17 @@ var BinaryField = (props) => {
|
|
|
17122
16561
|
alt: "Selected",
|
|
17123
16562
|
className: "h-32 w-32 max-w-fit rounded-lg object-contain"
|
|
17124
16563
|
}
|
|
17125
|
-
) : /* @__PURE__ */
|
|
17126
|
-
!isInsideTable && !readonly && /* @__PURE__ */
|
|
16564
|
+
) : /* @__PURE__ */ jsx72(PlaceHolderIcon, {}),
|
|
16565
|
+
!isInsideTable && !readonly && /* @__PURE__ */ jsx72(
|
|
17127
16566
|
"button",
|
|
17128
16567
|
{
|
|
17129
16568
|
type: "button",
|
|
17130
16569
|
onClick: () => handleRemoveImage(field.onChange),
|
|
17131
16570
|
className: "hidden group-hover:block absolute right-0 bottom-0 mr-1 mb-1 rounded-full bg-white p-1 transition-colors duration-300 hover:bg-red-600",
|
|
17132
|
-
children: /* @__PURE__ */
|
|
16571
|
+
children: /* @__PURE__ */ jsx72(DeleteIcon, {})
|
|
17133
16572
|
}
|
|
17134
16573
|
)
|
|
17135
|
-
] }) : /* @__PURE__ */
|
|
16574
|
+
] }) : /* @__PURE__ */ jsxs45(
|
|
17136
16575
|
"label",
|
|
17137
16576
|
{
|
|
17138
16577
|
htmlFor: inputId,
|
|
@@ -17142,7 +16581,7 @@ var BinaryField = (props) => {
|
|
|
17142
16581
|
},
|
|
17143
16582
|
className: `relative p-2 flex h-32 w-32 cursor-pointer items-center justify-center rounded-lg border border-gray-300 hover:border-gray-500 bg-white transition-colors duration-300 ${readonly && "pointer-events-none"}`,
|
|
17144
16583
|
children: [
|
|
17145
|
-
/* @__PURE__ */
|
|
16584
|
+
/* @__PURE__ */ jsx72(
|
|
17146
16585
|
"input",
|
|
17147
16586
|
{
|
|
17148
16587
|
id: inputId,
|
|
@@ -17154,8 +16593,8 @@ var BinaryField = (props) => {
|
|
|
17154
16593
|
className: "hidden z-10 relative"
|
|
17155
16594
|
}
|
|
17156
16595
|
),
|
|
17157
|
-
/* @__PURE__ */
|
|
17158
|
-
/* @__PURE__ */
|
|
16596
|
+
/* @__PURE__ */ jsx72("img", { src: image, alt: "", className: "z-0 relative" }),
|
|
16597
|
+
/* @__PURE__ */ jsx72(
|
|
17159
16598
|
"div",
|
|
17160
16599
|
{
|
|
17161
16600
|
className: "absolute size-8 bg-white rounded-full flex justify-center items-center z-20",
|
|
@@ -17164,7 +16603,7 @@ var BinaryField = (props) => {
|
|
|
17164
16603
|
left: "-8px",
|
|
17165
16604
|
boxShadow: "0 1px 2px 0 rgba(228, 229, 231, 0.24)"
|
|
17166
16605
|
},
|
|
17167
|
-
children: /* @__PURE__ */
|
|
16606
|
+
children: /* @__PURE__ */ jsx72(
|
|
17168
16607
|
"svg",
|
|
17169
16608
|
{
|
|
17170
16609
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -17172,7 +16611,7 @@ var BinaryField = (props) => {
|
|
|
17172
16611
|
height: "14",
|
|
17173
16612
|
viewBox: "0 0 14 14",
|
|
17174
16613
|
fill: "none",
|
|
17175
|
-
children: /* @__PURE__ */
|
|
16614
|
+
children: /* @__PURE__ */ jsx72(
|
|
17176
16615
|
"path",
|
|
17177
16616
|
{
|
|
17178
16617
|
"fill-rule": "evenodd",
|
|
@@ -17196,7 +16635,7 @@ var BinaryField = (props) => {
|
|
|
17196
16635
|
};
|
|
17197
16636
|
|
|
17198
16637
|
// src/widgets/basic/button-badge-field/button-badge.tsx
|
|
17199
|
-
import { jsx as
|
|
16638
|
+
import { jsx as jsx73 } from "react/jsx-runtime";
|
|
17200
16639
|
var typeStyles = {
|
|
17201
16640
|
primary: {
|
|
17202
16641
|
backgroundColor: "#3b82f6",
|
|
@@ -17271,11 +16710,11 @@ var ButtonBadgeField = (props) => {
|
|
|
17271
16710
|
return item && type === "selection" && Array.isArray(item) ? item[1] : item;
|
|
17272
16711
|
};
|
|
17273
16712
|
const label = getLabel(defaultValue ?? value);
|
|
17274
|
-
return label ? /* @__PURE__ */
|
|
16713
|
+
return label ? /* @__PURE__ */ jsx73("div", { style: { ...baseStyle, ...getType() }, children: label }) : null;
|
|
17275
16714
|
};
|
|
17276
16715
|
|
|
17277
16716
|
// src/widgets/basic/button-field/button.tsx
|
|
17278
|
-
import { Fragment as Fragment16, jsx as
|
|
16717
|
+
import { Fragment as Fragment16, jsx as jsx74, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
17279
16718
|
var ButtonField = (props) => {
|
|
17280
16719
|
const {
|
|
17281
16720
|
func,
|
|
@@ -17286,7 +16725,7 @@ var ButtonField = (props) => {
|
|
|
17286
16725
|
type = "submit"
|
|
17287
16726
|
} = props;
|
|
17288
16727
|
const { t: t3 } = useI18n();
|
|
17289
|
-
return /* @__PURE__ */
|
|
16728
|
+
return /* @__PURE__ */ jsx74(Fragment16, { children: !loading ? /* @__PURE__ */ jsx74(
|
|
17290
16729
|
"button",
|
|
17291
16730
|
{
|
|
17292
16731
|
type,
|
|
@@ -17295,7 +16734,7 @@ var ButtonField = (props) => {
|
|
|
17295
16734
|
onClick: func,
|
|
17296
16735
|
children: t3(content)
|
|
17297
16736
|
}
|
|
17298
|
-
) : /* @__PURE__ */
|
|
16737
|
+
) : /* @__PURE__ */ jsxs46(
|
|
17299
16738
|
"button",
|
|
17300
16739
|
{
|
|
17301
16740
|
type,
|
|
@@ -17304,15 +16743,15 @@ var ButtonField = (props) => {
|
|
|
17304
16743
|
children: [
|
|
17305
16744
|
t3("loading"),
|
|
17306
16745
|
" ",
|
|
17307
|
-
/* @__PURE__ */
|
|
16746
|
+
/* @__PURE__ */ jsx74(LoadingIcon, {})
|
|
17308
16747
|
]
|
|
17309
16748
|
}
|
|
17310
16749
|
) });
|
|
17311
16750
|
};
|
|
17312
16751
|
|
|
17313
16752
|
// src/widgets/basic/char-field/char.tsx
|
|
17314
|
-
import { useEffect as
|
|
17315
|
-
import { Fragment as Fragment17, jsx as
|
|
16753
|
+
import { useEffect as useEffect11, useMemo as useMemo4 } from "react";
|
|
16754
|
+
import { Fragment as Fragment17, jsx as jsx75, jsxs as jsxs47 } from "react/jsx-runtime";
|
|
17316
16755
|
var WIDGET_AUTO_COMPUTE_DEPEND = "auto_compute_depend_field";
|
|
17317
16756
|
var CharField = (props) => {
|
|
17318
16757
|
const {
|
|
@@ -17340,9 +16779,9 @@ var CharField = (props) => {
|
|
|
17340
16779
|
} = props;
|
|
17341
16780
|
if (!isForm && !isEditTable) {
|
|
17342
16781
|
const propValue = value || defaultValue;
|
|
17343
|
-
return /* @__PURE__ */
|
|
16782
|
+
return /* @__PURE__ */ jsx75("span", { children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
|
|
17344
16783
|
}
|
|
17345
|
-
return /* @__PURE__ */
|
|
16784
|
+
return /* @__PURE__ */ jsx75(
|
|
17346
16785
|
Controller,
|
|
17347
16786
|
{
|
|
17348
16787
|
name: name2 ?? "",
|
|
@@ -17370,12 +16809,12 @@ var CharField = (props) => {
|
|
|
17370
16809
|
fieldState: { error: error2, isDirty }
|
|
17371
16810
|
}) => {
|
|
17372
16811
|
const { setError, clearErrors } = methods;
|
|
17373
|
-
|
|
16812
|
+
useEffect11(() => {
|
|
17374
16813
|
if (value2) {
|
|
17375
16814
|
clearErrors(name2);
|
|
17376
16815
|
}
|
|
17377
16816
|
}, [value2, clearErrors, name2]);
|
|
17378
|
-
|
|
16817
|
+
useEffect11(() => {
|
|
17379
16818
|
if (widget !== WIDGET_AUTO_COMPUTE_DEPEND) return;
|
|
17380
16819
|
const depValue = formValues?.[options2?.depend_field]?.[options2?.field_name];
|
|
17381
16820
|
const currentValue = methods?.getValues(name2);
|
|
@@ -17396,8 +16835,8 @@ var CharField = (props) => {
|
|
|
17396
16835
|
}
|
|
17397
16836
|
return "";
|
|
17398
16837
|
}, [widget, formValues]);
|
|
17399
|
-
return /* @__PURE__ */
|
|
17400
|
-
/* @__PURE__ */
|
|
16838
|
+
return /* @__PURE__ */ jsxs47(Fragment17, { children: [
|
|
16839
|
+
/* @__PURE__ */ jsx75(
|
|
17401
16840
|
"input",
|
|
17402
16841
|
{
|
|
17403
16842
|
value: displayValue ?? "",
|
|
@@ -17458,7 +16897,7 @@ var CharField = (props) => {
|
|
|
17458
16897
|
`
|
|
17459
16898
|
}
|
|
17460
16899
|
),
|
|
17461
|
-
isEditTable ? /* @__PURE__ */
|
|
16900
|
+
isEditTable ? /* @__PURE__ */ jsx75(Fragment17, {}) : /* @__PURE__ */ jsx75(Fragment17, { children: error2 && /* @__PURE__ */ jsx75("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message }) })
|
|
17462
16901
|
] });
|
|
17463
16902
|
}
|
|
17464
16903
|
}
|
|
@@ -17466,7 +16905,7 @@ var CharField = (props) => {
|
|
|
17466
16905
|
};
|
|
17467
16906
|
|
|
17468
16907
|
// src/widgets/basic/checkbox-field/checkbox.tsx
|
|
17469
|
-
import { jsx as
|
|
16908
|
+
import { jsx as jsx76 } from "react/jsx-runtime";
|
|
17470
16909
|
var CheckboxField = (props) => {
|
|
17471
16910
|
const {
|
|
17472
16911
|
name: name2,
|
|
@@ -17481,9 +16920,9 @@ var CheckboxField = (props) => {
|
|
|
17481
16920
|
} = props;
|
|
17482
16921
|
if (!isForm) {
|
|
17483
16922
|
if (name2 === "is_active" || name2 === "active") {
|
|
17484
|
-
return /* @__PURE__ */
|
|
16923
|
+
return /* @__PURE__ */ jsx76(ActiveBadgeField, { type: value });
|
|
17485
16924
|
} else {
|
|
17486
|
-
return /* @__PURE__ */
|
|
16925
|
+
return /* @__PURE__ */ jsx76(
|
|
17487
16926
|
"input",
|
|
17488
16927
|
{
|
|
17489
16928
|
type: "checkbox",
|
|
@@ -17494,12 +16933,12 @@ var CheckboxField = (props) => {
|
|
|
17494
16933
|
);
|
|
17495
16934
|
}
|
|
17496
16935
|
}
|
|
17497
|
-
return /* @__PURE__ */
|
|
16936
|
+
return /* @__PURE__ */ jsx76(
|
|
17498
16937
|
Controller,
|
|
17499
16938
|
{
|
|
17500
16939
|
name: name2 ?? "",
|
|
17501
16940
|
control: methods?.control,
|
|
17502
|
-
render: ({ field }) => /* @__PURE__ */
|
|
16941
|
+
render: ({ field }) => /* @__PURE__ */ jsx76(
|
|
17503
16942
|
"div",
|
|
17504
16943
|
{
|
|
17505
16944
|
className: "flex items-center gap-2",
|
|
@@ -17512,7 +16951,7 @@ var CheckboxField = (props) => {
|
|
|
17512
16951
|
onChange2(name2 ?? "", checked);
|
|
17513
16952
|
}
|
|
17514
16953
|
},
|
|
17515
|
-
children: /* @__PURE__ */
|
|
16954
|
+
children: /* @__PURE__ */ jsx76(
|
|
17516
16955
|
"input",
|
|
17517
16956
|
{
|
|
17518
16957
|
...field,
|
|
@@ -17539,24 +16978,24 @@ var CheckboxField = (props) => {
|
|
|
17539
16978
|
};
|
|
17540
16979
|
|
|
17541
16980
|
// src/widgets/basic/color-field/color-wrapper.tsx
|
|
17542
|
-
import { useEffect as
|
|
17543
|
-
import { Fragment as Fragment18, jsx as
|
|
16981
|
+
import { useEffect as useEffect12, useRef as useRef7, useState as useState11 } from "react";
|
|
16982
|
+
import { Fragment as Fragment18, jsx as jsx77, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
17544
16983
|
var ColorWrapper = (props) => {
|
|
17545
16984
|
const {
|
|
17546
16985
|
colors: colors2,
|
|
17547
16986
|
defaultColor,
|
|
17548
16987
|
savePickColor
|
|
17549
16988
|
} = props;
|
|
17550
|
-
const [selectedColor, setSelectedColor] =
|
|
17551
|
-
const [showFullColors, setIsShowFullColor] =
|
|
17552
|
-
const pickColorsRef =
|
|
17553
|
-
|
|
16989
|
+
const [selectedColor, setSelectedColor] = useState11(colors2[defaultColor]);
|
|
16990
|
+
const [showFullColors, setIsShowFullColor] = useState11(false);
|
|
16991
|
+
const pickColorsRef = useRef7(null);
|
|
16992
|
+
useEffect12(() => {
|
|
17554
16993
|
setSelectedColor(colors2[defaultColor]);
|
|
17555
16994
|
}, [defaultColor]);
|
|
17556
16995
|
const handleShowFullColors = () => {
|
|
17557
16996
|
setIsShowFullColor(!showFullColors);
|
|
17558
16997
|
};
|
|
17559
|
-
|
|
16998
|
+
useEffect12(() => {
|
|
17560
16999
|
const handleClickOutside = (event) => {
|
|
17561
17000
|
if (pickColorsRef.current && !pickColorsRef.current.contains(event.target)) {
|
|
17562
17001
|
setIsShowFullColor(false);
|
|
@@ -17567,8 +17006,8 @@ var ColorWrapper = (props) => {
|
|
|
17567
17006
|
document.removeEventListener("mousedown", handleClickOutside);
|
|
17568
17007
|
};
|
|
17569
17008
|
}, []);
|
|
17570
|
-
return /* @__PURE__ */
|
|
17571
|
-
/* @__PURE__ */
|
|
17009
|
+
return /* @__PURE__ */ jsx77("div", { ref: pickColorsRef, children: showFullColors ? /* @__PURE__ */ jsx77("div", { className: "flex gap-2", children: COLORS.map((color) => /* @__PURE__ */ jsxs48("div", { children: [
|
|
17010
|
+
/* @__PURE__ */ jsx77(
|
|
17572
17011
|
"button",
|
|
17573
17012
|
{
|
|
17574
17013
|
"data-tooltip-id": `${color?.color}${color?.id}`,
|
|
@@ -17582,7 +17021,7 @@ var ColorWrapper = (props) => {
|
|
|
17582
17021
|
}
|
|
17583
17022
|
}
|
|
17584
17023
|
),
|
|
17585
|
-
/* @__PURE__ */
|
|
17024
|
+
/* @__PURE__ */ jsx77(
|
|
17586
17025
|
M,
|
|
17587
17026
|
{
|
|
17588
17027
|
className: "",
|
|
@@ -17591,8 +17030,8 @@ var ColorWrapper = (props) => {
|
|
|
17591
17030
|
content: i18n_default.t(color?.name)
|
|
17592
17031
|
}
|
|
17593
17032
|
)
|
|
17594
|
-
] }, color?.id)) }) : /* @__PURE__ */
|
|
17595
|
-
/* @__PURE__ */
|
|
17033
|
+
] }, color?.id)) }) : /* @__PURE__ */ jsxs48(Fragment18, { children: [
|
|
17034
|
+
/* @__PURE__ */ jsx77(
|
|
17596
17035
|
"button",
|
|
17597
17036
|
{
|
|
17598
17037
|
"data-tooltip-id": `${selectedColor?.id}${selectedColor?.name}`,
|
|
@@ -17605,7 +17044,7 @@ var ColorWrapper = (props) => {
|
|
|
17605
17044
|
style: { backgroundColor: selectedColor?.color }
|
|
17606
17045
|
}
|
|
17607
17046
|
),
|
|
17608
|
-
/* @__PURE__ */
|
|
17047
|
+
/* @__PURE__ */ jsx77(
|
|
17609
17048
|
M,
|
|
17610
17049
|
{
|
|
17611
17050
|
place: "top",
|
|
@@ -17617,13 +17056,13 @@ var ColorWrapper = (props) => {
|
|
|
17617
17056
|
};
|
|
17618
17057
|
|
|
17619
17058
|
// src/widgets/basic/color-field/color.tsx
|
|
17620
|
-
import { jsx as
|
|
17059
|
+
import { jsx as jsx78 } from "react/jsx-runtime";
|
|
17621
17060
|
var ColorField = (props) => {
|
|
17622
17061
|
const { value, isForm, name: name2, methods, onChange: onChange2, savePickColor } = props;
|
|
17623
17062
|
if (!isForm) {
|
|
17624
|
-
return /* @__PURE__ */
|
|
17063
|
+
return /* @__PURE__ */ jsx78(ColorWrapper, { savePickColor, defaultColor: value, colors: COLORS });
|
|
17625
17064
|
}
|
|
17626
|
-
return /* @__PURE__ */
|
|
17065
|
+
return /* @__PURE__ */ jsx78(
|
|
17627
17066
|
Controller,
|
|
17628
17067
|
{
|
|
17629
17068
|
name: name2 ?? "",
|
|
@@ -17633,7 +17072,7 @@ var ColorField = (props) => {
|
|
|
17633
17072
|
field.onChange(color?.id);
|
|
17634
17073
|
onChange2 && onChange2(name2 ?? "", color?.id);
|
|
17635
17074
|
};
|
|
17636
|
-
return /* @__PURE__ */
|
|
17075
|
+
return /* @__PURE__ */ jsx78(
|
|
17637
17076
|
ColorWrapper,
|
|
17638
17077
|
{
|
|
17639
17078
|
savePickColor: handlePickColorChange,
|
|
@@ -17647,8 +17086,8 @@ var ColorField = (props) => {
|
|
|
17647
17086
|
};
|
|
17648
17087
|
|
|
17649
17088
|
// src/widgets/basic/copy-link-buttton/copy-link.tsx
|
|
17650
|
-
import { useEffect as
|
|
17651
|
-
import { jsx as
|
|
17089
|
+
import { useEffect as useEffect13 } from "react";
|
|
17090
|
+
import { jsx as jsx79, jsxs as jsxs49 } from "react/jsx-runtime";
|
|
17652
17091
|
var CopyLinkButtonField = (props) => {
|
|
17653
17092
|
const {
|
|
17654
17093
|
isForm,
|
|
@@ -17667,9 +17106,9 @@ var CopyLinkButtonField = (props) => {
|
|
|
17667
17106
|
} = props;
|
|
17668
17107
|
const { t: t3 } = useI18n();
|
|
17669
17108
|
if (!isForm) {
|
|
17670
|
-
return /* @__PURE__ */
|
|
17109
|
+
return /* @__PURE__ */ jsx79("div", { className: "truncate max-w-[300px]", children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
|
|
17671
17110
|
}
|
|
17672
|
-
return /* @__PURE__ */
|
|
17111
|
+
return /* @__PURE__ */ jsx79(
|
|
17673
17112
|
Controller,
|
|
17674
17113
|
{
|
|
17675
17114
|
name: name2 ?? "",
|
|
@@ -17682,13 +17121,13 @@ var CopyLinkButtonField = (props) => {
|
|
|
17682
17121
|
fieldState: { error: error2 }
|
|
17683
17122
|
}) => {
|
|
17684
17123
|
const { setError, clearErrors } = methods;
|
|
17685
|
-
|
|
17124
|
+
useEffect13(() => {
|
|
17686
17125
|
if (value) {
|
|
17687
17126
|
clearErrors(name2);
|
|
17688
17127
|
}
|
|
17689
17128
|
}, [value]);
|
|
17690
|
-
return /* @__PURE__ */
|
|
17691
|
-
/* @__PURE__ */
|
|
17129
|
+
return /* @__PURE__ */ jsxs49("div", { className: "relative", children: [
|
|
17130
|
+
/* @__PURE__ */ jsxs49(
|
|
17692
17131
|
"div",
|
|
17693
17132
|
{
|
|
17694
17133
|
"aria-disabled": readonly,
|
|
@@ -17697,7 +17136,7 @@ var CopyLinkButtonField = (props) => {
|
|
|
17697
17136
|
${!isEditTable ? isForm ? "bg-white border-input-primary rounded-[10px]" : "" : `border-transparent bg-transparent ${readonly ? "" : "border-b-primary"}`}
|
|
17698
17137
|
${error2 && isEditTable && "focus:border-b-[1px] focus:border-[#de4747] hover:border-b-[1px] hover:border-[#de4747]"}`,
|
|
17699
17138
|
children: [
|
|
17700
|
-
/* @__PURE__ */
|
|
17139
|
+
/* @__PURE__ */ jsx79(
|
|
17701
17140
|
"input",
|
|
17702
17141
|
{
|
|
17703
17142
|
value: typeof value === "string" || typeof value === "number" ? String(value) : "",
|
|
@@ -17738,19 +17177,19 @@ var CopyLinkButtonField = (props) => {
|
|
|
17738
17177
|
`
|
|
17739
17178
|
}
|
|
17740
17179
|
),
|
|
17741
|
-
readonly && value && /* @__PURE__ */
|
|
17180
|
+
readonly && value && /* @__PURE__ */ jsx79(
|
|
17742
17181
|
"button",
|
|
17743
17182
|
{
|
|
17744
17183
|
className: "cursor-pointer",
|
|
17745
17184
|
type: "button",
|
|
17746
17185
|
onClick: () => handleCopyToClipboard(propValue),
|
|
17747
|
-
children: isCopied ? /* @__PURE__ */
|
|
17186
|
+
children: isCopied ? /* @__PURE__ */ jsx79(CheckIcon, {}) : /* @__PURE__ */ jsx79(CopyIcon, {})
|
|
17748
17187
|
}
|
|
17749
17188
|
)
|
|
17750
17189
|
]
|
|
17751
17190
|
}
|
|
17752
17191
|
),
|
|
17753
|
-
error2 && /* @__PURE__ */
|
|
17192
|
+
error2 && /* @__PURE__ */ jsx79("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
|
|
17754
17193
|
] });
|
|
17755
17194
|
}
|
|
17756
17195
|
}
|
|
@@ -17758,10 +17197,10 @@ var CopyLinkButtonField = (props) => {
|
|
|
17758
17197
|
};
|
|
17759
17198
|
|
|
17760
17199
|
// src/widgets/basic/date-field/date.tsx
|
|
17761
|
-
import { forwardRef as forwardRef6, useEffect as
|
|
17200
|
+
import { forwardRef as forwardRef6, useEffect as useEffect17 } from "react";
|
|
17762
17201
|
|
|
17763
17202
|
// node_modules/react-datepicker/dist/index.es.js
|
|
17764
|
-
import React9, { useRef as
|
|
17203
|
+
import React9, { useRef as useRef11, useCallback as useCallback5, useEffect as useEffect15, cloneElement as cloneElement3, Component, createRef, createElement as createElement5 } from "react";
|
|
17765
17204
|
|
|
17766
17205
|
// node_modules/date-fns/constants.js
|
|
17767
17206
|
var daysInYear = 365.2425;
|
|
@@ -21691,7 +21130,7 @@ function useEffectEvent(callback) {
|
|
|
21691
21130
|
}
|
|
21692
21131
|
|
|
21693
21132
|
// node_modules/react-datepicker/node_modules/@floating-ui/react/dist/floating-ui.react.mjs
|
|
21694
|
-
import { jsx as
|
|
21133
|
+
import { jsx as jsx80, jsxs as jsxs50, Fragment as Fragment19 } from "react/jsx-runtime";
|
|
21695
21134
|
import * as ReactDOM2 from "react-dom";
|
|
21696
21135
|
|
|
21697
21136
|
// node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
|
|
@@ -22089,7 +21528,7 @@ var FloatingArrow = /* @__PURE__ */ React8.forwardRef(function FloatingArrow2(pr
|
|
|
22089
21528
|
bottom: isCustomShape ? "" : "rotate(180deg)",
|
|
22090
21529
|
right: isCustomShape ? "rotate(-90deg)" : "rotate(90deg)"
|
|
22091
21530
|
}[side];
|
|
22092
|
-
return /* @__PURE__ */
|
|
21531
|
+
return /* @__PURE__ */ jsxs50("svg", {
|
|
22093
21532
|
...rest,
|
|
22094
21533
|
"aria-hidden": true,
|
|
22095
21534
|
ref,
|
|
@@ -22105,18 +21544,18 @@ var FloatingArrow = /* @__PURE__ */ React8.forwardRef(function FloatingArrow2(pr
|
|
|
22105
21544
|
transform: [rotation, transform].filter((t3) => !!t3).join(" "),
|
|
22106
21545
|
...restStyle
|
|
22107
21546
|
},
|
|
22108
|
-
children: [computedStrokeWidth > 0 && /* @__PURE__ */
|
|
21547
|
+
children: [computedStrokeWidth > 0 && /* @__PURE__ */ jsx80("path", {
|
|
22109
21548
|
clipPath: "url(#" + clipPathId + ")",
|
|
22110
21549
|
fill: "none",
|
|
22111
21550
|
stroke,
|
|
22112
21551
|
strokeWidth: computedStrokeWidth + (d ? 0 : 1),
|
|
22113
21552
|
d: dValue
|
|
22114
|
-
}), /* @__PURE__ */
|
|
21553
|
+
}), /* @__PURE__ */ jsx80("path", {
|
|
22115
21554
|
stroke: computedStrokeWidth && !d ? rest.fill : "none",
|
|
22116
21555
|
d: dValue
|
|
22117
|
-
}), /* @__PURE__ */
|
|
21556
|
+
}), /* @__PURE__ */ jsx80("clipPath", {
|
|
22118
21557
|
id: clipPathId,
|
|
22119
|
-
children: /* @__PURE__ */
|
|
21558
|
+
children: /* @__PURE__ */ jsx80("rect", {
|
|
22120
21559
|
x: -halfStrokeWidth,
|
|
22121
21560
|
y: halfStrokeWidth * (isCustomShape ? -1 : 1),
|
|
22122
21561
|
width: width + computedStrokeWidth,
|
|
@@ -22331,8 +21770,8 @@ var CalendarContainer = function(_a2) {
|
|
|
22331
21770
|
return React9.createElement("div", { className, role: "dialog", "aria-label": ariaLabel, "aria-modal": "true" }, children);
|
|
22332
21771
|
};
|
|
22333
21772
|
var useDetectClickOutside = function(onClickOutside, ignoreClass) {
|
|
22334
|
-
var ref =
|
|
22335
|
-
var onClickOutsideRef =
|
|
21773
|
+
var ref = useRef11(null);
|
|
21774
|
+
var onClickOutsideRef = useRef11(onClickOutside);
|
|
22336
21775
|
onClickOutsideRef.current = onClickOutside;
|
|
22337
21776
|
var handleClickOutside = useCallback5(function(event) {
|
|
22338
21777
|
var _a2;
|
|
@@ -22345,7 +21784,7 @@ var useDetectClickOutside = function(onClickOutside, ignoreClass) {
|
|
|
22345
21784
|
}
|
|
22346
21785
|
}
|
|
22347
21786
|
}, [ignoreClass]);
|
|
22348
|
-
|
|
21787
|
+
useEffect15(function() {
|
|
22349
21788
|
document.addEventListener("mousedown", handleClickOutside);
|
|
22350
21789
|
return function() {
|
|
22351
21790
|
document.removeEventListener("mousedown", handleClickOutside);
|
|
@@ -25586,7 +25025,7 @@ function withFloating(Component3) {
|
|
|
25586
25025
|
var WithFloating = function(props) {
|
|
25587
25026
|
var _a2;
|
|
25588
25027
|
var hidePopper = typeof props.hidePopper === "boolean" ? props.hidePopper : true;
|
|
25589
|
-
var arrowRef =
|
|
25028
|
+
var arrowRef = useRef11(null);
|
|
25590
25029
|
var floatingProps = useFloating2(_assign({ open: !hidePopper, whileElementsMounted: autoUpdate, placement: props.popperPlacement, middleware: __spreadArray([
|
|
25591
25030
|
flip3({ padding: 15 }),
|
|
25592
25031
|
offset3(10),
|
|
@@ -26598,13 +26037,13 @@ function _objectWithoutProperties(e3, t3) {
|
|
|
26598
26037
|
}
|
|
26599
26038
|
|
|
26600
26039
|
// node_modules/react-select/dist/useStateManager-7e1e8489.esm.js
|
|
26601
|
-
import { useState as
|
|
26040
|
+
import { useState as useState14, useCallback as useCallback6 } from "react";
|
|
26602
26041
|
var _excluded = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
|
|
26603
26042
|
function useStateManager(_ref3) {
|
|
26604
26043
|
var _ref$defaultInputValu = _ref3.defaultInputValue, defaultInputValue = _ref$defaultInputValu === void 0 ? "" : _ref$defaultInputValu, _ref$defaultMenuIsOpe = _ref3.defaultMenuIsOpen, defaultMenuIsOpen = _ref$defaultMenuIsOpe === void 0 ? false : _ref$defaultMenuIsOpe, _ref$defaultValue = _ref3.defaultValue, defaultValue = _ref$defaultValue === void 0 ? null : _ref$defaultValue, propsInputValue = _ref3.inputValue, propsMenuIsOpen = _ref3.menuIsOpen, propsOnChange = _ref3.onChange, propsOnInputChange = _ref3.onInputChange, propsOnMenuClose = _ref3.onMenuClose, propsOnMenuOpen = _ref3.onMenuOpen, propsValue = _ref3.value, restSelectProps = _objectWithoutProperties(_ref3, _excluded);
|
|
26605
|
-
var _useState =
|
|
26606
|
-
var _useState3 =
|
|
26607
|
-
var _useState5 =
|
|
26044
|
+
var _useState = useState14(propsInputValue !== void 0 ? propsInputValue : defaultInputValue), _useState2 = _slicedToArray(_useState, 2), stateInputValue = _useState2[0], setStateInputValue = _useState2[1];
|
|
26045
|
+
var _useState3 = useState14(propsMenuIsOpen !== void 0 ? propsMenuIsOpen : defaultMenuIsOpen), _useState4 = _slicedToArray(_useState3, 2), stateMenuIsOpen = _useState4[0], setStateMenuIsOpen = _useState4[1];
|
|
26046
|
+
var _useState5 = useState14(propsValue !== void 0 ? propsValue : defaultValue), _useState6 = _slicedToArray(_useState5, 2), stateValue = _useState6[0], setStateValue = _useState6[1];
|
|
26608
26047
|
var onChange2 = useCallback6(function(value2, actionMeta) {
|
|
26609
26048
|
if (typeof propsOnChange === "function") {
|
|
26610
26049
|
propsOnChange(value2, actionMeta);
|
|
@@ -26765,7 +26204,7 @@ function _toConsumableArray(r4) {
|
|
|
26765
26204
|
|
|
26766
26205
|
// node_modules/react-select/dist/Select-ef7c0426.esm.js
|
|
26767
26206
|
import * as React13 from "react";
|
|
26768
|
-
import { useMemo as useMemo8, Fragment as Fragment22, useRef as
|
|
26207
|
+
import { useMemo as useMemo8, Fragment as Fragment22, useRef as useRef14, useCallback as useCallback8, useEffect as useEffect16, Component as Component2 } from "react";
|
|
26769
26208
|
|
|
26770
26209
|
// node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
|
|
26771
26210
|
import * as React11 from "react";
|
|
@@ -28049,7 +27488,7 @@ var Emotion$1 = Emotion;
|
|
|
28049
27488
|
import * as React12 from "react";
|
|
28050
27489
|
var import_extends2 = __toESM(require_extends());
|
|
28051
27490
|
var import_hoist_non_react_statics = __toESM(require_hoist_non_react_statics_cjs());
|
|
28052
|
-
var
|
|
27491
|
+
var jsx81 = function jsx82(type, props) {
|
|
28053
27492
|
var args = arguments;
|
|
28054
27493
|
if (props == null || !hasOwn.call(props, "css")) {
|
|
28055
27494
|
return React12.createElement.apply(void 0, args);
|
|
@@ -28067,7 +27506,7 @@ var jsx82 = function jsx83(type, props) {
|
|
|
28067
27506
|
var JSX;
|
|
28068
27507
|
/* @__PURE__ */ (function(_JSX) {
|
|
28069
27508
|
})(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
|
|
28070
|
-
})(
|
|
27509
|
+
})(jsx81 || (jsx81 = {}));
|
|
28071
27510
|
function css() {
|
|
28072
27511
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
28073
27512
|
args[_key] = arguments[_key];
|
|
@@ -28097,7 +27536,7 @@ function _taggedTemplateLiteral(e3, t3) {
|
|
|
28097
27536
|
}
|
|
28098
27537
|
|
|
28099
27538
|
// node_modules/react-select/dist/index-641ee5b8.esm.js
|
|
28100
|
-
import { useContext as useContext9, useRef as
|
|
27539
|
+
import { useContext as useContext9, useRef as useRef13, useState as useState15, useMemo as useMemo7, useCallback as useCallback7, createContext as createContext5 } from "react";
|
|
28101
27540
|
import { createPortal as createPortal4 } from "react-dom";
|
|
28102
27541
|
|
|
28103
27542
|
// node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
|
|
@@ -28443,9 +27882,9 @@ var PortalPlacementContext = /* @__PURE__ */ createContext5(null);
|
|
|
28443
27882
|
var MenuPlacer = function MenuPlacer2(props) {
|
|
28444
27883
|
var children = props.children, minMenuHeight = props.minMenuHeight, maxMenuHeight = props.maxMenuHeight, menuPlacement = props.menuPlacement, menuPosition = props.menuPosition, menuShouldScrollIntoView = props.menuShouldScrollIntoView, theme = props.theme;
|
|
28445
27884
|
var _ref3 = useContext9(PortalPlacementContext) || {}, setPortalPlacement = _ref3.setPortalPlacement;
|
|
28446
|
-
var ref =
|
|
28447
|
-
var _useState =
|
|
28448
|
-
var _useState3 =
|
|
27885
|
+
var ref = useRef13(null);
|
|
27886
|
+
var _useState = useState15(maxMenuHeight), _useState2 = _slicedToArray(_useState, 2), maxHeight = _useState2[0], setMaxHeight = _useState2[1];
|
|
27887
|
+
var _useState3 = useState15(null), _useState4 = _slicedToArray(_useState3, 2), placement = _useState4[0], setPlacement = _useState4[1];
|
|
28449
27888
|
var controlHeight2 = theme.spacing.controlHeight;
|
|
28450
27889
|
index3(function() {
|
|
28451
27890
|
var menuEl = ref.current;
|
|
@@ -28475,7 +27914,7 @@ var MenuPlacer = function MenuPlacer2(props) {
|
|
|
28475
27914
|
};
|
|
28476
27915
|
var Menu = function Menu2(props) {
|
|
28477
27916
|
var children = props.children, innerRef = props.innerRef, innerProps = props.innerProps;
|
|
28478
|
-
return
|
|
27917
|
+
return jsx81("div", _extends({}, getStyleProps(props, "menu", {
|
|
28479
27918
|
menu: true
|
|
28480
27919
|
}), {
|
|
28481
27920
|
ref: innerRef
|
|
@@ -28497,7 +27936,7 @@ var menuListCSS = function menuListCSS2(_ref4, unstyled) {
|
|
|
28497
27936
|
};
|
|
28498
27937
|
var MenuList = function MenuList2(props) {
|
|
28499
27938
|
var children = props.children, innerProps = props.innerProps, innerRef = props.innerRef, isMulti = props.isMulti;
|
|
28500
|
-
return
|
|
27939
|
+
return jsx81("div", _extends({}, getStyleProps(props, "menuList", {
|
|
28501
27940
|
"menu-list": true,
|
|
28502
27941
|
"menu-list--is-multi": isMulti
|
|
28503
27942
|
}), {
|
|
@@ -28517,7 +27956,7 @@ var noOptionsMessageCSS = noticeCSS;
|
|
|
28517
27956
|
var loadingMessageCSS = noticeCSS;
|
|
28518
27957
|
var NoOptionsMessage = function NoOptionsMessage2(_ref6) {
|
|
28519
27958
|
var _ref6$children = _ref6.children, children = _ref6$children === void 0 ? "No options" : _ref6$children, innerProps = _ref6.innerProps, restProps = _objectWithoutProperties(_ref6, _excluded$3);
|
|
28520
|
-
return
|
|
27959
|
+
return jsx81("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
|
|
28521
27960
|
children,
|
|
28522
27961
|
innerProps
|
|
28523
27962
|
}), "noOptionsMessage", {
|
|
@@ -28527,7 +27966,7 @@ var NoOptionsMessage = function NoOptionsMessage2(_ref6) {
|
|
|
28527
27966
|
};
|
|
28528
27967
|
var LoadingMessage = function LoadingMessage2(_ref7) {
|
|
28529
27968
|
var _ref7$children = _ref7.children, children = _ref7$children === void 0 ? "Loading..." : _ref7$children, innerProps = _ref7.innerProps, restProps = _objectWithoutProperties(_ref7, _excluded2$1);
|
|
28530
|
-
return
|
|
27969
|
+
return jsx81("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
|
|
28531
27970
|
children,
|
|
28532
27971
|
innerProps
|
|
28533
27972
|
}), "loadingMessage", {
|
|
@@ -28547,15 +27986,15 @@ var menuPortalCSS = function menuPortalCSS2(_ref8) {
|
|
|
28547
27986
|
};
|
|
28548
27987
|
var MenuPortal = function MenuPortal2(props) {
|
|
28549
27988
|
var appendTo = props.appendTo, children = props.children, controlElement = props.controlElement, innerProps = props.innerProps, menuPlacement = props.menuPlacement, menuPosition = props.menuPosition;
|
|
28550
|
-
var menuPortalRef =
|
|
28551
|
-
var cleanupRef =
|
|
28552
|
-
var _useState5 =
|
|
27989
|
+
var menuPortalRef = useRef13(null);
|
|
27990
|
+
var cleanupRef = useRef13(null);
|
|
27991
|
+
var _useState5 = useState15(coercePlacement(menuPlacement)), _useState6 = _slicedToArray(_useState5, 2), placement = _useState6[0], setPortalPlacement = _useState6[1];
|
|
28553
27992
|
var portalPlacementContext = useMemo7(function() {
|
|
28554
27993
|
return {
|
|
28555
27994
|
setPortalPlacement
|
|
28556
27995
|
};
|
|
28557
27996
|
}, []);
|
|
28558
|
-
var _useState7 =
|
|
27997
|
+
var _useState7 = useState15(null), _useState8 = _slicedToArray(_useState7, 2), computedPosition = _useState8[0], setComputedPosition = _useState8[1];
|
|
28559
27998
|
var updateComputedPosition = useCallback7(function() {
|
|
28560
27999
|
if (!controlElement) return;
|
|
28561
28000
|
var rect = getBoundingClientObj(controlElement);
|
|
@@ -28590,7 +28029,7 @@ var MenuPortal = function MenuPortal2(props) {
|
|
|
28590
28029
|
runAutoUpdate();
|
|
28591
28030
|
}, [runAutoUpdate]);
|
|
28592
28031
|
if (!appendTo && menuPosition !== "fixed" || !computedPosition) return null;
|
|
28593
|
-
var menuWrapper =
|
|
28032
|
+
var menuWrapper = jsx81("div", _extends({
|
|
28594
28033
|
ref: setMenuPortalElement
|
|
28595
28034
|
}, getStyleProps(_objectSpread2(_objectSpread2({}, props), {}, {
|
|
28596
28035
|
offset: computedPosition.offset,
|
|
@@ -28599,7 +28038,7 @@ var MenuPortal = function MenuPortal2(props) {
|
|
|
28599
28038
|
}), "menuPortal", {
|
|
28600
28039
|
"menu-portal": true
|
|
28601
28040
|
}), innerProps), children);
|
|
28602
|
-
return
|
|
28041
|
+
return jsx81(PortalPlacementContext.Provider, {
|
|
28603
28042
|
value: portalPlacementContext
|
|
28604
28043
|
}, appendTo ? /* @__PURE__ */ createPortal4(menuWrapper, appendTo) : menuWrapper);
|
|
28605
28044
|
};
|
|
@@ -28615,7 +28054,7 @@ var containerCSS = function containerCSS2(_ref3) {
|
|
|
28615
28054
|
};
|
|
28616
28055
|
var SelectContainer = function SelectContainer2(props) {
|
|
28617
28056
|
var children = props.children, innerProps = props.innerProps, isDisabled = props.isDisabled, isRtl = props.isRtl;
|
|
28618
|
-
return
|
|
28057
|
+
return jsx81("div", _extends({}, getStyleProps(props, "container", {
|
|
28619
28058
|
"--is-disabled": isDisabled,
|
|
28620
28059
|
"--is-rtl": isRtl
|
|
28621
28060
|
}), innerProps), children);
|
|
@@ -28636,7 +28075,7 @@ var valueContainerCSS = function valueContainerCSS2(_ref23, unstyled) {
|
|
|
28636
28075
|
};
|
|
28637
28076
|
var ValueContainer = function ValueContainer2(props) {
|
|
28638
28077
|
var children = props.children, innerProps = props.innerProps, isMulti = props.isMulti, hasValue = props.hasValue;
|
|
28639
|
-
return
|
|
28078
|
+
return jsx81("div", _extends({}, getStyleProps(props, "valueContainer", {
|
|
28640
28079
|
"value-container": true,
|
|
28641
28080
|
"value-container--is-multi": isMulti,
|
|
28642
28081
|
"value-container--has-value": hasValue
|
|
@@ -28652,7 +28091,7 @@ var indicatorsContainerCSS = function indicatorsContainerCSS2() {
|
|
|
28652
28091
|
};
|
|
28653
28092
|
var IndicatorsContainer = function IndicatorsContainer2(props) {
|
|
28654
28093
|
var children = props.children, innerProps = props.innerProps;
|
|
28655
|
-
return
|
|
28094
|
+
return jsx81("div", _extends({}, getStyleProps(props, "indicatorsContainer", {
|
|
28656
28095
|
indicators: true
|
|
28657
28096
|
}), innerProps), children);
|
|
28658
28097
|
};
|
|
@@ -28673,7 +28112,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
|
28673
28112
|
};
|
|
28674
28113
|
var Svg = function Svg2(_ref3) {
|
|
28675
28114
|
var size4 = _ref3.size, props = _objectWithoutProperties(_ref3, _excluded$2);
|
|
28676
|
-
return
|
|
28115
|
+
return jsx81("svg", _extends({
|
|
28677
28116
|
height: size4,
|
|
28678
28117
|
width: size4,
|
|
28679
28118
|
viewBox: "0 0 20 20",
|
|
@@ -28683,16 +28122,16 @@ var Svg = function Svg2(_ref3) {
|
|
|
28683
28122
|
}, props));
|
|
28684
28123
|
};
|
|
28685
28124
|
var CrossIcon = function CrossIcon2(props) {
|
|
28686
|
-
return
|
|
28125
|
+
return jsx81(Svg, _extends({
|
|
28687
28126
|
size: 20
|
|
28688
|
-
}, props),
|
|
28127
|
+
}, props), jsx81("path", {
|
|
28689
28128
|
d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
|
|
28690
28129
|
}));
|
|
28691
28130
|
};
|
|
28692
28131
|
var DownChevron = function DownChevron2(props) {
|
|
28693
|
-
return
|
|
28132
|
+
return jsx81(Svg, _extends({
|
|
28694
28133
|
size: 20
|
|
28695
|
-
}, props),
|
|
28134
|
+
}, props), jsx81("path", {
|
|
28696
28135
|
d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
28697
28136
|
}));
|
|
28698
28137
|
};
|
|
@@ -28713,18 +28152,18 @@ var baseCSS = function baseCSS2(_ref3, unstyled) {
|
|
|
28713
28152
|
var dropdownIndicatorCSS = baseCSS;
|
|
28714
28153
|
var DropdownIndicator = function DropdownIndicator2(props) {
|
|
28715
28154
|
var children = props.children, innerProps = props.innerProps;
|
|
28716
|
-
return
|
|
28155
|
+
return jsx81("div", _extends({}, getStyleProps(props, "dropdownIndicator", {
|
|
28717
28156
|
indicator: true,
|
|
28718
28157
|
"dropdown-indicator": true
|
|
28719
|
-
}), innerProps), children ||
|
|
28158
|
+
}), innerProps), children || jsx81(DownChevron, null));
|
|
28720
28159
|
};
|
|
28721
28160
|
var clearIndicatorCSS = baseCSS;
|
|
28722
28161
|
var ClearIndicator = function ClearIndicator2(props) {
|
|
28723
28162
|
var children = props.children, innerProps = props.innerProps;
|
|
28724
|
-
return
|
|
28163
|
+
return jsx81("div", _extends({}, getStyleProps(props, "clearIndicator", {
|
|
28725
28164
|
indicator: true,
|
|
28726
28165
|
"clear-indicator": true
|
|
28727
|
-
}), innerProps), children ||
|
|
28166
|
+
}), innerProps), children || jsx81(CrossIcon, null));
|
|
28728
28167
|
};
|
|
28729
28168
|
var indicatorSeparatorCSS = function indicatorSeparatorCSS2(_ref4, unstyled) {
|
|
28730
28169
|
var isDisabled = _ref4.isDisabled, _ref4$theme = _ref4.theme, baseUnit2 = _ref4$theme.spacing.baseUnit, colors2 = _ref4$theme.colors;
|
|
@@ -28740,7 +28179,7 @@ var indicatorSeparatorCSS = function indicatorSeparatorCSS2(_ref4, unstyled) {
|
|
|
28740
28179
|
};
|
|
28741
28180
|
var IndicatorSeparator = function IndicatorSeparator2(props) {
|
|
28742
28181
|
var innerProps = props.innerProps;
|
|
28743
|
-
return
|
|
28182
|
+
return jsx81("span", _extends({}, innerProps, getStyleProps(props, "indicatorSeparator", {
|
|
28744
28183
|
"indicator-separator": true
|
|
28745
28184
|
})));
|
|
28746
28185
|
};
|
|
@@ -28764,7 +28203,7 @@ var loadingIndicatorCSS = function loadingIndicatorCSS2(_ref5, unstyled) {
|
|
|
28764
28203
|
};
|
|
28765
28204
|
var LoadingDot = function LoadingDot2(_ref6) {
|
|
28766
28205
|
var delay = _ref6.delay, offset4 = _ref6.offset;
|
|
28767
|
-
return
|
|
28206
|
+
return jsx81("span", {
|
|
28768
28207
|
css: /* @__PURE__ */ css({
|
|
28769
28208
|
animation: "".concat(loadingDotAnimations, " 1s ease-in-out ").concat(delay, "ms infinite;"),
|
|
28770
28209
|
backgroundColor: "currentColor",
|
|
@@ -28779,20 +28218,20 @@ var LoadingDot = function LoadingDot2(_ref6) {
|
|
|
28779
28218
|
};
|
|
28780
28219
|
var LoadingIndicator = function LoadingIndicator2(_ref7) {
|
|
28781
28220
|
var innerProps = _ref7.innerProps, isRtl = _ref7.isRtl, _ref7$size = _ref7.size, size4 = _ref7$size === void 0 ? 4 : _ref7$size, restProps = _objectWithoutProperties(_ref7, _excluded2);
|
|
28782
|
-
return
|
|
28221
|
+
return jsx81("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
|
|
28783
28222
|
innerProps,
|
|
28784
28223
|
isRtl,
|
|
28785
28224
|
size: size4
|
|
28786
28225
|
}), "loadingIndicator", {
|
|
28787
28226
|
indicator: true,
|
|
28788
28227
|
"loading-indicator": true
|
|
28789
|
-
}), innerProps),
|
|
28228
|
+
}), innerProps), jsx81(LoadingDot, {
|
|
28790
28229
|
delay: 0,
|
|
28791
28230
|
offset: isRtl
|
|
28792
|
-
}),
|
|
28231
|
+
}), jsx81(LoadingDot, {
|
|
28793
28232
|
delay: 160,
|
|
28794
28233
|
offset: true
|
|
28795
|
-
}),
|
|
28234
|
+
}), jsx81(LoadingDot, {
|
|
28796
28235
|
delay: 320,
|
|
28797
28236
|
offset: !isRtl
|
|
28798
28237
|
}));
|
|
@@ -28824,7 +28263,7 @@ var css$1 = function css2(_ref3, unstyled) {
|
|
|
28824
28263
|
};
|
|
28825
28264
|
var Control = function Control2(props) {
|
|
28826
28265
|
var children = props.children, isDisabled = props.isDisabled, isFocused = props.isFocused, innerRef = props.innerRef, innerProps = props.innerProps, menuIsOpen = props.menuIsOpen;
|
|
28827
|
-
return
|
|
28266
|
+
return jsx81("div", _extends({
|
|
28828
28267
|
ref: innerRef
|
|
28829
28268
|
}, getStyleProps(props, "control", {
|
|
28830
28269
|
control: true,
|
|
@@ -28846,15 +28285,15 @@ var groupCSS = function groupCSS2(_ref3, unstyled) {
|
|
|
28846
28285
|
};
|
|
28847
28286
|
var Group = function Group2(props) {
|
|
28848
28287
|
var children = props.children, cx = props.cx, getStyles = props.getStyles, getClassNames = props.getClassNames, Heading = props.Heading, headingProps = props.headingProps, innerProps = props.innerProps, label = props.label, theme = props.theme, selectProps = props.selectProps;
|
|
28849
|
-
return
|
|
28288
|
+
return jsx81("div", _extends({}, getStyleProps(props, "group", {
|
|
28850
28289
|
group: true
|
|
28851
|
-
}), innerProps),
|
|
28290
|
+
}), innerProps), jsx81(Heading, _extends({}, headingProps, {
|
|
28852
28291
|
selectProps,
|
|
28853
28292
|
theme,
|
|
28854
28293
|
getStyles,
|
|
28855
28294
|
getClassNames,
|
|
28856
28295
|
cx
|
|
28857
|
-
}), label),
|
|
28296
|
+
}), label), jsx81("div", null, children));
|
|
28858
28297
|
};
|
|
28859
28298
|
var groupHeadingCSS = function groupHeadingCSS2(_ref23, unstyled) {
|
|
28860
28299
|
var _ref2$theme = _ref23.theme, colors2 = _ref2$theme.colors, spacing2 = _ref2$theme.spacing;
|
|
@@ -28876,7 +28315,7 @@ var GroupHeading = function GroupHeading2(props) {
|
|
|
28876
28315
|
var _cleanCommonProps = cleanCommonProps(props);
|
|
28877
28316
|
_cleanCommonProps.data;
|
|
28878
28317
|
var innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$1);
|
|
28879
|
-
return
|
|
28318
|
+
return jsx81("div", _extends({}, getStyleProps(props, "groupHeading", {
|
|
28880
28319
|
"group-heading": true
|
|
28881
28320
|
}), innerProps));
|
|
28882
28321
|
};
|
|
@@ -28928,11 +28367,11 @@ var inputStyle = function inputStyle2(isHidden) {
|
|
|
28928
28367
|
var Input = function Input2(props) {
|
|
28929
28368
|
var cx = props.cx, value = props.value;
|
|
28930
28369
|
var _cleanCommonProps = cleanCommonProps(props), innerRef = _cleanCommonProps.innerRef, isDisabled = _cleanCommonProps.isDisabled, isHidden = _cleanCommonProps.isHidden, inputClassName = _cleanCommonProps.inputClassName, innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded3);
|
|
28931
|
-
return
|
|
28370
|
+
return jsx81("div", _extends({}, getStyleProps(props, "input", {
|
|
28932
28371
|
"input-container": true
|
|
28933
28372
|
}), {
|
|
28934
28373
|
"data-value": value || ""
|
|
28935
|
-
}),
|
|
28374
|
+
}), jsx81("input", _extends({
|
|
28936
28375
|
className: cx({
|
|
28937
28376
|
input: true
|
|
28938
28377
|
}, inputClassName),
|
|
@@ -28986,35 +28425,35 @@ var multiValueRemoveCSS = function multiValueRemoveCSS2(_ref3, unstyled) {
|
|
|
28986
28425
|
};
|
|
28987
28426
|
var MultiValueGeneric = function MultiValueGeneric2(_ref4) {
|
|
28988
28427
|
var children = _ref4.children, innerProps = _ref4.innerProps;
|
|
28989
|
-
return
|
|
28428
|
+
return jsx81("div", innerProps, children);
|
|
28990
28429
|
};
|
|
28991
28430
|
var MultiValueContainer = MultiValueGeneric;
|
|
28992
28431
|
var MultiValueLabel = MultiValueGeneric;
|
|
28993
28432
|
function MultiValueRemove(_ref5) {
|
|
28994
28433
|
var children = _ref5.children, innerProps = _ref5.innerProps;
|
|
28995
|
-
return
|
|
28434
|
+
return jsx81("div", _extends({
|
|
28996
28435
|
role: "button"
|
|
28997
|
-
}, innerProps), children ||
|
|
28436
|
+
}, innerProps), children || jsx81(CrossIcon, {
|
|
28998
28437
|
size: 14
|
|
28999
28438
|
}));
|
|
29000
28439
|
}
|
|
29001
28440
|
var MultiValue = function MultiValue2(props) {
|
|
29002
28441
|
var children = props.children, components2 = props.components, data = props.data, innerProps = props.innerProps, isDisabled = props.isDisabled, removeProps3 = props.removeProps, selectProps = props.selectProps;
|
|
29003
28442
|
var Container = components2.Container, Label = components2.Label, Remove = components2.Remove;
|
|
29004
|
-
return
|
|
28443
|
+
return jsx81(Container, {
|
|
29005
28444
|
data,
|
|
29006
28445
|
innerProps: _objectSpread2(_objectSpread2({}, getStyleProps(props, "multiValue", {
|
|
29007
28446
|
"multi-value": true,
|
|
29008
28447
|
"multi-value--is-disabled": isDisabled
|
|
29009
28448
|
})), innerProps),
|
|
29010
28449
|
selectProps
|
|
29011
|
-
},
|
|
28450
|
+
}, jsx81(Label, {
|
|
29012
28451
|
data,
|
|
29013
28452
|
innerProps: _objectSpread2({}, getStyleProps(props, "multiValueLabel", {
|
|
29014
28453
|
"multi-value__label": true
|
|
29015
28454
|
})),
|
|
29016
28455
|
selectProps
|
|
29017
|
-
}, children),
|
|
28456
|
+
}, children), jsx81(Remove, {
|
|
29018
28457
|
data,
|
|
29019
28458
|
innerProps: _objectSpread2(_objectSpread2({}, getStyleProps(props, "multiValueRemove", {
|
|
29020
28459
|
"multi-value__remove": true
|
|
@@ -29047,7 +28486,7 @@ var optionCSS = function optionCSS2(_ref3, unstyled) {
|
|
|
29047
28486
|
};
|
|
29048
28487
|
var Option = function Option2(props) {
|
|
29049
28488
|
var children = props.children, isDisabled = props.isDisabled, isFocused = props.isFocused, isSelected = props.isSelected, innerRef = props.innerRef, innerProps = props.innerProps;
|
|
29050
|
-
return
|
|
28489
|
+
return jsx81("div", _extends({}, getStyleProps(props, "option", {
|
|
29051
28490
|
option: true,
|
|
29052
28491
|
"option--is-disabled": isDisabled,
|
|
29053
28492
|
"option--is-focused": isFocused,
|
|
@@ -29071,7 +28510,7 @@ var placeholderCSS = function placeholderCSS2(_ref3, unstyled) {
|
|
|
29071
28510
|
};
|
|
29072
28511
|
var Placeholder = function Placeholder2(props) {
|
|
29073
28512
|
var children = props.children, innerProps = props.innerProps;
|
|
29074
|
-
return
|
|
28513
|
+
return jsx81("div", _extends({}, getStyleProps(props, "placeholder", {
|
|
29075
28514
|
placeholder: true
|
|
29076
28515
|
}), innerProps), children);
|
|
29077
28516
|
};
|
|
@@ -29093,7 +28532,7 @@ var css3 = function css4(_ref3, unstyled) {
|
|
|
29093
28532
|
};
|
|
29094
28533
|
var SingleValue = function SingleValue2(props) {
|
|
29095
28534
|
var children = props.children, isDisabled = props.isDisabled, innerProps = props.innerProps;
|
|
29096
|
-
return
|
|
28535
|
+
return jsx81("div", _extends({}, getStyleProps(props, "singleValue", {
|
|
29097
28536
|
"single-value": true,
|
|
29098
28537
|
"single-value--is-disabled": isDisabled
|
|
29099
28538
|
}), innerProps), children);
|
|
@@ -29195,7 +28634,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
29195
28634
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
|
|
29196
28635
|
};
|
|
29197
28636
|
var A11yText = function A11yText2(props) {
|
|
29198
|
-
return
|
|
28637
|
+
return jsx81("span", _extends({
|
|
29199
28638
|
css: _ref
|
|
29200
28639
|
}, props));
|
|
29201
28640
|
};
|
|
@@ -29330,18 +28769,18 @@ var LiveRegion = function LiveRegion2(props) {
|
|
|
29330
28769
|
}
|
|
29331
28770
|
return guidanceMsg;
|
|
29332
28771
|
}, [ariaLabel, focusedOption, focusedValue, isMulti, isOptionDisabled3, isSearchable, menuIsOpen, messages, selectValue, tabSelectsValue, isInitialFocus]);
|
|
29333
|
-
var ScreenReaderText =
|
|
28772
|
+
var ScreenReaderText = jsx81(Fragment22, null, jsx81("span", {
|
|
29334
28773
|
id: "aria-selection"
|
|
29335
|
-
}, ariaSelected),
|
|
28774
|
+
}, ariaSelected), jsx81("span", {
|
|
29336
28775
|
id: "aria-focused"
|
|
29337
|
-
}, ariaFocused),
|
|
28776
|
+
}, ariaFocused), jsx81("span", {
|
|
29338
28777
|
id: "aria-results"
|
|
29339
|
-
}, ariaResults),
|
|
28778
|
+
}, ariaResults), jsx81("span", {
|
|
29340
28779
|
id: "aria-guidance"
|
|
29341
28780
|
}, ariaGuidance));
|
|
29342
|
-
return
|
|
28781
|
+
return jsx81(Fragment22, null, jsx81(A11yText$1, {
|
|
29343
28782
|
id
|
|
29344
|
-
}, isInitialFocus && ScreenReaderText),
|
|
28783
|
+
}, isInitialFocus && ScreenReaderText), jsx81(A11yText$1, {
|
|
29345
28784
|
"aria-live": ariaLive,
|
|
29346
28785
|
"aria-atomic": "false",
|
|
29347
28786
|
"aria-relevant": "additions text",
|
|
@@ -29654,7 +29093,7 @@ var _excluded4 = ["innerRef"];
|
|
|
29654
29093
|
function DummyInput(_ref3) {
|
|
29655
29094
|
var innerRef = _ref3.innerRef, props = _objectWithoutProperties(_ref3, _excluded4);
|
|
29656
29095
|
var filteredProps = removeProps(props, "onExited", "in", "enter", "exit", "appear");
|
|
29657
|
-
return
|
|
29096
|
+
return jsx81("input", _extends({
|
|
29658
29097
|
ref: innerRef
|
|
29659
29098
|
}, filteredProps, {
|
|
29660
29099
|
css: /* @__PURE__ */ css({
|
|
@@ -29686,10 +29125,10 @@ var cancelScroll = function cancelScroll2(event) {
|
|
|
29686
29125
|
};
|
|
29687
29126
|
function useScrollCapture(_ref3) {
|
|
29688
29127
|
var isEnabled = _ref3.isEnabled, onBottomArrive = _ref3.onBottomArrive, onBottomLeave = _ref3.onBottomLeave, onTopArrive = _ref3.onTopArrive, onTopLeave = _ref3.onTopLeave;
|
|
29689
|
-
var isBottom =
|
|
29690
|
-
var isTop =
|
|
29691
|
-
var touchStart =
|
|
29692
|
-
var scrollTarget =
|
|
29128
|
+
var isBottom = useRef14(false);
|
|
29129
|
+
var isTop = useRef14(false);
|
|
29130
|
+
var touchStart = useRef14(0);
|
|
29131
|
+
var scrollTarget = useRef14(null);
|
|
29693
29132
|
var handleEventDelta = useCallback8(function(event, delta) {
|
|
29694
29133
|
if (scrollTarget.current === null) return;
|
|
29695
29134
|
var _scrollTarget$current = scrollTarget.current, scrollTop = _scrollTarget$current.scrollTop, scrollHeight = _scrollTarget$current.scrollHeight, clientHeight = _scrollTarget$current.clientHeight;
|
|
@@ -29749,7 +29188,7 @@ function useScrollCapture(_ref3) {
|
|
|
29749
29188
|
el.removeEventListener("touchstart", onTouchStart, false);
|
|
29750
29189
|
el.removeEventListener("touchmove", onTouchMove, false);
|
|
29751
29190
|
}, [onTouchMove, onTouchStart, onWheel]);
|
|
29752
|
-
|
|
29191
|
+
useEffect16(function() {
|
|
29753
29192
|
if (!isEnabled) return;
|
|
29754
29193
|
var element = scrollTarget.current;
|
|
29755
29194
|
startListening(element);
|
|
@@ -29796,8 +29235,8 @@ var listenerOptions = {
|
|
|
29796
29235
|
};
|
|
29797
29236
|
function useScrollLock(_ref3) {
|
|
29798
29237
|
var isEnabled = _ref3.isEnabled, _ref$accountForScroll = _ref3.accountForScrollbars, accountForScrollbars = _ref$accountForScroll === void 0 ? true : _ref$accountForScroll;
|
|
29799
|
-
var originalStyles =
|
|
29800
|
-
var scrollTarget =
|
|
29238
|
+
var originalStyles = useRef14({});
|
|
29239
|
+
var scrollTarget = useRef14(null);
|
|
29801
29240
|
var addScrollLock = useCallback8(function(touchScrollTarget) {
|
|
29802
29241
|
if (!canUseDOM) return;
|
|
29803
29242
|
var target = document.body;
|
|
@@ -29852,7 +29291,7 @@ function useScrollLock(_ref3) {
|
|
|
29852
29291
|
}
|
|
29853
29292
|
}
|
|
29854
29293
|
}, [accountForScrollbars]);
|
|
29855
|
-
|
|
29294
|
+
useEffect16(function() {
|
|
29856
29295
|
if (!isEnabled) return;
|
|
29857
29296
|
var element = scrollTarget.current;
|
|
29858
29297
|
addScrollLock(element);
|
|
@@ -29896,7 +29335,7 @@ function ScrollManager(_ref3) {
|
|
|
29896
29335
|
setScrollCaptureTarget(element);
|
|
29897
29336
|
setScrollLockTarget(element);
|
|
29898
29337
|
};
|
|
29899
|
-
return
|
|
29338
|
+
return jsx81(Fragment22, null, lockEnabled && jsx81("div", {
|
|
29900
29339
|
onClick: blurSelectInput,
|
|
29901
29340
|
css: _ref2$1
|
|
29902
29341
|
}), children(targetRef));
|
|
@@ -29915,7 +29354,7 @@ var _ref22 = process.env.NODE_ENV === "production" ? {
|
|
|
29915
29354
|
};
|
|
29916
29355
|
var RequiredInput = function RequiredInput2(_ref3) {
|
|
29917
29356
|
var name2 = _ref3.name, onFocus2 = _ref3.onFocus;
|
|
29918
|
-
return
|
|
29357
|
+
return jsx81("input", {
|
|
29919
29358
|
required: true,
|
|
29920
29359
|
name: name2,
|
|
29921
29360
|
tabIndex: -1,
|
|
@@ -31505,7 +30944,7 @@ var StateManagedSelect$1 = StateManagedSelect;
|
|
|
31505
30944
|
|
|
31506
30945
|
// src/widgets/basic/date-field/date.tsx
|
|
31507
30946
|
var import_moment2 = __toESM(require_moment());
|
|
31508
|
-
import { Fragment as Fragment23, jsx as
|
|
30947
|
+
import { Fragment as Fragment23, jsx as jsx83, jsxs as jsxs51 } from "react/jsx-runtime";
|
|
31509
30948
|
var DateField = (props) => {
|
|
31510
30949
|
const {
|
|
31511
30950
|
name: name2,
|
|
@@ -31533,8 +30972,8 @@ var DateField = (props) => {
|
|
|
31533
30972
|
} = props;
|
|
31534
30973
|
const { t: t3 } = useI18n();
|
|
31535
30974
|
const InputDateCustom = forwardRef6(
|
|
31536
|
-
({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */
|
|
31537
|
-
/* @__PURE__ */
|
|
30975
|
+
({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */ jsxs51("label", { className: `flex ${className}`, children: [
|
|
30976
|
+
/* @__PURE__ */ jsx83(
|
|
31538
30977
|
"input",
|
|
31539
30978
|
{
|
|
31540
30979
|
className: `bg-transparent w-full focus-visible:outline-none outline-none border-none ${readonly && "cursor-not-allowed"}`,
|
|
@@ -31548,13 +30987,13 @@ var DateField = (props) => {
|
|
|
31548
30987
|
value: defaultValue && (0, import_moment2.default)(defaultValue).isValid() ? (0, import_moment2.default)(defaultValue).add(7, "hours").format(formatDate2) : ""
|
|
31549
30988
|
}
|
|
31550
30989
|
),
|
|
31551
|
-
isForm2 && /* @__PURE__ */
|
|
30990
|
+
isForm2 && /* @__PURE__ */ jsx83(CalendarIcon, {})
|
|
31552
30991
|
] })
|
|
31553
30992
|
);
|
|
31554
30993
|
if (!isForm && !isEditTable) {
|
|
31555
|
-
return /* @__PURE__ */
|
|
30994
|
+
return /* @__PURE__ */ jsx83("span", { children: value && (0, import_moment2.default)(value).isValid() ? (0, import_moment2.default)(value).add(7, "hours").format(formatDate2) : "" });
|
|
31556
30995
|
} else {
|
|
31557
|
-
return /* @__PURE__ */
|
|
30996
|
+
return /* @__PURE__ */ jsx83(
|
|
31558
30997
|
Controller,
|
|
31559
30998
|
{
|
|
31560
30999
|
name: name2 || "",
|
|
@@ -31570,14 +31009,14 @@ var DateField = (props) => {
|
|
|
31570
31009
|
},
|
|
31571
31010
|
render: ({ field, fieldState: { error: error2 } }) => {
|
|
31572
31011
|
const { setError, clearErrors } = methods;
|
|
31573
|
-
|
|
31012
|
+
useEffect17(() => {
|
|
31574
31013
|
if (value) {
|
|
31575
31014
|
clearErrors(name2);
|
|
31576
31015
|
}
|
|
31577
31016
|
}, [value, clearErrors, name2]);
|
|
31578
31017
|
const selectedDate = !methods ? value && (0, import_moment2.default)(value, formatDateParse).isValid() ? (0, import_moment2.default)(value, formatDateParse).add(7, "hours").toDate() : null : field?.value && (0, import_moment2.default)(field.value, formatDateParse).isValid() ? (0, import_moment2.default)(field.value, formatDateParse).add(7, "hours").toDate() : null;
|
|
31579
|
-
return /* @__PURE__ */
|
|
31580
|
-
/* @__PURE__ */
|
|
31018
|
+
return /* @__PURE__ */ jsxs51(Fragment23, { children: [
|
|
31019
|
+
/* @__PURE__ */ jsx83(
|
|
31581
31020
|
DatePicker,
|
|
31582
31021
|
{
|
|
31583
31022
|
selected: selectedDate,
|
|
@@ -31625,7 +31064,7 @@ var DateField = (props) => {
|
|
|
31625
31064
|
minDate: typeof minNowValue === "boolean" && minNowValue === true ? (0, import_moment2.default)(/* @__PURE__ */ new Date()).toDate() : import_moment2.default.isMoment(minNowValue) ? minNowValue.toDate() : void 0,
|
|
31626
31065
|
maxDate: typeof maxNowValue === "boolean" && maxNowValue === true ? (0, import_moment2.default)(/* @__PURE__ */ new Date()).toDate() : import_moment2.default.isMoment(maxNowValue) ? maxNowValue.toDate() : void 0,
|
|
31627
31066
|
showTimeInput: showTime,
|
|
31628
|
-
customInput: /* @__PURE__ */
|
|
31067
|
+
customInput: /* @__PURE__ */ jsx83(
|
|
31629
31068
|
InputDateCustom,
|
|
31630
31069
|
{
|
|
31631
31070
|
isForm,
|
|
@@ -31643,7 +31082,7 @@ var DateField = (props) => {
|
|
|
31643
31082
|
increaseMonth,
|
|
31644
31083
|
prevMonthButtonDisabled,
|
|
31645
31084
|
nextMonthButtonDisabled
|
|
31646
|
-
}) => /* @__PURE__ */
|
|
31085
|
+
}) => /* @__PURE__ */ jsxs51(
|
|
31647
31086
|
"div",
|
|
31648
31087
|
{
|
|
31649
31088
|
style: {
|
|
@@ -31652,7 +31091,7 @@ var DateField = (props) => {
|
|
|
31652
31091
|
justifyContent: "center"
|
|
31653
31092
|
},
|
|
31654
31093
|
children: [
|
|
31655
|
-
/* @__PURE__ */
|
|
31094
|
+
/* @__PURE__ */ jsx83(
|
|
31656
31095
|
"button",
|
|
31657
31096
|
{
|
|
31658
31097
|
onClick: decreaseMonth,
|
|
@@ -31660,7 +31099,7 @@ var DateField = (props) => {
|
|
|
31660
31099
|
children: "<"
|
|
31661
31100
|
}
|
|
31662
31101
|
),
|
|
31663
|
-
/* @__PURE__ */
|
|
31102
|
+
/* @__PURE__ */ jsx83(
|
|
31664
31103
|
StateManagedSelect$1,
|
|
31665
31104
|
{
|
|
31666
31105
|
classNames: {
|
|
@@ -31686,7 +31125,7 @@ var DateField = (props) => {
|
|
|
31686
31125
|
autoFocus: true
|
|
31687
31126
|
}
|
|
31688
31127
|
),
|
|
31689
|
-
/* @__PURE__ */
|
|
31128
|
+
/* @__PURE__ */ jsx83(
|
|
31690
31129
|
StateManagedSelect$1,
|
|
31691
31130
|
{
|
|
31692
31131
|
classNames: {
|
|
@@ -31714,7 +31153,7 @@ var DateField = (props) => {
|
|
|
31714
31153
|
}))
|
|
31715
31154
|
}
|
|
31716
31155
|
),
|
|
31717
|
-
/* @__PURE__ */
|
|
31156
|
+
/* @__PURE__ */ jsx83(
|
|
31718
31157
|
"button",
|
|
31719
31158
|
{
|
|
31720
31159
|
onClick: increaseMonth,
|
|
@@ -31727,7 +31166,7 @@ var DateField = (props) => {
|
|
|
31727
31166
|
)
|
|
31728
31167
|
}
|
|
31729
31168
|
),
|
|
31730
|
-
!isEditTable && error2 && /* @__PURE__ */
|
|
31169
|
+
!isEditTable && error2 && /* @__PURE__ */ jsx83("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
|
|
31731
31170
|
] });
|
|
31732
31171
|
}
|
|
31733
31172
|
}
|
|
@@ -31736,26 +31175,26 @@ var DateField = (props) => {
|
|
|
31736
31175
|
};
|
|
31737
31176
|
|
|
31738
31177
|
// src/widgets/basic/download-binary-field/download-binary.tsx
|
|
31739
|
-
import { jsx as
|
|
31178
|
+
import { jsx as jsx84, jsxs as jsxs52 } from "react/jsx-runtime";
|
|
31740
31179
|
var DownLoadBinaryField = (props) => {
|
|
31741
31180
|
const { handleFileDownload } = props;
|
|
31742
31181
|
const { t: t3 } = useI18n();
|
|
31743
|
-
return /* @__PURE__ */
|
|
31182
|
+
return /* @__PURE__ */ jsxs52(
|
|
31744
31183
|
"button",
|
|
31745
31184
|
{
|
|
31746
31185
|
type: "button",
|
|
31747
31186
|
onClick: handleFileDownload,
|
|
31748
31187
|
className: "download-binary-field flex items-center gap-1 text-blue-700 my-auto",
|
|
31749
31188
|
children: [
|
|
31750
|
-
/* @__PURE__ */
|
|
31751
|
-
/* @__PURE__ */
|
|
31189
|
+
/* @__PURE__ */ jsx84(DownloadIcon, {}),
|
|
31190
|
+
/* @__PURE__ */ jsx84("span", { className: "text-sm italic underline text-primary", children: t3("download_file") })
|
|
31752
31191
|
]
|
|
31753
31192
|
}
|
|
31754
31193
|
);
|
|
31755
31194
|
};
|
|
31756
31195
|
|
|
31757
31196
|
// src/widgets/basic/download-file-field/download-file.tsx
|
|
31758
|
-
import { jsx as
|
|
31197
|
+
import { jsx as jsx85, jsxs as jsxs53 } from "react/jsx-runtime";
|
|
31759
31198
|
var DownloadFileField = (props) => {
|
|
31760
31199
|
const {
|
|
31761
31200
|
readonly,
|
|
@@ -31767,15 +31206,15 @@ var DownloadFileField = (props) => {
|
|
|
31767
31206
|
handleFileChange,
|
|
31768
31207
|
handleFileDownload
|
|
31769
31208
|
} = props;
|
|
31770
|
-
return /* @__PURE__ */
|
|
31771
|
-
/* @__PURE__ */
|
|
31209
|
+
return /* @__PURE__ */ jsxs53("div", { className: "", children: [
|
|
31210
|
+
/* @__PURE__ */ jsxs53(
|
|
31772
31211
|
"label",
|
|
31773
31212
|
{
|
|
31774
31213
|
htmlFor: inputId,
|
|
31775
31214
|
className: "flex cursor-pointer items-center justify-center rounded-lg border-2 border-gray-300 bg-white px-3 py-2 transition-colors duration-300 hover:bg-gray-200",
|
|
31776
31215
|
children: [
|
|
31777
|
-
file ? /* @__PURE__ */
|
|
31778
|
-
/* @__PURE__ */
|
|
31216
|
+
file ? /* @__PURE__ */ jsx85("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx85("span", { className: "cursor-pointer text-lg", children: file.name }) }) : /* @__PURE__ */ jsx85("span", { className: "cursor-pointer text-lg", children: placeholder || "Upload File" }),
|
|
31217
|
+
/* @__PURE__ */ jsx85(
|
|
31779
31218
|
"input",
|
|
31780
31219
|
{
|
|
31781
31220
|
id: inputId,
|
|
@@ -31789,7 +31228,7 @@ var DownloadFileField = (props) => {
|
|
|
31789
31228
|
]
|
|
31790
31229
|
}
|
|
31791
31230
|
),
|
|
31792
|
-
file && /* @__PURE__ */
|
|
31231
|
+
file && /* @__PURE__ */ jsx85(
|
|
31793
31232
|
"button",
|
|
31794
31233
|
{
|
|
31795
31234
|
onClick: handleFileDownload,
|
|
@@ -31802,8 +31241,8 @@ var DownloadFileField = (props) => {
|
|
|
31802
31241
|
};
|
|
31803
31242
|
|
|
31804
31243
|
// src/widgets/basic/dropdown-field/dropdown.tsx
|
|
31805
|
-
import { useState as
|
|
31806
|
-
import { jsx as
|
|
31244
|
+
import { useState as useState16 } from "react";
|
|
31245
|
+
import { jsx as jsx86, jsxs as jsxs54 } from "react/jsx-runtime";
|
|
31807
31246
|
var DropdownField = (props) => {
|
|
31808
31247
|
const {
|
|
31809
31248
|
options: options2,
|
|
@@ -31815,32 +31254,32 @@ var DropdownField = (props) => {
|
|
|
31815
31254
|
dropdownClassName = "",
|
|
31816
31255
|
useClickOutside: useClickOutside2
|
|
31817
31256
|
} = props;
|
|
31818
|
-
const [open, setOpen] =
|
|
31257
|
+
const [open, setOpen] = useState16(false);
|
|
31819
31258
|
const dropdownRef = useClickOutside2({ handler: () => setOpen(false) });
|
|
31820
|
-
return /* @__PURE__ */
|
|
31259
|
+
return /* @__PURE__ */ jsxs54(
|
|
31821
31260
|
"div",
|
|
31822
31261
|
{
|
|
31823
31262
|
ref: dropdownRef,
|
|
31824
31263
|
className: `relative ${className}`,
|
|
31825
31264
|
onClick: () => setOpen(!open),
|
|
31826
31265
|
children: [
|
|
31827
|
-
/* @__PURE__ */
|
|
31266
|
+
/* @__PURE__ */ jsxs54(
|
|
31828
31267
|
"div",
|
|
31829
31268
|
{
|
|
31830
31269
|
className: `flex items-center gap-2 px-3 py-1 bg-white border rounded-lg cursor-pointer ${buttonClassName}`,
|
|
31831
31270
|
children: [
|
|
31832
31271
|
selectedValue?.icon,
|
|
31833
|
-
/* @__PURE__ */
|
|
31834
|
-
/* @__PURE__ */
|
|
31272
|
+
/* @__PURE__ */ jsx86("span", { children: selectedValue?.label }),
|
|
31273
|
+
/* @__PURE__ */ jsx86(ChevronBottomIcon, { className: "h-4 w-4" })
|
|
31835
31274
|
]
|
|
31836
31275
|
}
|
|
31837
31276
|
),
|
|
31838
|
-
open && /* @__PURE__ */
|
|
31277
|
+
open && /* @__PURE__ */ jsx86(
|
|
31839
31278
|
"div",
|
|
31840
31279
|
{
|
|
31841
31280
|
className: `absolute left-0 top-[calc(100%_+_4px)] z-50 bg-white overflow-hidden rounded-lg border border-[#dbe0e6] shadow-md text-sub-600 h-auto !min-h-fit text-xs !leading-5 !font-bold ${dropdownClassName}`,
|
|
31842
31281
|
onClick: (e3) => e3.stopPropagation(),
|
|
31843
|
-
children: options2.map((option, index4) => /* @__PURE__ */
|
|
31282
|
+
children: options2.map((option, index4) => /* @__PURE__ */ jsx86(
|
|
31844
31283
|
"div",
|
|
31845
31284
|
{
|
|
31846
31285
|
onClick: () => {
|
|
@@ -31860,7 +31299,7 @@ var DropdownField = (props) => {
|
|
|
31860
31299
|
};
|
|
31861
31300
|
|
|
31862
31301
|
// src/widgets/basic/fee-field/fee.tsx
|
|
31863
|
-
import { Fragment as Fragment24, jsx as
|
|
31302
|
+
import { Fragment as Fragment24, jsx as jsx87, jsxs as jsxs55 } from "react/jsx-runtime";
|
|
31864
31303
|
var FeeField = (props) => {
|
|
31865
31304
|
const { value, formValues } = props;
|
|
31866
31305
|
const { t: t3 } = useI18n();
|
|
@@ -31871,27 +31310,27 @@ var FeeField = (props) => {
|
|
|
31871
31310
|
)
|
|
31872
31311
|
) + " VND";
|
|
31873
31312
|
const remaining_amount = formatNumberOnly(parseFloat(formValues?.amount_residual ?? 0)) + " VND";
|
|
31874
|
-
return /* @__PURE__ */
|
|
31313
|
+
return /* @__PURE__ */ jsxs55(Fragment24, { children: [
|
|
31875
31314
|
value?.subtotals?.map((sub) => {
|
|
31876
31315
|
if (sub?.tax_amount > 0 && sub?.tax_groups?.length > 0) {
|
|
31877
|
-
return /* @__PURE__ */
|
|
31878
|
-
/* @__PURE__ */
|
|
31879
|
-
/* @__PURE__ */
|
|
31316
|
+
return /* @__PURE__ */ jsxs55(Fragment24, { children: [
|
|
31317
|
+
/* @__PURE__ */ jsxs55("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto", children: [
|
|
31318
|
+
/* @__PURE__ */ jsxs55("div", { className: "text-[14px] leading-[21px] text-right", children: [
|
|
31880
31319
|
sub?.name,
|
|
31881
31320
|
":"
|
|
31882
31321
|
] }),
|
|
31883
|
-
/* @__PURE__ */
|
|
31322
|
+
/* @__PURE__ */ jsx87("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right font-semibold", children: formatNumberOnly(parseFloat(sub?.base_amount ?? 0)) + " VND" })
|
|
31884
31323
|
] }),
|
|
31885
|
-
sub?.tax_groups.map((group) => /* @__PURE__ */
|
|
31324
|
+
sub?.tax_groups.map((group) => /* @__PURE__ */ jsxs55(
|
|
31886
31325
|
"div",
|
|
31887
31326
|
{
|
|
31888
31327
|
className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2",
|
|
31889
31328
|
children: [
|
|
31890
|
-
/* @__PURE__ */
|
|
31329
|
+
/* @__PURE__ */ jsxs55("div", { className: "text-[14px] leading-[21px] text-right", children: [
|
|
31891
31330
|
group?.group_name,
|
|
31892
31331
|
":"
|
|
31893
31332
|
] }),
|
|
31894
|
-
/* @__PURE__ */
|
|
31333
|
+
/* @__PURE__ */ jsx87("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right", children: formatNumberOnly(parseFloat(group?.tax_amount ?? 0)) + " VND" })
|
|
31895
31334
|
]
|
|
31896
31335
|
},
|
|
31897
31336
|
`tax_groups_${group?.id}`
|
|
@@ -31899,33 +31338,33 @@ var FeeField = (props) => {
|
|
|
31899
31338
|
] });
|
|
31900
31339
|
}
|
|
31901
31340
|
}),
|
|
31902
|
-
/* @__PURE__ */
|
|
31903
|
-
/* @__PURE__ */
|
|
31341
|
+
/* @__PURE__ */ jsxs55("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 pt-2 lg:mt-5 lg:pt-5", children: [
|
|
31342
|
+
/* @__PURE__ */ jsxs55("div", { className: "text-[14px] leading-[21px] text-right", children: [
|
|
31904
31343
|
t3("total"),
|
|
31905
31344
|
":"
|
|
31906
31345
|
] }),
|
|
31907
|
-
/* @__PURE__ */
|
|
31346
|
+
/* @__PURE__ */ jsx87("div", { className: "text-xl leading-[21px] font-bold text-[rgb(73,80,87)] text-right ", children: totalAmount })
|
|
31908
31347
|
] }),
|
|
31909
|
-
/* @__PURE__ */
|
|
31910
|
-
/* @__PURE__ */
|
|
31348
|
+
/* @__PURE__ */ jsxs55("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 pt-2 lg:mt-5 lg:pt-5 border-t border-[#c4c4c4ee]", children: [
|
|
31349
|
+
/* @__PURE__ */ jsxs55("div", { className: "text-[14px] leading-[21px] text-right", children: [
|
|
31911
31350
|
t3("paid_amount"),
|
|
31912
31351
|
":"
|
|
31913
31352
|
] }),
|
|
31914
|
-
/* @__PURE__ */
|
|
31353
|
+
/* @__PURE__ */ jsx87("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: paid_amount })
|
|
31915
31354
|
] }),
|
|
31916
|
-
/* @__PURE__ */
|
|
31917
|
-
/* @__PURE__ */
|
|
31355
|
+
/* @__PURE__ */ jsxs55("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 lg:mt-3", children: [
|
|
31356
|
+
/* @__PURE__ */ jsxs55("div", { className: "text-[14px] leading-[21px] text-right", children: [
|
|
31918
31357
|
t3("remanining_amount"),
|
|
31919
31358
|
":"
|
|
31920
31359
|
] }),
|
|
31921
|
-
/* @__PURE__ */
|
|
31360
|
+
/* @__PURE__ */ jsx87("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: remaining_amount })
|
|
31922
31361
|
] })
|
|
31923
31362
|
] });
|
|
31924
31363
|
};
|
|
31925
31364
|
|
|
31926
31365
|
// src/widgets/basic/file-upload-field/file-upload.tsx
|
|
31927
|
-
import { useEffect as
|
|
31928
|
-
import { jsx as
|
|
31366
|
+
import { useEffect as useEffect18, useRef as useRef15, useState as useState17 } from "react";
|
|
31367
|
+
import { jsx as jsx88, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
31929
31368
|
var RenderFile = ({
|
|
31930
31369
|
file,
|
|
31931
31370
|
onDelete,
|
|
@@ -31935,16 +31374,16 @@ var RenderFile = ({
|
|
|
31935
31374
|
readAs: "all"
|
|
31936
31375
|
});
|
|
31937
31376
|
const fileTypeIcon = {
|
|
31938
|
-
"application/pdf": /* @__PURE__ */
|
|
31939
|
-
"application/zip": /* @__PURE__ */
|
|
31940
|
-
"application/x-zip-compressed": /* @__PURE__ */
|
|
31941
|
-
"application/vnd.ms-excel": /* @__PURE__ */
|
|
31942
|
-
"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */
|
|
31377
|
+
"application/pdf": /* @__PURE__ */ jsx88(PdfIcon, {}),
|
|
31378
|
+
"application/zip": /* @__PURE__ */ jsx88(ZipIcon, {}),
|
|
31379
|
+
"application/x-zip-compressed": /* @__PURE__ */ jsx88(ZipIcon, {}),
|
|
31380
|
+
"application/vnd.ms-excel": /* @__PURE__ */ jsx88(ExcelIcon, {}),
|
|
31381
|
+
"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ jsx88(ExcelIcon, {})
|
|
31943
31382
|
};
|
|
31944
|
-
return /* @__PURE__ */
|
|
31945
|
-
/* @__PURE__ */
|
|
31946
|
-
/* @__PURE__ */
|
|
31947
|
-
/* @__PURE__ */
|
|
31383
|
+
return /* @__PURE__ */ jsxs56("div", { className: "flex gap-2 items-center bg-[#FAFAFA] rounded-[8px] p-[6px]", children: [
|
|
31384
|
+
/* @__PURE__ */ jsx88("div", { className: "w-6 h-6 file-icon", children: info?.type && fileTypeIcon?.[info?.type] }),
|
|
31385
|
+
/* @__PURE__ */ jsxs56("div", { children: [
|
|
31386
|
+
/* @__PURE__ */ jsx88(
|
|
31948
31387
|
"div",
|
|
31949
31388
|
{
|
|
31950
31389
|
style: {
|
|
@@ -31954,20 +31393,20 @@ var RenderFile = ({
|
|
|
31954
31393
|
children: file?.name || file?.display_name || info?.name
|
|
31955
31394
|
}
|
|
31956
31395
|
),
|
|
31957
|
-
/* @__PURE__ */
|
|
31396
|
+
/* @__PURE__ */ jsx88("div", { className: "text-xs text-[#666] font-semibold", children: isNaN(info?.size) ? "" : formatFileSize(info?.size) })
|
|
31958
31397
|
] }),
|
|
31959
|
-
/* @__PURE__ */
|
|
31960
|
-
/* @__PURE__ */
|
|
31398
|
+
/* @__PURE__ */ jsxs56("div", { className: "flex items-center rounded-[8px] p-[8px] gap-2 bg-white shadow-[0_2px_4px_0_rgba(27,28,29,0.04)]", children: [
|
|
31399
|
+
/* @__PURE__ */ jsx88(
|
|
31961
31400
|
"span",
|
|
31962
31401
|
{
|
|
31963
31402
|
onClick: () => onDownload && onDownload(
|
|
31964
31403
|
file?.data,
|
|
31965
31404
|
file?.name || file?.display_name || info?.name
|
|
31966
31405
|
),
|
|
31967
|
-
children: /* @__PURE__ */
|
|
31406
|
+
children: /* @__PURE__ */ jsx88(DownloadIcon, {})
|
|
31968
31407
|
}
|
|
31969
31408
|
),
|
|
31970
|
-
/* @__PURE__ */
|
|
31409
|
+
/* @__PURE__ */ jsx88("span", { onClick: onDelete, children: /* @__PURE__ */ jsx88(DeleteIconDanger, {}) })
|
|
31971
31410
|
] })
|
|
31972
31411
|
] });
|
|
31973
31412
|
};
|
|
@@ -31989,10 +31428,10 @@ var FileUploadField = (props) => {
|
|
|
31989
31428
|
downloadFunction
|
|
31990
31429
|
} = props;
|
|
31991
31430
|
const { t: t3 } = useI18n();
|
|
31992
|
-
const fileInputRef =
|
|
31993
|
-
const [selectedFiles, setSelectedFiles] =
|
|
31994
|
-
const [uploadError, setUploadError] =
|
|
31995
|
-
|
|
31431
|
+
const fileInputRef = useRef15(null);
|
|
31432
|
+
const [selectedFiles, setSelectedFiles] = useState17([]);
|
|
31433
|
+
const [uploadError, setUploadError] = useState17();
|
|
31434
|
+
useEffect18(() => {
|
|
31996
31435
|
if (selectedFiles?.length === 0 && value) {
|
|
31997
31436
|
setSelectedFiles([
|
|
31998
31437
|
{
|
|
@@ -32001,7 +31440,7 @@ var FileUploadField = (props) => {
|
|
|
32001
31440
|
]);
|
|
32002
31441
|
}
|
|
32003
31442
|
}, [value]);
|
|
32004
|
-
return /* @__PURE__ */
|
|
31443
|
+
return /* @__PURE__ */ jsx88(
|
|
32005
31444
|
Controller,
|
|
32006
31445
|
{
|
|
32007
31446
|
name: name2 || "",
|
|
@@ -32010,7 +31449,7 @@ var FileUploadField = (props) => {
|
|
|
32010
31449
|
required: required ? { value: true, message: `${string} ${t3("must_required")}` } : false
|
|
32011
31450
|
},
|
|
32012
31451
|
render: ({ field: { onChange: onChange2 }, fieldState: { error: error2 } }) => {
|
|
32013
|
-
|
|
31452
|
+
useEffect18(() => {
|
|
32014
31453
|
let data = widget === "many2many_binary" ? selectedFiles : selectedFiles?.[0]?.data;
|
|
32015
31454
|
if (widget !== "many2many_binary" && data && isBase64File(data)) {
|
|
32016
31455
|
data = data.split(",")[1];
|
|
@@ -32026,8 +31465,8 @@ var FileUploadField = (props) => {
|
|
|
32026
31465
|
);
|
|
32027
31466
|
}
|
|
32028
31467
|
}, [selectedFiles]);
|
|
32029
|
-
return /* @__PURE__ */
|
|
32030
|
-
selectedFiles?.length > 0 && selectedFiles?.map((fileItem, index4) => /* @__PURE__ */
|
|
31468
|
+
return /* @__PURE__ */ jsxs56("div", { children: [
|
|
31469
|
+
selectedFiles?.length > 0 && selectedFiles?.map((fileItem, index4) => /* @__PURE__ */ jsx88(
|
|
32031
31470
|
RenderFile,
|
|
32032
31471
|
{
|
|
32033
31472
|
file: fileItem,
|
|
@@ -32042,8 +31481,8 @@ var FileUploadField = (props) => {
|
|
|
32042
31481
|
}
|
|
32043
31482
|
}
|
|
32044
31483
|
)),
|
|
32045
|
-
uploadError && /* @__PURE__ */
|
|
32046
|
-
(widget === "many2many_binary" || widget !== "many2many_binary" && selectedFiles?.length === 0) && /* @__PURE__ */
|
|
31484
|
+
uploadError && /* @__PURE__ */ jsx88("div", { className: "text-[#de4747]", children: uploadError }),
|
|
31485
|
+
(widget === "many2many_binary" || widget !== "many2many_binary" && selectedFiles?.length === 0) && /* @__PURE__ */ jsx88(
|
|
32047
31486
|
ButtonSelectFiles,
|
|
32048
31487
|
{
|
|
32049
31488
|
fileInputRef,
|
|
@@ -32058,7 +31497,7 @@ var FileUploadField = (props) => {
|
|
|
32058
31497
|
useUploadFile
|
|
32059
31498
|
}
|
|
32060
31499
|
),
|
|
32061
|
-
error2 && !isEditTable && /* @__PURE__ */
|
|
31500
|
+
error2 && !isEditTable && /* @__PURE__ */ jsx88("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
|
|
32062
31501
|
] });
|
|
32063
31502
|
}
|
|
32064
31503
|
}
|
|
@@ -32066,8 +31505,8 @@ var FileUploadField = (props) => {
|
|
|
32066
31505
|
};
|
|
32067
31506
|
|
|
32068
31507
|
// src/widgets/basic/float-field/float.tsx
|
|
32069
|
-
import { useEffect as
|
|
32070
|
-
import { Fragment as Fragment25, jsx as
|
|
31508
|
+
import { useEffect as useEffect19, useRef as useRef16, useState as useState18 } from "react";
|
|
31509
|
+
import { Fragment as Fragment25, jsx as jsx89, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
32071
31510
|
var FloatField = (props) => {
|
|
32072
31511
|
const {
|
|
32073
31512
|
name: name2,
|
|
@@ -32085,9 +31524,9 @@ var FloatField = (props) => {
|
|
|
32085
31524
|
} = props;
|
|
32086
31525
|
const { t: t3 } = useI18n();
|
|
32087
31526
|
if (!isForm && !isEditTable) {
|
|
32088
|
-
return /* @__PURE__ */
|
|
31527
|
+
return /* @__PURE__ */ jsx89("span", { children: formatFloatNumber(propValue ?? defaultValue) });
|
|
32089
31528
|
}
|
|
32090
|
-
return /* @__PURE__ */
|
|
31529
|
+
return /* @__PURE__ */ jsx89(
|
|
32091
31530
|
Controller,
|
|
32092
31531
|
{
|
|
32093
31532
|
name: name2 ?? "",
|
|
@@ -32098,10 +31537,10 @@ var FloatField = (props) => {
|
|
|
32098
31537
|
},
|
|
32099
31538
|
render: ({ field: { onChange: onChange2, value }, fieldState: { error: error2 } }) => {
|
|
32100
31539
|
const { setError, clearErrors } = methods;
|
|
32101
|
-
const [inputValue, setInputValue] =
|
|
31540
|
+
const [inputValue, setInputValue] = useState18(
|
|
32102
31541
|
value !== void 0 && value !== null ? formatFloatNumber(value) : ""
|
|
32103
31542
|
);
|
|
32104
|
-
|
|
31543
|
+
useEffect19(() => {
|
|
32105
31544
|
if (propValue !== void 0 && propValue !== null && propValue !== parseFloat(inputValue?.replace(/,/g, ""))) {
|
|
32106
31545
|
setInputValue(formatFloatNumber(propValue));
|
|
32107
31546
|
clearErrors(name2);
|
|
@@ -32112,9 +31551,9 @@ var FloatField = (props) => {
|
|
|
32112
31551
|
setInputValue("");
|
|
32113
31552
|
}
|
|
32114
31553
|
}, [value, name2, clearErrors, propValue]);
|
|
32115
|
-
const isDirtyRef =
|
|
32116
|
-
const inputRef =
|
|
32117
|
-
const lastCommittedValueRef =
|
|
31554
|
+
const isDirtyRef = useRef16(false);
|
|
31555
|
+
const inputRef = useRef16(null);
|
|
31556
|
+
const lastCommittedValueRef = useRef16(null);
|
|
32118
31557
|
const handleInputChange = (e3) => {
|
|
32119
31558
|
const newValue = e3.target.value;
|
|
32120
31559
|
const valueWithoutCommas = newValue.replace(/,/g, "");
|
|
@@ -32192,8 +31631,8 @@ var FloatField = (props) => {
|
|
|
32192
31631
|
}
|
|
32193
31632
|
isDirtyRef.current = false;
|
|
32194
31633
|
};
|
|
32195
|
-
return /* @__PURE__ */
|
|
32196
|
-
/* @__PURE__ */
|
|
31634
|
+
return /* @__PURE__ */ jsxs57(Fragment25, { children: [
|
|
31635
|
+
/* @__PURE__ */ jsx89(
|
|
32197
31636
|
"input",
|
|
32198
31637
|
{
|
|
32199
31638
|
ref: inputRef,
|
|
@@ -32213,7 +31652,7 @@ var FloatField = (props) => {
|
|
|
32213
31652
|
`
|
|
32214
31653
|
}
|
|
32215
31654
|
),
|
|
32216
|
-
error2 && !isEditTable && /* @__PURE__ */
|
|
31655
|
+
error2 && !isEditTable && /* @__PURE__ */ jsx89("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
|
|
32217
31656
|
] });
|
|
32218
31657
|
}
|
|
32219
31658
|
}
|
|
@@ -32221,8 +31660,8 @@ var FloatField = (props) => {
|
|
|
32221
31660
|
};
|
|
32222
31661
|
|
|
32223
31662
|
// src/widgets/basic/float-time-field/float-time.tsx
|
|
32224
|
-
import { useState as
|
|
32225
|
-
import { Fragment as Fragment26, jsx as
|
|
31663
|
+
import { useState as useState19 } from "react";
|
|
31664
|
+
import { Fragment as Fragment26, jsx as jsx90, jsxs as jsxs58 } from "react/jsx-runtime";
|
|
32226
31665
|
var FloatTimeField = (props) => {
|
|
32227
31666
|
const {
|
|
32228
31667
|
name: name2,
|
|
@@ -32238,9 +31677,9 @@ var FloatTimeField = (props) => {
|
|
|
32238
31677
|
const { t: t3 } = useI18n();
|
|
32239
31678
|
if (!isForm) {
|
|
32240
31679
|
const formatValue = value ?? 0;
|
|
32241
|
-
return /* @__PURE__ */
|
|
31680
|
+
return /* @__PURE__ */ jsx90("span", { children: convertFloatToTime(formatValue) });
|
|
32242
31681
|
}
|
|
32243
|
-
return /* @__PURE__ */
|
|
31682
|
+
return /* @__PURE__ */ jsx90(
|
|
32244
31683
|
Controller,
|
|
32245
31684
|
{
|
|
32246
31685
|
name: name2 ?? "",
|
|
@@ -32253,11 +31692,11 @@ var FloatTimeField = (props) => {
|
|
|
32253
31692
|
field: { onChange: fieldOnChange, onBlur, value: value2 },
|
|
32254
31693
|
fieldState: { error: error2, isDirty }
|
|
32255
31694
|
}) => {
|
|
32256
|
-
const [input, setInput] =
|
|
31695
|
+
const [input, setInput] = useState19(
|
|
32257
31696
|
convertFloatToTime(value2 ?? defaultValue)
|
|
32258
31697
|
);
|
|
32259
|
-
const [formattedTime, setFormattedTime] =
|
|
32260
|
-
const [errors, setErrors] =
|
|
31698
|
+
const [formattedTime, setFormattedTime] = useState19("");
|
|
31699
|
+
const [errors, setErrors] = useState19("");
|
|
32261
31700
|
const handleInputChange = (e3) => {
|
|
32262
31701
|
const raw = e3.target.value.replace(/[^\d:]/g, "");
|
|
32263
31702
|
setInput(raw);
|
|
@@ -32302,8 +31741,8 @@ var FloatTimeField = (props) => {
|
|
|
32302
31741
|
}
|
|
32303
31742
|
onBlur();
|
|
32304
31743
|
};
|
|
32305
|
-
return /* @__PURE__ */
|
|
32306
|
-
/* @__PURE__ */
|
|
31744
|
+
return /* @__PURE__ */ jsxs58(Fragment26, { children: [
|
|
31745
|
+
/* @__PURE__ */ jsx90(
|
|
32307
31746
|
"input",
|
|
32308
31747
|
{
|
|
32309
31748
|
type: "text",
|
|
@@ -32335,7 +31774,7 @@ var FloatTimeField = (props) => {
|
|
|
32335
31774
|
readOnly: readonly
|
|
32336
31775
|
}
|
|
32337
31776
|
),
|
|
32338
|
-
(error2 || errors) && /* @__PURE__ */
|
|
31777
|
+
(error2 || errors) && /* @__PURE__ */ jsx90("div", { className: "text-red-500 text-sm", children: error2?.message || errors })
|
|
32339
31778
|
] });
|
|
32340
31779
|
}
|
|
32341
31780
|
}
|
|
@@ -32343,8 +31782,8 @@ var FloatTimeField = (props) => {
|
|
|
32343
31782
|
};
|
|
32344
31783
|
|
|
32345
31784
|
// src/widgets/basic/html-field/html.tsx
|
|
32346
|
-
import { useEffect as
|
|
32347
|
-
import { jsx as
|
|
31785
|
+
import { useEffect as useEffect20, useRef as useRef17 } from "react";
|
|
31786
|
+
import { jsx as jsx91 } from "react/jsx-runtime";
|
|
32348
31787
|
var HtmlField = (props) => {
|
|
32349
31788
|
const {
|
|
32350
31789
|
name: name2,
|
|
@@ -32356,18 +31795,18 @@ var HtmlField = (props) => {
|
|
|
32356
31795
|
value,
|
|
32357
31796
|
isEditTable
|
|
32358
31797
|
} = props;
|
|
32359
|
-
const divRef =
|
|
31798
|
+
const divRef = useRef17(null);
|
|
32360
31799
|
if (!isForm && !isEditTable) {
|
|
32361
|
-
return /* @__PURE__ */
|
|
31800
|
+
return /* @__PURE__ */ jsx91("div", { dangerouslySetInnerHTML: { __html: value || defaultValue || "" } });
|
|
32362
31801
|
}
|
|
32363
|
-
return /* @__PURE__ */
|
|
31802
|
+
return /* @__PURE__ */ jsx91(
|
|
32364
31803
|
Controller,
|
|
32365
31804
|
{
|
|
32366
31805
|
name: name2 ?? "",
|
|
32367
31806
|
control: methods?.control,
|
|
32368
31807
|
defaultValue,
|
|
32369
31808
|
render: ({ field: { onChange: fieldOnChange, value: value2 } }) => {
|
|
32370
|
-
|
|
31809
|
+
useEffect20(() => {
|
|
32371
31810
|
if (divRef.current && divRef.current.innerHTML !== value2) {
|
|
32372
31811
|
divRef.current.innerHTML = value2 || "";
|
|
32373
31812
|
}
|
|
@@ -32379,7 +31818,7 @@ var HtmlField = (props) => {
|
|
|
32379
31818
|
onChange2(newValue, "");
|
|
32380
31819
|
}
|
|
32381
31820
|
};
|
|
32382
|
-
return /* @__PURE__ */
|
|
31821
|
+
return /* @__PURE__ */ jsx91(
|
|
32383
31822
|
"div",
|
|
32384
31823
|
{
|
|
32385
31824
|
ref: divRef,
|
|
@@ -32398,28 +31837,28 @@ var HtmlField = (props) => {
|
|
|
32398
31837
|
};
|
|
32399
31838
|
|
|
32400
31839
|
// src/widgets/basic/image-field/image.tsx
|
|
32401
|
-
import { jsx as
|
|
31840
|
+
import { jsx as jsx92 } from "react/jsx-runtime";
|
|
32402
31841
|
var ImageField = (props) => {
|
|
32403
31842
|
const { value, type, name: name2, baseURL } = props;
|
|
32404
31843
|
if (!value) return null;
|
|
32405
31844
|
if (type === "url") {
|
|
32406
|
-
return /* @__PURE__ */
|
|
31845
|
+
return /* @__PURE__ */ jsx92("img", { src: `${baseURL}${value}`, width: 48, height: 48, alt: name2 });
|
|
32407
31846
|
}
|
|
32408
|
-
return /* @__PURE__ */
|
|
31847
|
+
return /* @__PURE__ */ jsx92("div", { id: "qr-code", children: /* @__PURE__ */ jsx92("img", { src: `data:image/png;base64,${value}`, alt: "QR Code" }) });
|
|
32409
31848
|
};
|
|
32410
31849
|
|
|
32411
31850
|
// src/widgets/basic/many2many-tags-field/many2many-tags.tsx
|
|
32412
|
-
import React16, { useEffect as
|
|
31851
|
+
import React16, { useEffect as useEffect21, useMemo as useMemo10 } from "react";
|
|
32413
31852
|
|
|
32414
31853
|
// src/widgets/basic/information-field/information.tsx
|
|
32415
|
-
import { Fragment as Fragment27, jsx as
|
|
31854
|
+
import { Fragment as Fragment27, jsx as jsx93, jsxs as jsxs59 } from "react/jsx-runtime";
|
|
32416
31855
|
var InfomationField = (props) => {
|
|
32417
31856
|
const { value, isForm = false, showName = true, stringToColor } = props;
|
|
32418
31857
|
if (!value || Array.isArray(value) && value.length === 0) {
|
|
32419
|
-
return /* @__PURE__ */
|
|
31858
|
+
return /* @__PURE__ */ jsx93(Fragment27, {});
|
|
32420
31859
|
}
|
|
32421
31860
|
const inforValues = Array.isArray(value) ? value : [value];
|
|
32422
|
-
return /* @__PURE__ */
|
|
31861
|
+
return /* @__PURE__ */ jsx93("div", { className: "group relative flex items-center gap-1 rounded-lg transition-shadow duration-300", children: inforValues.length > 1 ? inforValues.map((item) => /* @__PURE__ */ jsx93(
|
|
32423
31862
|
AvatarField,
|
|
32424
31863
|
{
|
|
32425
31864
|
id: item.id,
|
|
@@ -32428,8 +31867,8 @@ var InfomationField = (props) => {
|
|
|
32428
31867
|
stringToColor
|
|
32429
31868
|
},
|
|
32430
31869
|
item.id
|
|
32431
|
-
)) : /* @__PURE__ */
|
|
32432
|
-
/* @__PURE__ */
|
|
31870
|
+
)) : /* @__PURE__ */ jsxs59("div", { className: "flex gap-2 items-center w-max", children: [
|
|
31871
|
+
/* @__PURE__ */ jsx93(
|
|
32433
31872
|
AvatarField,
|
|
32434
31873
|
{
|
|
32435
31874
|
avatarSrc: inforValues[0].image_256,
|
|
@@ -32439,12 +31878,12 @@ var InfomationField = (props) => {
|
|
|
32439
31878
|
stringToColor
|
|
32440
31879
|
}
|
|
32441
31880
|
),
|
|
32442
|
-
showName && /* @__PURE__ */
|
|
31881
|
+
showName && /* @__PURE__ */ jsx93("span", { className: "capitalize", children: inforValues[0].display_name })
|
|
32443
31882
|
] }) });
|
|
32444
31883
|
};
|
|
32445
31884
|
|
|
32446
31885
|
// src/widgets/basic/many2many-tags-field/many2many-tags.tsx
|
|
32447
|
-
import { jsx as
|
|
31886
|
+
import { jsx as jsx94, jsxs as jsxs60 } from "react/jsx-runtime";
|
|
32448
31887
|
var CustomMultiValue = ({ stringToColor, ...props }) => {
|
|
32449
31888
|
const { selectProps, data, menuList } = props;
|
|
32450
31889
|
const { relation } = selectProps;
|
|
@@ -32453,8 +31892,8 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
|
|
|
32453
31892
|
(childItem) => childItem?.is_display && childItem?.action?.res_model === relation
|
|
32454
31893
|
)
|
|
32455
31894
|
)?.[0]?.action?.id;
|
|
32456
|
-
return /* @__PURE__ */
|
|
32457
|
-
/* @__PURE__ */
|
|
31895
|
+
return /* @__PURE__ */ jsxs60("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
|
|
31896
|
+
/* @__PURE__ */ jsx94(
|
|
32458
31897
|
AvatarField,
|
|
32459
31898
|
{
|
|
32460
31899
|
id: data?.id,
|
|
@@ -32466,8 +31905,8 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
|
|
|
32466
31905
|
stringToColor
|
|
32467
31906
|
}
|
|
32468
31907
|
),
|
|
32469
|
-
/* @__PURE__ */
|
|
32470
|
-
/* @__PURE__ */
|
|
31908
|
+
/* @__PURE__ */ jsx94("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
|
|
31909
|
+
/* @__PURE__ */ jsx94(
|
|
32471
31910
|
"span",
|
|
32472
31911
|
{
|
|
32473
31912
|
className: "absolute !cursor-pointer -top-1 -right-1 font-medium bg-white rounded-full !shadow-lg hidden group-hover:block",
|
|
@@ -32475,7 +31914,7 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
|
|
|
32475
31914
|
e3.stopPropagation();
|
|
32476
31915
|
props.removeProps.onClick();
|
|
32477
31916
|
},
|
|
32478
|
-
children: /* @__PURE__ */
|
|
31917
|
+
children: /* @__PURE__ */ jsx94(CloseIcon, {})
|
|
32479
31918
|
}
|
|
32480
31919
|
)
|
|
32481
31920
|
] });
|
|
@@ -32485,9 +31924,9 @@ var CustomMenuList = (props) => {
|
|
|
32485
31924
|
const { setIsShowModalMany2Many, searchable } = selectProps;
|
|
32486
31925
|
const { t: t3 } = useI18n();
|
|
32487
31926
|
const limitedChildren = React16.Children.toArray(children).slice(0, 10);
|
|
32488
|
-
return /* @__PURE__ */
|
|
31927
|
+
return /* @__PURE__ */ jsxs60(components.MenuList, { ...props, className: "z-[99]", children: [
|
|
32489
31928
|
limitedChildren,
|
|
32490
|
-
options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */
|
|
31929
|
+
options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ jsxs60(
|
|
32491
31930
|
"button",
|
|
32492
31931
|
{
|
|
32493
31932
|
type: "button",
|
|
@@ -32532,7 +31971,7 @@ var Many2ManyTagField = (props) => {
|
|
|
32532
31971
|
value: item.id,
|
|
32533
31972
|
label: item.name ?? item.display_name
|
|
32534
31973
|
})) : [];
|
|
32535
|
-
return /* @__PURE__ */
|
|
31974
|
+
return /* @__PURE__ */ jsx94(
|
|
32536
31975
|
InfomationField,
|
|
32537
31976
|
{
|
|
32538
31977
|
value: optionValue || null,
|
|
@@ -32541,7 +31980,7 @@ var Many2ManyTagField = (props) => {
|
|
|
32541
31980
|
}
|
|
32542
31981
|
);
|
|
32543
31982
|
}
|
|
32544
|
-
return /* @__PURE__ */
|
|
31983
|
+
return /* @__PURE__ */ jsx94(
|
|
32545
31984
|
Controller,
|
|
32546
31985
|
{
|
|
32547
31986
|
name: name2 ?? "",
|
|
@@ -32551,7 +31990,7 @@ var Many2ManyTagField = (props) => {
|
|
|
32551
31990
|
},
|
|
32552
31991
|
render: ({ field, fieldState: { error: error2 } }) => {
|
|
32553
31992
|
const { clearErrors } = methods;
|
|
32554
|
-
|
|
31993
|
+
useEffect21(() => {
|
|
32555
31994
|
if (field.value) {
|
|
32556
31995
|
clearErrors(name2);
|
|
32557
31996
|
}
|
|
@@ -32577,8 +32016,8 @@ var Many2ManyTagField = (props) => {
|
|
|
32577
32016
|
onChange2?.(name2 ?? "", newValue);
|
|
32578
32017
|
clearErrors(name2);
|
|
32579
32018
|
};
|
|
32580
|
-
return /* @__PURE__ */
|
|
32581
|
-
/* @__PURE__ */
|
|
32019
|
+
return /* @__PURE__ */ jsxs60("div", { className: "group h-full overflow-y-auto", children: [
|
|
32020
|
+
/* @__PURE__ */ jsx94(
|
|
32582
32021
|
StateManagedSelect$1,
|
|
32583
32022
|
{
|
|
32584
32023
|
options: options2,
|
|
@@ -32656,7 +32095,7 @@ var Many2ManyTagField = (props) => {
|
|
|
32656
32095
|
})
|
|
32657
32096
|
},
|
|
32658
32097
|
components: isUser ? {
|
|
32659
|
-
MultiValue: (multiValueProps) => /* @__PURE__ */
|
|
32098
|
+
MultiValue: (multiValueProps) => /* @__PURE__ */ jsx94(
|
|
32660
32099
|
CustomMultiValue,
|
|
32661
32100
|
{
|
|
32662
32101
|
...multiValueProps,
|
|
@@ -32665,7 +32104,7 @@ var Many2ManyTagField = (props) => {
|
|
|
32665
32104
|
),
|
|
32666
32105
|
IndicatorSeparator: () => null
|
|
32667
32106
|
} : {
|
|
32668
|
-
MenuList: (menuListProps) => /* @__PURE__ */
|
|
32107
|
+
MenuList: (menuListProps) => /* @__PURE__ */ jsx94(
|
|
32669
32108
|
CustomMenuList,
|
|
32670
32109
|
{
|
|
32671
32110
|
...menuListProps,
|
|
@@ -32676,13 +32115,13 @@ var Many2ManyTagField = (props) => {
|
|
|
32676
32115
|
}
|
|
32677
32116
|
),
|
|
32678
32117
|
IndicatorSeparator: () => null,
|
|
32679
|
-
DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */
|
|
32680
|
-
ClearIndicator: (props2) => readonly ? null : /* @__PURE__ */
|
|
32118
|
+
DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ jsx94(components.DropdownIndicator, { ...props2 }),
|
|
32119
|
+
ClearIndicator: (props2) => readonly ? null : /* @__PURE__ */ jsx94(components.ClearIndicator, { ...props2 })
|
|
32681
32120
|
},
|
|
32682
32121
|
required: !invisible && required
|
|
32683
32122
|
}
|
|
32684
32123
|
),
|
|
32685
|
-
!isEditTable && error2 && /* @__PURE__ */
|
|
32124
|
+
!isEditTable && error2 && /* @__PURE__ */ jsx94("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
|
|
32686
32125
|
] });
|
|
32687
32126
|
}
|
|
32688
32127
|
}
|
|
@@ -32690,8 +32129,8 @@ var Many2ManyTagField = (props) => {
|
|
|
32690
32129
|
};
|
|
32691
32130
|
|
|
32692
32131
|
// src/widgets/basic/monetary-field/monetary.tsx
|
|
32693
|
-
import { useEffect as
|
|
32694
|
-
import { Fragment as Fragment28, jsx as
|
|
32132
|
+
import { useEffect as useEffect22 } from "react";
|
|
32133
|
+
import { Fragment as Fragment28, jsx as jsx95, jsxs as jsxs61 } from "react/jsx-runtime";
|
|
32695
32134
|
var MonetaryField = (props) => {
|
|
32696
32135
|
const { t: t3 } = useI18n();
|
|
32697
32136
|
const {
|
|
@@ -32711,26 +32150,26 @@ var MonetaryField = (props) => {
|
|
|
32711
32150
|
isEditTable
|
|
32712
32151
|
} = props;
|
|
32713
32152
|
if (isForm && name2 === "amount_residual") {
|
|
32714
|
-
return /* @__PURE__ */
|
|
32715
|
-
/* @__PURE__ */
|
|
32153
|
+
return /* @__PURE__ */ jsxs61("div", { className: "flex justify-end gap-x-4 gap-y-2 ml-auto mt-2 lg:mt-5", children: [
|
|
32154
|
+
/* @__PURE__ */ jsxs61("span", { className: "font-semibold", children: [
|
|
32716
32155
|
string,
|
|
32717
32156
|
":"
|
|
32718
32157
|
] }),
|
|
32719
|
-
/* @__PURE__ */
|
|
32158
|
+
/* @__PURE__ */ jsx95("span", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right", children: `${formatNumberOnly(parseFloat(value ?? defaultValue))} VND` })
|
|
32720
32159
|
] });
|
|
32721
32160
|
}
|
|
32722
32161
|
if (!isForm) {
|
|
32723
32162
|
const currencySymbol = widget === "monetary" ? formValues?.currency_id?.symbol : "VND";
|
|
32724
32163
|
if (widget === "monetary" && !formValues?.currency_id) {
|
|
32725
|
-
return /* @__PURE__ */
|
|
32164
|
+
return /* @__PURE__ */ jsx95("span", { children: `${formatNumberOnly(
|
|
32726
32165
|
parseFloat(String(value ?? defaultValue))
|
|
32727
32166
|
)} VND` });
|
|
32728
32167
|
}
|
|
32729
|
-
return /* @__PURE__ */
|
|
32168
|
+
return /* @__PURE__ */ jsx95("span", { children: `${formatNumberOnly(
|
|
32730
32169
|
parseFloat(value ?? defaultValue)
|
|
32731
32170
|
)} ${currencySymbol}` });
|
|
32732
32171
|
}
|
|
32733
|
-
return /* @__PURE__ */
|
|
32172
|
+
return /* @__PURE__ */ jsx95(
|
|
32734
32173
|
Controller,
|
|
32735
32174
|
{
|
|
32736
32175
|
name: name2 ?? "",
|
|
@@ -32744,13 +32183,13 @@ var MonetaryField = (props) => {
|
|
|
32744
32183
|
fieldState: { error: error2 }
|
|
32745
32184
|
}) => {
|
|
32746
32185
|
const { setError, clearErrors } = methods;
|
|
32747
|
-
|
|
32186
|
+
useEffect22(() => {
|
|
32748
32187
|
if (value2 !== void 0 && value2 !== null && !isNaN(value2)) {
|
|
32749
32188
|
clearErrors(name2);
|
|
32750
32189
|
}
|
|
32751
32190
|
}, [value2]);
|
|
32752
|
-
return /* @__PURE__ */
|
|
32753
|
-
/* @__PURE__ */
|
|
32191
|
+
return /* @__PURE__ */ jsxs61(Fragment28, { children: [
|
|
32192
|
+
/* @__PURE__ */ jsx95(
|
|
32754
32193
|
"input",
|
|
32755
32194
|
{
|
|
32756
32195
|
value: formatNumberOnly(value2),
|
|
@@ -32788,7 +32227,7 @@ var MonetaryField = (props) => {
|
|
|
32788
32227
|
`
|
|
32789
32228
|
}
|
|
32790
32229
|
),
|
|
32791
|
-
!isEditTable && error2 && /* @__PURE__ */
|
|
32230
|
+
!isEditTable && error2 && /* @__PURE__ */ jsx95("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
|
|
32792
32231
|
] });
|
|
32793
32232
|
}
|
|
32794
32233
|
}
|
|
@@ -32796,14 +32235,14 @@ var MonetaryField = (props) => {
|
|
|
32796
32235
|
};
|
|
32797
32236
|
|
|
32798
32237
|
// src/widgets/basic/paid-badged-field/paid-badged.tsx
|
|
32799
|
-
import { jsx as
|
|
32238
|
+
import { jsx as jsx96 } from "react/jsx-runtime";
|
|
32800
32239
|
var PaidBadgedField = () => {
|
|
32801
|
-
return /* @__PURE__ */
|
|
32240
|
+
return /* @__PURE__ */ jsx96("div", { className: "absolute z-[4] right-4 top-4", children: /* @__PURE__ */ jsx96(PaidIcon, {}) });
|
|
32802
32241
|
};
|
|
32803
32242
|
|
|
32804
32243
|
// src/widgets/basic/priority-field/rating-star.tsx
|
|
32805
|
-
import React17, { useEffect as
|
|
32806
|
-
import { jsx as
|
|
32244
|
+
import React17, { useEffect as useEffect23, useState as useState20 } from "react";
|
|
32245
|
+
import { jsx as jsx97, jsxs as jsxs62 } from "react/jsx-runtime";
|
|
32807
32246
|
var RatingStarField = (props) => {
|
|
32808
32247
|
const {
|
|
32809
32248
|
label,
|
|
@@ -32812,9 +32251,9 @@ var RatingStarField = (props) => {
|
|
|
32812
32251
|
onSelectPriority,
|
|
32813
32252
|
id
|
|
32814
32253
|
} = props;
|
|
32815
|
-
const [rating, setRating] =
|
|
32816
|
-
const [hover, setHover] =
|
|
32817
|
-
|
|
32254
|
+
const [rating, setRating] = useState20(defaultValue);
|
|
32255
|
+
const [hover, setHover] = useState20(0);
|
|
32256
|
+
useEffect23(() => {
|
|
32818
32257
|
setRating(defaultValue);
|
|
32819
32258
|
}, [defaultValue]);
|
|
32820
32259
|
const handleClick = (value) => {
|
|
@@ -32838,7 +32277,7 @@ var RatingStarField = (props) => {
|
|
|
32838
32277
|
setHover(0);
|
|
32839
32278
|
setRating(0);
|
|
32840
32279
|
};
|
|
32841
|
-
return /* @__PURE__ */
|
|
32280
|
+
return /* @__PURE__ */ jsx97(
|
|
32842
32281
|
"div",
|
|
32843
32282
|
{
|
|
32844
32283
|
className: "flex gap-1 cursor-pointer w-fit",
|
|
@@ -32848,17 +32287,17 @@ var RatingStarField = (props) => {
|
|
|
32848
32287
|
const starValue = index4 + 1;
|
|
32849
32288
|
const fillColor = hover > 0 ? hover >= starValue ? "#f3cc00" : "white" : rating >= starValue ? "#f3cc00" : "white";
|
|
32850
32289
|
const strokeColor = hover > 0 ? hover >= starValue ? "#f3cc00" : "rgba(73,80,87,0.76)" : rating >= starValue ? "#f3cc00" : "rgba(73,80,87,0.76)";
|
|
32851
|
-
return /* @__PURE__ */
|
|
32852
|
-
/* @__PURE__ */
|
|
32290
|
+
return /* @__PURE__ */ jsxs62(React17.Fragment, { children: [
|
|
32291
|
+
/* @__PURE__ */ jsx97(
|
|
32853
32292
|
"div",
|
|
32854
32293
|
{
|
|
32855
32294
|
onMouseEnter: () => handleHover(starValue),
|
|
32856
32295
|
onClick: () => handleClick(starValue),
|
|
32857
32296
|
"data-tooltip-id": `${id}-${starValue}`,
|
|
32858
|
-
children: /* @__PURE__ */
|
|
32297
|
+
children: /* @__PURE__ */ jsx97(StarIcon, { fill: fillColor, stroke: strokeColor })
|
|
32859
32298
|
}
|
|
32860
32299
|
),
|
|
32861
|
-
/* @__PURE__ */
|
|
32300
|
+
/* @__PURE__ */ jsx97(
|
|
32862
32301
|
M,
|
|
32863
32302
|
{
|
|
32864
32303
|
className: "z-50",
|
|
@@ -32874,7 +32313,7 @@ var RatingStarField = (props) => {
|
|
|
32874
32313
|
};
|
|
32875
32314
|
|
|
32876
32315
|
// src/widgets/basic/priority-field/priority.tsx
|
|
32877
|
-
import { jsx as
|
|
32316
|
+
import { jsx as jsx98 } from "react/jsx-runtime";
|
|
32878
32317
|
var PriorityField = (props) => {
|
|
32879
32318
|
const {
|
|
32880
32319
|
isForm,
|
|
@@ -32890,7 +32329,7 @@ var PriorityField = (props) => {
|
|
|
32890
32329
|
const label = viewData?.models?.[model]?.[name ?? ""]?.string ?? name;
|
|
32891
32330
|
const defaultPriority = parseInt(value) + 1;
|
|
32892
32331
|
if (!isForm) {
|
|
32893
|
-
return /* @__PURE__ */
|
|
32332
|
+
return /* @__PURE__ */ jsx98(
|
|
32894
32333
|
RatingStarField,
|
|
32895
32334
|
{
|
|
32896
32335
|
label,
|
|
@@ -32901,7 +32340,7 @@ var PriorityField = (props) => {
|
|
|
32901
32340
|
}
|
|
32902
32341
|
);
|
|
32903
32342
|
}
|
|
32904
|
-
return /* @__PURE__ */
|
|
32343
|
+
return /* @__PURE__ */ jsx98(
|
|
32905
32344
|
Controller,
|
|
32906
32345
|
{
|
|
32907
32346
|
name: name ?? "",
|
|
@@ -32911,7 +32350,7 @@ var PriorityField = (props) => {
|
|
|
32911
32350
|
field.onChange(String(value2 - 1 <= 0 ? 0 : value2 - 1));
|
|
32912
32351
|
onChange2?.(name ?? "", String(value2 - 1 <= 0 ? 0 : value2 - 1));
|
|
32913
32352
|
};
|
|
32914
|
-
return /* @__PURE__ */
|
|
32353
|
+
return /* @__PURE__ */ jsx98(
|
|
32915
32354
|
RatingStarField,
|
|
32916
32355
|
{
|
|
32917
32356
|
label,
|
|
@@ -32927,8 +32366,8 @@ var PriorityField = (props) => {
|
|
|
32927
32366
|
};
|
|
32928
32367
|
|
|
32929
32368
|
// src/widgets/basic/radio-group-field/radio-group.tsx
|
|
32930
|
-
import { useEffect as
|
|
32931
|
-
import { jsx as
|
|
32369
|
+
import { useEffect as useEffect24 } from "react";
|
|
32370
|
+
import { jsx as jsx99, jsxs as jsxs63 } from "react/jsx-runtime";
|
|
32932
32371
|
var RadioGroupField = (props) => {
|
|
32933
32372
|
const {
|
|
32934
32373
|
name: name2,
|
|
@@ -32941,19 +32380,19 @@ var RadioGroupField = (props) => {
|
|
|
32941
32380
|
onChange: onChange2,
|
|
32942
32381
|
setValue
|
|
32943
32382
|
} = props;
|
|
32944
|
-
|
|
32383
|
+
useEffect24(() => {
|
|
32945
32384
|
if (selection?.length > 0) {
|
|
32946
32385
|
if (setValue) setValue(name2, selection?.[0]?.[0]);
|
|
32947
32386
|
}
|
|
32948
32387
|
}, [selection, name2, setValue]);
|
|
32949
32388
|
if (!methods) return null;
|
|
32950
|
-
return /* @__PURE__ */
|
|
32389
|
+
return /* @__PURE__ */ jsx99(
|
|
32951
32390
|
Controller,
|
|
32952
32391
|
{
|
|
32953
32392
|
name: name2 ?? "",
|
|
32954
32393
|
control: methods.control,
|
|
32955
|
-
render: ({ field }) => /* @__PURE__ */
|
|
32956
|
-
/* @__PURE__ */
|
|
32394
|
+
render: ({ field }) => /* @__PURE__ */ jsx99("div", { className: "flex items-center gap-[10px] pb-4", children: selection?.map((select) => /* @__PURE__ */ jsxs63("div", { className: "flex items-center gap-1", children: [
|
|
32395
|
+
/* @__PURE__ */ jsx99(
|
|
32957
32396
|
"input",
|
|
32958
32397
|
{
|
|
32959
32398
|
type: "radio",
|
|
@@ -32972,7 +32411,7 @@ var RadioGroupField = (props) => {
|
|
|
32972
32411
|
className: "custom-radio"
|
|
32973
32412
|
}
|
|
32974
32413
|
),
|
|
32975
|
-
/* @__PURE__ */
|
|
32414
|
+
/* @__PURE__ */ jsx99("label", { htmlFor: String(select[0]), children: select[1] })
|
|
32976
32415
|
] }, select[0])) })
|
|
32977
32416
|
}
|
|
32978
32417
|
);
|
|
@@ -32980,7 +32419,7 @@ var RadioGroupField = (props) => {
|
|
|
32980
32419
|
|
|
32981
32420
|
// src/widgets/basic/remaining-days-field/remaining-days.tsx
|
|
32982
32421
|
var import_moment3 = __toESM(require_moment());
|
|
32983
|
-
import { jsx as
|
|
32422
|
+
import { jsx as jsx100, jsxs as jsxs64 } from "react/jsx-runtime";
|
|
32984
32423
|
var RemainingDaysField = (props) => {
|
|
32985
32424
|
const {
|
|
32986
32425
|
value,
|
|
@@ -32991,14 +32430,14 @@ var RemainingDaysField = (props) => {
|
|
|
32991
32430
|
if (!value) return null;
|
|
32992
32431
|
const adjustedValue = (0, import_moment3.default)(value).add(7, "hours");
|
|
32993
32432
|
const isFuture = adjustedValue.isAfter((0, import_moment3.default)());
|
|
32994
|
-
return /* @__PURE__ */
|
|
32995
|
-
/* @__PURE__ */
|
|
32996
|
-
/* @__PURE__ */
|
|
32433
|
+
return /* @__PURE__ */ jsxs64("div", { className: isForm ? "mb-4" : "", children: [
|
|
32434
|
+
/* @__PURE__ */ jsx100(M, { id: `remainingDays_${value}`, place: "top", content: string }),
|
|
32435
|
+
/* @__PURE__ */ jsx100(
|
|
32997
32436
|
"div",
|
|
32998
32437
|
{
|
|
32999
32438
|
"data-tooltip-id": `remainingDays_${value}`,
|
|
33000
32439
|
className: "flex items-center w-fit cursor-context-menu",
|
|
33001
|
-
children: /* @__PURE__ */
|
|
32440
|
+
children: /* @__PURE__ */ jsx100(
|
|
33002
32441
|
"div",
|
|
33003
32442
|
{
|
|
33004
32443
|
className: `text-sm font-semibold ${isFuture ? "text-[rgba(73,80,87,0.76)]" : "text-red-700"}`,
|
|
@@ -33011,7 +32450,7 @@ var RemainingDaysField = (props) => {
|
|
|
33011
32450
|
};
|
|
33012
32451
|
|
|
33013
32452
|
// src/widgets/basic/select-dropdown-field/select-dropdown.tsx
|
|
33014
|
-
import { Fragment as Fragment29, jsx as
|
|
32453
|
+
import { Fragment as Fragment29, jsx as jsx101, jsxs as jsxs65 } from "react/jsx-runtime";
|
|
33015
32454
|
var SelectDropdownField = (props) => {
|
|
33016
32455
|
const { t: t3 } = useI18n();
|
|
33017
32456
|
const {
|
|
@@ -33033,9 +32472,9 @@ var SelectDropdownField = (props) => {
|
|
|
33033
32472
|
label: val[1]
|
|
33034
32473
|
})) : [];
|
|
33035
32474
|
if (!isForm && !isEditTable) {
|
|
33036
|
-
return /* @__PURE__ */
|
|
32475
|
+
return /* @__PURE__ */ jsx101("span", { children: options2?.find((item) => item?.value === value)?.label });
|
|
33037
32476
|
} else {
|
|
33038
|
-
return /* @__PURE__ */
|
|
32477
|
+
return /* @__PURE__ */ jsx101(
|
|
33039
32478
|
Controller,
|
|
33040
32479
|
{
|
|
33041
32480
|
name: name2 || "",
|
|
@@ -33062,8 +32501,8 @@ var SelectDropdownField = (props) => {
|
|
|
33062
32501
|
value: defaultValue || null,
|
|
33063
32502
|
required: !invisible && required
|
|
33064
32503
|
};
|
|
33065
|
-
return /* @__PURE__ */
|
|
33066
|
-
/* @__PURE__ */
|
|
32504
|
+
return /* @__PURE__ */ jsxs65(Fragment29, { children: [
|
|
32505
|
+
/* @__PURE__ */ jsx101("div", { className: "group", children: /* @__PURE__ */ jsx101(
|
|
33067
32506
|
StateManagedSelect$1,
|
|
33068
32507
|
{
|
|
33069
32508
|
...commonProps,
|
|
@@ -33118,12 +32557,12 @@ var SelectDropdownField = (props) => {
|
|
|
33118
32557
|
menuPortalTarget: typeof window !== "undefined" ? document.body : null,
|
|
33119
32558
|
components: {
|
|
33120
32559
|
IndicatorSeparator: () => null,
|
|
33121
|
-
DropdownIndicator: (props2) => readonly || !isEditTable ? null : /* @__PURE__ */
|
|
32560
|
+
DropdownIndicator: (props2) => readonly || !isEditTable ? null : /* @__PURE__ */ jsx101(components.DropdownIndicator, { ...props2 })
|
|
33122
32561
|
},
|
|
33123
32562
|
noOptionsMessage: () => t3("no-available")
|
|
33124
32563
|
}
|
|
33125
32564
|
) }),
|
|
33126
|
-
!isEditTable && error2 && /* @__PURE__ */
|
|
32565
|
+
!isEditTable && error2 && /* @__PURE__ */ jsx101("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
|
|
33127
32566
|
] });
|
|
33128
32567
|
}
|
|
33129
32568
|
}
|
|
@@ -33132,7 +32571,7 @@ var SelectDropdownField = (props) => {
|
|
|
33132
32571
|
};
|
|
33133
32572
|
|
|
33134
32573
|
// src/widgets/basic/textarea-field/textarea.tsx
|
|
33135
|
-
import { jsx as
|
|
32574
|
+
import { jsx as jsx102 } from "react/jsx-runtime";
|
|
33136
32575
|
var TextAreaField = (props) => {
|
|
33137
32576
|
const {
|
|
33138
32577
|
methods,
|
|
@@ -33156,9 +32595,9 @@ var TextAreaField = (props) => {
|
|
|
33156
32595
|
}
|
|
33157
32596
|
}) : {};
|
|
33158
32597
|
if (!isForm) {
|
|
33159
|
-
return /* @__PURE__ */
|
|
32598
|
+
return /* @__PURE__ */ jsx102("span", { children: value && typeof value === "object" ? value.display_name : value });
|
|
33160
32599
|
}
|
|
33161
|
-
return /* @__PURE__ */
|
|
32600
|
+
return /* @__PURE__ */ jsx102(
|
|
33162
32601
|
"textarea",
|
|
33163
32602
|
{
|
|
33164
32603
|
...formProps,
|
|
@@ -33174,7 +32613,7 @@ var TextAreaField = (props) => {
|
|
|
33174
32613
|
};
|
|
33175
32614
|
|
|
33176
32615
|
// src/widgets/basic/toggle-button-field/toggle-button.tsx
|
|
33177
|
-
import { jsx as
|
|
32616
|
+
import { jsx as jsx103, jsxs as jsxs66 } from "react/jsx-runtime";
|
|
33178
32617
|
var ToggleButtonField = (props) => {
|
|
33179
32618
|
const {
|
|
33180
32619
|
name: name2,
|
|
@@ -33184,13 +32623,13 @@ var ToggleButtonField = (props) => {
|
|
|
33184
32623
|
onChange: onChange2,
|
|
33185
32624
|
methods
|
|
33186
32625
|
} = props;
|
|
33187
|
-
return /* @__PURE__ */
|
|
32626
|
+
return /* @__PURE__ */ jsx103(
|
|
33188
32627
|
Controller,
|
|
33189
32628
|
{
|
|
33190
32629
|
name: name2 ?? "",
|
|
33191
32630
|
control: methods?.control,
|
|
33192
|
-
render: ({ field }) => /* @__PURE__ */
|
|
33193
|
-
/* @__PURE__ */
|
|
32631
|
+
render: ({ field }) => /* @__PURE__ */ jsx103("div", { className: "inline-flex items-center", children: /* @__PURE__ */ jsxs66("label", { className: "relative inline-block w-8 h-5 cursor-pointer", children: [
|
|
32632
|
+
/* @__PURE__ */ jsx103(
|
|
33194
32633
|
"input",
|
|
33195
32634
|
{
|
|
33196
32635
|
...field,
|
|
@@ -33209,7 +32648,7 @@ var ToggleButtonField = (props) => {
|
|
|
33209
32648
|
checked: field.value ?? false
|
|
33210
32649
|
}
|
|
33211
32650
|
),
|
|
33212
|
-
/* @__PURE__ */
|
|
32651
|
+
/* @__PURE__ */ jsx103(
|
|
33213
32652
|
"span",
|
|
33214
32653
|
{
|
|
33215
32654
|
style: {
|
|
@@ -33218,7 +32657,7 @@ var ToggleButtonField = (props) => {
|
|
|
33218
32657
|
},
|
|
33219
32658
|
className: `rounded-full transition duration-300
|
|
33220
32659
|
${field.value ? "bg-primary" : "bg-gray-300"}`,
|
|
33221
|
-
children: /* @__PURE__ */
|
|
32660
|
+
children: /* @__PURE__ */ jsx103(
|
|
33222
32661
|
"span",
|
|
33223
32662
|
{
|
|
33224
32663
|
style: {
|
|
@@ -33242,8 +32681,8 @@ var ToggleButtonField = (props) => {
|
|
|
33242
32681
|
};
|
|
33243
32682
|
|
|
33244
32683
|
// src/widgets/basic/integer-field/integer.tsx
|
|
33245
|
-
import { useEffect as
|
|
33246
|
-
import { Fragment as Fragment30, jsx as
|
|
32684
|
+
import { useEffect as useEffect25, useRef as useRef18, useState as useState21 } from "react";
|
|
32685
|
+
import { Fragment as Fragment30, jsx as jsx104, jsxs as jsxs67 } from "react/jsx-runtime";
|
|
33247
32686
|
var IntegerField = (props) => {
|
|
33248
32687
|
const {
|
|
33249
32688
|
name: name2,
|
|
@@ -33262,9 +32701,9 @@ var IntegerField = (props) => {
|
|
|
33262
32701
|
const { t: t3 } = useI18n();
|
|
33263
32702
|
if (!isForm && !isEditTable) {
|
|
33264
32703
|
const displayValue = value ?? defaultValue;
|
|
33265
|
-
return /* @__PURE__ */
|
|
32704
|
+
return /* @__PURE__ */ jsx104("span", { children: typeof displayValue === "object" ? JSON.stringify(displayValue) : formatNumberOnly(displayValue) });
|
|
33266
32705
|
}
|
|
33267
|
-
return /* @__PURE__ */
|
|
32706
|
+
return /* @__PURE__ */ jsx104(
|
|
33268
32707
|
Controller,
|
|
33269
32708
|
{
|
|
33270
32709
|
name: name2 || "",
|
|
@@ -33278,13 +32717,13 @@ var IntegerField = (props) => {
|
|
|
33278
32717
|
fieldState: { error: error2 }
|
|
33279
32718
|
}) => {
|
|
33280
32719
|
const { setError, clearErrors } = methods;
|
|
33281
|
-
const isDirtyRef =
|
|
33282
|
-
const inputRef =
|
|
33283
|
-
const lastCommittedValueRef =
|
|
33284
|
-
const [inputValue, setInputValue] =
|
|
32720
|
+
const isDirtyRef = useRef18(false);
|
|
32721
|
+
const inputRef = useRef18(null);
|
|
32722
|
+
const lastCommittedValueRef = useRef18(null);
|
|
32723
|
+
const [inputValue, setInputValue] = useState21(
|
|
33285
32724
|
value2 !== void 0 && value2 !== null ? String(value2) : ""
|
|
33286
32725
|
);
|
|
33287
|
-
|
|
32726
|
+
useEffect25(() => {
|
|
33288
32727
|
if (value2 !== void 0 && value2 !== null) {
|
|
33289
32728
|
setInputValue(String(value2));
|
|
33290
32729
|
clearErrors(name2);
|
|
@@ -33342,8 +32781,8 @@ var IntegerField = (props) => {
|
|
|
33342
32781
|
inputRef.current?.blur();
|
|
33343
32782
|
clearErrors(name2);
|
|
33344
32783
|
};
|
|
33345
|
-
return /* @__PURE__ */
|
|
33346
|
-
/* @__PURE__ */
|
|
32784
|
+
return /* @__PURE__ */ jsxs67(Fragment30, { children: [
|
|
32785
|
+
/* @__PURE__ */ jsx104(
|
|
33347
32786
|
"input",
|
|
33348
32787
|
{
|
|
33349
32788
|
ref: inputRef,
|
|
@@ -33378,7 +32817,7 @@ var IntegerField = (props) => {
|
|
|
33378
32817
|
`
|
|
33379
32818
|
}
|
|
33380
32819
|
),
|
|
33381
|
-
error2 && isEditTable && /* @__PURE__ */
|
|
32820
|
+
error2 && isEditTable && /* @__PURE__ */ jsx104("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
|
|
33382
32821
|
] });
|
|
33383
32822
|
}
|
|
33384
32823
|
}
|
|
@@ -33386,7 +32825,7 @@ var IntegerField = (props) => {
|
|
|
33386
32825
|
};
|
|
33387
32826
|
|
|
33388
32827
|
// src/widgets/basic/status-dropdown-field/status-dropdown.tsx
|
|
33389
|
-
import { jsx as
|
|
32828
|
+
import { jsx as jsx105, jsxs as jsxs68 } from "react/jsx-runtime";
|
|
33390
32829
|
var StatusDropdownField = (props) => {
|
|
33391
32830
|
const {
|
|
33392
32831
|
buttonRef,
|
|
@@ -33398,13 +32837,13 @@ var StatusDropdownField = (props) => {
|
|
|
33398
32837
|
handleClick,
|
|
33399
32838
|
colors: colors2
|
|
33400
32839
|
} = props;
|
|
33401
|
-
return /* @__PURE__ */
|
|
32840
|
+
return /* @__PURE__ */ jsxs68(
|
|
33402
32841
|
"div",
|
|
33403
32842
|
{
|
|
33404
32843
|
ref: buttonRef,
|
|
33405
32844
|
className: isForm ? "absolute top-7 right-6 z-10" : void 0,
|
|
33406
32845
|
children: [
|
|
33407
|
-
/* @__PURE__ */
|
|
32846
|
+
/* @__PURE__ */ jsx105(
|
|
33408
32847
|
"button",
|
|
33409
32848
|
{
|
|
33410
32849
|
type: "button",
|
|
@@ -33412,23 +32851,23 @@ var StatusDropdownField = (props) => {
|
|
|
33412
32851
|
className: `transition-all rounded-full size-5 cursor-pointer shadow-[inset_0_0_0_1px_rgba(0,0,0,0.2)] focus:!shadow-[inset_0_0_0_1px_rgba(0,0,0,0.2)] !border-[#dbe0e6] ${state == "normal" ? "bg-[#e9ecef]" : state == "done" ? "bg-primary" : "bg-red-500"}`
|
|
33413
32852
|
}
|
|
33414
32853
|
),
|
|
33415
|
-
isOpen && /* @__PURE__ */
|
|
32854
|
+
isOpen && /* @__PURE__ */ jsx105("div", { className: "absolute w-[200px] top-full bg-white transition-all right-0 flex flex-col rounded-lg z-10 shadow-md border !border-[#dbe0e6] overflow-hidden", children: selection?.map((item, index4) => {
|
|
33416
32855
|
const isActive = item[0] == state;
|
|
33417
|
-
return /* @__PURE__ */
|
|
32856
|
+
return /* @__PURE__ */ jsxs68(
|
|
33418
32857
|
"div",
|
|
33419
32858
|
{
|
|
33420
32859
|
className: `cursor-pointer relative hover:bg-gray-200 pl-[12px] pr-[20px] py-[5px] flex items-center justify-start gap-2 ${isActive ? "bg-gray-100" : ""}`,
|
|
33421
32860
|
onClick: () => handleClick(item[0]),
|
|
33422
32861
|
children: [
|
|
33423
|
-
/* @__PURE__ */
|
|
33424
|
-
/* @__PURE__ */
|
|
33425
|
-
/* @__PURE__ */
|
|
32862
|
+
/* @__PURE__ */ jsx105("div", { className: "w-4 h-4", children: isActive && /* @__PURE__ */ jsx105(CheckIcon, {}) }),
|
|
32863
|
+
/* @__PURE__ */ jsxs68("div", { className: "flex items-center gap-2", children: [
|
|
32864
|
+
/* @__PURE__ */ jsx105(
|
|
33426
32865
|
"div",
|
|
33427
32866
|
{
|
|
33428
32867
|
className: `rounded-full size-4 shadow-[inset_0_0_0_1px_rgba(0,0,0,0.2)] !border-none ${colors2[item[0]]}`
|
|
33429
32868
|
}
|
|
33430
32869
|
),
|
|
33431
|
-
/* @__PURE__ */
|
|
32870
|
+
/* @__PURE__ */ jsx105("span", { className: "text-sm", children: item[1] })
|
|
33432
32871
|
] })
|
|
33433
32872
|
]
|
|
33434
32873
|
},
|
|
@@ -33442,8 +32881,8 @@ var StatusDropdownField = (props) => {
|
|
|
33442
32881
|
|
|
33443
32882
|
// src/widgets/basic/many2many-field/many2many.tsx
|
|
33444
32883
|
import { createPortal as createPortal5 } from "react-dom";
|
|
33445
|
-
import { useEffect as
|
|
33446
|
-
import { jsx as
|
|
32884
|
+
import { useEffect as useEffect26 } from "react";
|
|
32885
|
+
import { jsx as jsx106, jsxs as jsxs69 } from "react/jsx-runtime";
|
|
33447
32886
|
var Many2ManyField = (props) => {
|
|
33448
32887
|
const { t: t3 } = useI18n();
|
|
33449
32888
|
const {
|
|
@@ -33502,7 +32941,7 @@ var Many2ManyField = (props) => {
|
|
|
33502
32941
|
clearSearch
|
|
33503
32942
|
} = searchController;
|
|
33504
32943
|
const { handleCheckBoxAll, checkedAll, selectedRowKeysRef } = tableHeadController;
|
|
33505
|
-
|
|
32944
|
+
useEffect26(() => {
|
|
33506
32945
|
const groupItems = Array.isArray(selectedTags) ? selectedTags.filter((item) => item.type === "group_by") : [];
|
|
33507
32946
|
if (groupItems?.length > 0) {
|
|
33508
32947
|
typeof setPageLimit === "function" && setPageLimit(80);
|
|
@@ -33517,7 +32956,7 @@ var Many2ManyField = (props) => {
|
|
|
33517
32956
|
};
|
|
33518
32957
|
}, [selectedTags]);
|
|
33519
32958
|
return createPortal5(
|
|
33520
|
-
/* @__PURE__ */
|
|
32959
|
+
/* @__PURE__ */ jsxs69(
|
|
33521
32960
|
"div",
|
|
33522
32961
|
{
|
|
33523
32962
|
style: {
|
|
@@ -33525,8 +32964,8 @@ var Many2ManyField = (props) => {
|
|
|
33525
32964
|
},
|
|
33526
32965
|
className: "fixed bottom-0 left-0 right-0 top-0",
|
|
33527
32966
|
children: [
|
|
33528
|
-
/* @__PURE__ */
|
|
33529
|
-
/* @__PURE__ */
|
|
32967
|
+
/* @__PURE__ */ jsx106("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
|
|
32968
|
+
/* @__PURE__ */ jsx106("div", { className: "absolute inset-0 overflow-auto px-6 flex justify-center items-center", children: /* @__PURE__ */ jsxs69(
|
|
33530
32969
|
"div",
|
|
33531
32970
|
{
|
|
33532
32971
|
style: {
|
|
@@ -33534,12 +32973,12 @@ var Many2ManyField = (props) => {
|
|
|
33534
32973
|
},
|
|
33535
32974
|
className: "relative p-4 flex flex-col gap-2 max-w-full lg:max-w-[1000px] lg:min-w-[1000px] transform rounded-3xl bg-[#FFF] min-h-[90%] max-h-[90%] h-fit",
|
|
33536
32975
|
children: [
|
|
33537
|
-
/* @__PURE__ */
|
|
33538
|
-
/* @__PURE__ */
|
|
33539
|
-
/* @__PURE__ */
|
|
32976
|
+
/* @__PURE__ */ jsxs69("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
|
|
32977
|
+
/* @__PURE__ */ jsx106("div", { className: "text-[20px] font-semibold", children: title }),
|
|
32978
|
+
/* @__PURE__ */ jsx106("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx106(CloseIcon, {}) })
|
|
33540
32979
|
] }),
|
|
33541
|
-
/* @__PURE__ */
|
|
33542
|
-
/* @__PURE__ */
|
|
32980
|
+
/* @__PURE__ */ jsxs69("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
|
|
32981
|
+
/* @__PURE__ */ jsx106("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ jsx106(
|
|
33543
32982
|
Search,
|
|
33544
32983
|
{
|
|
33545
32984
|
removeSearchItems,
|
|
@@ -33573,7 +33012,7 @@ var Many2ManyField = (props) => {
|
|
|
33573
33012
|
groupByList
|
|
33574
33013
|
}
|
|
33575
33014
|
) }),
|
|
33576
|
-
/* @__PURE__ */
|
|
33015
|
+
/* @__PURE__ */ jsx106(
|
|
33577
33016
|
PaginationView,
|
|
33578
33017
|
{
|
|
33579
33018
|
className: "pagination-bar col-span-3 sm:col-span-1 justify-end flex-1",
|
|
@@ -33590,20 +33029,20 @@ var Many2ManyField = (props) => {
|
|
|
33590
33029
|
}
|
|
33591
33030
|
)
|
|
33592
33031
|
] }),
|
|
33593
|
-
!isLoading && isFetched || isPlaceholderData ? /* @__PURE__ */
|
|
33032
|
+
!isLoading && isFetched || isPlaceholderData ? /* @__PURE__ */ jsx106("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ jsx106("div", { className: "relative h-full w-full", children: /* @__PURE__ */ jsx106(
|
|
33594
33033
|
"div",
|
|
33595
33034
|
{
|
|
33596
33035
|
className: `border-y h-full border-solid border-[#dbe0e6] rounded-[10px] relative w-full overflow-hidden`,
|
|
33597
|
-
children: /* @__PURE__ */
|
|
33036
|
+
children: /* @__PURE__ */ jsx106("div", { className: "flex flex-col gap-[16px] w-full h-full", children: /* @__PURE__ */ jsx106("div", { className: `relative w-full h-full`, children: /* @__PURE__ */ jsx106(
|
|
33598
33037
|
"div",
|
|
33599
33038
|
{
|
|
33600
33039
|
className: `flex w-full items-center h-full overflow-auto `,
|
|
33601
|
-
children: /* @__PURE__ */
|
|
33040
|
+
children: /* @__PURE__ */ jsx106("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ jsxs69(
|
|
33602
33041
|
"table",
|
|
33603
33042
|
{
|
|
33604
33043
|
className: `relative w-full bg-white custom-dropdown `,
|
|
33605
33044
|
children: [
|
|
33606
|
-
/* @__PURE__ */
|
|
33045
|
+
/* @__PURE__ */ jsx106(
|
|
33607
33046
|
TableHead,
|
|
33608
33047
|
{
|
|
33609
33048
|
columns,
|
|
@@ -33613,7 +33052,7 @@ var Many2ManyField = (props) => {
|
|
|
33613
33052
|
handleCheckBoxAll
|
|
33614
33053
|
}
|
|
33615
33054
|
),
|
|
33616
|
-
rows?.length > 0 ? /* @__PURE__ */
|
|
33055
|
+
rows?.length > 0 ? /* @__PURE__ */ jsx106(
|
|
33617
33056
|
TableBody,
|
|
33618
33057
|
{
|
|
33619
33058
|
tableGroupController,
|
|
@@ -33653,16 +33092,16 @@ var Many2ManyField = (props) => {
|
|
|
33653
33092
|
checkedAll,
|
|
33654
33093
|
context
|
|
33655
33094
|
}
|
|
33656
|
-
) : /* @__PURE__ */
|
|
33095
|
+
) : /* @__PURE__ */ jsx106("tr", { children: /* @__PURE__ */ jsx106(
|
|
33657
33096
|
"td",
|
|
33658
33097
|
{
|
|
33659
33098
|
className: "w-full",
|
|
33660
33099
|
colSpan: columns?.length + 2,
|
|
33661
|
-
children: /* @__PURE__ */
|
|
33100
|
+
children: /* @__PURE__ */ jsx106(
|
|
33662
33101
|
"div",
|
|
33663
33102
|
{
|
|
33664
33103
|
className: `flex flex-col items-center justify-center gap-3 py-6`,
|
|
33665
|
-
children: /* @__PURE__ */
|
|
33104
|
+
children: /* @__PURE__ */ jsx106(EmptyTable, {})
|
|
33666
33105
|
}
|
|
33667
33106
|
)
|
|
33668
33107
|
}
|
|
@@ -33673,9 +33112,9 @@ var Many2ManyField = (props) => {
|
|
|
33673
33112
|
}
|
|
33674
33113
|
) }) })
|
|
33675
33114
|
}
|
|
33676
|
-
) }) }) : /* @__PURE__ */
|
|
33677
|
-
/* @__PURE__ */
|
|
33678
|
-
isDisplayCheckbox && /* @__PURE__ */
|
|
33115
|
+
) }) }) : /* @__PURE__ */ jsx106(LayerLoading, {}),
|
|
33116
|
+
/* @__PURE__ */ jsxs69("div", { className: "flex items-center gap-2 mt-auto", children: [
|
|
33117
|
+
isDisplayCheckbox && /* @__PURE__ */ jsx106(
|
|
33679
33118
|
"button",
|
|
33680
33119
|
{
|
|
33681
33120
|
disabled: selectedRowKeys?.length === 0,
|
|
@@ -33685,7 +33124,7 @@ var Many2ManyField = (props) => {
|
|
|
33685
33124
|
children: t3("choose")
|
|
33686
33125
|
}
|
|
33687
33126
|
),
|
|
33688
|
-
optionsObject && "no_create" in optionsObject && optionsObject?.no_create === false && /* @__PURE__ */
|
|
33127
|
+
optionsObject && "no_create" in optionsObject && optionsObject?.no_create === false && /* @__PURE__ */ jsx106(
|
|
33689
33128
|
"button",
|
|
33690
33129
|
{
|
|
33691
33130
|
type: "button",
|
|
@@ -33701,7 +33140,7 @@ var Many2ManyField = (props) => {
|
|
|
33701
33140
|
children: t3("new")
|
|
33702
33141
|
}
|
|
33703
33142
|
),
|
|
33704
|
-
/* @__PURE__ */
|
|
33143
|
+
/* @__PURE__ */ jsx106(
|
|
33705
33144
|
"button",
|
|
33706
33145
|
{
|
|
33707
33146
|
type: "button",
|
|
@@ -33722,16 +33161,16 @@ var Many2ManyField = (props) => {
|
|
|
33722
33161
|
};
|
|
33723
33162
|
|
|
33724
33163
|
// src/widgets/basic/many2one-field/many2one.tsx
|
|
33725
|
-
import React18, { useEffect as
|
|
33726
|
-
import { Fragment as Fragment31, jsx as
|
|
33164
|
+
import React18, { useEffect as useEffect27 } from "react";
|
|
33165
|
+
import { Fragment as Fragment31, jsx as jsx107, jsxs as jsxs70 } from "react/jsx-runtime";
|
|
33727
33166
|
var CustomMenuList2 = (props) => {
|
|
33728
33167
|
const { t: t3 } = useI18n();
|
|
33729
33168
|
const { options: options2, children, selectProps } = props;
|
|
33730
33169
|
const { setIsShowModalMany2Many, searchable } = selectProps;
|
|
33731
33170
|
const limitedChildren = React18.Children.toArray(children).slice(0, 10);
|
|
33732
|
-
return /* @__PURE__ */
|
|
33171
|
+
return /* @__PURE__ */ jsxs70(components.MenuList, { ...props, className: "z-[99]", children: [
|
|
33733
33172
|
limitedChildren,
|
|
33734
|
-
options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */
|
|
33173
|
+
options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ jsxs70(
|
|
33735
33174
|
"button",
|
|
33736
33175
|
{
|
|
33737
33176
|
type: "button",
|
|
@@ -33774,14 +33213,14 @@ var Many2OneField = (props) => {
|
|
|
33774
33213
|
const { t: t3 } = useI18n();
|
|
33775
33214
|
if (!isForm && !isEditTable) {
|
|
33776
33215
|
const id = propValue && typeof propValue === "object" && "id" in propValue ? propValue?.id : propValue;
|
|
33777
|
-
return /* @__PURE__ */
|
|
33216
|
+
return /* @__PURE__ */ jsxs70(Fragment31, { children: [
|
|
33778
33217
|
allowShowDetail && renderDetail({
|
|
33779
33218
|
idToolTip: String(name2) + Number(index4),
|
|
33780
33219
|
model: options2?.model ?? relation,
|
|
33781
33220
|
context: contextObject,
|
|
33782
33221
|
idForm: id
|
|
33783
33222
|
}),
|
|
33784
|
-
/* @__PURE__ */
|
|
33223
|
+
/* @__PURE__ */ jsx107(
|
|
33785
33224
|
"span",
|
|
33786
33225
|
{
|
|
33787
33226
|
className: "cursor-pointer",
|
|
@@ -33792,20 +33231,20 @@ var Many2OneField = (props) => {
|
|
|
33792
33231
|
)
|
|
33793
33232
|
] });
|
|
33794
33233
|
}
|
|
33795
|
-
return /* @__PURE__ */
|
|
33234
|
+
return /* @__PURE__ */ jsxs70(Fragment31, { children: [
|
|
33796
33235
|
allowShowDetail && renderDetail({
|
|
33797
33236
|
idToolTip: String(name2),
|
|
33798
33237
|
model: options2?.model ?? relation,
|
|
33799
33238
|
context: contextObject,
|
|
33800
33239
|
idForm: methods?.getValues(name2)?.id || methods?.getValues(name2)
|
|
33801
33240
|
}),
|
|
33802
|
-
/* @__PURE__ */
|
|
33241
|
+
/* @__PURE__ */ jsx107(
|
|
33803
33242
|
"div",
|
|
33804
33243
|
{
|
|
33805
33244
|
id: name2,
|
|
33806
33245
|
"data-tooltip-id": name2,
|
|
33807
33246
|
className: `inline-block w-full h-full ${readonly && "cursor-not-allowed"}`,
|
|
33808
|
-
children: /* @__PURE__ */
|
|
33247
|
+
children: /* @__PURE__ */ jsx107(
|
|
33809
33248
|
Controller,
|
|
33810
33249
|
{
|
|
33811
33250
|
name: name2 ?? "",
|
|
@@ -33825,13 +33264,13 @@ var Many2OneField = (props) => {
|
|
|
33825
33264
|
const selectedOption = isForm && options2?.service && options2?.type && options2?.model ? tempSelectedOption : tempSelectedOption && options2?.length > 0 ? options2.find(
|
|
33826
33265
|
(option) => option.value === tempSelectedOption?.value
|
|
33827
33266
|
) : currentValue ? currentValue : null;
|
|
33828
|
-
|
|
33267
|
+
useEffect27(() => {
|
|
33829
33268
|
if (error2 && selectedOption) {
|
|
33830
33269
|
methods?.clearErrors(name2);
|
|
33831
33270
|
}
|
|
33832
33271
|
}, [selectedOption]);
|
|
33833
|
-
return /* @__PURE__ */
|
|
33834
|
-
/* @__PURE__ */
|
|
33272
|
+
return /* @__PURE__ */ jsxs70("div", { className: "h-full", children: [
|
|
33273
|
+
/* @__PURE__ */ jsx107(
|
|
33835
33274
|
StateManagedSelect$1,
|
|
33836
33275
|
{
|
|
33837
33276
|
menuShouldScrollIntoView: false,
|
|
@@ -33907,7 +33346,7 @@ var Many2OneField = (props) => {
|
|
|
33907
33346
|
})
|
|
33908
33347
|
},
|
|
33909
33348
|
components: {
|
|
33910
|
-
MenuList: (menuListProps) => /* @__PURE__ */
|
|
33349
|
+
MenuList: (menuListProps) => /* @__PURE__ */ jsx107(
|
|
33911
33350
|
CustomMenuList2,
|
|
33912
33351
|
{
|
|
33913
33352
|
...menuListProps,
|
|
@@ -33918,13 +33357,13 @@ var Many2OneField = (props) => {
|
|
|
33918
33357
|
}
|
|
33919
33358
|
),
|
|
33920
33359
|
IndicatorSeparator: () => null,
|
|
33921
|
-
DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */
|
|
33360
|
+
DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ jsx107(components.DropdownIndicator, { ...props2 })
|
|
33922
33361
|
},
|
|
33923
33362
|
isDisabled: readonly,
|
|
33924
33363
|
noOptionsMessage: () => t3(isFetching ? "loading" : "no-available")
|
|
33925
33364
|
}
|
|
33926
33365
|
),
|
|
33927
|
-
!isEditTable && error2 && /* @__PURE__ */
|
|
33366
|
+
!isEditTable && error2 && /* @__PURE__ */ jsx107("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
|
|
33928
33367
|
] });
|
|
33929
33368
|
}
|
|
33930
33369
|
}
|
|
@@ -33935,7 +33374,7 @@ var Many2OneField = (props) => {
|
|
|
33935
33374
|
};
|
|
33936
33375
|
|
|
33937
33376
|
// src/widgets/basic/status-bar-field/duration/duration.tsx
|
|
33938
|
-
import { jsx as
|
|
33377
|
+
import { jsx as jsx108, jsxs as jsxs71 } from "react/jsx-runtime";
|
|
33939
33378
|
var StatusbarDurationField = (props) => {
|
|
33940
33379
|
const {
|
|
33941
33380
|
disabled,
|
|
@@ -33945,14 +33384,14 @@ var StatusbarDurationField = (props) => {
|
|
|
33945
33384
|
defaultValue,
|
|
33946
33385
|
setModalStatus
|
|
33947
33386
|
} = props;
|
|
33948
|
-
return /* @__PURE__ */
|
|
33387
|
+
return /* @__PURE__ */ jsx108(
|
|
33949
33388
|
"div",
|
|
33950
33389
|
{
|
|
33951
33390
|
className: `w-full items-center rounded-[10px] !flex flex-col-reverse justify-center lg:!justify-end lg:!flex-row gap-y-[15px]`,
|
|
33952
|
-
children: /* @__PURE__ */
|
|
33953
|
-
/* @__PURE__ */
|
|
33391
|
+
children: /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-[24px]", children: [
|
|
33392
|
+
/* @__PURE__ */ jsx108("div", { className: "flex items-center", children: dataResponse && dataResponse?.records?.filter((item) => !item?.fold || item.id == defaultValue)?.map((option, index4) => {
|
|
33954
33393
|
const value = option?.id === defaultValue;
|
|
33955
|
-
return /* @__PURE__ */
|
|
33394
|
+
return /* @__PURE__ */ jsxs71(
|
|
33956
33395
|
"label",
|
|
33957
33396
|
{
|
|
33958
33397
|
onClick: () => !disabled && handleClick(option.id),
|
|
@@ -33962,7 +33401,7 @@ var StatusbarDurationField = (props) => {
|
|
|
33962
33401
|
${index4 === dataResponse?.records?.length - 1 ? "rounded-r-xl" : "rounded-none"}
|
|
33963
33402
|
`,
|
|
33964
33403
|
children: [
|
|
33965
|
-
/* @__PURE__ */
|
|
33404
|
+
/* @__PURE__ */ jsx108(
|
|
33966
33405
|
"input",
|
|
33967
33406
|
{
|
|
33968
33407
|
type: "radio",
|
|
@@ -33972,7 +33411,7 @@ var StatusbarDurationField = (props) => {
|
|
|
33972
33411
|
}
|
|
33973
33412
|
),
|
|
33974
33413
|
option?.name,
|
|
33975
|
-
index4 !== dataResponse?.records?.length - 1 && /* @__PURE__ */
|
|
33414
|
+
index4 !== dataResponse?.records?.length - 1 && /* @__PURE__ */ jsx108(
|
|
33976
33415
|
"div",
|
|
33977
33416
|
{
|
|
33978
33417
|
className: `absolute top-[5px] bg-[#dee2e6] z-[2] -right-4 w-[30px] h-[30px] border-t-4 border-r-4 border-white transform rotate-45 group-hover:bg-[#ced4da]
|
|
@@ -33987,14 +33426,14 @@ var StatusbarDurationField = (props) => {
|
|
|
33987
33426
|
}) }),
|
|
33988
33427
|
dataResponse?.records?.some(
|
|
33989
33428
|
(item) => item?.fold && item.id !== defaultValue
|
|
33990
|
-
) && /* @__PURE__ */
|
|
33429
|
+
) && /* @__PURE__ */ jsxs71(
|
|
33991
33430
|
"div",
|
|
33992
33431
|
{
|
|
33993
33432
|
onClick: () => setModalStatus(!modelStatus),
|
|
33994
33433
|
className: "w-[24px] h-[24px] cursor-pointer relative",
|
|
33995
33434
|
children: [
|
|
33996
|
-
/* @__PURE__ */
|
|
33997
|
-
modelStatus && /* @__PURE__ */
|
|
33435
|
+
/* @__PURE__ */ jsx108(MoreIcon, {}),
|
|
33436
|
+
modelStatus && /* @__PURE__ */ jsx108(
|
|
33998
33437
|
"div",
|
|
33999
33438
|
{
|
|
34000
33439
|
onClick: (e3) => e3.stopPropagation(),
|
|
@@ -34003,7 +33442,7 @@ var StatusbarDurationField = (props) => {
|
|
|
34003
33442
|
(item) => item?.fold && item.id !== defaultValue
|
|
34004
33443
|
)?.map((option) => {
|
|
34005
33444
|
const value = option?.id === defaultValue;
|
|
34006
|
-
return /* @__PURE__ */
|
|
33445
|
+
return /* @__PURE__ */ jsx108(
|
|
34007
33446
|
"div",
|
|
34008
33447
|
{
|
|
34009
33448
|
className: `py-[4px] px-[16px] hover:bg-[#f8f9f9] ${value ? "bg-primary" : "bg-[#F1F6F1]"}`,
|
|
@@ -34025,14 +33464,14 @@ var StatusbarDurationField = (props) => {
|
|
|
34025
33464
|
|
|
34026
33465
|
// src/widgets/basic/status-bar-field/option/option.tsx
|
|
34027
33466
|
import { useMemo as useMemo11 } from "react";
|
|
34028
|
-
import { Fragment as Fragment32, jsx as
|
|
33467
|
+
import { Fragment as Fragment32, jsx as jsx109, jsxs as jsxs72 } from "react/jsx-runtime";
|
|
34029
33468
|
var StatusBarOptionField = (props) => {
|
|
34030
33469
|
const { selection, defaultValue } = props;
|
|
34031
33470
|
const memoizedStatusOptions = useMemo11(() => selection, [selection]);
|
|
34032
33471
|
const indexInProgress = memoizedStatusOptions?.findIndex(
|
|
34033
33472
|
(option) => option?.[0] === defaultValue
|
|
34034
33473
|
);
|
|
34035
|
-
return /* @__PURE__ */
|
|
33474
|
+
return /* @__PURE__ */ jsx109(
|
|
34036
33475
|
"div",
|
|
34037
33476
|
{
|
|
34038
33477
|
style: {
|
|
@@ -34041,8 +33480,8 @@ var StatusBarOptionField = (props) => {
|
|
|
34041
33480
|
flexWrap: "wrap"
|
|
34042
33481
|
},
|
|
34043
33482
|
children: memoizedStatusOptions?.map((option, index4) => {
|
|
34044
|
-
return /* @__PURE__ */
|
|
34045
|
-
/* @__PURE__ */
|
|
33483
|
+
return /* @__PURE__ */ jsxs72(Fragment32, { children: [
|
|
33484
|
+
/* @__PURE__ */ jsxs72(
|
|
34046
33485
|
"div",
|
|
34047
33486
|
{
|
|
34048
33487
|
style: {
|
|
@@ -34060,7 +33499,7 @@ var StatusBarOptionField = (props) => {
|
|
|
34060
33499
|
boxShadow: index4 === indexInProgress ? "0 1px 2px 0 rgba(51, 51, 51, 0.04), 0 2px 4px 0 rgba(51, 51, 51, 0.04), 0 4px 8px -2px rgba(51, 51, 51, 0.06), 0 0 0 1px rgba(51, 51, 51, 0.04), 0 -1px 1px -0.5px rgba(51, 51, 51, 0.06) inset" : ""
|
|
34061
33500
|
},
|
|
34062
33501
|
children: [
|
|
34063
|
-
/* @__PURE__ */
|
|
33502
|
+
/* @__PURE__ */ jsx109(
|
|
34064
33503
|
"span",
|
|
34065
33504
|
{
|
|
34066
33505
|
style: {
|
|
@@ -34072,10 +33511,10 @@ var StatusBarOptionField = (props) => {
|
|
|
34072
33511
|
alignItems: "center",
|
|
34073
33512
|
borderRadius: "100%"
|
|
34074
33513
|
},
|
|
34075
|
-
children: index4 < indexInProgress || indexInProgress === memoizedStatusOptions?.length - 1 ? /* @__PURE__ */
|
|
33514
|
+
children: index4 < indexInProgress || indexInProgress === memoizedStatusOptions?.length - 1 ? /* @__PURE__ */ jsx109(ICCheck, {}) : index4 === indexInProgress ? /* @__PURE__ */ jsx109(ICCircle, {}) : /* @__PURE__ */ jsx109(ICMinus, {})
|
|
34076
33515
|
}
|
|
34077
33516
|
),
|
|
34078
|
-
/* @__PURE__ */
|
|
33517
|
+
/* @__PURE__ */ jsx109(
|
|
34079
33518
|
"span",
|
|
34080
33519
|
{
|
|
34081
33520
|
style: {
|
|
@@ -34088,7 +33527,7 @@ var StatusBarOptionField = (props) => {
|
|
|
34088
33527
|
},
|
|
34089
33528
|
option?.[0]
|
|
34090
33529
|
),
|
|
34091
|
-
!(index4 === memoizedStatusOptions?.length - 1) && /* @__PURE__ */
|
|
33530
|
+
!(index4 === memoizedStatusOptions?.length - 1) && /* @__PURE__ */ jsx109(
|
|
34092
33531
|
"div",
|
|
34093
33532
|
{
|
|
34094
33533
|
style: {
|
|
@@ -34104,7 +33543,7 @@ var StatusBarOptionField = (props) => {
|
|
|
34104
33543
|
);
|
|
34105
33544
|
};
|
|
34106
33545
|
var ICMinus = () => {
|
|
34107
|
-
return /* @__PURE__ */
|
|
33546
|
+
return /* @__PURE__ */ jsx109(
|
|
34108
33547
|
"svg",
|
|
34109
33548
|
{
|
|
34110
33549
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -34112,7 +33551,7 @@ var ICMinus = () => {
|
|
|
34112
33551
|
height: "16",
|
|
34113
33552
|
viewBox: "0 0 16 16",
|
|
34114
33553
|
fill: "none",
|
|
34115
|
-
children: /* @__PURE__ */
|
|
33554
|
+
children: /* @__PURE__ */ jsx109(
|
|
34116
33555
|
"path",
|
|
34117
33556
|
{
|
|
34118
33557
|
d: "M4 8H12",
|
|
@@ -34126,7 +33565,7 @@ var ICMinus = () => {
|
|
|
34126
33565
|
);
|
|
34127
33566
|
};
|
|
34128
33567
|
var ICCircle = () => {
|
|
34129
|
-
return /* @__PURE__ */
|
|
33568
|
+
return /* @__PURE__ */ jsx109(
|
|
34130
33569
|
"svg",
|
|
34131
33570
|
{
|
|
34132
33571
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -34134,12 +33573,12 @@ var ICCircle = () => {
|
|
|
34134
33573
|
height: "8",
|
|
34135
33574
|
viewBox: "0 0 8 8",
|
|
34136
33575
|
fill: "none",
|
|
34137
|
-
children: /* @__PURE__ */
|
|
33576
|
+
children: /* @__PURE__ */ jsx109("circle", { cx: "4", cy: "4", r: "4", fill: "white" })
|
|
34138
33577
|
}
|
|
34139
33578
|
);
|
|
34140
33579
|
};
|
|
34141
33580
|
var ICCheck = () => {
|
|
34142
|
-
return /* @__PURE__ */
|
|
33581
|
+
return /* @__PURE__ */ jsx109(
|
|
34143
33582
|
"svg",
|
|
34144
33583
|
{
|
|
34145
33584
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -34147,7 +33586,7 @@ var ICCheck = () => {
|
|
|
34147
33586
|
height: "16",
|
|
34148
33587
|
viewBox: "0 0 16 16",
|
|
34149
33588
|
fill: "none",
|
|
34150
|
-
children: /* @__PURE__ */
|
|
33589
|
+
children: /* @__PURE__ */ jsx109(
|
|
34151
33590
|
"path",
|
|
34152
33591
|
{
|
|
34153
33592
|
d: "M13.3408 5.23535L13.252 5.32324L6.88867 11.6875L6.7998 11.7764L6.71191 11.6875L2.89258 7.86914L2.80469 7.78125L2.89258 7.69238L3.74121 6.84375L3.83008 6.75586L6.7998 9.72559L12.2266 4.29785L12.3154 4.20996L13.3408 5.23535Z",
|
|
@@ -34161,7 +33600,7 @@ var ICCheck = () => {
|
|
|
34161
33600
|
};
|
|
34162
33601
|
|
|
34163
33602
|
// src/widgets/basic/date-option-field/date-option.tsx
|
|
34164
|
-
import { jsx as
|
|
33603
|
+
import { jsx as jsx110, jsxs as jsxs73 } from "react/jsx-runtime";
|
|
34165
33604
|
var DateOptionField = (props) => {
|
|
34166
33605
|
const {
|
|
34167
33606
|
name: name2,
|
|
@@ -34172,19 +33611,19 @@ var DateOptionField = (props) => {
|
|
|
34172
33611
|
string,
|
|
34173
33612
|
onChange: onChange2
|
|
34174
33613
|
} = props;
|
|
34175
|
-
return /* @__PURE__ */
|
|
33614
|
+
return /* @__PURE__ */ jsx110(
|
|
34176
33615
|
Controller,
|
|
34177
33616
|
{
|
|
34178
33617
|
name: name2 ?? "",
|
|
34179
33618
|
control: methods?.control,
|
|
34180
|
-
render: ({ field }) => /* @__PURE__ */
|
|
33619
|
+
render: ({ field }) => /* @__PURE__ */ jsxs73(
|
|
34181
33620
|
"label",
|
|
34182
33621
|
{
|
|
34183
33622
|
className: `cursor-pointer mr-2 w-[50px] flex items-center justify-center p-[4px] border rounded-md text-sm
|
|
34184
33623
|
${field.value ? "bg-primary text-white border-primary" : "bg-white text-black border-[#f7f7f7]"}
|
|
34185
33624
|
${readonly ? "opacity-50 pointer-events-none" : ""}`,
|
|
34186
33625
|
children: [
|
|
34187
|
-
/* @__PURE__ */
|
|
33626
|
+
/* @__PURE__ */ jsx110(
|
|
34188
33627
|
"input",
|
|
34189
33628
|
{
|
|
34190
33629
|
type: "checkbox",
|
|
@@ -34284,7 +33723,6 @@ export {
|
|
|
34284
33723
|
RadioGroupField,
|
|
34285
33724
|
RatingStarField,
|
|
34286
33725
|
RemainingDaysField,
|
|
34287
|
-
RenderFiles,
|
|
34288
33726
|
ResetIcon,
|
|
34289
33727
|
Row,
|
|
34290
33728
|
Search,
|