@fctc/sme-widget-ui 1.9.7 → 1.9.9
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 +176 -30
- package/dist/icons.mjs +219 -73
- package/dist/index.js +212 -60
- package/dist/index.mjs +443 -291
- package/dist/utils.js +2 -2
- package/dist/utils.mjs +2 -2
- package/dist/widgets.js +150 -54
- package/dist/widgets.mjs +370 -274
- package/package.json +1 -1
package/dist/widgets.mjs
CHANGED
|
@@ -7755,8 +7755,8 @@ var en_default = {
|
|
|
7755
7755
|
download_file: "Download this file",
|
|
7756
7756
|
upload_success: "Upload file success",
|
|
7757
7757
|
upload_failure: "Upload file failure",
|
|
7758
|
-
file_accept_single: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP formats are allowed, and each file should be up to 10MB.",
|
|
7759
|
-
file_accept_total: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP formats are allowed, and total should be up to 50MB.",
|
|
7758
|
+
file_accept_single: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP, JSON formats are allowed, and each file should be up to 10MB.",
|
|
7759
|
+
file_accept_total: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP, JSON formats are allowed, and total should be up to 50MB.",
|
|
7760
7760
|
must_required: "is required",
|
|
7761
7761
|
invalid_number: "Invalid number",
|
|
7762
7762
|
active: "Active",
|
|
@@ -8667,33 +8667,78 @@ var DownloadIcon = () => {
|
|
|
8667
8667
|
};
|
|
8668
8668
|
|
|
8669
8669
|
// src/icons/excel-icon.tsx
|
|
8670
|
-
import { jsx as jsx17 } from "react/jsx-runtime";
|
|
8670
|
+
import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
8671
8671
|
var ExcelIcon = () => {
|
|
8672
|
-
return /* @__PURE__ */
|
|
8672
|
+
return /* @__PURE__ */ jsxs5(
|
|
8673
8673
|
"svg",
|
|
8674
8674
|
{
|
|
8675
8675
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8676
|
-
width: "
|
|
8677
|
-
height: "
|
|
8678
|
-
viewBox: "0 0
|
|
8676
|
+
width: "24",
|
|
8677
|
+
height: "24",
|
|
8678
|
+
viewBox: "0 0 24 24",
|
|
8679
8679
|
fill: "none",
|
|
8680
|
-
children:
|
|
8681
|
-
|
|
8682
|
-
|
|
8683
|
-
|
|
8684
|
-
|
|
8685
|
-
|
|
8686
|
-
|
|
8680
|
+
children: [
|
|
8681
|
+
/* @__PURE__ */ jsx17(
|
|
8682
|
+
"path",
|
|
8683
|
+
{
|
|
8684
|
+
d: "M6 0C5.175 0 4.5 0.675 4.5 1.5V22.5C4.5 23.325 5.175 24 6 24H21C21.825 24 22.5 23.325 22.5 22.5V6L16.5 0H6Z",
|
|
8685
|
+
fill: "#ECECEC"
|
|
8686
|
+
}
|
|
8687
|
+
),
|
|
8688
|
+
/* @__PURE__ */ jsx17(
|
|
8689
|
+
"path",
|
|
8690
|
+
{
|
|
8691
|
+
d: "M18 6H22.5L16.5 0V4.5C16.5 5.325 17.175 6 18 6Z",
|
|
8692
|
+
fill: "#C6C6C6"
|
|
8693
|
+
}
|
|
8694
|
+
),
|
|
8695
|
+
/* @__PURE__ */ jsx17("path", { d: "M22.5 10.5L18 6H22.5V10.5Z", fill: "#DCDCDC" }),
|
|
8696
|
+
/* @__PURE__ */ jsx17(
|
|
8697
|
+
"path",
|
|
8698
|
+
{
|
|
8699
|
+
d: "M19.5 19.5C19.5 19.9125 19.1625 20.25 18.75 20.25H2.25C1.8375 20.25 1.5 19.9125 1.5 19.5V12C1.5 11.5875 1.8375 11.25 2.25 11.25H18.75C19.1625 11.25 19.5 11.5875 19.5 12V19.5Z",
|
|
8700
|
+
fill: "#47A800"
|
|
8701
|
+
}
|
|
8702
|
+
),
|
|
8703
|
+
/* @__PURE__ */ jsx17(
|
|
8704
|
+
"path",
|
|
8705
|
+
{
|
|
8706
|
+
d: "M6.76622 15.2898L7.80947 13.9826C8.12147 13.5746 8.72747 14.0958 8.38547 14.4859C8.02622 14.9118 7.64822 15.3738 7.28822 15.8471L8.51147 17.3703C8.84147 17.8204 8.18222 18.2516 7.85822 17.8076L6.75422 16.3923L5.66897 17.8384C5.36297 18.2756 4.68497 17.7844 5.02697 17.3764L6.23222 15.8471C5.85422 15.3731 5.48822 14.9118 5.12297 14.4859C4.74572 14.0359 5.44697 13.5746 5.72297 13.9953L6.76622 15.2898Z",
|
|
8707
|
+
fill: "white"
|
|
8708
|
+
}
|
|
8709
|
+
),
|
|
8710
|
+
/* @__PURE__ */ jsx17(
|
|
8711
|
+
"path",
|
|
8712
|
+
{
|
|
8713
|
+
d: "M9.2517 14.2098C9.2517 14.0118 9.4197 13.8438 9.6297 13.8438C9.8217 13.8438 9.9837 14.0126 9.9837 14.2098V17.2143H11.6149C12.2022 17.2143 12.2149 17.9996 11.6149 17.9996H9.63045C9.42045 17.9996 9.25245 17.8503 9.25245 17.6343L9.2517 14.2098Z",
|
|
8714
|
+
fill: "white"
|
|
8715
|
+
}
|
|
8716
|
+
),
|
|
8717
|
+
/* @__PURE__ */ jsx17(
|
|
8718
|
+
"path",
|
|
8719
|
+
{
|
|
8720
|
+
d: "M12.752 14.7498C12.89 13.5858 14.6465 13.3766 15.4745 14.0126C15.8825 14.3418 15.4505 14.8638 15.0905 14.5998C14.6465 14.3186 13.6392 14.1866 13.5132 14.8091C13.3512 15.7931 15.9597 15.2298 15.9177 16.8251C15.8757 18.3483 13.6692 18.3836 12.8412 17.7003C12.6425 17.5383 12.6492 17.2751 12.7572 17.1123C12.9132 16.9571 13.0865 16.9031 13.2912 17.0711C13.7825 17.4063 15.0485 17.6583 15.1377 16.8063C15.0605 15.9198 12.566 16.4531 12.752 14.7498Z",
|
|
8721
|
+
fill: "white"
|
|
8722
|
+
}
|
|
8723
|
+
),
|
|
8724
|
+
/* @__PURE__ */ jsx17(
|
|
8725
|
+
"path",
|
|
8726
|
+
{
|
|
8727
|
+
d: "M18.75 20.25H4.5V21H18.75C19.1625 21 19.5 20.6625 19.5 20.25V19.5C19.5 19.9125 19.1625 20.25 18.75 20.25Z",
|
|
8728
|
+
fill: "#DCDCDC"
|
|
8729
|
+
}
|
|
8730
|
+
)
|
|
8731
|
+
]
|
|
8687
8732
|
}
|
|
8688
8733
|
);
|
|
8689
8734
|
};
|
|
8690
8735
|
|
|
8691
8736
|
// src/icons/export-icon.tsx
|
|
8692
|
-
import { jsx as jsx18, jsxs as
|
|
8737
|
+
import { jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
8693
8738
|
|
|
8694
8739
|
// src/icons/eye-icon.tsx
|
|
8695
|
-
import { jsx as jsx19, jsxs as
|
|
8696
|
-
var EyeIcon = () => /* @__PURE__ */
|
|
8740
|
+
import { jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
8741
|
+
var EyeIcon = () => /* @__PURE__ */ jsxs7(
|
|
8697
8742
|
"svg",
|
|
8698
8743
|
{
|
|
8699
8744
|
width: "20",
|
|
@@ -8744,9 +8789,9 @@ var FilterIcon = ({ className }) => {
|
|
|
8744
8789
|
};
|
|
8745
8790
|
|
|
8746
8791
|
// src/icons/groupby-icon.tsx
|
|
8747
|
-
import { jsx as jsx21, jsxs as
|
|
8792
|
+
import { jsx as jsx21, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
8748
8793
|
var GroupByIcon = ({ className }) => {
|
|
8749
|
-
return /* @__PURE__ */
|
|
8794
|
+
return /* @__PURE__ */ jsxs8(
|
|
8750
8795
|
"svg",
|
|
8751
8796
|
{
|
|
8752
8797
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -8769,15 +8814,15 @@ var GroupByIcon = ({ className }) => {
|
|
|
8769
8814
|
};
|
|
8770
8815
|
|
|
8771
8816
|
// src/icons/kanban-icon.tsx
|
|
8772
|
-
import { jsx as jsx22, jsxs as
|
|
8817
|
+
import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
8773
8818
|
|
|
8774
8819
|
// src/icons/list-icon.tsx
|
|
8775
|
-
import { jsx as jsx23, jsxs as
|
|
8820
|
+
import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
8776
8821
|
|
|
8777
8822
|
// src/icons/more-icon.tsx
|
|
8778
|
-
import { jsx as jsx24, jsxs as
|
|
8823
|
+
import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
8779
8824
|
var MoreIcon = () => {
|
|
8780
|
-
return /* @__PURE__ */
|
|
8825
|
+
return /* @__PURE__ */ jsxs11(
|
|
8781
8826
|
"svg",
|
|
8782
8827
|
{
|
|
8783
8828
|
width: "24px",
|
|
@@ -8822,23 +8867,68 @@ var MoreIcon = () => {
|
|
|
8822
8867
|
};
|
|
8823
8868
|
|
|
8824
8869
|
// src/icons/pdf-icon.tsx
|
|
8825
|
-
import { jsx as jsx25 } from "react/jsx-runtime";
|
|
8870
|
+
import { jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
8826
8871
|
var PdfIcon = () => {
|
|
8827
|
-
return /* @__PURE__ */
|
|
8872
|
+
return /* @__PURE__ */ jsxs12(
|
|
8828
8873
|
"svg",
|
|
8829
8874
|
{
|
|
8830
8875
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8831
|
-
width: "
|
|
8832
|
-
height: "
|
|
8833
|
-
viewBox: "0 0
|
|
8876
|
+
width: "25",
|
|
8877
|
+
height: "24",
|
|
8878
|
+
viewBox: "0 0 25 24",
|
|
8834
8879
|
fill: "none",
|
|
8835
|
-
children:
|
|
8836
|
-
|
|
8837
|
-
|
|
8838
|
-
|
|
8839
|
-
|
|
8840
|
-
|
|
8841
|
-
|
|
8880
|
+
children: [
|
|
8881
|
+
/* @__PURE__ */ jsx25(
|
|
8882
|
+
"path",
|
|
8883
|
+
{
|
|
8884
|
+
d: "M6.19922 0C5.37422 0 4.69922 0.675 4.69922 1.5V22.5C4.69922 23.325 5.37422 24 6.19922 24H21.1992C22.0242 24 22.6992 23.325 22.6992 22.5V6L16.6992 0H6.19922Z",
|
|
8885
|
+
fill: "#ECECEC"
|
|
8886
|
+
}
|
|
8887
|
+
),
|
|
8888
|
+
/* @__PURE__ */ jsx25(
|
|
8889
|
+
"path",
|
|
8890
|
+
{
|
|
8891
|
+
d: "M18.1992 6H22.6992L16.6992 0V4.5C16.6992 5.325 17.3742 6 18.1992 6Z",
|
|
8892
|
+
fill: "#C6C6C6"
|
|
8893
|
+
}
|
|
8894
|
+
),
|
|
8895
|
+
/* @__PURE__ */ jsx25("path", { d: "M22.6992 10.5L18.1992 6H22.6992V10.5Z", fill: "#DCDCDC" }),
|
|
8896
|
+
/* @__PURE__ */ jsx25(
|
|
8897
|
+
"path",
|
|
8898
|
+
{
|
|
8899
|
+
d: "M19.6992 19.5C19.6992 19.9125 19.3617 20.25 18.9492 20.25H2.44922C2.03672 20.25 1.69922 19.9125 1.69922 19.5V12C1.69922 11.5875 2.03672 11.25 2.44922 11.25H18.9492C19.3617 11.25 19.6992 11.5875 19.6992 12V19.5Z",
|
|
8900
|
+
fill: "#FF4B34"
|
|
8901
|
+
}
|
|
8902
|
+
),
|
|
8903
|
+
/* @__PURE__ */ jsx25(
|
|
8904
|
+
"path",
|
|
8905
|
+
{
|
|
8906
|
+
d: "M4.96855 14.2096C4.96855 14.0116 5.12455 13.7956 5.3758 13.7956H6.76105C7.54105 13.7956 8.24305 14.3176 8.24305 15.3181C8.24305 16.2661 7.54105 16.7941 6.76105 16.7941H5.7598V17.5861C5.7598 17.8501 5.5918 17.9994 5.3758 17.9994C5.1778 17.9994 4.96855 17.8501 4.96855 17.5861V14.2096ZM5.7598 14.5509V16.0449H6.76105C7.16305 16.0449 7.48105 15.6901 7.48105 15.3181C7.48105 14.8989 7.16305 14.5509 6.76105 14.5509H5.7598Z",
|
|
8907
|
+
fill: "white"
|
|
8908
|
+
}
|
|
8909
|
+
),
|
|
8910
|
+
/* @__PURE__ */ jsx25(
|
|
8911
|
+
"path",
|
|
8912
|
+
{
|
|
8913
|
+
d: "M9.41755 17.9994C9.21955 17.9994 9.00355 17.8914 9.00355 17.6281V14.2216C9.00355 14.0064 9.21955 13.8496 9.41755 13.8496H10.7908C13.5313 13.8496 13.4713 17.9994 10.8448 17.9994H9.41755ZM9.79555 14.5816V17.2681H10.7908C12.4101 17.2681 12.4821 14.5816 10.7908 14.5816H9.79555Z",
|
|
8914
|
+
fill: "white"
|
|
8915
|
+
}
|
|
8916
|
+
),
|
|
8917
|
+
/* @__PURE__ */ jsx25(
|
|
8918
|
+
"path",
|
|
8919
|
+
{
|
|
8920
|
+
d: "M14.4433 14.6296V15.5829H15.9726C16.1886 15.5829 16.4046 15.7989 16.4046 16.0081C16.4046 16.2061 16.1886 16.3681 15.9726 16.3681H14.4433V17.6274C14.4433 17.8374 14.2941 17.9986 14.0841 17.9986C13.8201 17.9986 13.6588 17.8374 13.6588 17.6274V14.2209C13.6588 14.0056 13.8208 13.8489 14.0841 13.8489H16.1893C16.4533 13.8489 16.6093 14.0056 16.6093 14.2209C16.6093 14.4129 16.4533 14.6289 16.1893 14.6289L14.4433 14.6296Z",
|
|
8921
|
+
fill: "white"
|
|
8922
|
+
}
|
|
8923
|
+
),
|
|
8924
|
+
/* @__PURE__ */ jsx25(
|
|
8925
|
+
"path",
|
|
8926
|
+
{
|
|
8927
|
+
d: "M18.9492 20.25H4.69922V21H18.9492C19.3617 21 19.6992 20.6625 19.6992 20.25V19.5C19.6992 19.9125 19.3617 20.25 18.9492 20.25Z",
|
|
8928
|
+
fill: "#DCDCDC"
|
|
8929
|
+
}
|
|
8930
|
+
)
|
|
8931
|
+
]
|
|
8842
8932
|
}
|
|
8843
8933
|
);
|
|
8844
8934
|
};
|
|
@@ -8866,7 +8956,7 @@ var PlayIcon = () => {
|
|
|
8866
8956
|
};
|
|
8867
8957
|
|
|
8868
8958
|
// src/icons/reset-icon.tsx
|
|
8869
|
-
import { jsx as jsx27, jsxs as
|
|
8959
|
+
import { jsx as jsx27, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
8870
8960
|
|
|
8871
8961
|
// src/icons/search-icon.tsx
|
|
8872
8962
|
import { jsx as jsx28 } from "react/jsx-runtime";
|
|
@@ -8891,7 +8981,7 @@ var SearchIcon = () => {
|
|
|
8891
8981
|
};
|
|
8892
8982
|
|
|
8893
8983
|
// src/icons/setting-icon.tsx
|
|
8894
|
-
import { jsx as jsx29, jsxs as
|
|
8984
|
+
import { jsx as jsx29, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
8895
8985
|
|
|
8896
8986
|
// src/icons/star-filled-icon.tsx
|
|
8897
8987
|
import { jsx as jsx30 } from "react/jsx-runtime";
|
|
@@ -8937,22 +9027,22 @@ var TriangleIcon = (props) => /* @__PURE__ */ jsx31(
|
|
|
8937
9027
|
import { jsx as jsx32 } from "react/jsx-runtime";
|
|
8938
9028
|
|
|
8939
9029
|
// src/icons/vector-icon.tsx
|
|
8940
|
-
import { jsx as jsx33, jsxs as
|
|
9030
|
+
import { jsx as jsx33, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
8941
9031
|
|
|
8942
9032
|
// src/icons/zip-icon.tsx
|
|
8943
|
-
import { jsx as jsx34, jsxs as
|
|
9033
|
+
import { jsx as jsx34, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
8944
9034
|
var ZipIcon = () => {
|
|
8945
|
-
return /* @__PURE__ */
|
|
9035
|
+
return /* @__PURE__ */ jsxs16(
|
|
8946
9036
|
"svg",
|
|
8947
9037
|
{
|
|
8948
|
-
width: "
|
|
8949
|
-
height: "
|
|
9038
|
+
width: "30",
|
|
9039
|
+
height: "30",
|
|
8950
9040
|
viewBox: "0 0 40 40",
|
|
8951
9041
|
fill: "none",
|
|
8952
9042
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8953
9043
|
children: [
|
|
8954
|
-
/* @__PURE__ */
|
|
8955
|
-
/* @__PURE__ */
|
|
9044
|
+
/* @__PURE__ */ jsxs16("g", { clipPath: "url(#clip0_3042_66427)", children: [
|
|
9045
|
+
/* @__PURE__ */ jsxs16("g", { filter: "url(#filter0_di_3042_66427)", children: [
|
|
8956
9046
|
/* @__PURE__ */ jsx34(
|
|
8957
9047
|
"path",
|
|
8958
9048
|
{
|
|
@@ -8977,7 +9067,7 @@ var ZipIcon = () => {
|
|
|
8977
9067
|
strokeWidth: "1.5"
|
|
8978
9068
|
}
|
|
8979
9069
|
),
|
|
8980
|
-
/* @__PURE__ */
|
|
9070
|
+
/* @__PURE__ */ jsxs16("g", { filter: "url(#filter1_i_3042_66427)", children: [
|
|
8981
9071
|
/* @__PURE__ */ jsx34("mask", { id: "path-4-inside-1_3042_66427", fill: "white", children: /* @__PURE__ */ jsx34("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" }) }),
|
|
8982
9072
|
/* @__PURE__ */ jsx34(
|
|
8983
9073
|
"path",
|
|
@@ -9004,8 +9094,8 @@ var ZipIcon = () => {
|
|
|
9004
9094
|
)
|
|
9005
9095
|
] })
|
|
9006
9096
|
] }),
|
|
9007
|
-
/* @__PURE__ */
|
|
9008
|
-
/* @__PURE__ */
|
|
9097
|
+
/* @__PURE__ */ jsxs16("defs", { children: [
|
|
9098
|
+
/* @__PURE__ */ jsxs16(
|
|
9009
9099
|
"filter",
|
|
9010
9100
|
{
|
|
9011
9101
|
id: "filter0_di_3042_66427",
|
|
@@ -9083,7 +9173,7 @@ var ZipIcon = () => {
|
|
|
9083
9173
|
]
|
|
9084
9174
|
}
|
|
9085
9175
|
),
|
|
9086
|
-
/* @__PURE__ */
|
|
9176
|
+
/* @__PURE__ */ jsxs16(
|
|
9087
9177
|
"filter",
|
|
9088
9178
|
{
|
|
9089
9179
|
id: "filter1_i_3042_66427",
|
|
@@ -9142,7 +9232,7 @@ var ZipIcon = () => {
|
|
|
9142
9232
|
};
|
|
9143
9233
|
|
|
9144
9234
|
// src/icons/loading-icon.tsx
|
|
9145
|
-
import { jsx as jsx35, jsxs as
|
|
9235
|
+
import { jsx as jsx35, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
9146
9236
|
var LoadingIcon = ({
|
|
9147
9237
|
width = 15,
|
|
9148
9238
|
height = 15,
|
|
@@ -9163,7 +9253,7 @@ var LoadingIcon = ({
|
|
|
9163
9253
|
background: "transparent"
|
|
9164
9254
|
},
|
|
9165
9255
|
...props,
|
|
9166
|
-
children: /* @__PURE__ */
|
|
9256
|
+
children: /* @__PURE__ */ jsxs17("g", { children: [
|
|
9167
9257
|
/* @__PURE__ */ jsx35(
|
|
9168
9258
|
"circle",
|
|
9169
9259
|
{
|
|
@@ -9194,8 +9284,8 @@ var LoadingIcon = ({
|
|
|
9194
9284
|
};
|
|
9195
9285
|
|
|
9196
9286
|
// src/icons/paid-icon.tsx
|
|
9197
|
-
import { jsx as jsx36, jsxs as
|
|
9198
|
-
var PaidIcon = () => /* @__PURE__ */
|
|
9287
|
+
import { jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
9288
|
+
var PaidIcon = () => /* @__PURE__ */ jsxs18(
|
|
9199
9289
|
"svg",
|
|
9200
9290
|
{
|
|
9201
9291
|
width: "208",
|
|
@@ -9204,7 +9294,7 @@ var PaidIcon = () => /* @__PURE__ */ jsxs16(
|
|
|
9204
9294
|
fill: "none",
|
|
9205
9295
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9206
9296
|
children: [
|
|
9207
|
-
/* @__PURE__ */
|
|
9297
|
+
/* @__PURE__ */ jsxs18("g", { opacity: "0.5", filter: "url(#filter0_d_615_26793)", children: [
|
|
9208
9298
|
/* @__PURE__ */ jsx36(
|
|
9209
9299
|
"path",
|
|
9210
9300
|
{
|
|
@@ -9280,8 +9370,8 @@ var PaidIcon = () => /* @__PURE__ */ jsxs16(
|
|
|
9280
9370
|
}
|
|
9281
9371
|
)
|
|
9282
9372
|
] }),
|
|
9283
|
-
/* @__PURE__ */
|
|
9284
|
-
/* @__PURE__ */
|
|
9373
|
+
/* @__PURE__ */ jsxs18("defs", { children: [
|
|
9374
|
+
/* @__PURE__ */ jsxs18(
|
|
9285
9375
|
"filter",
|
|
9286
9376
|
{
|
|
9287
9377
|
id: "filter0_d_615_26793",
|
|
@@ -9378,13 +9468,13 @@ var PlaceHolderIcon = () => {
|
|
|
9378
9468
|
};
|
|
9379
9469
|
|
|
9380
9470
|
// src/icons/google-icon.tsx
|
|
9381
|
-
import { jsx as jsx38, jsxs as
|
|
9471
|
+
import { jsx as jsx38, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
9382
9472
|
var GoogleIcon = ({
|
|
9383
9473
|
width = 20,
|
|
9384
9474
|
height = 20,
|
|
9385
9475
|
...props
|
|
9386
9476
|
}) => {
|
|
9387
|
-
return /* @__PURE__ */
|
|
9477
|
+
return /* @__PURE__ */ jsxs19(
|
|
9388
9478
|
"svg",
|
|
9389
9479
|
{
|
|
9390
9480
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -9429,9 +9519,9 @@ var GoogleIcon = ({
|
|
|
9429
9519
|
};
|
|
9430
9520
|
|
|
9431
9521
|
// src/icons/eye-closed-icon.tsx
|
|
9432
|
-
import { jsx as jsx39, jsxs as
|
|
9522
|
+
import { jsx as jsx39, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
9433
9523
|
var EyeClosedIcon = () => {
|
|
9434
|
-
return /* @__PURE__ */
|
|
9524
|
+
return /* @__PURE__ */ jsxs20(
|
|
9435
9525
|
"svg",
|
|
9436
9526
|
{
|
|
9437
9527
|
width: "20",
|
|
@@ -9496,13 +9586,13 @@ var DeleteIconDanger = () => {
|
|
|
9496
9586
|
};
|
|
9497
9587
|
|
|
9498
9588
|
// src/icons/image-icon.tsx
|
|
9499
|
-
import { jsx as jsx41, jsxs as
|
|
9589
|
+
import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
9500
9590
|
|
|
9501
9591
|
// src/icons/video-icon.tsx
|
|
9502
|
-
import { jsx as jsx42, jsxs as
|
|
9592
|
+
import { jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
9503
9593
|
|
|
9504
9594
|
// src/widgets/advanced/table/table-group.tsx
|
|
9505
|
-
import { Fragment as Fragment2, jsx as jsx43, jsxs as
|
|
9595
|
+
import { Fragment as Fragment2, jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
9506
9596
|
var TableGroup = (props) => {
|
|
9507
9597
|
const { t: t3 } = useI18n();
|
|
9508
9598
|
const {
|
|
@@ -9552,8 +9642,8 @@ var TableGroup = (props) => {
|
|
|
9552
9642
|
setSelectedRowKeys
|
|
9553
9643
|
});
|
|
9554
9644
|
const leftPadding = level > 1 ? level * 8 + "px" : "0px";
|
|
9555
|
-
return /* @__PURE__ */
|
|
9556
|
-
/* @__PURE__ */
|
|
9645
|
+
return /* @__PURE__ */ jsxs23(Fragment2, { children: [
|
|
9646
|
+
/* @__PURE__ */ jsxs23(
|
|
9557
9647
|
"tr",
|
|
9558
9648
|
{
|
|
9559
9649
|
draggable: true,
|
|
@@ -9566,13 +9656,13 @@ var TableGroup = (props) => {
|
|
|
9566
9656
|
colSpan: colEmptyGroup.fromStart ?? 1,
|
|
9567
9657
|
style: { display: "table-cell" },
|
|
9568
9658
|
className: "relative w-max whitespace-nowrap border-b border-gray-200 p-3 text-sm font-normal text-gray-900 h-[53px]",
|
|
9569
|
-
children: /* @__PURE__ */
|
|
9659
|
+
children: /* @__PURE__ */ jsxs23(
|
|
9570
9660
|
"div",
|
|
9571
9661
|
{
|
|
9572
9662
|
style: { paddingLeft: leftPadding },
|
|
9573
9663
|
className: `flex items-center justify-between gap-2 font-medium ml-2 z-21`,
|
|
9574
9664
|
children: [
|
|
9575
|
-
/* @__PURE__ */
|
|
9665
|
+
/* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
|
|
9576
9666
|
/* @__PURE__ */ jsx43(
|
|
9577
9667
|
TriangleIcon,
|
|
9578
9668
|
{
|
|
@@ -9659,7 +9749,7 @@ var TableGroup = (props) => {
|
|
|
9659
9749
|
|
|
9660
9750
|
// src/widgets/advanced/table/table-row.tsx
|
|
9661
9751
|
import { useEffect as useEffect3, useMemo as useMemo3, useRef as useRef2 } from "react";
|
|
9662
|
-
import { Fragment as Fragment3, jsx as jsx44, jsxs as
|
|
9752
|
+
import { Fragment as Fragment3, jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
9663
9753
|
var Row = (props) => {
|
|
9664
9754
|
const {
|
|
9665
9755
|
row,
|
|
@@ -9730,7 +9820,7 @@ var Row = (props) => {
|
|
|
9730
9820
|
{
|
|
9731
9821
|
"data-row-id": row?.id,
|
|
9732
9822
|
className: `border-b border-[#e8e8e8] cursor-pointer`,
|
|
9733
|
-
children: /* @__PURE__ */
|
|
9823
|
+
children: /* @__PURE__ */ jsxs24(Fragment3, { children: [
|
|
9734
9824
|
isDisplayCheckbox && /* @__PURE__ */ jsx44(
|
|
9735
9825
|
"td",
|
|
9736
9826
|
{
|
|
@@ -10131,7 +10221,7 @@ function useFileInfo(source, options2) {
|
|
|
10131
10221
|
}
|
|
10132
10222
|
|
|
10133
10223
|
// src/widgets/advanced/table/table-filter.tsx
|
|
10134
|
-
import { jsx as jsx46, jsxs as
|
|
10224
|
+
import { jsx as jsx46, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
10135
10225
|
var TableFilter = ({ columns, onToggleColumnOptional }) => {
|
|
10136
10226
|
const [openTableFilter, setOpenTableFilter] = useState4();
|
|
10137
10227
|
const [filterPosition, setFilterPosition] = useState4(null);
|
|
@@ -10163,7 +10253,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
|
|
|
10163
10253
|
window.removeEventListener("resize", updatePosition);
|
|
10164
10254
|
};
|
|
10165
10255
|
}, [filterRef, openTableFilter]);
|
|
10166
|
-
return /* @__PURE__ */
|
|
10256
|
+
return /* @__PURE__ */ jsxs25(
|
|
10167
10257
|
"div",
|
|
10168
10258
|
{
|
|
10169
10259
|
ref: filterRef,
|
|
@@ -10180,7 +10270,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
|
|
|
10180
10270
|
onClick: () => {
|
|
10181
10271
|
setOpenTableFilter(!openTableFilter);
|
|
10182
10272
|
},
|
|
10183
|
-
children: /* @__PURE__ */
|
|
10273
|
+
children: /* @__PURE__ */ jsxs25(
|
|
10184
10274
|
"svg",
|
|
10185
10275
|
{
|
|
10186
10276
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -10248,7 +10338,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
|
|
|
10248
10338
|
},
|
|
10249
10339
|
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",
|
|
10250
10340
|
children: columns?.filter((val) => val?.optional !== void 0)?.map((item) => {
|
|
10251
|
-
return /* @__PURE__ */
|
|
10341
|
+
return /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
|
|
10252
10342
|
/* @__PURE__ */ jsx46(
|
|
10253
10343
|
"input",
|
|
10254
10344
|
{
|
|
@@ -10279,14 +10369,14 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
|
|
|
10279
10369
|
};
|
|
10280
10370
|
|
|
10281
10371
|
// src/widgets/advanced/table/table-footer.tsx
|
|
10282
|
-
import { jsx as jsx47, jsxs as
|
|
10372
|
+
import { jsx as jsx47, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
10283
10373
|
var TableFooter = ({ onAddRow, rows }) => {
|
|
10284
10374
|
const emptyData = rows?.length <= 0;
|
|
10285
10375
|
return /* @__PURE__ */ jsx47("tfoot", { children: /* @__PURE__ */ jsx47("tr", { className: `relative ${emptyData ? " h-20" : "h-14"}`, children: /* @__PURE__ */ jsx47(
|
|
10286
10376
|
"td",
|
|
10287
10377
|
{
|
|
10288
10378
|
className: `absolute left-0 p-0 right-0 flex items-center ${emptyData ? "justify-center" : "justify-start"}`,
|
|
10289
|
-
children: /* @__PURE__ */
|
|
10379
|
+
children: /* @__PURE__ */ jsxs26(
|
|
10290
10380
|
"button",
|
|
10291
10381
|
{
|
|
10292
10382
|
type: "button",
|
|
@@ -10296,7 +10386,7 @@ var TableFooter = ({ onAddRow, rows }) => {
|
|
|
10296
10386
|
},
|
|
10297
10387
|
className: `button-primary m-2 flex ${!emptyData ? "!bg-white border border-primary " : ""}`,
|
|
10298
10388
|
children: [
|
|
10299
|
-
/* @__PURE__ */
|
|
10389
|
+
/* @__PURE__ */ jsxs26(
|
|
10300
10390
|
"svg",
|
|
10301
10391
|
{
|
|
10302
10392
|
style: {
|
|
@@ -12136,7 +12226,8 @@ var M = e2.forwardRef(({ id: t3, anchorId: l2, anchorSelect: n4, content: i3, ht
|
|
|
12136
12226
|
});
|
|
12137
12227
|
|
|
12138
12228
|
// src/widgets/advanced/table/table-head.tsx
|
|
12139
|
-
import {
|
|
12229
|
+
import { createPortal as createPortal2 } from "react-dom";
|
|
12230
|
+
import { Fragment as Fragment4, jsx as jsx48, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
12140
12231
|
var TableHead = (props) => {
|
|
12141
12232
|
const {
|
|
12142
12233
|
handleCheckBoxAll,
|
|
@@ -12146,7 +12237,7 @@ var TableHead = (props) => {
|
|
|
12146
12237
|
onRemoveRow,
|
|
12147
12238
|
onToggleColumnOptional
|
|
12148
12239
|
} = props;
|
|
12149
|
-
return /* @__PURE__ */ jsx48("thead", { className: "relative z-10", children: /* @__PURE__ */
|
|
12240
|
+
return /* @__PURE__ */ jsx48("thead", { className: "relative z-10", children: /* @__PURE__ */ jsxs27(
|
|
12150
12241
|
"tr",
|
|
12151
12242
|
{
|
|
12152
12243
|
style: {
|
|
@@ -12177,27 +12268,31 @@ var TableHead = (props) => {
|
|
|
12177
12268
|
return /* @__PURE__ */ jsx48(
|
|
12178
12269
|
"th",
|
|
12179
12270
|
{
|
|
12271
|
+
"data-rtc-resizable": col?.name,
|
|
12180
12272
|
className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606]`,
|
|
12181
|
-
children: /* @__PURE__ */
|
|
12273
|
+
children: /* @__PURE__ */ jsxs27("div", { className: "cursor-pointer flex items-center gap-[4px] w-full min-w-max group relative", children: [
|
|
12182
12274
|
col.title,
|
|
12183
|
-
col?.field?.help && /* @__PURE__ */
|
|
12184
|
-
|
|
12185
|
-
|
|
12186
|
-
|
|
12187
|
-
|
|
12188
|
-
|
|
12189
|
-
|
|
12190
|
-
|
|
12191
|
-
|
|
12192
|
-
|
|
12193
|
-
|
|
12194
|
-
|
|
12195
|
-
|
|
12196
|
-
|
|
12197
|
-
|
|
12198
|
-
|
|
12199
|
-
|
|
12200
|
-
|
|
12275
|
+
col?.field?.help && /* @__PURE__ */ jsxs27(Fragment4, { children: [
|
|
12276
|
+
createPortal2(
|
|
12277
|
+
/* @__PURE__ */ jsx48(
|
|
12278
|
+
M,
|
|
12279
|
+
{
|
|
12280
|
+
style: {
|
|
12281
|
+
padding: "6px 12px",
|
|
12282
|
+
fontSize: "12px",
|
|
12283
|
+
borderRadius: "4px",
|
|
12284
|
+
maxWidth: "200px",
|
|
12285
|
+
whiteSpace: "wrap",
|
|
12286
|
+
fontWeight: 400,
|
|
12287
|
+
textTransform: "none",
|
|
12288
|
+
zIndex: "9999"
|
|
12289
|
+
},
|
|
12290
|
+
id: `field-help-${col?.field?.name}`,
|
|
12291
|
+
content: col?.field?.help,
|
|
12292
|
+
place: "top"
|
|
12293
|
+
}
|
|
12294
|
+
),
|
|
12295
|
+
document.body
|
|
12201
12296
|
),
|
|
12202
12297
|
/* @__PURE__ */ jsx48(
|
|
12203
12298
|
"span",
|
|
@@ -12242,9 +12337,9 @@ var TableHead = (props) => {
|
|
|
12242
12337
|
};
|
|
12243
12338
|
|
|
12244
12339
|
// src/icons/empty-table-icon.tsx
|
|
12245
|
-
import { jsx as jsx49, jsxs as
|
|
12340
|
+
import { jsx as jsx49, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
12246
12341
|
var IcEmptyTable = () => {
|
|
12247
|
-
return /* @__PURE__ */
|
|
12342
|
+
return /* @__PURE__ */ jsxs28(
|
|
12248
12343
|
"svg",
|
|
12249
12344
|
{
|
|
12250
12345
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -12253,7 +12348,7 @@ var IcEmptyTable = () => {
|
|
|
12253
12348
|
viewBox: "0 0 216 140",
|
|
12254
12349
|
fill: "none",
|
|
12255
12350
|
children: [
|
|
12256
|
-
/* @__PURE__ */
|
|
12351
|
+
/* @__PURE__ */ jsxs28("g", { clipPath: "url(#clip0_2454_28950)", children: [
|
|
12257
12352
|
/* @__PURE__ */ jsx49("path", { d: "M215.5 0H0.5V140H215.5V0Z", fill: "white" }),
|
|
12258
12353
|
/* @__PURE__ */ jsx49(
|
|
12259
12354
|
"path",
|
|
@@ -12573,12 +12668,12 @@ var IcEmptyTable = () => {
|
|
|
12573
12668
|
};
|
|
12574
12669
|
|
|
12575
12670
|
// src/widgets/advanced/table/empty-table.tsx
|
|
12576
|
-
import { jsx as jsx50, jsxs as
|
|
12671
|
+
import { jsx as jsx50, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
12577
12672
|
var EmptyTable = () => {
|
|
12578
12673
|
const { t: t3 } = useI18n();
|
|
12579
|
-
return /* @__PURE__ */
|
|
12674
|
+
return /* @__PURE__ */ jsxs29("div", { className: `flex flex-col items-center justify-center gap-6 `, children: [
|
|
12580
12675
|
/* @__PURE__ */ jsx50(IcEmptyTable, {}),
|
|
12581
|
-
/* @__PURE__ */
|
|
12676
|
+
/* @__PURE__ */ jsxs29("div", { children: [
|
|
12582
12677
|
/* @__PURE__ */ jsx50("p", {}),
|
|
12583
12678
|
/* @__PURE__ */ jsx50("p", { className: "text-xl font-extrabold", children: t3("empty_data") })
|
|
12584
12679
|
] })
|
|
@@ -14421,7 +14516,7 @@ Button.displayName = "Button";
|
|
|
14421
14516
|
|
|
14422
14517
|
// src/widgets/advanced/login/shared/text-input.tsx
|
|
14423
14518
|
import { useState as useState5 } from "react";
|
|
14424
|
-
import { jsx as jsx52, jsxs as
|
|
14519
|
+
import { jsx as jsx52, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
14425
14520
|
function TextInput(props) {
|
|
14426
14521
|
const {
|
|
14427
14522
|
className,
|
|
@@ -14435,12 +14530,12 @@ function TextInput(props) {
|
|
|
14435
14530
|
required
|
|
14436
14531
|
} = props;
|
|
14437
14532
|
const [showPassword, setShowPassword] = useState5(false);
|
|
14438
|
-
return /* @__PURE__ */
|
|
14439
|
-
label && /* @__PURE__ */
|
|
14533
|
+
return /* @__PURE__ */ jsxs30("div", { className: `flex justify-center gap-2 flex-col ${className}`, children: [
|
|
14534
|
+
label && /* @__PURE__ */ jsxs30("label", { className: "text-[#262626] text-sm leading-5 font-semibold", children: [
|
|
14440
14535
|
label,
|
|
14441
14536
|
required ? /* @__PURE__ */ jsx52("span", { className: "text-[#ff4d4f]", children: "*" }) : ""
|
|
14442
14537
|
] }),
|
|
14443
|
-
/* @__PURE__ */
|
|
14538
|
+
/* @__PURE__ */ jsxs30(
|
|
14444
14539
|
"div",
|
|
14445
14540
|
{
|
|
14446
14541
|
className: `flex h-14 w-full items-center border border-[#E0E0E0] px-4 py-3 ${inputWrapperClassName}`,
|
|
@@ -14477,7 +14572,7 @@ function TextInput(props) {
|
|
|
14477
14572
|
|
|
14478
14573
|
// src/widgets/advanced/login/provider/credential/form-options/index.tsx
|
|
14479
14574
|
import { useEffect as useEffect7 } from "react";
|
|
14480
|
-
import { jsx as jsx53, jsxs as
|
|
14575
|
+
import { jsx as jsx53, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
14481
14576
|
var STAY_LOGIN_IN = "stayLoginIn";
|
|
14482
14577
|
function FormOptions({
|
|
14483
14578
|
forgotPasswordUrl,
|
|
@@ -14503,8 +14598,8 @@ function FormOptions({
|
|
|
14503
14598
|
useEffect7(() => {
|
|
14504
14599
|
localStorage.setItem(STAY_LOGIN_IN, "false");
|
|
14505
14600
|
}, []);
|
|
14506
|
-
return /* @__PURE__ */
|
|
14507
|
-
/* @__PURE__ */
|
|
14601
|
+
return /* @__PURE__ */ jsxs31("div", { className: "flex justify-between items-center text-[#005aa9] text-sm leading-5 font-medium select-none", children: [
|
|
14602
|
+
/* @__PURE__ */ jsxs31("label", { className: "flex gap-3", children: [
|
|
14508
14603
|
/* @__PURE__ */ jsx53(
|
|
14509
14604
|
"input",
|
|
14510
14605
|
{
|
|
@@ -14532,7 +14627,7 @@ var loginSchema = z2.object({
|
|
|
14532
14627
|
});
|
|
14533
14628
|
|
|
14534
14629
|
// src/widgets/advanced/login/provider/credential/index.tsx
|
|
14535
|
-
import { Fragment as Fragment5, jsx as jsx54, jsxs as
|
|
14630
|
+
import { Fragment as Fragment5, jsx as jsx54, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
14536
14631
|
var CredentialLogin = (props) => {
|
|
14537
14632
|
const {
|
|
14538
14633
|
shouldRenderDivider,
|
|
@@ -14552,15 +14647,15 @@ var CredentialLogin = (props) => {
|
|
|
14552
14647
|
mode: "onChange",
|
|
14553
14648
|
resolver: s3(loginSchema)
|
|
14554
14649
|
});
|
|
14555
|
-
return /* @__PURE__ */
|
|
14556
|
-
/* @__PURE__ */
|
|
14650
|
+
return /* @__PURE__ */ jsxs32(Fragment5, { children: [
|
|
14651
|
+
/* @__PURE__ */ jsxs32(
|
|
14557
14652
|
"form",
|
|
14558
14653
|
{
|
|
14559
14654
|
onSubmit: handleSubmit(onSubmit ?? (() => {
|
|
14560
14655
|
})),
|
|
14561
14656
|
className: `flex w-full h-fit flex-col gap-10`,
|
|
14562
14657
|
children: [
|
|
14563
|
-
/* @__PURE__ */
|
|
14658
|
+
/* @__PURE__ */ jsxs32("div", { className: "flex flex-col gap-6", children: [
|
|
14564
14659
|
/* @__PURE__ */ jsx54(
|
|
14565
14660
|
TextInput,
|
|
14566
14661
|
{
|
|
@@ -14609,7 +14704,7 @@ var CredentialLogin = (props) => {
|
|
|
14609
14704
|
]
|
|
14610
14705
|
}
|
|
14611
14706
|
),
|
|
14612
|
-
shouldRenderDivider && /* @__PURE__ */
|
|
14707
|
+
shouldRenderDivider && /* @__PURE__ */ jsxs32("div", { className: "flex justify-center relative", children: [
|
|
14613
14708
|
/* @__PURE__ */ jsx54("div", { className: "absolute inset-x-0 top-[calc(50%-0.5px)] h-[0.8px] bg-gray-300" }),
|
|
14614
14709
|
/* @__PURE__ */ jsx54("span", { className: "relative font-medium text-sm inline-block bg-white px-2.5 text-[#6e6e6e]", children: "ho\u1EB7c" })
|
|
14615
14710
|
] })
|
|
@@ -14617,10 +14712,10 @@ var CredentialLogin = (props) => {
|
|
|
14617
14712
|
};
|
|
14618
14713
|
|
|
14619
14714
|
// src/widgets/advanced/login/provider/google/google-btn/index.tsx
|
|
14620
|
-
import { jsx as jsx55, jsxs as
|
|
14715
|
+
import { jsx as jsx55, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
14621
14716
|
function GoogleButton(props) {
|
|
14622
14717
|
const { onLoginGoogle, db } = props;
|
|
14623
|
-
return /* @__PURE__ */
|
|
14718
|
+
return /* @__PURE__ */ jsxs33(
|
|
14624
14719
|
"button",
|
|
14625
14720
|
{
|
|
14626
14721
|
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",
|
|
@@ -14642,22 +14737,22 @@ function SocialRedirect(props) {
|
|
|
14642
14737
|
}
|
|
14643
14738
|
|
|
14644
14739
|
// src/widgets/advanced/login/provider/google/index.tsx
|
|
14645
|
-
import { Fragment as Fragment7, jsx as jsx57, jsxs as
|
|
14740
|
+
import { Fragment as Fragment7, jsx as jsx57, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
14646
14741
|
var GoogleLogin = ({ db, onLoginSocial, onLoginGoogle }) => {
|
|
14647
|
-
return /* @__PURE__ */
|
|
14742
|
+
return /* @__PURE__ */ jsxs34(Fragment7, { children: [
|
|
14648
14743
|
/* @__PURE__ */ jsx57(GoogleButton, { db, onLoginGoogle }),
|
|
14649
14744
|
/* @__PURE__ */ jsx57(SocialRedirect, { db, onLoginSocial })
|
|
14650
14745
|
] });
|
|
14651
14746
|
};
|
|
14652
14747
|
|
|
14653
14748
|
// src/widgets/advanced/login/index.tsx
|
|
14654
|
-
import { jsx as jsx58, jsxs as
|
|
14749
|
+
import { jsx as jsx58, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
14655
14750
|
var LoginProviderMapping = {
|
|
14656
14751
|
google: GoogleLogin
|
|
14657
14752
|
};
|
|
14658
14753
|
var Login = (props) => {
|
|
14659
14754
|
const { providers = [], forgotPasswordUrl = "/", db, onLoginSocial, onLoginGoogle } = props;
|
|
14660
|
-
return /* @__PURE__ */
|
|
14755
|
+
return /* @__PURE__ */ jsxs35("div", { className: "w-full space-y-8", children: [
|
|
14661
14756
|
/* @__PURE__ */ jsx58(
|
|
14662
14757
|
CredentialLogin,
|
|
14663
14758
|
{
|
|
@@ -14682,7 +14777,7 @@ var Login = (props) => {
|
|
|
14682
14777
|
};
|
|
14683
14778
|
|
|
14684
14779
|
// src/widgets/advanced/search/popup-filter/index.tsx
|
|
14685
|
-
import { jsx as jsx59, jsxs as
|
|
14780
|
+
import { jsx as jsx59, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
14686
14781
|
var PopupFilter = ({
|
|
14687
14782
|
handleAddTagSearch,
|
|
14688
14783
|
removeSearchItems,
|
|
@@ -14703,13 +14798,13 @@ var PopupFilter = ({
|
|
|
14703
14798
|
zIndex: 33
|
|
14704
14799
|
},
|
|
14705
14800
|
className: "popup-filter w-full overflow-x-auto rounded-lg border border-[var(--stroke-default)] bg-white shadow-xl",
|
|
14706
|
-
children: /* @__PURE__ */
|
|
14801
|
+
children: /* @__PURE__ */ jsxs36(
|
|
14707
14802
|
"div",
|
|
14708
14803
|
{
|
|
14709
14804
|
className: `flex py-3 ${(filterBy?.length === 0 || groupBy?.length === 0) && "!grid-cols-1"}`,
|
|
14710
14805
|
children: [
|
|
14711
|
-
filterBy?.length > 0 && /* @__PURE__ */
|
|
14712
|
-
/* @__PURE__ */
|
|
14806
|
+
filterBy?.length > 0 && /* @__PURE__ */ jsxs36("div", { className: "filter-by w-full px-3", children: [
|
|
14807
|
+
/* @__PURE__ */ jsxs36("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
|
|
14713
14808
|
/* @__PURE__ */ jsx59(FilterIcon, { className: "filter-by-icon text-primary" }),
|
|
14714
14809
|
/* @__PURE__ */ jsx59("span", { className: "font-bold text-sm text-[#212529]", children: t3("filter_by") })
|
|
14715
14810
|
] }),
|
|
@@ -14721,7 +14816,7 @@ var PopupFilter = ({
|
|
|
14721
14816
|
acc.push(/* @__PURE__ */ jsx59("hr", { className: "my-2" }, "separator-" + index4));
|
|
14722
14817
|
}
|
|
14723
14818
|
acc.push(
|
|
14724
|
-
/* @__PURE__ */
|
|
14819
|
+
/* @__PURE__ */ jsxs36(
|
|
14725
14820
|
"button",
|
|
14726
14821
|
{
|
|
14727
14822
|
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)]"}`,
|
|
@@ -14757,15 +14852,15 @@ var PopupFilter = ({
|
|
|
14757
14852
|
}, [])
|
|
14758
14853
|
] }),
|
|
14759
14854
|
filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ jsx59("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
|
|
14760
|
-
groupBy?.length > 0 && /* @__PURE__ */
|
|
14761
|
-
/* @__PURE__ */
|
|
14855
|
+
groupBy?.length > 0 && /* @__PURE__ */ jsxs36("div", { className: "group-by w-full px-3", children: [
|
|
14856
|
+
/* @__PURE__ */ jsxs36("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
|
|
14762
14857
|
/* @__PURE__ */ jsx59(GroupByIcon, { className: "group-by-icon text-primary" }),
|
|
14763
14858
|
/* @__PURE__ */ jsx59("span", { className: "font-bold text-sm text-[#212529]", children: t3("group_by") })
|
|
14764
14859
|
] }),
|
|
14765
14860
|
groupBy?.map((item, index4) => {
|
|
14766
14861
|
const isExist = item?.active;
|
|
14767
14862
|
if (!item.string) return;
|
|
14768
|
-
return /* @__PURE__ */
|
|
14863
|
+
return /* @__PURE__ */ jsxs36(
|
|
14769
14864
|
"button",
|
|
14770
14865
|
{
|
|
14771
14866
|
onClick: () => {
|
|
@@ -14809,7 +14904,7 @@ import { useEffect as useEffect8, useState as useState6 } from "react";
|
|
|
14809
14904
|
|
|
14810
14905
|
// src/widgets/advanced/search/tag-search/index.tsx
|
|
14811
14906
|
import { Fragment as Fragment8 } from "react";
|
|
14812
|
-
import { Fragment as Fragment9, jsx as jsx60, jsxs as
|
|
14907
|
+
import { Fragment as Fragment9, jsx as jsx60, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
14813
14908
|
var TagSearch = ({
|
|
14814
14909
|
removeSearchItems,
|
|
14815
14910
|
selectedTags,
|
|
@@ -14820,16 +14915,16 @@ var TagSearch = ({
|
|
|
14820
14915
|
return selectedTags?.length > 0 && selectedTags?.map((tag, index4) => {
|
|
14821
14916
|
if (tag?.values?.length > 0) {
|
|
14822
14917
|
if (tag?.type !== "group_by") {
|
|
14823
|
-
return /* @__PURE__ */
|
|
14918
|
+
return /* @__PURE__ */ jsxs37(
|
|
14824
14919
|
"div",
|
|
14825
14920
|
{
|
|
14826
14921
|
className: "flex min-h-full overflow-hidden rounded bg-[#E9ECEF] hover:shadow-xl",
|
|
14827
14922
|
children: [
|
|
14828
14923
|
/* @__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, {}) }),
|
|
14829
14924
|
/* @__PURE__ */ jsx60("div", { className: "pl-2 align-middle text-[#495057] text-[14px]", children: tag.values.map((value, idx) => {
|
|
14830
|
-
return /* @__PURE__ */
|
|
14925
|
+
return /* @__PURE__ */ jsxs37(Fragment8, { children: [
|
|
14831
14926
|
/* @__PURE__ */ jsx60("span", { children: value }),
|
|
14832
|
-
idx < tag.values.length - 1 && /* @__PURE__ */
|
|
14927
|
+
idx < tag.values.length - 1 && /* @__PURE__ */ jsxs37("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
|
|
14833
14928
|
" ",
|
|
14834
14929
|
instance.t("or"),
|
|
14835
14930
|
" "
|
|
@@ -14866,15 +14961,15 @@ var TagSearch = ({
|
|
|
14866
14961
|
{
|
|
14867
14962
|
className: "flex min-h-full overflow-hidden",
|
|
14868
14963
|
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(
|
|
14869
|
-
(value, indexValue) => value?.strings?.length > 0 && /* @__PURE__ */
|
|
14964
|
+
(value, indexValue) => value?.strings?.length > 0 && /* @__PURE__ */ jsxs37(
|
|
14870
14965
|
"div",
|
|
14871
14966
|
{
|
|
14872
14967
|
className: "flex gap-2 overflow-hidden rounded bg-[#E9ECEF] hover:shadow-xl",
|
|
14873
14968
|
children: [
|
|
14874
14969
|
/* @__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, {}) }),
|
|
14875
|
-
value?.strings?.map((string, idx) => /* @__PURE__ */
|
|
14970
|
+
value?.strings?.map((string, idx) => /* @__PURE__ */ jsxs37(Fragment9, { children: [
|
|
14876
14971
|
/* @__PURE__ */ jsx60("span", { children: string }),
|
|
14877
|
-
idx < value?.strings.length - 1 && /* @__PURE__ */
|
|
14972
|
+
idx < value?.strings.length - 1 && /* @__PURE__ */ jsxs37("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
|
|
14878
14973
|
" ",
|
|
14879
14974
|
"> ",
|
|
14880
14975
|
" "
|
|
@@ -14912,7 +15007,7 @@ var TagSearch = ({
|
|
|
14912
15007
|
};
|
|
14913
15008
|
|
|
14914
15009
|
// src/widgets/advanced/search/search-list/index.tsx
|
|
14915
|
-
import { jsx as jsx61, jsxs as
|
|
15010
|
+
import { jsx as jsx61, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
14916
15011
|
var SearchList = ({
|
|
14917
15012
|
handleAddTagSearch,
|
|
14918
15013
|
handleMouseEnter,
|
|
@@ -14934,7 +15029,7 @@ var SearchList = ({
|
|
|
14934
15029
|
if (!validateAndParseDate(searchString, searchItem?.type === "datetime"))
|
|
14935
15030
|
return;
|
|
14936
15031
|
}
|
|
14937
|
-
return /* @__PURE__ */
|
|
15032
|
+
return /* @__PURE__ */ jsxs38(
|
|
14938
15033
|
"button",
|
|
14939
15034
|
{
|
|
14940
15035
|
onClick: () => {
|
|
@@ -14981,7 +15076,7 @@ var SearchList = ({
|
|
|
14981
15076
|
};
|
|
14982
15077
|
|
|
14983
15078
|
// src/widgets/advanced/search/search-item/index.tsx
|
|
14984
|
-
import { Fragment as Fragment10, jsx as jsx62, jsxs as
|
|
15079
|
+
import { Fragment as Fragment10, jsx as jsx62, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
14985
15080
|
var Search = ({
|
|
14986
15081
|
removeSearchItems,
|
|
14987
15082
|
selectedTags,
|
|
@@ -15098,14 +15193,14 @@ var Search = ({
|
|
|
15098
15193
|
setDidInit(true);
|
|
15099
15194
|
setIsReadyFormatDomain(true);
|
|
15100
15195
|
}, [aid, filterBy, fieldsList]);
|
|
15101
|
-
return /* @__PURE__ */
|
|
15196
|
+
return /* @__PURE__ */ jsxs39(
|
|
15102
15197
|
"div",
|
|
15103
15198
|
{
|
|
15104
15199
|
ref: popupFilterRef,
|
|
15105
15200
|
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)]`,
|
|
15106
15201
|
children: [
|
|
15107
15202
|
/* @__PURE__ */ jsx62("div", { className: "size-5", children: /* @__PURE__ */ jsx62(SearchIcon, {}) }),
|
|
15108
|
-
/* @__PURE__ */
|
|
15203
|
+
/* @__PURE__ */ jsxs39("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
|
|
15109
15204
|
/* @__PURE__ */ jsx62(
|
|
15110
15205
|
TagSearch,
|
|
15111
15206
|
{
|
|
@@ -15138,8 +15233,8 @@ var Search = ({
|
|
|
15138
15233
|
}
|
|
15139
15234
|
)
|
|
15140
15235
|
] }),
|
|
15141
|
-
(showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */
|
|
15142
|
-
/* @__PURE__ */
|
|
15236
|
+
(showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ jsxs39(Fragment10, { children: [
|
|
15237
|
+
/* @__PURE__ */ jsxs39(
|
|
15143
15238
|
"div",
|
|
15144
15239
|
{
|
|
15145
15240
|
className: `flex h-full gap-2 cursor-pointer items-center justify-center max-w-fit`,
|
|
@@ -15193,7 +15288,7 @@ var ActiveBadgeField = (props) => {
|
|
|
15193
15288
|
// src/widgets/common/modal-layer.tsx
|
|
15194
15289
|
import { Fragment as Fragment12 } from "react";
|
|
15195
15290
|
import { Dialog, DialogPanel, Transition } from "@headlessui/react";
|
|
15196
|
-
import { jsx as jsx64, jsxs as
|
|
15291
|
+
import { jsx as jsx64, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
15197
15292
|
var ModalLayer = ({
|
|
15198
15293
|
isOpen,
|
|
15199
15294
|
onClose,
|
|
@@ -15211,10 +15306,10 @@ var ModalLayer = ({
|
|
|
15211
15306
|
leaveFrom: "transform scale-100 opacity-100",
|
|
15212
15307
|
leaveTo: "transform scale-95 opacity-0",
|
|
15213
15308
|
as: Fragment12,
|
|
15214
|
-
children: /* @__PURE__ */ jsx64(Dialog, { onClose, "aria-labelledby": "modal-title", children: /* @__PURE__ */ jsx64(DialogPanel, { children: /* @__PURE__ */
|
|
15309
|
+
children: /* @__PURE__ */ jsx64(Dialog, { onClose, "aria-labelledby": "modal-title", children: /* @__PURE__ */ jsx64(DialogPanel, { children: /* @__PURE__ */ jsxs40("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[500]", children: [
|
|
15215
15310
|
/* @__PURE__ */ jsx64("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
|
|
15216
|
-
/* @__PURE__ */ jsx64("div", { className: "flex items-center justify-center mx-4 absolute inset-0 overflow-auto", children: /* @__PURE__ */
|
|
15217
|
-
/* @__PURE__ */
|
|
15311
|
+
/* @__PURE__ */ jsx64("div", { className: "flex items-center justify-center mx-4 absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxs40("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: [
|
|
15312
|
+
/* @__PURE__ */ jsxs40(
|
|
15218
15313
|
"div",
|
|
15219
15314
|
{
|
|
15220
15315
|
className: `flex justify-between items-center border-[rgba(0,0,0,0.1)] pb-2`,
|
|
@@ -15240,7 +15335,7 @@ var ModalLayer = ({
|
|
|
15240
15335
|
};
|
|
15241
15336
|
|
|
15242
15337
|
// src/widgets/common/modal-confirm.tsx
|
|
15243
|
-
import { jsx as jsx65, jsxs as
|
|
15338
|
+
import { jsx as jsx65, jsxs as jsxs41 } from "react/jsx-runtime";
|
|
15244
15339
|
var ModalConfirm = ({
|
|
15245
15340
|
name: name2,
|
|
15246
15341
|
isShowModal,
|
|
@@ -15254,7 +15349,7 @@ var ModalConfirm = ({
|
|
|
15254
15349
|
const renderButtonAction = (name3) => {
|
|
15255
15350
|
switch (name3) {
|
|
15256
15351
|
case "duplicate":
|
|
15257
|
-
return /* @__PURE__ */
|
|
15352
|
+
return /* @__PURE__ */ jsxs41(
|
|
15258
15353
|
"button",
|
|
15259
15354
|
{
|
|
15260
15355
|
type: "button",
|
|
@@ -15268,7 +15363,7 @@ var ModalConfirm = ({
|
|
|
15268
15363
|
}
|
|
15269
15364
|
);
|
|
15270
15365
|
case "archive":
|
|
15271
|
-
return /* @__PURE__ */
|
|
15366
|
+
return /* @__PURE__ */ jsxs41(
|
|
15272
15367
|
"button",
|
|
15273
15368
|
{
|
|
15274
15369
|
type: "button",
|
|
@@ -15282,7 +15377,7 @@ var ModalConfirm = ({
|
|
|
15282
15377
|
}
|
|
15283
15378
|
);
|
|
15284
15379
|
case "unarchive":
|
|
15285
|
-
return /* @__PURE__ */
|
|
15380
|
+
return /* @__PURE__ */ jsxs41(
|
|
15286
15381
|
"button",
|
|
15287
15382
|
{
|
|
15288
15383
|
type: "button",
|
|
@@ -15296,7 +15391,7 @@ var ModalConfirm = ({
|
|
|
15296
15391
|
}
|
|
15297
15392
|
);
|
|
15298
15393
|
case "delete":
|
|
15299
|
-
return /* @__PURE__ */
|
|
15394
|
+
return /* @__PURE__ */ jsxs41(
|
|
15300
15395
|
"button",
|
|
15301
15396
|
{
|
|
15302
15397
|
type: "button",
|
|
@@ -15313,12 +15408,12 @@ var ModalConfirm = ({
|
|
|
15313
15408
|
break;
|
|
15314
15409
|
}
|
|
15315
15410
|
};
|
|
15316
|
-
return /* @__PURE__ */ jsx65(ModalLayer, { isOpen: isShowModal, onClose, children: /* @__PURE__ */
|
|
15317
|
-
/* @__PURE__ */
|
|
15411
|
+
return /* @__PURE__ */ jsx65(ModalLayer, { isOpen: isShowModal, onClose, children: /* @__PURE__ */ jsxs41("div", { className: "mx-auto flex flex-col items-center justify-center gap-4", children: [
|
|
15412
|
+
/* @__PURE__ */ jsxs41("div", { className: "flex flex-col gap-[4px] items-center", children: [
|
|
15318
15413
|
/* @__PURE__ */ jsx65("div", { className: "text-[18px] font-bold", children: title }),
|
|
15319
15414
|
/* @__PURE__ */ jsx65("p", { className: "text-[16px]", children: content })
|
|
15320
15415
|
] }),
|
|
15321
|
-
/* @__PURE__ */
|
|
15416
|
+
/* @__PURE__ */ jsxs41("div", { className: "flex justify-center items-center gap-2 w-full", children: [
|
|
15322
15417
|
/* @__PURE__ */ jsx65(
|
|
15323
15418
|
"button",
|
|
15324
15419
|
{
|
|
@@ -15335,8 +15430,8 @@ var ModalConfirm = ({
|
|
|
15335
15430
|
|
|
15336
15431
|
// src/widgets/common/modal-detail.tsx
|
|
15337
15432
|
import { useState as useState7 } from "react";
|
|
15338
|
-
import { createPortal as
|
|
15339
|
-
import { Fragment as Fragment13, jsx as jsx66, jsxs as
|
|
15433
|
+
import { createPortal as createPortal3 } from "react-dom";
|
|
15434
|
+
import { Fragment as Fragment13, jsx as jsx66, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
15340
15435
|
var ModalDetail = ({
|
|
15341
15436
|
idToolTip,
|
|
15342
15437
|
title,
|
|
@@ -15358,12 +15453,12 @@ var ModalDetail = ({
|
|
|
15358
15453
|
sessionStorage.setItem("actionData", JSON.stringify(actionData));
|
|
15359
15454
|
window.location.href = `/form/menu?model=${model}&id=${idForm}`;
|
|
15360
15455
|
};
|
|
15361
|
-
return
|
|
15362
|
-
/* @__PURE__ */ jsx66(Fragment13, { children: showModalDetail && /* @__PURE__ */
|
|
15456
|
+
return createPortal3(
|
|
15457
|
+
/* @__PURE__ */ jsx66(Fragment13, { children: showModalDetail && /* @__PURE__ */ jsxs42("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[100]", children: [
|
|
15363
15458
|
/* @__PURE__ */ jsx66("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
|
|
15364
|
-
/* @__PURE__ */ jsx66("div", { className: "absolute inset-0 overflow-auto flex flex-col justify-center items-center px-5", children: /* @__PURE__ */
|
|
15365
|
-
/* @__PURE__ */
|
|
15366
|
-
/* @__PURE__ */
|
|
15459
|
+
/* @__PURE__ */ jsx66("div", { className: "absolute inset-0 overflow-auto flex flex-col justify-center items-center px-5", children: /* @__PURE__ */ jsxs42("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: [
|
|
15460
|
+
/* @__PURE__ */ jsxs42("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
|
|
15461
|
+
/* @__PURE__ */ jsxs42(
|
|
15367
15462
|
"div",
|
|
15368
15463
|
{
|
|
15369
15464
|
id: "modal-detail",
|
|
@@ -15398,7 +15493,7 @@ var ModalDetail = ({
|
|
|
15398
15493
|
|
|
15399
15494
|
// src/widgets/common/loading-normal.tsx
|
|
15400
15495
|
import { useEffect as useEffect9, useState as useState8 } from "react";
|
|
15401
|
-
import { jsx as jsx67, jsxs as
|
|
15496
|
+
import { jsx as jsx67, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
15402
15497
|
var LayerLoading = () => {
|
|
15403
15498
|
const { t: t3 } = useI18n();
|
|
15404
15499
|
const [activeIndex, setActiveIndex] = useState8(0);
|
|
@@ -15408,7 +15503,7 @@ var LayerLoading = () => {
|
|
|
15408
15503
|
}, 200);
|
|
15409
15504
|
return () => clearInterval(interval);
|
|
15410
15505
|
}, []);
|
|
15411
|
-
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__ */
|
|
15506
|
+
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__ */ jsxs43("div", { className: "flex justify-center flex-col items-center gap-12", children: [
|
|
15412
15507
|
/* @__PURE__ */ jsx67("div", { className: "loading-container", children: [...Array(6)].map((_2, index4) => /* @__PURE__ */ jsx67(
|
|
15413
15508
|
"div",
|
|
15414
15509
|
{
|
|
@@ -15626,7 +15721,7 @@ var po = $2(K("zoom"));
|
|
|
15626
15721
|
var uo = $2(K("flip"));
|
|
15627
15722
|
|
|
15628
15723
|
// src/widgets/common/select-files.tsx
|
|
15629
|
-
import { Fragment as Fragment14, jsx as jsx69, jsxs as
|
|
15724
|
+
import { Fragment as Fragment14, jsx as jsx69, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
15630
15725
|
var ButtonSelectFiles = ({
|
|
15631
15726
|
fileInputRef,
|
|
15632
15727
|
selectedFiles,
|
|
@@ -15651,7 +15746,8 @@ var ButtonSelectFiles = ({
|
|
|
15651
15746
|
"application/zip",
|
|
15652
15747
|
"application/x-zip-compressed",
|
|
15653
15748
|
"application/vnd.ms-excel",
|
|
15654
|
-
"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
|
|
15749
|
+
"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
|
|
15750
|
+
"application/json"
|
|
15655
15751
|
];
|
|
15656
15752
|
const MAX_FILE_SIZE = 10 * 1024 * 1024;
|
|
15657
15753
|
const MAX_TOTAL_SIZE = 50 * 1024 * 1024;
|
|
@@ -15730,8 +15826,8 @@ var ButtonSelectFiles = ({
|
|
|
15730
15826
|
await handleUpload(formData, serivce, xNode);
|
|
15731
15827
|
}
|
|
15732
15828
|
};
|
|
15733
|
-
return /* @__PURE__ */
|
|
15734
|
-
isPending ? /* @__PURE__ */ jsx69(Fragment14, { children: /* @__PURE__ */ jsx69("span", { className: "text-sm text-gray-500", children: t3("\u0110ang t\u1EA3i l\xEAn...") }) }) : /* @__PURE__ */
|
|
15829
|
+
return /* @__PURE__ */ jsxs44(Fragment14, { children: [
|
|
15830
|
+
isPending ? /* @__PURE__ */ jsx69(Fragment14, { children: /* @__PURE__ */ jsx69("span", { className: "text-sm text-gray-500", children: t3("\u0110ang t\u1EA3i l\xEAn...") }) }) : /* @__PURE__ */ jsxs44(
|
|
15735
15831
|
"button",
|
|
15736
15832
|
{
|
|
15737
15833
|
type: "button",
|
|
@@ -15752,7 +15848,7 @@ var ButtonSelectFiles = ({
|
|
|
15752
15848
|
style: { display: "none" },
|
|
15753
15849
|
onChange: handleOnChange,
|
|
15754
15850
|
multiple: true,
|
|
15755
|
-
accept: ".jpeg,.jpg,.png,.pdf,.mp4,.zip,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
|
|
15851
|
+
accept: ".jpeg,.jpg,.png,.pdf,.json,.mp4,.zip,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
|
|
15756
15852
|
}
|
|
15757
15853
|
)
|
|
15758
15854
|
] });
|
|
@@ -15760,7 +15856,7 @@ var ButtonSelectFiles = ({
|
|
|
15760
15856
|
|
|
15761
15857
|
// src/widgets/common/video-player.tsx
|
|
15762
15858
|
import { useRef as useRef6, useState as useState10 } from "react";
|
|
15763
|
-
import { jsx as jsx70, jsxs as
|
|
15859
|
+
import { jsx as jsx70, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
15764
15860
|
var VideoPlayer = ({ src }) => {
|
|
15765
15861
|
const [isPlaying, setIsPlaying] = useState10(false);
|
|
15766
15862
|
const videoRef = useRef6(null);
|
|
@@ -15787,7 +15883,7 @@ var VideoPlayer = ({ src }) => {
|
|
|
15787
15883
|
}
|
|
15788
15884
|
}
|
|
15789
15885
|
};
|
|
15790
|
-
return /* @__PURE__ */
|
|
15886
|
+
return /* @__PURE__ */ jsxs45("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: [
|
|
15791
15887
|
/* @__PURE__ */ jsx70(
|
|
15792
15888
|
"video",
|
|
15793
15889
|
{
|
|
@@ -15806,7 +15902,7 @@ var VideoPlayer = ({ src }) => {
|
|
|
15806
15902
|
};
|
|
15807
15903
|
|
|
15808
15904
|
// src/widgets/basic/avatar-field/avatar.tsx
|
|
15809
|
-
import { Fragment as Fragment15, jsx as jsx71, jsxs as
|
|
15905
|
+
import { Fragment as Fragment15, jsx as jsx71, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
15810
15906
|
var AvatarField = (props) => {
|
|
15811
15907
|
const {
|
|
15812
15908
|
isForm = false,
|
|
@@ -15830,7 +15926,7 @@ var AvatarField = (props) => {
|
|
|
15830
15926
|
color: textColor,
|
|
15831
15927
|
fontSize: `${size4 / 2.5}px`
|
|
15832
15928
|
};
|
|
15833
|
-
return /* @__PURE__ */
|
|
15929
|
+
return /* @__PURE__ */ jsxs46(Fragment15, { children: [
|
|
15834
15930
|
isForm && allowShowDetail && /* @__PURE__ */ jsx71(
|
|
15835
15931
|
ModalDetail,
|
|
15836
15932
|
{
|
|
@@ -15872,7 +15968,7 @@ var AvatarField = (props) => {
|
|
|
15872
15968
|
};
|
|
15873
15969
|
|
|
15874
15970
|
// src/widgets/basic/binary-field/binary.tsx
|
|
15875
|
-
import { jsx as jsx72, jsxs as
|
|
15971
|
+
import { jsx as jsx72, jsxs as jsxs47 } from "react/jsx-runtime";
|
|
15876
15972
|
var BinaryField = (props) => {
|
|
15877
15973
|
const {
|
|
15878
15974
|
name: name2,
|
|
@@ -15910,7 +16006,7 @@ var BinaryField = (props) => {
|
|
|
15910
16006
|
{
|
|
15911
16007
|
ref: binaryRef,
|
|
15912
16008
|
className: "flex w-fit items-center gap-4 rounded-lg shadow-md mb-11",
|
|
15913
|
-
children: renderImage ? /* @__PURE__ */
|
|
16009
|
+
children: renderImage ? /* @__PURE__ */ jsxs47("div", { className: "relative group", children: [
|
|
15914
16010
|
renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */ jsx72(
|
|
15915
16011
|
"img",
|
|
15916
16012
|
{
|
|
@@ -15943,7 +16039,7 @@ var BinaryField = (props) => {
|
|
|
15943
16039
|
children: /* @__PURE__ */ jsx72(DeleteIcon, {})
|
|
15944
16040
|
}
|
|
15945
16041
|
)
|
|
15946
|
-
] }) : /* @__PURE__ */
|
|
16042
|
+
] }) : /* @__PURE__ */ jsxs47(
|
|
15947
16043
|
"label",
|
|
15948
16044
|
{
|
|
15949
16045
|
htmlFor: inputId,
|
|
@@ -16086,7 +16182,7 @@ var ButtonBadgeField = (props) => {
|
|
|
16086
16182
|
};
|
|
16087
16183
|
|
|
16088
16184
|
// src/widgets/basic/button-field/button.tsx
|
|
16089
|
-
import { Fragment as Fragment16, jsx as jsx74, jsxs as
|
|
16185
|
+
import { Fragment as Fragment16, jsx as jsx74, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
16090
16186
|
var ButtonField = (props) => {
|
|
16091
16187
|
const {
|
|
16092
16188
|
func,
|
|
@@ -16106,7 +16202,7 @@ var ButtonField = (props) => {
|
|
|
16106
16202
|
onClick: func,
|
|
16107
16203
|
children: t3(content)
|
|
16108
16204
|
}
|
|
16109
|
-
) : /* @__PURE__ */
|
|
16205
|
+
) : /* @__PURE__ */ jsxs48(
|
|
16110
16206
|
"button",
|
|
16111
16207
|
{
|
|
16112
16208
|
type,
|
|
@@ -16123,7 +16219,7 @@ var ButtonField = (props) => {
|
|
|
16123
16219
|
|
|
16124
16220
|
// src/widgets/basic/char-field/char.tsx
|
|
16125
16221
|
import { useEffect as useEffect11, useMemo as useMemo4 } from "react";
|
|
16126
|
-
import { Fragment as Fragment17, jsx as jsx75, jsxs as
|
|
16222
|
+
import { Fragment as Fragment17, jsx as jsx75, jsxs as jsxs49 } from "react/jsx-runtime";
|
|
16127
16223
|
var WIDGET_AUTO_COMPUTE_DEPEND = "auto_compute_depend_field";
|
|
16128
16224
|
var CharField = (props) => {
|
|
16129
16225
|
const {
|
|
@@ -16207,7 +16303,7 @@ var CharField = (props) => {
|
|
|
16207
16303
|
}
|
|
16208
16304
|
return "";
|
|
16209
16305
|
}, [widget, formValues]);
|
|
16210
|
-
return /* @__PURE__ */
|
|
16306
|
+
return /* @__PURE__ */ jsxs49(Fragment17, { children: [
|
|
16211
16307
|
/* @__PURE__ */ jsx75(
|
|
16212
16308
|
"input",
|
|
16213
16309
|
{
|
|
@@ -16351,7 +16447,7 @@ var CheckboxField = (props) => {
|
|
|
16351
16447
|
|
|
16352
16448
|
// src/widgets/basic/color-field/color-wrapper.tsx
|
|
16353
16449
|
import { useEffect as useEffect12, useRef as useRef7, useState as useState11 } from "react";
|
|
16354
|
-
import { Fragment as Fragment18, jsx as jsx77, jsxs as
|
|
16450
|
+
import { Fragment as Fragment18, jsx as jsx77, jsxs as jsxs50 } from "react/jsx-runtime";
|
|
16355
16451
|
var ColorWrapper = (props) => {
|
|
16356
16452
|
const {
|
|
16357
16453
|
colors: colors2,
|
|
@@ -16378,7 +16474,7 @@ var ColorWrapper = (props) => {
|
|
|
16378
16474
|
document.removeEventListener("mousedown", handleClickOutside);
|
|
16379
16475
|
};
|
|
16380
16476
|
}, []);
|
|
16381
|
-
return /* @__PURE__ */ jsx77("div", { ref: pickColorsRef, children: showFullColors ? /* @__PURE__ */ jsx77("div", { className: "flex gap-2", children: COLORS.map((color) => /* @__PURE__ */
|
|
16477
|
+
return /* @__PURE__ */ jsx77("div", { ref: pickColorsRef, children: showFullColors ? /* @__PURE__ */ jsx77("div", { className: "flex gap-2", children: COLORS.map((color) => /* @__PURE__ */ jsxs50("div", { children: [
|
|
16382
16478
|
/* @__PURE__ */ jsx77(
|
|
16383
16479
|
"button",
|
|
16384
16480
|
{
|
|
@@ -16402,7 +16498,7 @@ var ColorWrapper = (props) => {
|
|
|
16402
16498
|
content: i18n_default.t(color?.name)
|
|
16403
16499
|
}
|
|
16404
16500
|
)
|
|
16405
|
-
] }, color?.id)) }) : /* @__PURE__ */
|
|
16501
|
+
] }, color?.id)) }) : /* @__PURE__ */ jsxs50(Fragment18, { children: [
|
|
16406
16502
|
/* @__PURE__ */ jsx77(
|
|
16407
16503
|
"button",
|
|
16408
16504
|
{
|
|
@@ -16459,7 +16555,7 @@ var ColorField = (props) => {
|
|
|
16459
16555
|
|
|
16460
16556
|
// src/widgets/basic/copy-link-buttton/copy-link.tsx
|
|
16461
16557
|
import { useEffect as useEffect13 } from "react";
|
|
16462
|
-
import { jsx as jsx79, jsxs as
|
|
16558
|
+
import { jsx as jsx79, jsxs as jsxs51 } from "react/jsx-runtime";
|
|
16463
16559
|
var CopyLinkButtonField = (props) => {
|
|
16464
16560
|
const {
|
|
16465
16561
|
isForm,
|
|
@@ -16498,8 +16594,8 @@ var CopyLinkButtonField = (props) => {
|
|
|
16498
16594
|
clearErrors(name2);
|
|
16499
16595
|
}
|
|
16500
16596
|
}, [value]);
|
|
16501
|
-
return /* @__PURE__ */
|
|
16502
|
-
/* @__PURE__ */
|
|
16597
|
+
return /* @__PURE__ */ jsxs51("div", { className: "relative", children: [
|
|
16598
|
+
/* @__PURE__ */ jsxs51(
|
|
16503
16599
|
"div",
|
|
16504
16600
|
{
|
|
16505
16601
|
"aria-disabled": readonly,
|
|
@@ -20502,7 +20598,7 @@ function useEffectEvent(callback) {
|
|
|
20502
20598
|
}
|
|
20503
20599
|
|
|
20504
20600
|
// node_modules/react-datepicker/node_modules/@floating-ui/react/dist/floating-ui.react.mjs
|
|
20505
|
-
import { jsx as jsx80, jsxs as
|
|
20601
|
+
import { jsx as jsx80, jsxs as jsxs52, Fragment as Fragment19 } from "react/jsx-runtime";
|
|
20506
20602
|
import * as ReactDOM2 from "react-dom";
|
|
20507
20603
|
|
|
20508
20604
|
// node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
|
|
@@ -20900,7 +20996,7 @@ var FloatingArrow = /* @__PURE__ */ React8.forwardRef(function FloatingArrow2(pr
|
|
|
20900
20996
|
bottom: isCustomShape ? "" : "rotate(180deg)",
|
|
20901
20997
|
right: isCustomShape ? "rotate(-90deg)" : "rotate(90deg)"
|
|
20902
20998
|
}[side];
|
|
20903
|
-
return /* @__PURE__ */
|
|
20999
|
+
return /* @__PURE__ */ jsxs52("svg", {
|
|
20904
21000
|
...rest,
|
|
20905
21001
|
"aria-hidden": true,
|
|
20906
21002
|
ref,
|
|
@@ -26909,7 +27005,7 @@ function _taggedTemplateLiteral(e3, t3) {
|
|
|
26909
27005
|
|
|
26910
27006
|
// node_modules/react-select/dist/index-641ee5b8.esm.js
|
|
26911
27007
|
import { useContext as useContext9, useRef as useRef13, useState as useState15, useMemo as useMemo7, useCallback as useCallback7, createContext as createContext5 } from "react";
|
|
26912
|
-
import { createPortal as
|
|
27008
|
+
import { createPortal as createPortal5 } from "react-dom";
|
|
26913
27009
|
|
|
26914
27010
|
// node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
|
|
26915
27011
|
import { useLayoutEffect as useLayoutEffect4 } from "react";
|
|
@@ -27412,7 +27508,7 @@ var MenuPortal = function MenuPortal2(props) {
|
|
|
27412
27508
|
}), innerProps), children);
|
|
27413
27509
|
return jsx81(PortalPlacementContext.Provider, {
|
|
27414
27510
|
value: portalPlacementContext
|
|
27415
|
-
}, appendTo ? /* @__PURE__ */
|
|
27511
|
+
}, appendTo ? /* @__PURE__ */ createPortal5(menuWrapper, appendTo) : menuWrapper);
|
|
27416
27512
|
};
|
|
27417
27513
|
var containerCSS = function containerCSS2(_ref3) {
|
|
27418
27514
|
var isDisabled = _ref3.isDisabled, isRtl = _ref3.isRtl;
|
|
@@ -30316,7 +30412,7 @@ var StateManagedSelect$1 = StateManagedSelect;
|
|
|
30316
30412
|
|
|
30317
30413
|
// src/widgets/basic/date-field/date.tsx
|
|
30318
30414
|
var import_moment2 = __toESM(require_moment());
|
|
30319
|
-
import { Fragment as Fragment23, jsx as jsx83, jsxs as
|
|
30415
|
+
import { Fragment as Fragment23, jsx as jsx83, jsxs as jsxs53 } from "react/jsx-runtime";
|
|
30320
30416
|
var DateField = (props) => {
|
|
30321
30417
|
const {
|
|
30322
30418
|
name: name2,
|
|
@@ -30344,7 +30440,7 @@ var DateField = (props) => {
|
|
|
30344
30440
|
} = props;
|
|
30345
30441
|
const { t: t3 } = useI18n();
|
|
30346
30442
|
const InputDateCustom = forwardRef6(
|
|
30347
|
-
({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */
|
|
30443
|
+
({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */ jsxs53("label", { className: `flex ${className}`, children: [
|
|
30348
30444
|
/* @__PURE__ */ jsx83(
|
|
30349
30445
|
"input",
|
|
30350
30446
|
{
|
|
@@ -30387,7 +30483,7 @@ var DateField = (props) => {
|
|
|
30387
30483
|
}
|
|
30388
30484
|
}, [value, clearErrors, name2]);
|
|
30389
30485
|
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;
|
|
30390
|
-
return /* @__PURE__ */
|
|
30486
|
+
return /* @__PURE__ */ jsxs53(Fragment23, { children: [
|
|
30391
30487
|
/* @__PURE__ */ jsx83(
|
|
30392
30488
|
DatePicker,
|
|
30393
30489
|
{
|
|
@@ -30454,7 +30550,7 @@ var DateField = (props) => {
|
|
|
30454
30550
|
increaseMonth,
|
|
30455
30551
|
prevMonthButtonDisabled,
|
|
30456
30552
|
nextMonthButtonDisabled
|
|
30457
|
-
}) => /* @__PURE__ */
|
|
30553
|
+
}) => /* @__PURE__ */ jsxs53(
|
|
30458
30554
|
"div",
|
|
30459
30555
|
{
|
|
30460
30556
|
style: {
|
|
@@ -30547,11 +30643,11 @@ var DateField = (props) => {
|
|
|
30547
30643
|
};
|
|
30548
30644
|
|
|
30549
30645
|
// src/widgets/basic/download-binary-field/download-binary.tsx
|
|
30550
|
-
import { jsx as jsx84, jsxs as
|
|
30646
|
+
import { jsx as jsx84, jsxs as jsxs54 } from "react/jsx-runtime";
|
|
30551
30647
|
var DownLoadBinaryField = (props) => {
|
|
30552
30648
|
const { handleFileDownload } = props;
|
|
30553
30649
|
const { t: t3 } = useI18n();
|
|
30554
|
-
return /* @__PURE__ */
|
|
30650
|
+
return /* @__PURE__ */ jsxs54(
|
|
30555
30651
|
"button",
|
|
30556
30652
|
{
|
|
30557
30653
|
type: "button",
|
|
@@ -30566,7 +30662,7 @@ var DownLoadBinaryField = (props) => {
|
|
|
30566
30662
|
};
|
|
30567
30663
|
|
|
30568
30664
|
// src/widgets/basic/download-file-field/download-file.tsx
|
|
30569
|
-
import { jsx as jsx85, jsxs as
|
|
30665
|
+
import { jsx as jsx85, jsxs as jsxs55 } from "react/jsx-runtime";
|
|
30570
30666
|
var DownloadFileField = (props) => {
|
|
30571
30667
|
const {
|
|
30572
30668
|
readonly,
|
|
@@ -30578,8 +30674,8 @@ var DownloadFileField = (props) => {
|
|
|
30578
30674
|
handleFileChange,
|
|
30579
30675
|
handleFileDownload
|
|
30580
30676
|
} = props;
|
|
30581
|
-
return /* @__PURE__ */
|
|
30582
|
-
/* @__PURE__ */
|
|
30677
|
+
return /* @__PURE__ */ jsxs55("div", { className: "", children: [
|
|
30678
|
+
/* @__PURE__ */ jsxs55(
|
|
30583
30679
|
"label",
|
|
30584
30680
|
{
|
|
30585
30681
|
htmlFor: inputId,
|
|
@@ -30614,7 +30710,7 @@ var DownloadFileField = (props) => {
|
|
|
30614
30710
|
|
|
30615
30711
|
// src/widgets/basic/dropdown-field/dropdown.tsx
|
|
30616
30712
|
import { useState as useState16 } from "react";
|
|
30617
|
-
import { jsx as jsx86, jsxs as
|
|
30713
|
+
import { jsx as jsx86, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
30618
30714
|
var DropdownField = (props) => {
|
|
30619
30715
|
const {
|
|
30620
30716
|
options: options2,
|
|
@@ -30628,14 +30724,14 @@ var DropdownField = (props) => {
|
|
|
30628
30724
|
} = props;
|
|
30629
30725
|
const [open, setOpen] = useState16(false);
|
|
30630
30726
|
const dropdownRef = useClickOutside2({ handler: () => setOpen(false) });
|
|
30631
|
-
return /* @__PURE__ */
|
|
30727
|
+
return /* @__PURE__ */ jsxs56(
|
|
30632
30728
|
"div",
|
|
30633
30729
|
{
|
|
30634
30730
|
ref: dropdownRef,
|
|
30635
30731
|
className: `relative ${className}`,
|
|
30636
30732
|
onClick: () => setOpen(!open),
|
|
30637
30733
|
children: [
|
|
30638
|
-
/* @__PURE__ */
|
|
30734
|
+
/* @__PURE__ */ jsxs56(
|
|
30639
30735
|
"div",
|
|
30640
30736
|
{
|
|
30641
30737
|
className: `flex items-center gap-2 px-3 py-1 bg-white border rounded-lg cursor-pointer ${buttonClassName}`,
|
|
@@ -30671,7 +30767,7 @@ var DropdownField = (props) => {
|
|
|
30671
30767
|
};
|
|
30672
30768
|
|
|
30673
30769
|
// src/widgets/basic/fee-field/fee.tsx
|
|
30674
|
-
import { Fragment as Fragment24, jsx as jsx87, jsxs as
|
|
30770
|
+
import { Fragment as Fragment24, jsx as jsx87, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
30675
30771
|
var FeeField = (props) => {
|
|
30676
30772
|
const { value, formValues } = props;
|
|
30677
30773
|
const { t: t3 } = useI18n();
|
|
@@ -30682,23 +30778,23 @@ var FeeField = (props) => {
|
|
|
30682
30778
|
)
|
|
30683
30779
|
) + " VND";
|
|
30684
30780
|
const remaining_amount = formatNumberOnly(parseFloat(formValues?.amount_residual ?? 0)) + " VND";
|
|
30685
|
-
return /* @__PURE__ */
|
|
30781
|
+
return /* @__PURE__ */ jsxs57(Fragment24, { children: [
|
|
30686
30782
|
value?.subtotals?.map((sub) => {
|
|
30687
30783
|
if (sub?.tax_amount > 0 && sub?.tax_groups?.length > 0) {
|
|
30688
|
-
return /* @__PURE__ */
|
|
30689
|
-
/* @__PURE__ */
|
|
30690
|
-
/* @__PURE__ */
|
|
30784
|
+
return /* @__PURE__ */ jsxs57(Fragment24, { children: [
|
|
30785
|
+
/* @__PURE__ */ jsxs57("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto", children: [
|
|
30786
|
+
/* @__PURE__ */ jsxs57("div", { className: "text-[14px] leading-[21px] text-right", children: [
|
|
30691
30787
|
sub?.name,
|
|
30692
30788
|
":"
|
|
30693
30789
|
] }),
|
|
30694
30790
|
/* @__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" })
|
|
30695
30791
|
] }),
|
|
30696
|
-
sub?.tax_groups.map((group) => /* @__PURE__ */
|
|
30792
|
+
sub?.tax_groups.map((group) => /* @__PURE__ */ jsxs57(
|
|
30697
30793
|
"div",
|
|
30698
30794
|
{
|
|
30699
30795
|
className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2",
|
|
30700
30796
|
children: [
|
|
30701
|
-
/* @__PURE__ */
|
|
30797
|
+
/* @__PURE__ */ jsxs57("div", { className: "text-[14px] leading-[21px] text-right", children: [
|
|
30702
30798
|
group?.group_name,
|
|
30703
30799
|
":"
|
|
30704
30800
|
] }),
|
|
@@ -30710,22 +30806,22 @@ var FeeField = (props) => {
|
|
|
30710
30806
|
] });
|
|
30711
30807
|
}
|
|
30712
30808
|
}),
|
|
30713
|
-
/* @__PURE__ */
|
|
30714
|
-
/* @__PURE__ */
|
|
30809
|
+
/* @__PURE__ */ jsxs57("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: [
|
|
30810
|
+
/* @__PURE__ */ jsxs57("div", { className: "text-[14px] leading-[21px] text-right", children: [
|
|
30715
30811
|
t3("total"),
|
|
30716
30812
|
":"
|
|
30717
30813
|
] }),
|
|
30718
30814
|
/* @__PURE__ */ jsx87("div", { className: "text-xl leading-[21px] font-bold text-[rgb(73,80,87)] text-right ", children: totalAmount })
|
|
30719
30815
|
] }),
|
|
30720
|
-
/* @__PURE__ */
|
|
30721
|
-
/* @__PURE__ */
|
|
30816
|
+
/* @__PURE__ */ jsxs57("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: [
|
|
30817
|
+
/* @__PURE__ */ jsxs57("div", { className: "text-[14px] leading-[21px] text-right", children: [
|
|
30722
30818
|
t3("paid_amount"),
|
|
30723
30819
|
":"
|
|
30724
30820
|
] }),
|
|
30725
30821
|
/* @__PURE__ */ jsx87("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: paid_amount })
|
|
30726
30822
|
] }),
|
|
30727
|
-
/* @__PURE__ */
|
|
30728
|
-
/* @__PURE__ */
|
|
30823
|
+
/* @__PURE__ */ jsxs57("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: [
|
|
30824
|
+
/* @__PURE__ */ jsxs57("div", { className: "text-[14px] leading-[21px] text-right", children: [
|
|
30729
30825
|
t3("remanining_amount"),
|
|
30730
30826
|
":"
|
|
30731
30827
|
] }),
|
|
@@ -30736,7 +30832,7 @@ var FeeField = (props) => {
|
|
|
30736
30832
|
|
|
30737
30833
|
// src/widgets/basic/file-upload-field/file-upload.tsx
|
|
30738
30834
|
import { useEffect as useEffect18, useRef as useRef15, useState as useState17 } from "react";
|
|
30739
|
-
import { jsx as jsx88, jsxs as
|
|
30835
|
+
import { jsx as jsx88, jsxs as jsxs58 } from "react/jsx-runtime";
|
|
30740
30836
|
var RenderFile = ({
|
|
30741
30837
|
file,
|
|
30742
30838
|
onDelete,
|
|
@@ -30752,9 +30848,9 @@ var RenderFile = ({
|
|
|
30752
30848
|
"application/vnd.ms-excel": /* @__PURE__ */ jsx88(ExcelIcon, {}),
|
|
30753
30849
|
"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ jsx88(ExcelIcon, {})
|
|
30754
30850
|
};
|
|
30755
|
-
return /* @__PURE__ */
|
|
30851
|
+
return /* @__PURE__ */ jsxs58("div", { className: "flex gap-2 items-center bg-[#FAFAFA] rounded-[8px] p-[6px]", children: [
|
|
30756
30852
|
/* @__PURE__ */ jsx88("div", { className: "w-6 h-6 file-icon", children: info?.type && fileTypeIcon?.[info?.type] }),
|
|
30757
|
-
/* @__PURE__ */
|
|
30853
|
+
/* @__PURE__ */ jsxs58("div", { children: [
|
|
30758
30854
|
/* @__PURE__ */ jsx88(
|
|
30759
30855
|
"div",
|
|
30760
30856
|
{
|
|
@@ -30767,7 +30863,7 @@ var RenderFile = ({
|
|
|
30767
30863
|
),
|
|
30768
30864
|
/* @__PURE__ */ jsx88("div", { className: "text-xs text-[#666] font-semibold", children: isNaN(info?.size) ? "" : formatFileSize(info?.size) })
|
|
30769
30865
|
] }),
|
|
30770
|
-
/* @__PURE__ */
|
|
30866
|
+
/* @__PURE__ */ jsxs58("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: [
|
|
30771
30867
|
/* @__PURE__ */ jsx88(
|
|
30772
30868
|
"span",
|
|
30773
30869
|
{
|
|
@@ -30837,7 +30933,7 @@ var FileUploadField = (props) => {
|
|
|
30837
30933
|
);
|
|
30838
30934
|
}
|
|
30839
30935
|
}, [selectedFiles]);
|
|
30840
|
-
return /* @__PURE__ */
|
|
30936
|
+
return /* @__PURE__ */ jsxs58("div", { children: [
|
|
30841
30937
|
selectedFiles?.length > 0 && selectedFiles?.map((fileItem, index4) => /* @__PURE__ */ jsx88(
|
|
30842
30938
|
RenderFile,
|
|
30843
30939
|
{
|
|
@@ -30878,7 +30974,7 @@ var FileUploadField = (props) => {
|
|
|
30878
30974
|
|
|
30879
30975
|
// src/widgets/basic/float-field/float.tsx
|
|
30880
30976
|
import { useEffect as useEffect19, useRef as useRef16, useState as useState18 } from "react";
|
|
30881
|
-
import { Fragment as Fragment25, jsx as jsx89, jsxs as
|
|
30977
|
+
import { Fragment as Fragment25, jsx as jsx89, jsxs as jsxs59 } from "react/jsx-runtime";
|
|
30882
30978
|
var FloatField = (props) => {
|
|
30883
30979
|
const {
|
|
30884
30980
|
name: name2,
|
|
@@ -31003,7 +31099,7 @@ var FloatField = (props) => {
|
|
|
31003
31099
|
}
|
|
31004
31100
|
isDirtyRef.current = false;
|
|
31005
31101
|
};
|
|
31006
|
-
return /* @__PURE__ */
|
|
31102
|
+
return /* @__PURE__ */ jsxs59(Fragment25, { children: [
|
|
31007
31103
|
/* @__PURE__ */ jsx89(
|
|
31008
31104
|
"input",
|
|
31009
31105
|
{
|
|
@@ -31033,7 +31129,7 @@ var FloatField = (props) => {
|
|
|
31033
31129
|
|
|
31034
31130
|
// src/widgets/basic/float-time-field/float-time.tsx
|
|
31035
31131
|
import { useState as useState19 } from "react";
|
|
31036
|
-
import { Fragment as Fragment26, jsx as jsx90, jsxs as
|
|
31132
|
+
import { Fragment as Fragment26, jsx as jsx90, jsxs as jsxs60 } from "react/jsx-runtime";
|
|
31037
31133
|
var FloatTimeField = (props) => {
|
|
31038
31134
|
const {
|
|
31039
31135
|
name: name2,
|
|
@@ -31113,7 +31209,7 @@ var FloatTimeField = (props) => {
|
|
|
31113
31209
|
}
|
|
31114
31210
|
onBlur();
|
|
31115
31211
|
};
|
|
31116
|
-
return /* @__PURE__ */
|
|
31212
|
+
return /* @__PURE__ */ jsxs60(Fragment26, { children: [
|
|
31117
31213
|
/* @__PURE__ */ jsx90(
|
|
31118
31214
|
"input",
|
|
31119
31215
|
{
|
|
@@ -31223,7 +31319,7 @@ var ImageField = (props) => {
|
|
|
31223
31319
|
import React16, { useEffect as useEffect21, useMemo as useMemo10 } from "react";
|
|
31224
31320
|
|
|
31225
31321
|
// src/widgets/basic/information-field/information.tsx
|
|
31226
|
-
import { Fragment as Fragment27, jsx as jsx93, jsxs as
|
|
31322
|
+
import { Fragment as Fragment27, jsx as jsx93, jsxs as jsxs61 } from "react/jsx-runtime";
|
|
31227
31323
|
var InfomationField = (props) => {
|
|
31228
31324
|
const { value, isForm = false, showName = true, stringToColor } = props;
|
|
31229
31325
|
if (!value || Array.isArray(value) && value.length === 0) {
|
|
@@ -31239,7 +31335,7 @@ var InfomationField = (props) => {
|
|
|
31239
31335
|
stringToColor
|
|
31240
31336
|
},
|
|
31241
31337
|
item.id
|
|
31242
|
-
)) : /* @__PURE__ */
|
|
31338
|
+
)) : /* @__PURE__ */ jsxs61("div", { className: "flex gap-2 items-center w-max", children: [
|
|
31243
31339
|
/* @__PURE__ */ jsx93(
|
|
31244
31340
|
AvatarField,
|
|
31245
31341
|
{
|
|
@@ -31255,7 +31351,7 @@ var InfomationField = (props) => {
|
|
|
31255
31351
|
};
|
|
31256
31352
|
|
|
31257
31353
|
// src/widgets/basic/many2many-tags-field/many2many-tags.tsx
|
|
31258
|
-
import { jsx as jsx94, jsxs as
|
|
31354
|
+
import { jsx as jsx94, jsxs as jsxs62 } from "react/jsx-runtime";
|
|
31259
31355
|
var CustomMultiValue = ({ stringToColor, ...props }) => {
|
|
31260
31356
|
const { selectProps, data, menuList } = props;
|
|
31261
31357
|
const { relation } = selectProps;
|
|
@@ -31264,7 +31360,7 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
|
|
|
31264
31360
|
(childItem) => childItem?.is_display && childItem?.action?.res_model === relation
|
|
31265
31361
|
)
|
|
31266
31362
|
)?.[0]?.action?.id;
|
|
31267
|
-
return /* @__PURE__ */
|
|
31363
|
+
return /* @__PURE__ */ jsxs62("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
|
|
31268
31364
|
/* @__PURE__ */ jsx94(
|
|
31269
31365
|
AvatarField,
|
|
31270
31366
|
{
|
|
@@ -31296,9 +31392,9 @@ var CustomMenuList = (props) => {
|
|
|
31296
31392
|
const { setIsShowModalMany2Many, searchable } = selectProps;
|
|
31297
31393
|
const { t: t3 } = useI18n();
|
|
31298
31394
|
const limitedChildren = React16.Children.toArray(children).slice(0, 10);
|
|
31299
|
-
return /* @__PURE__ */
|
|
31395
|
+
return /* @__PURE__ */ jsxs62(components.MenuList, { ...props, className: "z-[99]", children: [
|
|
31300
31396
|
limitedChildren,
|
|
31301
|
-
options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */
|
|
31397
|
+
options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ jsxs62(
|
|
31302
31398
|
"button",
|
|
31303
31399
|
{
|
|
31304
31400
|
type: "button",
|
|
@@ -31388,7 +31484,7 @@ var Many2ManyTagField = (props) => {
|
|
|
31388
31484
|
onChange2?.(name2 ?? "", newValue);
|
|
31389
31485
|
clearErrors(name2);
|
|
31390
31486
|
};
|
|
31391
|
-
return /* @__PURE__ */
|
|
31487
|
+
return /* @__PURE__ */ jsxs62("div", { className: "group h-full overflow-y-auto", children: [
|
|
31392
31488
|
/* @__PURE__ */ jsx94(
|
|
31393
31489
|
StateManagedSelect$1,
|
|
31394
31490
|
{
|
|
@@ -31502,7 +31598,7 @@ var Many2ManyTagField = (props) => {
|
|
|
31502
31598
|
|
|
31503
31599
|
// src/widgets/basic/monetary-field/monetary.tsx
|
|
31504
31600
|
import { useEffect as useEffect22 } from "react";
|
|
31505
|
-
import { Fragment as Fragment28, jsx as jsx95, jsxs as
|
|
31601
|
+
import { Fragment as Fragment28, jsx as jsx95, jsxs as jsxs63 } from "react/jsx-runtime";
|
|
31506
31602
|
var MonetaryField = (props) => {
|
|
31507
31603
|
const { t: t3 } = useI18n();
|
|
31508
31604
|
const {
|
|
@@ -31522,8 +31618,8 @@ var MonetaryField = (props) => {
|
|
|
31522
31618
|
isEditTable
|
|
31523
31619
|
} = props;
|
|
31524
31620
|
if (isForm && name2 === "amount_residual") {
|
|
31525
|
-
return /* @__PURE__ */
|
|
31526
|
-
/* @__PURE__ */
|
|
31621
|
+
return /* @__PURE__ */ jsxs63("div", { className: "flex justify-end gap-x-4 gap-y-2 ml-auto mt-2 lg:mt-5", children: [
|
|
31622
|
+
/* @__PURE__ */ jsxs63("span", { className: "font-semibold", children: [
|
|
31527
31623
|
string,
|
|
31528
31624
|
":"
|
|
31529
31625
|
] }),
|
|
@@ -31560,7 +31656,7 @@ var MonetaryField = (props) => {
|
|
|
31560
31656
|
clearErrors(name2);
|
|
31561
31657
|
}
|
|
31562
31658
|
}, [value2]);
|
|
31563
|
-
return /* @__PURE__ */
|
|
31659
|
+
return /* @__PURE__ */ jsxs63(Fragment28, { children: [
|
|
31564
31660
|
/* @__PURE__ */ jsx95(
|
|
31565
31661
|
"input",
|
|
31566
31662
|
{
|
|
@@ -31614,7 +31710,7 @@ var PaidBadgedField = () => {
|
|
|
31614
31710
|
|
|
31615
31711
|
// src/widgets/basic/priority-field/rating-star.tsx
|
|
31616
31712
|
import React17, { useEffect as useEffect23, useState as useState20 } from "react";
|
|
31617
|
-
import { jsx as jsx97, jsxs as
|
|
31713
|
+
import { jsx as jsx97, jsxs as jsxs64 } from "react/jsx-runtime";
|
|
31618
31714
|
var RatingStarField = (props) => {
|
|
31619
31715
|
const {
|
|
31620
31716
|
label,
|
|
@@ -31659,7 +31755,7 @@ var RatingStarField = (props) => {
|
|
|
31659
31755
|
const starValue = index4 + 1;
|
|
31660
31756
|
const fillColor = hover > 0 ? hover >= starValue ? "#f3cc00" : "white" : rating >= starValue ? "#f3cc00" : "white";
|
|
31661
31757
|
const strokeColor = hover > 0 ? hover >= starValue ? "#f3cc00" : "rgba(73,80,87,0.76)" : rating >= starValue ? "#f3cc00" : "rgba(73,80,87,0.76)";
|
|
31662
|
-
return /* @__PURE__ */
|
|
31758
|
+
return /* @__PURE__ */ jsxs64(React17.Fragment, { children: [
|
|
31663
31759
|
/* @__PURE__ */ jsx97(
|
|
31664
31760
|
"div",
|
|
31665
31761
|
{
|
|
@@ -31739,7 +31835,7 @@ var PriorityField = (props) => {
|
|
|
31739
31835
|
|
|
31740
31836
|
// src/widgets/basic/radio-group-field/radio-group.tsx
|
|
31741
31837
|
import { useEffect as useEffect24 } from "react";
|
|
31742
|
-
import { jsx as jsx99, jsxs as
|
|
31838
|
+
import { jsx as jsx99, jsxs as jsxs65 } from "react/jsx-runtime";
|
|
31743
31839
|
var RadioGroupField = (props) => {
|
|
31744
31840
|
const {
|
|
31745
31841
|
name: name2,
|
|
@@ -31763,7 +31859,7 @@ var RadioGroupField = (props) => {
|
|
|
31763
31859
|
{
|
|
31764
31860
|
name: name2 ?? "",
|
|
31765
31861
|
control: methods.control,
|
|
31766
|
-
render: ({ field }) => /* @__PURE__ */ jsx99("div", { className: "flex items-center gap-[10px] pb-4", children: selection?.map((select) => /* @__PURE__ */
|
|
31862
|
+
render: ({ field }) => /* @__PURE__ */ jsx99("div", { className: "flex items-center gap-[10px] pb-4", children: selection?.map((select) => /* @__PURE__ */ jsxs65("div", { className: "flex items-center gap-1", children: [
|
|
31767
31863
|
/* @__PURE__ */ jsx99(
|
|
31768
31864
|
"input",
|
|
31769
31865
|
{
|
|
@@ -31791,7 +31887,7 @@ var RadioGroupField = (props) => {
|
|
|
31791
31887
|
|
|
31792
31888
|
// src/widgets/basic/remaining-days-field/remaining-days.tsx
|
|
31793
31889
|
var import_moment3 = __toESM(require_moment());
|
|
31794
|
-
import { jsx as jsx100, jsxs as
|
|
31890
|
+
import { jsx as jsx100, jsxs as jsxs66 } from "react/jsx-runtime";
|
|
31795
31891
|
var RemainingDaysField = (props) => {
|
|
31796
31892
|
const {
|
|
31797
31893
|
value,
|
|
@@ -31802,7 +31898,7 @@ var RemainingDaysField = (props) => {
|
|
|
31802
31898
|
if (!value) return null;
|
|
31803
31899
|
const adjustedValue = (0, import_moment3.default)(value).add(7, "hours");
|
|
31804
31900
|
const isFuture = adjustedValue.isAfter((0, import_moment3.default)());
|
|
31805
|
-
return /* @__PURE__ */
|
|
31901
|
+
return /* @__PURE__ */ jsxs66("div", { className: isForm ? "mb-4" : "", children: [
|
|
31806
31902
|
/* @__PURE__ */ jsx100(M, { id: `remainingDays_${value}`, place: "top", content: string }),
|
|
31807
31903
|
/* @__PURE__ */ jsx100(
|
|
31808
31904
|
"div",
|
|
@@ -31822,7 +31918,7 @@ var RemainingDaysField = (props) => {
|
|
|
31822
31918
|
};
|
|
31823
31919
|
|
|
31824
31920
|
// src/widgets/basic/select-dropdown-field/select-dropdown.tsx
|
|
31825
|
-
import { Fragment as Fragment29, jsx as jsx101, jsxs as
|
|
31921
|
+
import { Fragment as Fragment29, jsx as jsx101, jsxs as jsxs67 } from "react/jsx-runtime";
|
|
31826
31922
|
var SelectDropdownField = (props) => {
|
|
31827
31923
|
const { t: t3 } = useI18n();
|
|
31828
31924
|
const {
|
|
@@ -31873,7 +31969,7 @@ var SelectDropdownField = (props) => {
|
|
|
31873
31969
|
value: defaultValue || null,
|
|
31874
31970
|
required: !invisible && required
|
|
31875
31971
|
};
|
|
31876
|
-
return /* @__PURE__ */
|
|
31972
|
+
return /* @__PURE__ */ jsxs67(Fragment29, { children: [
|
|
31877
31973
|
/* @__PURE__ */ jsx101("div", { className: "group", children: /* @__PURE__ */ jsx101(
|
|
31878
31974
|
StateManagedSelect$1,
|
|
31879
31975
|
{
|
|
@@ -31985,7 +32081,7 @@ var TextAreaField = (props) => {
|
|
|
31985
32081
|
};
|
|
31986
32082
|
|
|
31987
32083
|
// src/widgets/basic/toggle-button-field/toggle-button.tsx
|
|
31988
|
-
import { jsx as jsx103, jsxs as
|
|
32084
|
+
import { jsx as jsx103, jsxs as jsxs68 } from "react/jsx-runtime";
|
|
31989
32085
|
var ToggleButtonField = (props) => {
|
|
31990
32086
|
const {
|
|
31991
32087
|
name: name2,
|
|
@@ -32000,7 +32096,7 @@ var ToggleButtonField = (props) => {
|
|
|
32000
32096
|
{
|
|
32001
32097
|
name: name2 ?? "",
|
|
32002
32098
|
control: methods?.control,
|
|
32003
|
-
render: ({ field }) => /* @__PURE__ */ jsx103("div", { className: "inline-flex items-center", children: /* @__PURE__ */
|
|
32099
|
+
render: ({ field }) => /* @__PURE__ */ jsx103("div", { className: "inline-flex items-center", children: /* @__PURE__ */ jsxs68("label", { className: "relative inline-block w-8 h-5 cursor-pointer", children: [
|
|
32004
32100
|
/* @__PURE__ */ jsx103(
|
|
32005
32101
|
"input",
|
|
32006
32102
|
{
|
|
@@ -32054,7 +32150,7 @@ var ToggleButtonField = (props) => {
|
|
|
32054
32150
|
|
|
32055
32151
|
// src/widgets/basic/integer-field/integer.tsx
|
|
32056
32152
|
import { useEffect as useEffect25, useRef as useRef18, useState as useState21 } from "react";
|
|
32057
|
-
import { Fragment as Fragment30, jsx as jsx104, jsxs as
|
|
32153
|
+
import { Fragment as Fragment30, jsx as jsx104, jsxs as jsxs69 } from "react/jsx-runtime";
|
|
32058
32154
|
var IntegerField = (props) => {
|
|
32059
32155
|
const {
|
|
32060
32156
|
name: name2,
|
|
@@ -32153,7 +32249,7 @@ var IntegerField = (props) => {
|
|
|
32153
32249
|
inputRef.current?.blur();
|
|
32154
32250
|
clearErrors(name2);
|
|
32155
32251
|
};
|
|
32156
|
-
return /* @__PURE__ */
|
|
32252
|
+
return /* @__PURE__ */ jsxs69(Fragment30, { children: [
|
|
32157
32253
|
/* @__PURE__ */ jsx104(
|
|
32158
32254
|
"input",
|
|
32159
32255
|
{
|
|
@@ -32197,7 +32293,7 @@ var IntegerField = (props) => {
|
|
|
32197
32293
|
};
|
|
32198
32294
|
|
|
32199
32295
|
// src/widgets/basic/status-dropdown-field/status-dropdown.tsx
|
|
32200
|
-
import { jsx as jsx105, jsxs as
|
|
32296
|
+
import { jsx as jsx105, jsxs as jsxs70 } from "react/jsx-runtime";
|
|
32201
32297
|
var StatusDropdownField = (props) => {
|
|
32202
32298
|
const {
|
|
32203
32299
|
buttonRef,
|
|
@@ -32209,7 +32305,7 @@ var StatusDropdownField = (props) => {
|
|
|
32209
32305
|
handleClick,
|
|
32210
32306
|
colors: colors2
|
|
32211
32307
|
} = props;
|
|
32212
|
-
return /* @__PURE__ */
|
|
32308
|
+
return /* @__PURE__ */ jsxs70(
|
|
32213
32309
|
"div",
|
|
32214
32310
|
{
|
|
32215
32311
|
ref: buttonRef,
|
|
@@ -32225,14 +32321,14 @@ var StatusDropdownField = (props) => {
|
|
|
32225
32321
|
),
|
|
32226
32322
|
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) => {
|
|
32227
32323
|
const isActive = item[0] == state;
|
|
32228
|
-
return /* @__PURE__ */
|
|
32324
|
+
return /* @__PURE__ */ jsxs70(
|
|
32229
32325
|
"div",
|
|
32230
32326
|
{
|
|
32231
32327
|
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" : ""}`,
|
|
32232
32328
|
onClick: () => handleClick(item[0]),
|
|
32233
32329
|
children: [
|
|
32234
32330
|
/* @__PURE__ */ jsx105("div", { className: "w-4 h-4", children: isActive && /* @__PURE__ */ jsx105(CheckIcon, {}) }),
|
|
32235
|
-
/* @__PURE__ */
|
|
32331
|
+
/* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-2", children: [
|
|
32236
32332
|
/* @__PURE__ */ jsx105(
|
|
32237
32333
|
"div",
|
|
32238
32334
|
{
|
|
@@ -32252,9 +32348,9 @@ var StatusDropdownField = (props) => {
|
|
|
32252
32348
|
};
|
|
32253
32349
|
|
|
32254
32350
|
// src/widgets/basic/many2many-field/many2many.tsx
|
|
32255
|
-
import { createPortal as
|
|
32351
|
+
import { createPortal as createPortal6 } from "react-dom";
|
|
32256
32352
|
import { useEffect as useEffect26 } from "react";
|
|
32257
|
-
import { jsx as jsx106, jsxs as
|
|
32353
|
+
import { jsx as jsx106, jsxs as jsxs71 } from "react/jsx-runtime";
|
|
32258
32354
|
var Many2ManyField = (props) => {
|
|
32259
32355
|
const { t: t3 } = useI18n();
|
|
32260
32356
|
const {
|
|
@@ -32327,8 +32423,8 @@ var Many2ManyField = (props) => {
|
|
|
32327
32423
|
typeof setGroupByList === "function" && setGroupByList(null);
|
|
32328
32424
|
};
|
|
32329
32425
|
}, [selectedTags]);
|
|
32330
|
-
return
|
|
32331
|
-
/* @__PURE__ */
|
|
32426
|
+
return createPortal6(
|
|
32427
|
+
/* @__PURE__ */ jsxs71(
|
|
32332
32428
|
"div",
|
|
32333
32429
|
{
|
|
32334
32430
|
style: {
|
|
@@ -32337,7 +32433,7 @@ var Many2ManyField = (props) => {
|
|
|
32337
32433
|
className: "fixed bottom-0 left-0 right-0 top-0",
|
|
32338
32434
|
children: [
|
|
32339
32435
|
/* @__PURE__ */ jsx106("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
|
|
32340
|
-
/* @__PURE__ */ jsx106("div", { className: "absolute inset-0 overflow-auto px-6 flex justify-center items-center", children: /* @__PURE__ */
|
|
32436
|
+
/* @__PURE__ */ jsx106("div", { className: "absolute inset-0 overflow-auto px-6 flex justify-center items-center", children: /* @__PURE__ */ jsxs71(
|
|
32341
32437
|
"div",
|
|
32342
32438
|
{
|
|
32343
32439
|
style: {
|
|
@@ -32345,11 +32441,11 @@ var Many2ManyField = (props) => {
|
|
|
32345
32441
|
},
|
|
32346
32442
|
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",
|
|
32347
32443
|
children: [
|
|
32348
|
-
/* @__PURE__ */
|
|
32444
|
+
/* @__PURE__ */ jsxs71("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
|
|
32349
32445
|
/* @__PURE__ */ jsx106("div", { className: "text-[20px] font-semibold", children: title }),
|
|
32350
32446
|
/* @__PURE__ */ jsx106("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx106(CloseIcon, {}) })
|
|
32351
32447
|
] }),
|
|
32352
|
-
/* @__PURE__ */
|
|
32448
|
+
/* @__PURE__ */ jsxs71("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
|
|
32353
32449
|
/* @__PURE__ */ jsx106("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ jsx106(
|
|
32354
32450
|
Search,
|
|
32355
32451
|
{
|
|
@@ -32409,7 +32505,7 @@ var Many2ManyField = (props) => {
|
|
|
32409
32505
|
"div",
|
|
32410
32506
|
{
|
|
32411
32507
|
className: `flex w-full items-center h-full overflow-auto `,
|
|
32412
|
-
children: /* @__PURE__ */ jsx106("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */
|
|
32508
|
+
children: /* @__PURE__ */ jsx106("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ jsxs71(
|
|
32413
32509
|
"table",
|
|
32414
32510
|
{
|
|
32415
32511
|
className: `relative w-full bg-white custom-dropdown `,
|
|
@@ -32485,7 +32581,7 @@ var Many2ManyField = (props) => {
|
|
|
32485
32581
|
) }) })
|
|
32486
32582
|
}
|
|
32487
32583
|
) }) }) : /* @__PURE__ */ jsx106(LayerLoading, {}),
|
|
32488
|
-
/* @__PURE__ */
|
|
32584
|
+
/* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-2 mt-auto", children: [
|
|
32489
32585
|
isDisplayCheckbox && /* @__PURE__ */ jsx106(
|
|
32490
32586
|
"button",
|
|
32491
32587
|
{
|
|
@@ -32534,15 +32630,15 @@ var Many2ManyField = (props) => {
|
|
|
32534
32630
|
|
|
32535
32631
|
// src/widgets/basic/many2one-field/many2one.tsx
|
|
32536
32632
|
import React18, { useEffect as useEffect27 } from "react";
|
|
32537
|
-
import { Fragment as Fragment31, jsx as jsx107, jsxs as
|
|
32633
|
+
import { Fragment as Fragment31, jsx as jsx107, jsxs as jsxs72 } from "react/jsx-runtime";
|
|
32538
32634
|
var CustomMenuList2 = (props) => {
|
|
32539
32635
|
const { t: t3 } = useI18n();
|
|
32540
32636
|
const { options: options2, children, selectProps } = props;
|
|
32541
32637
|
const { setIsShowModalMany2Many, searchable } = selectProps;
|
|
32542
32638
|
const limitedChildren = React18.Children.toArray(children).slice(0, 10);
|
|
32543
|
-
return /* @__PURE__ */
|
|
32639
|
+
return /* @__PURE__ */ jsxs72(components.MenuList, { ...props, className: "z-[99]", children: [
|
|
32544
32640
|
limitedChildren,
|
|
32545
|
-
options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */
|
|
32641
|
+
options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ jsxs72(
|
|
32546
32642
|
"button",
|
|
32547
32643
|
{
|
|
32548
32644
|
type: "button",
|
|
@@ -32585,7 +32681,7 @@ var Many2OneField = (props) => {
|
|
|
32585
32681
|
const { t: t3 } = useI18n();
|
|
32586
32682
|
if (!isForm && !isEditTable) {
|
|
32587
32683
|
const id = propValue && typeof propValue === "object" && "id" in propValue ? propValue?.id : propValue;
|
|
32588
|
-
return /* @__PURE__ */
|
|
32684
|
+
return /* @__PURE__ */ jsxs72(Fragment31, { children: [
|
|
32589
32685
|
allowShowDetail && renderDetail({
|
|
32590
32686
|
idToolTip: String(name2) + Number(index4),
|
|
32591
32687
|
model: options2?.model ?? relation,
|
|
@@ -32603,7 +32699,7 @@ var Many2OneField = (props) => {
|
|
|
32603
32699
|
)
|
|
32604
32700
|
] });
|
|
32605
32701
|
}
|
|
32606
|
-
return /* @__PURE__ */
|
|
32702
|
+
return /* @__PURE__ */ jsxs72(Fragment31, { children: [
|
|
32607
32703
|
allowShowDetail && renderDetail({
|
|
32608
32704
|
idToolTip: String(name2),
|
|
32609
32705
|
model: options2?.model ?? relation,
|
|
@@ -32641,7 +32737,7 @@ var Many2OneField = (props) => {
|
|
|
32641
32737
|
methods?.clearErrors(name2);
|
|
32642
32738
|
}
|
|
32643
32739
|
}, [selectedOption]);
|
|
32644
|
-
return /* @__PURE__ */
|
|
32740
|
+
return /* @__PURE__ */ jsxs72("div", { className: "h-full", children: [
|
|
32645
32741
|
/* @__PURE__ */ jsx107(
|
|
32646
32742
|
StateManagedSelect$1,
|
|
32647
32743
|
{
|
|
@@ -32746,7 +32842,7 @@ var Many2OneField = (props) => {
|
|
|
32746
32842
|
};
|
|
32747
32843
|
|
|
32748
32844
|
// src/widgets/basic/status-bar-field/duration/duration.tsx
|
|
32749
|
-
import { jsx as jsx108, jsxs as
|
|
32845
|
+
import { jsx as jsx108, jsxs as jsxs73 } from "react/jsx-runtime";
|
|
32750
32846
|
var StatusbarDurationField = (props) => {
|
|
32751
32847
|
const {
|
|
32752
32848
|
disabled,
|
|
@@ -32760,10 +32856,10 @@ var StatusbarDurationField = (props) => {
|
|
|
32760
32856
|
"div",
|
|
32761
32857
|
{
|
|
32762
32858
|
className: `w-full items-center rounded-[10px] !flex flex-col-reverse justify-center lg:!justify-end lg:!flex-row gap-y-[15px]`,
|
|
32763
|
-
children: /* @__PURE__ */
|
|
32859
|
+
children: /* @__PURE__ */ jsxs73("div", { className: "flex items-center gap-[24px]", children: [
|
|
32764
32860
|
/* @__PURE__ */ jsx108("div", { className: "flex items-center", children: dataResponse && dataResponse?.records?.filter((item) => !item?.fold || item.id == defaultValue)?.map((option, index4) => {
|
|
32765
32861
|
const value = option?.id === defaultValue;
|
|
32766
|
-
return /* @__PURE__ */
|
|
32862
|
+
return /* @__PURE__ */ jsxs73(
|
|
32767
32863
|
"label",
|
|
32768
32864
|
{
|
|
32769
32865
|
onClick: () => !disabled && handleClick(option.id),
|
|
@@ -32798,7 +32894,7 @@ var StatusbarDurationField = (props) => {
|
|
|
32798
32894
|
}) }),
|
|
32799
32895
|
dataResponse?.records?.some(
|
|
32800
32896
|
(item) => item?.fold && item.id !== defaultValue
|
|
32801
|
-
) && /* @__PURE__ */
|
|
32897
|
+
) && /* @__PURE__ */ jsxs73(
|
|
32802
32898
|
"div",
|
|
32803
32899
|
{
|
|
32804
32900
|
onClick: () => setModalStatus(!modelStatus),
|
|
@@ -32836,7 +32932,7 @@ var StatusbarDurationField = (props) => {
|
|
|
32836
32932
|
|
|
32837
32933
|
// src/widgets/basic/status-bar-field/option/option.tsx
|
|
32838
32934
|
import { useMemo as useMemo11 } from "react";
|
|
32839
|
-
import { Fragment as Fragment32, jsx as jsx109, jsxs as
|
|
32935
|
+
import { Fragment as Fragment32, jsx as jsx109, jsxs as jsxs74 } from "react/jsx-runtime";
|
|
32840
32936
|
var StatusBarOptionField = (props) => {
|
|
32841
32937
|
const { selection, defaultValue } = props;
|
|
32842
32938
|
const memoizedStatusOptions = useMemo11(() => selection, [selection]);
|
|
@@ -32852,8 +32948,8 @@ var StatusBarOptionField = (props) => {
|
|
|
32852
32948
|
flexWrap: "wrap"
|
|
32853
32949
|
},
|
|
32854
32950
|
children: memoizedStatusOptions?.map((option, index4) => {
|
|
32855
|
-
return /* @__PURE__ */
|
|
32856
|
-
/* @__PURE__ */
|
|
32951
|
+
return /* @__PURE__ */ jsxs74(Fragment32, { children: [
|
|
32952
|
+
/* @__PURE__ */ jsxs74(
|
|
32857
32953
|
"div",
|
|
32858
32954
|
{
|
|
32859
32955
|
style: {
|
|
@@ -32972,7 +33068,7 @@ var ICCheck = () => {
|
|
|
32972
33068
|
};
|
|
32973
33069
|
|
|
32974
33070
|
// src/widgets/basic/date-option-field/date-option.tsx
|
|
32975
|
-
import { jsx as jsx110, jsxs as
|
|
33071
|
+
import { jsx as jsx110, jsxs as jsxs75 } from "react/jsx-runtime";
|
|
32976
33072
|
var DateOptionField = (props) => {
|
|
32977
33073
|
const {
|
|
32978
33074
|
name: name2,
|
|
@@ -32988,7 +33084,7 @@ var DateOptionField = (props) => {
|
|
|
32988
33084
|
{
|
|
32989
33085
|
name: name2 ?? "",
|
|
32990
33086
|
control: methods?.control,
|
|
32991
|
-
render: ({ field }) => /* @__PURE__ */
|
|
33087
|
+
render: ({ field }) => /* @__PURE__ */ jsxs75(
|
|
32992
33088
|
"label",
|
|
32993
33089
|
{
|
|
32994
33090
|
className: `cursor-pointer mr-2 w-[50px] flex items-center justify-center p-[4px] border rounded-md text-sm
|