@fctc/sme-widget-ui 1.0.7 → 1.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.babelrc +7 -0
- package/dist/.editorconfig +10 -0
- package/dist/.eslintignore +6 -0
- package/dist/.eslintrc.cjs +66 -0
- package/dist/.gitattributes +4 -0
- package/dist/.prettierrc +4 -0
- package/dist/icons.js +8 -17
- package/dist/icons.mjs +39 -48
- package/dist/index.js +24 -30
- package/dist/index.mjs +236 -242
- package/dist/widgets.d.mts +2 -1
- package/dist/widgets.d.ts +2 -1
- package/dist/widgets.js +24 -30
- package/dist/widgets.mjs +231 -237
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -6031,9 +6031,9 @@ var ResetIcon = () => {
|
|
|
6031
6031
|
};
|
|
6032
6032
|
|
|
6033
6033
|
// src/icons/search-icon.tsx
|
|
6034
|
-
import { jsx as jsx25
|
|
6034
|
+
import { jsx as jsx25 } from "react/jsx-runtime";
|
|
6035
6035
|
var SearchIcon = () => {
|
|
6036
|
-
return /* @__PURE__ */
|
|
6036
|
+
return /* @__PURE__ */ jsx25(
|
|
6037
6037
|
"svg",
|
|
6038
6038
|
{
|
|
6039
6039
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -6041,30 +6041,21 @@ var SearchIcon = () => {
|
|
|
6041
6041
|
height: "20",
|
|
6042
6042
|
viewBox: "0 0 20 20",
|
|
6043
6043
|
fill: "none",
|
|
6044
|
-
children:
|
|
6045
|
-
|
|
6046
|
-
|
|
6047
|
-
|
|
6048
|
-
|
|
6049
|
-
|
|
6050
|
-
|
|
6051
|
-
),
|
|
6052
|
-
/* @__PURE__ */ jsx25(
|
|
6053
|
-
"path",
|
|
6054
|
-
{
|
|
6055
|
-
d: "M18.3333 18.9585C18.175 18.9585 18.0167 18.9002 17.8917 18.7752L16.225 17.1085C15.9833 16.8669 15.9833 16.4669 16.225 16.2252C16.4667 15.9835 16.8667 15.9835 17.1083 16.2252L18.775 17.8919C19.0167 18.1335 19.0167 18.5335 18.775 18.7752C18.65 18.9002 18.4917 18.9585 18.3333 18.9585Z",
|
|
6056
|
-
fill: "#525252"
|
|
6057
|
-
}
|
|
6058
|
-
)
|
|
6059
|
-
]
|
|
6044
|
+
children: /* @__PURE__ */ jsx25(
|
|
6045
|
+
"path",
|
|
6046
|
+
{
|
|
6047
|
+
d: "M14.5232 13.4627L17.7355 16.6742L16.6742 17.7355L13.4627 14.5232C12.2678 15.4812 10.7815 16.0022 9.25 16C5.524 16 2.5 12.976 2.5 9.25C2.5 5.524 5.524 2.5 9.25 2.5C12.976 2.5 16 5.524 16 9.25C16.0022 10.7815 15.4812 12.2678 14.5232 13.4627ZM13.0187 12.9062C13.9706 11.9274 14.5021 10.6153 14.5 9.25C14.5 6.349 12.1502 4 9.25 4C6.349 4 4 6.349 4 9.25C4 12.1502 6.349 14.5 9.25 14.5C10.6153 14.5021 11.9274 13.9706 12.9062 13.0187L13.0187 12.9062Z",
|
|
6048
|
+
fill: "#AEAEAE"
|
|
6049
|
+
}
|
|
6050
|
+
)
|
|
6060
6051
|
}
|
|
6061
6052
|
);
|
|
6062
6053
|
};
|
|
6063
6054
|
|
|
6064
6055
|
// src/icons/setting-icon.tsx
|
|
6065
|
-
import { jsx as jsx26, jsxs as
|
|
6056
|
+
import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
6066
6057
|
var SettingIcon = ({ className = "" }) => {
|
|
6067
|
-
return /* @__PURE__ */
|
|
6058
|
+
return /* @__PURE__ */ jsxs14(
|
|
6068
6059
|
"svg",
|
|
6069
6060
|
{
|
|
6070
6061
|
width: "16",
|
|
@@ -6156,9 +6147,9 @@ var UnArchiveIcon = () => {
|
|
|
6156
6147
|
};
|
|
6157
6148
|
|
|
6158
6149
|
// src/icons/vector-icon.tsx
|
|
6159
|
-
import { jsx as jsx30, jsxs as
|
|
6150
|
+
import { jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
6160
6151
|
var VectorIcon = () => {
|
|
6161
|
-
return /* @__PURE__ */
|
|
6152
|
+
return /* @__PURE__ */ jsxs15(
|
|
6162
6153
|
"svg",
|
|
6163
6154
|
{
|
|
6164
6155
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -6187,9 +6178,9 @@ var VectorIcon = () => {
|
|
|
6187
6178
|
};
|
|
6188
6179
|
|
|
6189
6180
|
// src/icons/zip-icon.tsx
|
|
6190
|
-
import { jsx as jsx31, jsxs as
|
|
6181
|
+
import { jsx as jsx31, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
6191
6182
|
var ZipIcon = () => {
|
|
6192
|
-
return /* @__PURE__ */
|
|
6183
|
+
return /* @__PURE__ */ jsxs16(
|
|
6193
6184
|
"svg",
|
|
6194
6185
|
{
|
|
6195
6186
|
width: "40",
|
|
@@ -6198,8 +6189,8 @@ var ZipIcon = () => {
|
|
|
6198
6189
|
fill: "none",
|
|
6199
6190
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6200
6191
|
children: [
|
|
6201
|
-
/* @__PURE__ */
|
|
6202
|
-
/* @__PURE__ */
|
|
6192
|
+
/* @__PURE__ */ jsxs16("g", { clipPath: "url(#clip0_3042_66427)", children: [
|
|
6193
|
+
/* @__PURE__ */ jsxs16("g", { filter: "url(#filter0_di_3042_66427)", children: [
|
|
6203
6194
|
/* @__PURE__ */ jsx31(
|
|
6204
6195
|
"path",
|
|
6205
6196
|
{
|
|
@@ -6224,7 +6215,7 @@ var ZipIcon = () => {
|
|
|
6224
6215
|
strokeWidth: "1.5"
|
|
6225
6216
|
}
|
|
6226
6217
|
),
|
|
6227
|
-
/* @__PURE__ */
|
|
6218
|
+
/* @__PURE__ */ jsxs16("g", { filter: "url(#filter1_i_3042_66427)", children: [
|
|
6228
6219
|
/* @__PURE__ */ jsx31("mask", { id: "path-4-inside-1_3042_66427", fill: "white", children: /* @__PURE__ */ jsx31("path", { d: "M0 22C0 19.7909 1.79086 18 4 18H20C22.2091 18 24 19.7909 24 22V30C24 32.2091 22.2091 34 20 34H4C1.79086 34 0 32.2091 0 30V22Z" }) }),
|
|
6229
6220
|
/* @__PURE__ */ jsx31(
|
|
6230
6221
|
"path",
|
|
@@ -6251,8 +6242,8 @@ var ZipIcon = () => {
|
|
|
6251
6242
|
)
|
|
6252
6243
|
] })
|
|
6253
6244
|
] }),
|
|
6254
|
-
/* @__PURE__ */
|
|
6255
|
-
/* @__PURE__ */
|
|
6245
|
+
/* @__PURE__ */ jsxs16("defs", { children: [
|
|
6246
|
+
/* @__PURE__ */ jsxs16(
|
|
6256
6247
|
"filter",
|
|
6257
6248
|
{
|
|
6258
6249
|
id: "filter0_di_3042_66427",
|
|
@@ -6330,7 +6321,7 @@ var ZipIcon = () => {
|
|
|
6330
6321
|
]
|
|
6331
6322
|
}
|
|
6332
6323
|
),
|
|
6333
|
-
/* @__PURE__ */
|
|
6324
|
+
/* @__PURE__ */ jsxs16(
|
|
6334
6325
|
"filter",
|
|
6335
6326
|
{
|
|
6336
6327
|
id: "filter1_i_3042_66427",
|
|
@@ -6389,9 +6380,9 @@ var ZipIcon = () => {
|
|
|
6389
6380
|
};
|
|
6390
6381
|
|
|
6391
6382
|
// src/icons/empty-data.tsx
|
|
6392
|
-
import { jsx as jsx32, jsxs as
|
|
6383
|
+
import { jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
6393
6384
|
var EmptyData = ({ className }) => {
|
|
6394
|
-
return /* @__PURE__ */
|
|
6385
|
+
return /* @__PURE__ */ jsxs17(
|
|
6395
6386
|
"svg",
|
|
6396
6387
|
{
|
|
6397
6388
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -6400,7 +6391,7 @@ var EmptyData = ({ className }) => {
|
|
|
6400
6391
|
viewBox: "0 0 120 140",
|
|
6401
6392
|
fill: "none",
|
|
6402
6393
|
children: [
|
|
6403
|
-
/* @__PURE__ */
|
|
6394
|
+
/* @__PURE__ */ jsxs17("g", { clipPath: "url(#clip0_5603_10527)", children: [
|
|
6404
6395
|
/* @__PURE__ */ jsx32("g", { filter: "url(#filter0_d_5603_10527)", children: /* @__PURE__ */ jsx32(
|
|
6405
6396
|
"path",
|
|
6406
6397
|
{
|
|
@@ -6433,7 +6424,7 @@ var EmptyData = ({ className }) => {
|
|
|
6433
6424
|
)
|
|
6434
6425
|
}
|
|
6435
6426
|
),
|
|
6436
|
-
/* @__PURE__ */
|
|
6427
|
+
/* @__PURE__ */ jsxs17("g", { mask: "url(#mask0_5603_10527)", children: [
|
|
6437
6428
|
/* @__PURE__ */ jsx32(
|
|
6438
6429
|
"path",
|
|
6439
6430
|
{
|
|
@@ -6498,7 +6489,7 @@ var EmptyData = ({ className }) => {
|
|
|
6498
6489
|
)
|
|
6499
6490
|
}
|
|
6500
6491
|
),
|
|
6501
|
-
/* @__PURE__ */ jsx32("g", { mask: "url(#mask2_5603_10527)", children: /* @__PURE__ */
|
|
6492
|
+
/* @__PURE__ */ jsx32("g", { mask: "url(#mask2_5603_10527)", children: /* @__PURE__ */ jsxs17("g", { opacity: "0.07", children: [
|
|
6502
6493
|
/* @__PURE__ */ jsx32("path", { d: "M73.716 93H27V99.214H73.716V93Z", fill: "black" }),
|
|
6503
6494
|
/* @__PURE__ */ jsx32("path", { d: "M95.812 101.699H27V107.913H95.812V101.699Z", fill: "black" }),
|
|
6504
6495
|
/* @__PURE__ */ jsx32("path", { d: "M69.297 113.506H27V119.72H69.297V113.506Z", fill: "black" }),
|
|
@@ -6538,8 +6529,8 @@ var EmptyData = ({ className }) => {
|
|
|
6538
6529
|
}
|
|
6539
6530
|
)
|
|
6540
6531
|
] }),
|
|
6541
|
-
/* @__PURE__ */
|
|
6542
|
-
/* @__PURE__ */
|
|
6532
|
+
/* @__PURE__ */ jsxs17("defs", { children: [
|
|
6533
|
+
/* @__PURE__ */ jsxs17(
|
|
6543
6534
|
"filter",
|
|
6544
6535
|
{
|
|
6545
6536
|
id: "filter0_d_5603_10527",
|
|
@@ -6597,7 +6588,7 @@ var EmptyData = ({ className }) => {
|
|
|
6597
6588
|
};
|
|
6598
6589
|
|
|
6599
6590
|
// src/icons/loading-icon.tsx
|
|
6600
|
-
import { jsx as jsx33, jsxs as
|
|
6591
|
+
import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
6601
6592
|
var LoadingIcon = ({
|
|
6602
6593
|
width = 15,
|
|
6603
6594
|
height = 15,
|
|
@@ -6618,7 +6609,7 @@ var LoadingIcon = ({
|
|
|
6618
6609
|
background: "transparent"
|
|
6619
6610
|
},
|
|
6620
6611
|
...props,
|
|
6621
|
-
children: /* @__PURE__ */
|
|
6612
|
+
children: /* @__PURE__ */ jsxs18("g", { children: [
|
|
6622
6613
|
/* @__PURE__ */ jsx33(
|
|
6623
6614
|
"circle",
|
|
6624
6615
|
{
|
|
@@ -6649,8 +6640,8 @@ var LoadingIcon = ({
|
|
|
6649
6640
|
};
|
|
6650
6641
|
|
|
6651
6642
|
// src/icons/paid-icon.tsx
|
|
6652
|
-
import { jsx as jsx34, jsxs as
|
|
6653
|
-
var PaidIcon = () => /* @__PURE__ */
|
|
6643
|
+
import { jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
6644
|
+
var PaidIcon = () => /* @__PURE__ */ jsxs19(
|
|
6654
6645
|
"svg",
|
|
6655
6646
|
{
|
|
6656
6647
|
width: "208",
|
|
@@ -6659,7 +6650,7 @@ var PaidIcon = () => /* @__PURE__ */ jsxs20(
|
|
|
6659
6650
|
fill: "none",
|
|
6660
6651
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6661
6652
|
children: [
|
|
6662
|
-
/* @__PURE__ */
|
|
6653
|
+
/* @__PURE__ */ jsxs19("g", { opacity: "0.5", filter: "url(#filter0_d_615_26793)", children: [
|
|
6663
6654
|
/* @__PURE__ */ jsx34(
|
|
6664
6655
|
"path",
|
|
6665
6656
|
{
|
|
@@ -6735,8 +6726,8 @@ var PaidIcon = () => /* @__PURE__ */ jsxs20(
|
|
|
6735
6726
|
}
|
|
6736
6727
|
)
|
|
6737
6728
|
] }),
|
|
6738
|
-
/* @__PURE__ */
|
|
6739
|
-
/* @__PURE__ */
|
|
6729
|
+
/* @__PURE__ */ jsxs19("defs", { children: [
|
|
6730
|
+
/* @__PURE__ */ jsxs19(
|
|
6740
6731
|
"filter",
|
|
6741
6732
|
{
|
|
6742
6733
|
id: "filter0_d_615_26793",
|
|
@@ -6833,13 +6824,13 @@ var PlaceHolderIcon = () => {
|
|
|
6833
6824
|
};
|
|
6834
6825
|
|
|
6835
6826
|
// src/icons/google-icon.tsx
|
|
6836
|
-
import { jsx as jsx36, jsxs as
|
|
6827
|
+
import { jsx as jsx36, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
6837
6828
|
var GoogleIcon = ({
|
|
6838
6829
|
width = 20,
|
|
6839
6830
|
height = 20,
|
|
6840
6831
|
...props
|
|
6841
6832
|
}) => {
|
|
6842
|
-
return /* @__PURE__ */
|
|
6833
|
+
return /* @__PURE__ */ jsxs20(
|
|
6843
6834
|
"svg",
|
|
6844
6835
|
{
|
|
6845
6836
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -6884,9 +6875,9 @@ var GoogleIcon = ({
|
|
|
6884
6875
|
};
|
|
6885
6876
|
|
|
6886
6877
|
// src/icons/eye-closed-icon.tsx
|
|
6887
|
-
import { jsx as jsx37, jsxs as
|
|
6878
|
+
import { jsx as jsx37, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
6888
6879
|
var EyeClosedIcon = () => {
|
|
6889
|
-
return /* @__PURE__ */
|
|
6880
|
+
return /* @__PURE__ */ jsxs21(
|
|
6890
6881
|
"svg",
|
|
6891
6882
|
{
|
|
6892
6883
|
width: "20",
|
|
@@ -7787,7 +7778,7 @@ import { jsx as jsx38 } from "react/jsx-runtime";
|
|
|
7787
7778
|
var IcArrow = () => /* @__PURE__ */ jsx38("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", children: /* @__PURE__ */ jsx38("path", { d: "M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z" }) });
|
|
7788
7779
|
|
|
7789
7780
|
// src/widgets/advanced/pagination/pagination-view.tsx
|
|
7790
|
-
import { jsx as jsx39, jsxs as
|
|
7781
|
+
import { jsx as jsx39, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
7791
7782
|
var PaginationView = (props) => {
|
|
7792
7783
|
const {
|
|
7793
7784
|
displayPageNumberDots,
|
|
@@ -7820,8 +7811,8 @@ var PaginationView = (props) => {
|
|
|
7820
7811
|
let lastPage = paginationRange[paginationRange.length - 1];
|
|
7821
7812
|
const startPage = currentPage * pageSize + 1;
|
|
7822
7813
|
const endPage = Math.min((currentPage + 1) * pageSize, totalCount);
|
|
7823
|
-
return /* @__PURE__ */
|
|
7824
|
-
!displayPageNumberDots && /* @__PURE__ */
|
|
7814
|
+
return /* @__PURE__ */ jsxs22("ul", { className: `pagination-container rounded-lg ${className}`, children: [
|
|
7815
|
+
!displayPageNumberDots && /* @__PURE__ */ jsxs22("li", { className: "pagination-item px-0", children: [
|
|
7825
7816
|
startPage,
|
|
7826
7817
|
" - ",
|
|
7827
7818
|
endPage,
|
|
@@ -12020,7 +12011,7 @@ instance.use(Browser).use(initReactI18next).init({
|
|
|
12020
12011
|
var i18n_default = instance;
|
|
12021
12012
|
|
|
12022
12013
|
// src/widgets/advanced/table/table-group.tsx
|
|
12023
|
-
import { Fragment as Fragment2, jsx as jsx40, jsxs as
|
|
12014
|
+
import { Fragment as Fragment2, jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
12024
12015
|
var TableGroup = (props) => {
|
|
12025
12016
|
const {
|
|
12026
12017
|
handleExpandChildGroup,
|
|
@@ -12051,8 +12042,8 @@ var TableGroup = (props) => {
|
|
|
12051
12042
|
pageGroup,
|
|
12052
12043
|
setPageGroup
|
|
12053
12044
|
} = props;
|
|
12054
|
-
return /* @__PURE__ */
|
|
12055
|
-
/* @__PURE__ */
|
|
12045
|
+
return /* @__PURE__ */ jsxs23(Fragment2, { children: [
|
|
12046
|
+
/* @__PURE__ */ jsxs23(
|
|
12056
12047
|
"tr",
|
|
12057
12048
|
{
|
|
12058
12049
|
draggable: true,
|
|
@@ -12065,13 +12056,13 @@ var TableGroup = (props) => {
|
|
|
12065
12056
|
colSpan: colEmptyGroup.fromStart ?? 1,
|
|
12066
12057
|
style: { display: "table-cell" },
|
|
12067
12058
|
className: "relative z-20 w-max whitespace-nowrap border-b border-gray-200 p-3 text-sm font-normal text-gray-900 h-[53px]",
|
|
12068
|
-
children: /* @__PURE__ */
|
|
12059
|
+
children: /* @__PURE__ */ jsxs23(
|
|
12069
12060
|
"div",
|
|
12070
12061
|
{
|
|
12071
12062
|
style: { paddingLeft: leftPadding },
|
|
12072
12063
|
className: `flex items-center justify-between gap-2 font-medium ml-2 z-21`,
|
|
12073
12064
|
children: [
|
|
12074
|
-
/* @__PURE__ */
|
|
12065
|
+
/* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
|
|
12075
12066
|
/* @__PURE__ */ jsx40(
|
|
12076
12067
|
TriangleIcon,
|
|
12077
12068
|
{
|
|
@@ -12148,7 +12139,7 @@ var TableGroup = (props) => {
|
|
|
12148
12139
|
|
|
12149
12140
|
// src/widgets/advanced/table/table-row.tsx
|
|
12150
12141
|
import { useEffect as useEffect3, useMemo as useMemo3, useRef as useRef3 } from "react";
|
|
12151
|
-
import { Fragment as Fragment3, jsx as jsx41, jsxs as
|
|
12142
|
+
import { Fragment as Fragment3, jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
12152
12143
|
var Row = (props) => {
|
|
12153
12144
|
const {
|
|
12154
12145
|
row,
|
|
@@ -12218,7 +12209,7 @@ var Row = (props) => {
|
|
|
12218
12209
|
{
|
|
12219
12210
|
"data-row-id": row?.id,
|
|
12220
12211
|
className: `border-b border-[#e8e8e8] cursor-pointer`,
|
|
12221
|
-
children: /* @__PURE__ */
|
|
12212
|
+
children: /* @__PURE__ */ jsxs24(Fragment3, { children: [
|
|
12222
12213
|
isDisplayCheckbox && /* @__PURE__ */ jsx41(
|
|
12223
12214
|
"td",
|
|
12224
12215
|
{
|
|
@@ -12275,7 +12266,7 @@ var Row = (props) => {
|
|
|
12275
12266
|
};
|
|
12276
12267
|
|
|
12277
12268
|
// src/widgets/advanced/table/table-body.tsx
|
|
12278
|
-
import { jsx as jsx42, jsxs as
|
|
12269
|
+
import { jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
12279
12270
|
var TableBodyRow = (props) => {
|
|
12280
12271
|
const {
|
|
12281
12272
|
rows,
|
|
@@ -12299,7 +12290,8 @@ var TableBodyRow = (props) => {
|
|
|
12299
12290
|
checked,
|
|
12300
12291
|
isForm,
|
|
12301
12292
|
typeCo,
|
|
12302
|
-
selectedRowKeys
|
|
12293
|
+
selectedRowKeys,
|
|
12294
|
+
isEditTable
|
|
12303
12295
|
} = props;
|
|
12304
12296
|
const [isAutoSelect, setIsAutoSelect] = useState2(false);
|
|
12305
12297
|
const rootStyle = getComputedStyle(document.documentElement);
|
|
@@ -12344,16 +12336,16 @@ var TableBodyRow = (props) => {
|
|
|
12344
12336
|
checkedAll,
|
|
12345
12337
|
setIsAutoSelect,
|
|
12346
12338
|
isAutoSelect,
|
|
12347
|
-
s: true,
|
|
12348
12339
|
selectedRowKeysRef,
|
|
12349
|
-
setSelectedRowKeys
|
|
12340
|
+
setSelectedRowKeys,
|
|
12341
|
+
isEditTable
|
|
12350
12342
|
},
|
|
12351
12343
|
`record-${index4}`
|
|
12352
12344
|
);
|
|
12353
|
-
}) : !isForm && /* @__PURE__ */ jsx42("tr", { children: /* @__PURE__ */ jsx42("td", { className: "w-full", colSpan: columns?.length + 2, children: /* @__PURE__ */
|
|
12345
|
+
}) : !isForm && /* @__PURE__ */ jsx42("tr", { children: /* @__PURE__ */ jsx42("td", { className: "w-full", colSpan: columns?.length + 2, children: /* @__PURE__ */ jsxs25(
|
|
12354
12346
|
"div",
|
|
12355
12347
|
{
|
|
12356
|
-
className: `flex flex-col items-center justify-center gap-3 ${typeCo === "form" ? "my-6" : "my-
|
|
12348
|
+
className: `flex flex-col items-center justify-center gap-3 ${typeCo === "form" ? "my-6" : "my-2"}`,
|
|
12357
12349
|
children: [
|
|
12358
12350
|
/* @__PURE__ */ jsx42(EmptyData, { className: colorPrimary }),
|
|
12359
12351
|
/* @__PURE__ */ jsx42("div", { className: "text-xl font-extrabold", children: i18n_default.t("empty_data") })
|
|
@@ -12362,13 +12354,13 @@ var TableBodyRow = (props) => {
|
|
|
12362
12354
|
) }) });
|
|
12363
12355
|
};
|
|
12364
12356
|
var TableBody = (props) => {
|
|
12365
|
-
return /* @__PURE__ */ jsx42("tbody", { className: "overflow-hidden", children: /* @__PURE__ */ jsx42(TableBodyRow, { ...props }) });
|
|
12357
|
+
return /* @__PURE__ */ jsx42("tbody", { className: "overflow-hidden z-0", children: /* @__PURE__ */ jsx42(TableBodyRow, { ...props }) });
|
|
12366
12358
|
};
|
|
12367
12359
|
|
|
12368
12360
|
// src/widgets/advanced/table/table-filter.tsx
|
|
12369
12361
|
import { useEffect as useEffect4, useRef as useRef4, useState as useState3 } from "react";
|
|
12370
12362
|
import { createPortal } from "react-dom";
|
|
12371
|
-
import { jsx as jsx43, jsxs as
|
|
12363
|
+
import { jsx as jsx43, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
12372
12364
|
var TableFilter = ({ columns, onToggleColumnOptional }) => {
|
|
12373
12365
|
const [openTableFilter, setOpenTableFilter] = useState3();
|
|
12374
12366
|
const [filterPosition, setFilterPosition] = useState3(null);
|
|
@@ -12400,7 +12392,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
|
|
|
12400
12392
|
window.removeEventListener("resize", updatePosition);
|
|
12401
12393
|
};
|
|
12402
12394
|
}, [filterRef, openTableFilter]);
|
|
12403
|
-
return /* @__PURE__ */
|
|
12395
|
+
return /* @__PURE__ */ jsxs26(
|
|
12404
12396
|
"div",
|
|
12405
12397
|
{
|
|
12406
12398
|
ref: filterRef,
|
|
@@ -12417,7 +12409,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
|
|
|
12417
12409
|
onClick: () => {
|
|
12418
12410
|
setOpenTableFilter(!openTableFilter);
|
|
12419
12411
|
},
|
|
12420
|
-
children: /* @__PURE__ */
|
|
12412
|
+
children: /* @__PURE__ */ jsxs26(
|
|
12421
12413
|
"svg",
|
|
12422
12414
|
{
|
|
12423
12415
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -12481,7 +12473,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
|
|
|
12481
12473
|
style: { top: filterPosition?.top, right: filterPosition?.right },
|
|
12482
12474
|
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",
|
|
12483
12475
|
children: columns?.filter((val) => val?.optional !== void 0)?.map((item) => {
|
|
12484
|
-
return /* @__PURE__ */
|
|
12476
|
+
return /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
|
|
12485
12477
|
/* @__PURE__ */ jsx43(
|
|
12486
12478
|
"input",
|
|
12487
12479
|
{
|
|
@@ -12512,14 +12504,14 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
|
|
|
12512
12504
|
};
|
|
12513
12505
|
|
|
12514
12506
|
// src/widgets/advanced/table/table-footer.tsx
|
|
12515
|
-
import { jsx as jsx44, jsxs as
|
|
12507
|
+
import { jsx as jsx44, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
12516
12508
|
var TableFooter = ({ onAddRow, rows }) => {
|
|
12517
12509
|
const emptyData = rows?.length <= 0;
|
|
12518
12510
|
return /* @__PURE__ */ jsx44("tfoot", { children: /* @__PURE__ */ jsx44("tr", { className: `relative ${emptyData ? " h-20" : "h-14"}`, children: /* @__PURE__ */ jsx44(
|
|
12519
12511
|
"td",
|
|
12520
12512
|
{
|
|
12521
12513
|
className: `absolute left-0 p-0 right-0 flex items-center ${emptyData ? "justify-center" : "justify-start"}`,
|
|
12522
|
-
children: /* @__PURE__ */
|
|
12514
|
+
children: /* @__PURE__ */ jsxs27(
|
|
12523
12515
|
"button",
|
|
12524
12516
|
{
|
|
12525
12517
|
type: "button",
|
|
@@ -12529,7 +12521,7 @@ var TableFooter = ({ onAddRow, rows }) => {
|
|
|
12529
12521
|
},
|
|
12530
12522
|
className: `button-primary m-2 flex ${!emptyData ? "!bg-white border border-primary " : ""}`,
|
|
12531
12523
|
children: [
|
|
12532
|
-
/* @__PURE__ */
|
|
12524
|
+
/* @__PURE__ */ jsxs27(
|
|
12533
12525
|
"svg",
|
|
12534
12526
|
{
|
|
12535
12527
|
style: {
|
|
@@ -12568,7 +12560,7 @@ var TableFooter = ({ onAddRow, rows }) => {
|
|
|
12568
12560
|
};
|
|
12569
12561
|
|
|
12570
12562
|
// src/widgets/advanced/table/table-head.tsx
|
|
12571
|
-
import { jsx as jsx45, jsxs as
|
|
12563
|
+
import { jsx as jsx45, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
12572
12564
|
var TableHead = (props) => {
|
|
12573
12565
|
const {
|
|
12574
12566
|
handleCheckBoxAll,
|
|
@@ -12578,11 +12570,11 @@ var TableHead = (props) => {
|
|
|
12578
12570
|
onRemoveRow,
|
|
12579
12571
|
onToggleColumnOptional
|
|
12580
12572
|
} = props;
|
|
12581
|
-
return /* @__PURE__ */ jsx45("thead", { className: "relative z-
|
|
12573
|
+
return /* @__PURE__ */ jsx45("thead", { className: "relative z-10", children: /* @__PURE__ */ jsxs28(
|
|
12582
12574
|
"tr",
|
|
12583
12575
|
{
|
|
12584
12576
|
style: { userSelect: "none", WebkitUserSelect: "none" },
|
|
12585
|
-
className: "border-b-[1.5px] border-[
|
|
12577
|
+
className: "border-b-[1.5px] border-[rgba(66,66,66,0.12)] sticky top-0 bg-white z-[1]",
|
|
12586
12578
|
children: [
|
|
12587
12579
|
isDisplayCheckbox && /* @__PURE__ */ jsx45(
|
|
12588
12580
|
"th",
|
|
@@ -14468,7 +14460,7 @@ Button.displayName = "Button";
|
|
|
14468
14460
|
|
|
14469
14461
|
// src/widgets/advanced/login/shared/text-input.tsx
|
|
14470
14462
|
import { useState as useState4 } from "react";
|
|
14471
|
-
import { jsx as jsx47, jsxs as
|
|
14463
|
+
import { jsx as jsx47, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
14472
14464
|
function TextInput(props) {
|
|
14473
14465
|
const {
|
|
14474
14466
|
className,
|
|
@@ -14482,12 +14474,12 @@ function TextInput(props) {
|
|
|
14482
14474
|
required
|
|
14483
14475
|
} = props;
|
|
14484
14476
|
const [showPassword, setShowPassword] = useState4(false);
|
|
14485
|
-
return /* @__PURE__ */
|
|
14486
|
-
label && /* @__PURE__ */
|
|
14477
|
+
return /* @__PURE__ */ jsxs29("div", { className: `flex justify-center gap-2 flex-col ${className}`, children: [
|
|
14478
|
+
label && /* @__PURE__ */ jsxs29("label", { className: "text-[#262626] text-sm leading-5 font-semibold", children: [
|
|
14487
14479
|
label,
|
|
14488
14480
|
required ? /* @__PURE__ */ jsx47("span", { className: "text-[#ff4d4f]", children: "*" }) : ""
|
|
14489
14481
|
] }),
|
|
14490
|
-
/* @__PURE__ */
|
|
14482
|
+
/* @__PURE__ */ jsxs29(
|
|
14491
14483
|
"div",
|
|
14492
14484
|
{
|
|
14493
14485
|
className: `flex h-14 w-full items-center border border-[#E0E0E0] px-4 py-3 ${inputWrapperClassName}`,
|
|
@@ -14524,7 +14516,7 @@ function TextInput(props) {
|
|
|
14524
14516
|
|
|
14525
14517
|
// src/widgets/advanced/login/provider/credential/form-options/index.tsx
|
|
14526
14518
|
import { useEffect as useEffect5 } from "react";
|
|
14527
|
-
import { jsx as jsx48, jsxs as
|
|
14519
|
+
import { jsx as jsx48, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
14528
14520
|
var STAY_LOGIN_IN = "stayLoginIn";
|
|
14529
14521
|
function FormOptions({
|
|
14530
14522
|
forgotPasswordUrl,
|
|
@@ -14550,8 +14542,8 @@ function FormOptions({
|
|
|
14550
14542
|
useEffect5(() => {
|
|
14551
14543
|
localStorage.setItem(STAY_LOGIN_IN, "false");
|
|
14552
14544
|
}, []);
|
|
14553
|
-
return /* @__PURE__ */
|
|
14554
|
-
/* @__PURE__ */
|
|
14545
|
+
return /* @__PURE__ */ jsxs30("div", { className: "flex justify-between items-center text-[#005aa9] text-sm leading-5 font-medium select-none", children: [
|
|
14546
|
+
/* @__PURE__ */ jsxs30("label", { className: "flex gap-3", children: [
|
|
14555
14547
|
/* @__PURE__ */ jsx48(
|
|
14556
14548
|
"input",
|
|
14557
14549
|
{
|
|
@@ -14568,7 +14560,7 @@ function FormOptions({
|
|
|
14568
14560
|
}
|
|
14569
14561
|
|
|
14570
14562
|
// src/widgets/advanced/login/provider/credential/index.tsx
|
|
14571
|
-
import { Fragment as Fragment4, jsx as jsx49, jsxs as
|
|
14563
|
+
import { Fragment as Fragment4, jsx as jsx49, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
14572
14564
|
var CredentialLogin = (props) => {
|
|
14573
14565
|
const {
|
|
14574
14566
|
shouldRenderDivider,
|
|
@@ -14588,15 +14580,15 @@ var CredentialLogin = (props) => {
|
|
|
14588
14580
|
mode: "onChange",
|
|
14589
14581
|
resolver: s2(loginSchema)
|
|
14590
14582
|
});
|
|
14591
|
-
return /* @__PURE__ */
|
|
14592
|
-
/* @__PURE__ */
|
|
14583
|
+
return /* @__PURE__ */ jsxs31(Fragment4, { children: [
|
|
14584
|
+
/* @__PURE__ */ jsxs31(
|
|
14593
14585
|
"form",
|
|
14594
14586
|
{
|
|
14595
14587
|
onSubmit: handleSubmit(onSubmit ?? (() => {
|
|
14596
14588
|
})),
|
|
14597
14589
|
className: `flex w-full h-fit flex-col gap-10`,
|
|
14598
14590
|
children: [
|
|
14599
|
-
/* @__PURE__ */
|
|
14591
|
+
/* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-6", children: [
|
|
14600
14592
|
/* @__PURE__ */ jsx49(
|
|
14601
14593
|
TextInput,
|
|
14602
14594
|
{
|
|
@@ -14645,7 +14637,7 @@ var CredentialLogin = (props) => {
|
|
|
14645
14637
|
]
|
|
14646
14638
|
}
|
|
14647
14639
|
),
|
|
14648
|
-
shouldRenderDivider && /* @__PURE__ */
|
|
14640
|
+
shouldRenderDivider && /* @__PURE__ */ jsxs31("div", { className: "flex justify-center relative", children: [
|
|
14649
14641
|
/* @__PURE__ */ jsx49("div", { className: "absolute inset-x-0 top-[calc(50%-0.5px)] h-[0.8px] bg-gray-300" }),
|
|
14650
14642
|
/* @__PURE__ */ jsx49("span", { className: "relative font-medium text-sm inline-block bg-white px-2.5 text-[#6e6e6e]", children: "ho\u1EB7c" })
|
|
14651
14643
|
] })
|
|
@@ -14653,10 +14645,10 @@ var CredentialLogin = (props) => {
|
|
|
14653
14645
|
};
|
|
14654
14646
|
|
|
14655
14647
|
// src/widgets/advanced/login/provider/google/google-btn/index.tsx
|
|
14656
|
-
import { jsx as jsx50, jsxs as
|
|
14648
|
+
import { jsx as jsx50, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
14657
14649
|
function GoogleButton(props) {
|
|
14658
14650
|
const { onLoginGoogle, db } = props;
|
|
14659
|
-
return /* @__PURE__ */
|
|
14651
|
+
return /* @__PURE__ */ jsxs32(
|
|
14660
14652
|
"button",
|
|
14661
14653
|
{
|
|
14662
14654
|
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",
|
|
@@ -14678,22 +14670,22 @@ function SocialRedirect(props) {
|
|
|
14678
14670
|
}
|
|
14679
14671
|
|
|
14680
14672
|
// src/widgets/advanced/login/provider/google/index.tsx
|
|
14681
|
-
import { Fragment as Fragment6, jsx as jsx52, jsxs as
|
|
14673
|
+
import { Fragment as Fragment6, jsx as jsx52, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
14682
14674
|
var GoogleLogin = ({ db, onLoginSocial, onLoginGoogle }) => {
|
|
14683
|
-
return /* @__PURE__ */
|
|
14675
|
+
return /* @__PURE__ */ jsxs33(Fragment6, { children: [
|
|
14684
14676
|
/* @__PURE__ */ jsx52(GoogleButton, { db, onLoginGoogle }),
|
|
14685
14677
|
/* @__PURE__ */ jsx52(SocialRedirect, { db, onLoginSocial })
|
|
14686
14678
|
] });
|
|
14687
14679
|
};
|
|
14688
14680
|
|
|
14689
14681
|
// src/widgets/advanced/login/index.tsx
|
|
14690
|
-
import { jsx as jsx53, jsxs as
|
|
14682
|
+
import { jsx as jsx53, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
14691
14683
|
var LoginProviderMapping = {
|
|
14692
14684
|
google: GoogleLogin
|
|
14693
14685
|
};
|
|
14694
14686
|
var Login = (props) => {
|
|
14695
14687
|
const { providers = [], forgotPasswordUrl = "/", db, onLoginSocial, onLoginGoogle } = props;
|
|
14696
|
-
return /* @__PURE__ */
|
|
14688
|
+
return /* @__PURE__ */ jsxs34("div", { className: "w-full space-y-8", children: [
|
|
14697
14689
|
/* @__PURE__ */ jsx53(
|
|
14698
14690
|
CredentialLogin,
|
|
14699
14691
|
{
|
|
@@ -14718,7 +14710,7 @@ var Login = (props) => {
|
|
|
14718
14710
|
};
|
|
14719
14711
|
|
|
14720
14712
|
// src/widgets/advanced/search/popup-filter/index.tsx
|
|
14721
|
-
import { jsx as jsx54, jsxs as
|
|
14713
|
+
import { jsx as jsx54, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
14722
14714
|
var PopupFilter = ({
|
|
14723
14715
|
handleAddTagSearch,
|
|
14724
14716
|
removeSearchItems,
|
|
@@ -14728,13 +14720,13 @@ var PopupFilter = ({
|
|
|
14728
14720
|
setGroupBy,
|
|
14729
14721
|
fields
|
|
14730
14722
|
}) => {
|
|
14731
|
-
return /* @__PURE__ */ jsx54("div", { className: "popup-filter absolute right-0 top-[calc(100%_+_3px)] z-[33] w-auto min-w-full overflow-x-auto rounded-lg border bg-white border-none shadow-xl", children: /* @__PURE__ */
|
|
14723
|
+
return /* @__PURE__ */ jsx54("div", { className: "popup-filter absolute right-0 top-[calc(100%_+_3px)] z-[33] w-auto min-w-full overflow-x-auto rounded-lg border bg-white border-none shadow-xl", children: /* @__PURE__ */ jsxs35(
|
|
14732
14724
|
"div",
|
|
14733
14725
|
{
|
|
14734
14726
|
className: `flex py-3 ${(filterBy?.length === 0 || groupBy?.length === 0) && "!grid-cols-1"}`,
|
|
14735
14727
|
children: [
|
|
14736
|
-
filterBy?.length > 0 && /* @__PURE__ */
|
|
14737
|
-
/* @__PURE__ */
|
|
14728
|
+
filterBy?.length > 0 && /* @__PURE__ */ jsxs35("div", { className: "filter-by w-full px-3", children: [
|
|
14729
|
+
/* @__PURE__ */ jsxs35("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
|
|
14738
14730
|
/* @__PURE__ */ jsx54(FilterIcon, { className: "filter-by-icon text-primary" }),
|
|
14739
14731
|
/* @__PURE__ */ jsx54("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("filter_by") })
|
|
14740
14732
|
] }),
|
|
@@ -14746,7 +14738,7 @@ var PopupFilter = ({
|
|
|
14746
14738
|
acc.push(/* @__PURE__ */ jsx54("hr", { className: "my-2" }, "separator-" + index4));
|
|
14747
14739
|
}
|
|
14748
14740
|
acc.push(
|
|
14749
|
-
/* @__PURE__ */
|
|
14741
|
+
/* @__PURE__ */ jsxs35(
|
|
14750
14742
|
"button",
|
|
14751
14743
|
{
|
|
14752
14744
|
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)]"}`,
|
|
@@ -14782,15 +14774,15 @@ var PopupFilter = ({
|
|
|
14782
14774
|
}, [])
|
|
14783
14775
|
] }),
|
|
14784
14776
|
filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ jsx54("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
|
|
14785
|
-
groupBy?.length > 0 && /* @__PURE__ */
|
|
14786
|
-
/* @__PURE__ */
|
|
14777
|
+
groupBy?.length > 0 && /* @__PURE__ */ jsxs35("div", { className: "group-by w-full px-3", children: [
|
|
14778
|
+
/* @__PURE__ */ jsxs35("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
|
|
14787
14779
|
/* @__PURE__ */ jsx54(GroupByIcon, { className: "group-by-icon text-primary" }),
|
|
14788
14780
|
/* @__PURE__ */ jsx54("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("group_by") })
|
|
14789
14781
|
] }),
|
|
14790
14782
|
groupBy?.map((item, index4) => {
|
|
14791
14783
|
const isExist = item?.active;
|
|
14792
14784
|
if (!item.string) return;
|
|
14793
|
-
return /* @__PURE__ */
|
|
14785
|
+
return /* @__PURE__ */ jsxs35(
|
|
14794
14786
|
"button",
|
|
14795
14787
|
{
|
|
14796
14788
|
onClick: () => {
|
|
@@ -14832,7 +14824,7 @@ import { useEffect as useEffect6, useState as useState5 } from "react";
|
|
|
14832
14824
|
|
|
14833
14825
|
// src/widgets/advanced/search/tag-search/index.tsx
|
|
14834
14826
|
import { Fragment as Fragment7 } from "react";
|
|
14835
|
-
import { Fragment as Fragment8, jsx as jsx55, jsxs as
|
|
14827
|
+
import { Fragment as Fragment8, jsx as jsx55, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
14836
14828
|
var TagSearch = ({
|
|
14837
14829
|
removeSearchItems,
|
|
14838
14830
|
selectedTags,
|
|
@@ -14842,16 +14834,16 @@ var TagSearch = ({
|
|
|
14842
14834
|
return selectedTags?.length > 0 && selectedTags?.map((tag, index4) => {
|
|
14843
14835
|
if (tag?.values?.length > 0) {
|
|
14844
14836
|
if (tag?.type !== "group_by") {
|
|
14845
|
-
return /* @__PURE__ */
|
|
14837
|
+
return /* @__PURE__ */ jsxs36(
|
|
14846
14838
|
"div",
|
|
14847
14839
|
{
|
|
14848
14840
|
className: "flex min-h-full overflow-hidden rounded bg-[#E9ECEF] hover:shadow-xl",
|
|
14849
14841
|
children: [
|
|
14850
14842
|
/* @__PURE__ */ jsx55("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__ */ jsx55(FilterIcon, {}) }),
|
|
14851
14843
|
/* @__PURE__ */ jsx55("div", { className: "pl-2 align-middle text-[#495057] text-[14px]", children: tag.values.map((value, idx) => {
|
|
14852
|
-
return /* @__PURE__ */
|
|
14844
|
+
return /* @__PURE__ */ jsxs36(Fragment7, { children: [
|
|
14853
14845
|
/* @__PURE__ */ jsx55("span", { children: value }),
|
|
14854
|
-
idx < tag.values.length - 1 && /* @__PURE__ */
|
|
14846
|
+
idx < tag.values.length - 1 && /* @__PURE__ */ jsxs36("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
|
|
14855
14847
|
" ",
|
|
14856
14848
|
instance.t("or"),
|
|
14857
14849
|
" "
|
|
@@ -14888,15 +14880,15 @@ var TagSearch = ({
|
|
|
14888
14880
|
{
|
|
14889
14881
|
className: "flex min-h-full overflow-hidden",
|
|
14890
14882
|
children: /* @__PURE__ */ jsx55("div", { className: "flex flex-wrap items-center gap-2 align-middle text-[#495057] text-[14px]", children: tag?.values?.length > 0 && tag?.values.map(
|
|
14891
|
-
(value, indexValue) => value?.strings?.length > 0 && /* @__PURE__ */
|
|
14883
|
+
(value, indexValue) => value?.strings?.length > 0 && /* @__PURE__ */ jsxs36(
|
|
14892
14884
|
"div",
|
|
14893
14885
|
{
|
|
14894
14886
|
className: "flex gap-2 overflow-hidden rounded bg-[#E9ECEF] hover:shadow-xl",
|
|
14895
14887
|
children: [
|
|
14896
14888
|
/* @__PURE__ */ jsx55("div", { className: "bg-primary flex items-center justify-center px-2 text-sm font-semibold leading-[1.5] text-white", children: /* @__PURE__ */ jsx55(GroupByIcon, {}) }),
|
|
14897
|
-
value?.strings?.map((string, idx) => /* @__PURE__ */
|
|
14889
|
+
value?.strings?.map((string, idx) => /* @__PURE__ */ jsxs36(Fragment8, { children: [
|
|
14898
14890
|
/* @__PURE__ */ jsx55("span", { children: string }),
|
|
14899
|
-
idx < value?.strings.length - 1 && /* @__PURE__ */
|
|
14891
|
+
idx < value?.strings.length - 1 && /* @__PURE__ */ jsxs36("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
|
|
14900
14892
|
" ",
|
|
14901
14893
|
"> ",
|
|
14902
14894
|
" "
|
|
@@ -14928,7 +14920,7 @@ var TagSearch = ({
|
|
|
14928
14920
|
};
|
|
14929
14921
|
|
|
14930
14922
|
// src/widgets/advanced/search/search-list/index.tsx
|
|
14931
|
-
import { jsx as jsx56, jsxs as
|
|
14923
|
+
import { jsx as jsx56, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
14932
14924
|
var SearchList = ({
|
|
14933
14925
|
handleAddTagSearch,
|
|
14934
14926
|
handleMouseEnter,
|
|
@@ -14946,7 +14938,7 @@ var SearchList = ({
|
|
|
14946
14938
|
if (!validateAndParseDate(searchString, searchItem?.type === "datetime"))
|
|
14947
14939
|
return;
|
|
14948
14940
|
}
|
|
14949
|
-
return /* @__PURE__ */
|
|
14941
|
+
return /* @__PURE__ */ jsxs37(
|
|
14950
14942
|
"button",
|
|
14951
14943
|
{
|
|
14952
14944
|
onClick: () => {
|
|
@@ -14984,7 +14976,7 @@ var SearchList = ({
|
|
|
14984
14976
|
};
|
|
14985
14977
|
|
|
14986
14978
|
// src/widgets/advanced/search/search-item/index.tsx
|
|
14987
|
-
import { Fragment as Fragment9, jsx as jsx57, jsxs as
|
|
14979
|
+
import { Fragment as Fragment9, jsx as jsx57, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
14988
14980
|
var Search = ({
|
|
14989
14981
|
removeSearchItems,
|
|
14990
14982
|
selectedTags,
|
|
@@ -15081,19 +15073,19 @@ var Search = ({
|
|
|
15081
15073
|
}
|
|
15082
15074
|
setIsReadyFormatDomain(true);
|
|
15083
15075
|
}, [aid, filterBy, fieldsList]);
|
|
15084
|
-
return /* @__PURE__ */
|
|
15076
|
+
return /* @__PURE__ */ jsxs38(
|
|
15085
15077
|
"div",
|
|
15086
15078
|
{
|
|
15087
15079
|
ref: popupFilterRef,
|
|
15088
15080
|
className: `search ${selectedRowKeys?.length <= 0 ? "flex" : "hidden"} !order-3 xl:!order-2 bg-white custom-search-input relative items-center w-full min-w-[70%] flex-1 xl:min-w-[480px] xl:flex-1 rounded-[10px] bg-grey-100 shadow-[0px_1px_3px_rgba(16,24,40,0.1),0px_1px_2px_rgba(16,24,40,0.06)] min-h-[40px] border border-[#F2F2F2]`,
|
|
15089
15081
|
children: [
|
|
15090
|
-
/* @__PURE__ */
|
|
15082
|
+
/* @__PURE__ */ jsxs38(
|
|
15091
15083
|
"div",
|
|
15092
15084
|
{
|
|
15093
15085
|
className: `relative flex md:min-w-[400px] max-w-full items-center gap-[8px] p-1 !pl-4 w-full ${(showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && "border-r border-[rgba(242,242,242,1)]"}`,
|
|
15094
15086
|
children: [
|
|
15095
15087
|
/* @__PURE__ */ jsx57("div", { className: "min-h-5 min-w-5", children: /* @__PURE__ */ jsx57(SearchIcon, {}) }),
|
|
15096
|
-
/* @__PURE__ */
|
|
15088
|
+
/* @__PURE__ */ jsxs38("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
|
|
15097
15089
|
/* @__PURE__ */ jsx57(
|
|
15098
15090
|
TagSearch,
|
|
15099
15091
|
{
|
|
@@ -15128,7 +15120,7 @@ var Search = ({
|
|
|
15128
15120
|
]
|
|
15129
15121
|
}
|
|
15130
15122
|
),
|
|
15131
|
-
(showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */
|
|
15123
|
+
(showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ jsxs38(Fragment9, { children: [
|
|
15132
15124
|
/* @__PURE__ */ jsx57(
|
|
15133
15125
|
"div",
|
|
15134
15126
|
{
|
|
@@ -16980,7 +16972,7 @@ var M = e2.forwardRef(({ id: t3, anchorId: l2, anchorSelect: n4, content: i3, ht
|
|
|
16980
16972
|
// src/widgets/common/modal-layer.tsx
|
|
16981
16973
|
import { Fragment as Fragment11 } from "react";
|
|
16982
16974
|
import { Dialog, DialogPanel, Transition } from "@headlessui/react";
|
|
16983
|
-
import { jsx as jsx59, jsxs as
|
|
16975
|
+
import { jsx as jsx59, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
16984
16976
|
var ModalLayer = ({
|
|
16985
16977
|
isOpen,
|
|
16986
16978
|
onClose,
|
|
@@ -16998,10 +16990,10 @@ var ModalLayer = ({
|
|
|
16998
16990
|
leaveFrom: "transform scale-100 opacity-100",
|
|
16999
16991
|
leaveTo: "transform scale-95 opacity-0",
|
|
17000
16992
|
as: Fragment11,
|
|
17001
|
-
children: /* @__PURE__ */ jsx59(Dialog, { onClose, "aria-labelledby": "modal-title", children: /* @__PURE__ */ jsx59(DialogPanel, { children: /* @__PURE__ */
|
|
16993
|
+
children: /* @__PURE__ */ jsx59(Dialog, { onClose, "aria-labelledby": "modal-title", children: /* @__PURE__ */ jsx59(DialogPanel, { children: /* @__PURE__ */ jsxs39("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[500]", children: [
|
|
17002
16994
|
/* @__PURE__ */ jsx59("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
|
|
17003
|
-
/* @__PURE__ */ jsx59("div", { className: "flex items-center justify-center mx-4 absolute inset-0 overflow-auto", children: /* @__PURE__ */
|
|
17004
|
-
/* @__PURE__ */
|
|
16995
|
+
/* @__PURE__ */ jsx59("div", { className: "flex items-center justify-center mx-4 absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxs39("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: [
|
|
16996
|
+
/* @__PURE__ */ jsxs39(
|
|
17005
16997
|
"div",
|
|
17006
16998
|
{
|
|
17007
16999
|
className: `flex justify-between items-center border-[rgba(0,0,0,0.1)] pb-2`,
|
|
@@ -17027,7 +17019,7 @@ var ModalLayer = ({
|
|
|
17027
17019
|
};
|
|
17028
17020
|
|
|
17029
17021
|
// src/widgets/common/modal-confirm.tsx
|
|
17030
|
-
import { jsx as jsx60, jsxs as
|
|
17022
|
+
import { jsx as jsx60, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
17031
17023
|
var ModalConfirm = ({
|
|
17032
17024
|
name: name2,
|
|
17033
17025
|
isShowModal,
|
|
@@ -17040,7 +17032,7 @@ var ModalConfirm = ({
|
|
|
17040
17032
|
const renderButtonAction = (name3) => {
|
|
17041
17033
|
switch (name3) {
|
|
17042
17034
|
case "duplicate":
|
|
17043
|
-
return /* @__PURE__ */
|
|
17035
|
+
return /* @__PURE__ */ jsxs40(
|
|
17044
17036
|
"button",
|
|
17045
17037
|
{
|
|
17046
17038
|
type: "button",
|
|
@@ -17054,7 +17046,7 @@ var ModalConfirm = ({
|
|
|
17054
17046
|
}
|
|
17055
17047
|
);
|
|
17056
17048
|
case "archive":
|
|
17057
|
-
return /* @__PURE__ */
|
|
17049
|
+
return /* @__PURE__ */ jsxs40(
|
|
17058
17050
|
"button",
|
|
17059
17051
|
{
|
|
17060
17052
|
type: "button",
|
|
@@ -17068,7 +17060,7 @@ var ModalConfirm = ({
|
|
|
17068
17060
|
}
|
|
17069
17061
|
);
|
|
17070
17062
|
case "unarchive":
|
|
17071
|
-
return /* @__PURE__ */
|
|
17063
|
+
return /* @__PURE__ */ jsxs40(
|
|
17072
17064
|
"button",
|
|
17073
17065
|
{
|
|
17074
17066
|
type: "button",
|
|
@@ -17082,7 +17074,7 @@ var ModalConfirm = ({
|
|
|
17082
17074
|
}
|
|
17083
17075
|
);
|
|
17084
17076
|
case "delete":
|
|
17085
|
-
return /* @__PURE__ */
|
|
17077
|
+
return /* @__PURE__ */ jsxs40(
|
|
17086
17078
|
"button",
|
|
17087
17079
|
{
|
|
17088
17080
|
type: "button",
|
|
@@ -17099,12 +17091,12 @@ var ModalConfirm = ({
|
|
|
17099
17091
|
break;
|
|
17100
17092
|
}
|
|
17101
17093
|
};
|
|
17102
|
-
return /* @__PURE__ */ jsx60(ModalLayer, { isOpen: isShowModal, onClose, children: /* @__PURE__ */
|
|
17103
|
-
/* @__PURE__ */
|
|
17094
|
+
return /* @__PURE__ */ jsx60(ModalLayer, { isOpen: isShowModal, onClose, children: /* @__PURE__ */ jsxs40("div", { className: "mx-auto flex flex-col items-center justify-center gap-4", children: [
|
|
17095
|
+
/* @__PURE__ */ jsxs40("div", { className: "flex flex-col gap-[4px] items-center", children: [
|
|
17104
17096
|
/* @__PURE__ */ jsx60("div", { className: "text-[18px] font-bold", children: title }),
|
|
17105
17097
|
/* @__PURE__ */ jsx60("p", { className: "text-[16px]", children: content })
|
|
17106
17098
|
] }),
|
|
17107
|
-
/* @__PURE__ */
|
|
17099
|
+
/* @__PURE__ */ jsxs40("div", { className: "flex justify-center items-center gap-2 w-full", children: [
|
|
17108
17100
|
/* @__PURE__ */ jsx60(
|
|
17109
17101
|
"button",
|
|
17110
17102
|
{
|
|
@@ -17122,7 +17114,7 @@ var ModalConfirm = ({
|
|
|
17122
17114
|
// src/widgets/common/modal-detail.tsx
|
|
17123
17115
|
import { useState as useState6 } from "react";
|
|
17124
17116
|
import { createPortal as createPortal2 } from "react-dom";
|
|
17125
|
-
import { Fragment as Fragment12, jsx as jsx61, jsxs as
|
|
17117
|
+
import { Fragment as Fragment12, jsx as jsx61, jsxs as jsxs41 } from "react/jsx-runtime";
|
|
17126
17118
|
var ModalDetail = ({
|
|
17127
17119
|
idToolTip,
|
|
17128
17120
|
title,
|
|
@@ -17144,11 +17136,11 @@ var ModalDetail = ({
|
|
|
17144
17136
|
window.location.href = `/form/menu?model=${model}&id=${idForm}`;
|
|
17145
17137
|
};
|
|
17146
17138
|
return createPortal2(
|
|
17147
|
-
/* @__PURE__ */ jsx61(Fragment12, { children: showModalDetail && /* @__PURE__ */
|
|
17139
|
+
/* @__PURE__ */ jsx61(Fragment12, { children: showModalDetail && /* @__PURE__ */ jsxs41("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[100]", children: [
|
|
17148
17140
|
/* @__PURE__ */ jsx61("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
|
|
17149
|
-
/* @__PURE__ */ jsx61("div", { className: "absolute inset-0 overflow-auto flex flex-col justify-center items-center px-5", children: /* @__PURE__ */
|
|
17150
|
-
/* @__PURE__ */
|
|
17151
|
-
/* @__PURE__ */
|
|
17141
|
+
/* @__PURE__ */ jsx61("div", { className: "absolute inset-0 overflow-auto flex flex-col justify-center items-center px-5", children: /* @__PURE__ */ jsxs41("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: [
|
|
17142
|
+
/* @__PURE__ */ jsxs41("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
|
|
17143
|
+
/* @__PURE__ */ jsxs41(
|
|
17152
17144
|
"div",
|
|
17153
17145
|
{
|
|
17154
17146
|
id: "modal-detail",
|
|
@@ -17183,7 +17175,7 @@ var ModalDetail = ({
|
|
|
17183
17175
|
|
|
17184
17176
|
// src/widgets/common/loading-normal.tsx
|
|
17185
17177
|
import { useEffect as useEffect7, useState as useState7 } from "react";
|
|
17186
|
-
import { jsx as jsx62, jsxs as
|
|
17178
|
+
import { jsx as jsx62, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
17187
17179
|
var LayerLoading = () => {
|
|
17188
17180
|
const [activeIndex, setActiveIndex] = useState7(0);
|
|
17189
17181
|
useEffect7(() => {
|
|
@@ -17192,7 +17184,7 @@ var LayerLoading = () => {
|
|
|
17192
17184
|
}, 200);
|
|
17193
17185
|
return () => clearInterval(interval);
|
|
17194
17186
|
}, []);
|
|
17195
|
-
return /* @__PURE__ */ jsx62("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ jsx62("div", { className: "flex justify-center items-center", children: /* @__PURE__ */
|
|
17187
|
+
return /* @__PURE__ */ jsx62("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ jsx62("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ jsxs42("div", { className: "flex justify-center flex-col items-center gap-12", children: [
|
|
17196
17188
|
/* @__PURE__ */ jsx62("div", { className: "loading-container", children: [...Array(6)].map((_2, index4) => /* @__PURE__ */ jsx62(
|
|
17197
17189
|
"div",
|
|
17198
17190
|
{
|
|
@@ -17226,7 +17218,7 @@ var LoadingSmall = () => {
|
|
|
17226
17218
|
|
|
17227
17219
|
// src/widgets/common/video-player.tsx
|
|
17228
17220
|
import { useRef as useRef5, useState as useState9 } from "react";
|
|
17229
|
-
import { jsx as jsx64, jsxs as
|
|
17221
|
+
import { jsx as jsx64, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
17230
17222
|
var VideoPlayer = ({ src }) => {
|
|
17231
17223
|
const [isPlaying, setIsPlaying] = useState9(false);
|
|
17232
17224
|
const videoRef = useRef5(null);
|
|
@@ -17253,7 +17245,7 @@ var VideoPlayer = ({ src }) => {
|
|
|
17253
17245
|
}
|
|
17254
17246
|
}
|
|
17255
17247
|
};
|
|
17256
|
-
return /* @__PURE__ */
|
|
17248
|
+
return /* @__PURE__ */ jsxs43("div", { className: "relative flex aspect-square h-[120px] w-[120px] items-center justify-center overflow-hidden rounded-lg max-sm:h-auto max-sm:w-full", children: [
|
|
17257
17249
|
/* @__PURE__ */ jsx64(
|
|
17258
17250
|
"video",
|
|
17259
17251
|
{
|
|
@@ -17272,7 +17264,7 @@ var VideoPlayer = ({ src }) => {
|
|
|
17272
17264
|
};
|
|
17273
17265
|
|
|
17274
17266
|
// src/widgets/common/render-files.tsx
|
|
17275
|
-
import { jsx as jsx65, jsxs as
|
|
17267
|
+
import { jsx as jsx65, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
17276
17268
|
var ImageItem = ({ filename, checksum, index: index4, src = null, useGetImage }) => {
|
|
17277
17269
|
const { data: image } = useGetImage({
|
|
17278
17270
|
data: { filename, checksum },
|
|
@@ -17312,16 +17304,16 @@ var FileItem = (props) => {
|
|
|
17312
17304
|
} else if (mimetype?.includes("video")) {
|
|
17313
17305
|
return /* @__PURE__ */ jsx65(VideoPlayer, { ...props });
|
|
17314
17306
|
} else {
|
|
17315
|
-
return /* @__PURE__ */
|
|
17307
|
+
return /* @__PURE__ */ jsxs44("div", { className: "flex bg-gray-200 items-center p-2 gap-2 overflow-hidden", children: [
|
|
17316
17308
|
fileTypeIcon[mimetype],
|
|
17317
|
-
/* @__PURE__ */
|
|
17309
|
+
/* @__PURE__ */ jsxs44("div", { children: [
|
|
17318
17310
|
/* @__PURE__ */ jsx65("p", { className: "text-[#0A0D14] font-medium", children: filename }),
|
|
17319
17311
|
/* @__PURE__ */ jsx65("span", { className: "text-[12px]", children: formatFileSize(size4) })
|
|
17320
17312
|
] })
|
|
17321
17313
|
] });
|
|
17322
17314
|
}
|
|
17323
17315
|
};
|
|
17324
|
-
return /* @__PURE__ */
|
|
17316
|
+
return /* @__PURE__ */ jsxs44(
|
|
17325
17317
|
"div",
|
|
17326
17318
|
{
|
|
17327
17319
|
className: "flex relative items-center overflow-hidden justify-between group rounded-md w-fit group/file",
|
|
@@ -17582,7 +17574,7 @@ var po = $2(K("zoom"));
|
|
|
17582
17574
|
var uo = $2(K("flip"));
|
|
17583
17575
|
|
|
17584
17576
|
// src/widgets/common/select-files.tsx
|
|
17585
|
-
import { Fragment as Fragment13, jsx as jsx66, jsxs as
|
|
17577
|
+
import { Fragment as Fragment13, jsx as jsx66, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
17586
17578
|
var ButtonSelectFiles = ({
|
|
17587
17579
|
fileInputRef,
|
|
17588
17580
|
selectedFiles,
|
|
@@ -17679,8 +17671,8 @@ var ButtonSelectFiles = ({
|
|
|
17679
17671
|
await handleUploadImage({ formData });
|
|
17680
17672
|
}
|
|
17681
17673
|
};
|
|
17682
|
-
return /* @__PURE__ */
|
|
17683
|
-
isPending ? /* @__PURE__ */ jsx66(Fragment13, { children: /* @__PURE__ */ jsx66("span", { className: "text-sm text-gray-500", children: i18n_default.t("\u0110ang t\u1EA3i l\xEAn...") }) }) : /* @__PURE__ */
|
|
17674
|
+
return /* @__PURE__ */ jsxs45(Fragment13, { children: [
|
|
17675
|
+
isPending ? /* @__PURE__ */ jsx66(Fragment13, { children: /* @__PURE__ */ jsx66("span", { className: "text-sm text-gray-500", children: i18n_default.t("\u0110ang t\u1EA3i l\xEAn...") }) }) : /* @__PURE__ */ jsxs45(
|
|
17684
17676
|
"button",
|
|
17685
17677
|
{
|
|
17686
17678
|
type: "button",
|
|
@@ -17708,7 +17700,7 @@ var ButtonSelectFiles = ({
|
|
|
17708
17700
|
};
|
|
17709
17701
|
|
|
17710
17702
|
// src/widgets/basic/avatar-field/avatar.tsx
|
|
17711
|
-
import { Fragment as Fragment14, jsx as jsx67, jsxs as
|
|
17703
|
+
import { Fragment as Fragment14, jsx as jsx67, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
17712
17704
|
var AvatarField = (props) => {
|
|
17713
17705
|
const {
|
|
17714
17706
|
isForm = false,
|
|
@@ -17732,7 +17724,7 @@ var AvatarField = (props) => {
|
|
|
17732
17724
|
color: textColor,
|
|
17733
17725
|
fontSize: `${size4 / 2.5}px`
|
|
17734
17726
|
};
|
|
17735
|
-
return /* @__PURE__ */
|
|
17727
|
+
return /* @__PURE__ */ jsxs46(Fragment14, { children: [
|
|
17736
17728
|
isForm && allowShowDetail && /* @__PURE__ */ jsx67(
|
|
17737
17729
|
ModalDetail,
|
|
17738
17730
|
{
|
|
@@ -17774,7 +17766,7 @@ var AvatarField = (props) => {
|
|
|
17774
17766
|
};
|
|
17775
17767
|
|
|
17776
17768
|
// src/widgets/basic/binary-field/binary.tsx
|
|
17777
|
-
import { jsx as jsx68, jsxs as
|
|
17769
|
+
import { jsx as jsx68, jsxs as jsxs47 } from "react/jsx-runtime";
|
|
17778
17770
|
var BinaryField = (props) => {
|
|
17779
17771
|
const {
|
|
17780
17772
|
name: name2,
|
|
@@ -17806,7 +17798,7 @@ var BinaryField = (props) => {
|
|
|
17806
17798
|
{
|
|
17807
17799
|
ref: binaryRef,
|
|
17808
17800
|
className: "relative flex w-fit items-center gap-4 rounded-lg shadow-md mb-11",
|
|
17809
|
-
children: renderImage ? /* @__PURE__ */
|
|
17801
|
+
children: renderImage ? /* @__PURE__ */ jsxs47("div", { className: "relative group", children: [
|
|
17810
17802
|
renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */ jsx68(
|
|
17811
17803
|
"img",
|
|
17812
17804
|
{
|
|
@@ -17831,7 +17823,7 @@ var BinaryField = (props) => {
|
|
|
17831
17823
|
children: /* @__PURE__ */ jsx68(DeleteIcon, {})
|
|
17832
17824
|
}
|
|
17833
17825
|
)
|
|
17834
|
-
] }) : /* @__PURE__ */
|
|
17826
|
+
] }) : /* @__PURE__ */ jsxs47(
|
|
17835
17827
|
"label",
|
|
17836
17828
|
{
|
|
17837
17829
|
htmlFor: inputId,
|
|
@@ -17897,7 +17889,7 @@ var ButtonBadgeField = (props) => {
|
|
|
17897
17889
|
};
|
|
17898
17890
|
|
|
17899
17891
|
// src/widgets/basic/button-field/button.tsx
|
|
17900
|
-
import { Fragment as Fragment15, jsx as jsx70, jsxs as
|
|
17892
|
+
import { Fragment as Fragment15, jsx as jsx70, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
17901
17893
|
var ButtonField = (props) => {
|
|
17902
17894
|
const {
|
|
17903
17895
|
func,
|
|
@@ -17916,7 +17908,7 @@ var ButtonField = (props) => {
|
|
|
17916
17908
|
onClick: func,
|
|
17917
17909
|
children: i18n_default.t(content)
|
|
17918
17910
|
}
|
|
17919
|
-
) : /* @__PURE__ */
|
|
17911
|
+
) : /* @__PURE__ */ jsxs48(
|
|
17920
17912
|
"button",
|
|
17921
17913
|
{
|
|
17922
17914
|
type,
|
|
@@ -17933,7 +17925,7 @@ var ButtonField = (props) => {
|
|
|
17933
17925
|
|
|
17934
17926
|
// src/widgets/basic/char-field/char.tsx
|
|
17935
17927
|
import { useEffect as useEffect9 } from "react";
|
|
17936
|
-
import { Fragment as Fragment16, jsx as jsx71, jsxs as
|
|
17928
|
+
import { Fragment as Fragment16, jsx as jsx71, jsxs as jsxs49 } from "react/jsx-runtime";
|
|
17937
17929
|
var CharField = (props) => {
|
|
17938
17930
|
const {
|
|
17939
17931
|
name: name2,
|
|
@@ -17996,7 +17988,7 @@ var CharField = (props) => {
|
|
|
17996
17988
|
}, [value2, clearErrors, name2]);
|
|
17997
17989
|
const realValue = typeof value2 === "string" || typeof value2 === "number" ? String(value2) : "";
|
|
17998
17990
|
const displayValue = (widget === "access_token" || widget === "refresh_token") && typeof realValue === "string" && !isDirty ? "*".repeat(realValue?.length) : widget === "private_secret_key" && formValues?.id && typeof formValues?.id === "number" && !isDirty && typeof realValue === "string" ? `${realValue?.slice(0, 4)}${realValue?.length > 4 ? "*".repeat(realValue?.length - 4) : ""}` : typeof realValue === "string" || typeof realValue === "number" ? String(realValue) : "";
|
|
17999
|
-
return /* @__PURE__ */
|
|
17991
|
+
return /* @__PURE__ */ jsxs49(Fragment16, { children: [
|
|
18000
17992
|
/* @__PURE__ */ jsx71(
|
|
18001
17993
|
"textarea",
|
|
18002
17994
|
{
|
|
@@ -18123,7 +18115,7 @@ var CheckboxField = (props) => {
|
|
|
18123
18115
|
|
|
18124
18116
|
// src/widgets/basic/color-field/color-wrapper.tsx
|
|
18125
18117
|
import { useEffect as useEffect10, useRef as useRef6, useState as useState10 } from "react";
|
|
18126
|
-
import { Fragment as Fragment17, jsx as jsx73, jsxs as
|
|
18118
|
+
import { Fragment as Fragment17, jsx as jsx73, jsxs as jsxs50 } from "react/jsx-runtime";
|
|
18127
18119
|
var ColorWrapper = (props) => {
|
|
18128
18120
|
const {
|
|
18129
18121
|
colors: colors2,
|
|
@@ -18150,7 +18142,7 @@ var ColorWrapper = (props) => {
|
|
|
18150
18142
|
document.removeEventListener("mousedown", handleClickOutside);
|
|
18151
18143
|
};
|
|
18152
18144
|
}, []);
|
|
18153
|
-
return /* @__PURE__ */ jsx73("div", { ref: pickColorsRef, children: showFullColors ? /* @__PURE__ */ jsx73("div", { className: "flex gap-2", children: COLORS.map((color) => /* @__PURE__ */
|
|
18145
|
+
return /* @__PURE__ */ jsx73("div", { ref: pickColorsRef, children: showFullColors ? /* @__PURE__ */ jsx73("div", { className: "flex gap-2", children: COLORS.map((color) => /* @__PURE__ */ jsxs50("div", { children: [
|
|
18154
18146
|
/* @__PURE__ */ jsx73(
|
|
18155
18147
|
"button",
|
|
18156
18148
|
{
|
|
@@ -18174,7 +18166,7 @@ var ColorWrapper = (props) => {
|
|
|
18174
18166
|
content: i18n_default.t(color?.name)
|
|
18175
18167
|
}
|
|
18176
18168
|
)
|
|
18177
|
-
] }, color?.id)) }) : /* @__PURE__ */
|
|
18169
|
+
] }, color?.id)) }) : /* @__PURE__ */ jsxs50(Fragment17, { children: [
|
|
18178
18170
|
/* @__PURE__ */ jsx73(
|
|
18179
18171
|
"button",
|
|
18180
18172
|
{
|
|
@@ -18231,7 +18223,7 @@ var ColorField = (props) => {
|
|
|
18231
18223
|
|
|
18232
18224
|
// src/widgets/basic/copy-link-buttton/copy-link.tsx
|
|
18233
18225
|
import { useEffect as useEffect11 } from "react";
|
|
18234
|
-
import { jsx as jsx75, jsxs as
|
|
18226
|
+
import { jsx as jsx75, jsxs as jsxs51 } from "react/jsx-runtime";
|
|
18235
18227
|
var CopyLinkButtonField = (props) => {
|
|
18236
18228
|
const {
|
|
18237
18229
|
isForm,
|
|
@@ -18269,8 +18261,8 @@ var CopyLinkButtonField = (props) => {
|
|
|
18269
18261
|
clearErrors(name2);
|
|
18270
18262
|
}
|
|
18271
18263
|
}, [value]);
|
|
18272
|
-
return /* @__PURE__ */
|
|
18273
|
-
/* @__PURE__ */
|
|
18264
|
+
return /* @__PURE__ */ jsxs51("div", { className: "relative", children: [
|
|
18265
|
+
/* @__PURE__ */ jsxs51("div", { className: "flex relative field", children: [
|
|
18274
18266
|
/* @__PURE__ */ jsx75(
|
|
18275
18267
|
"input",
|
|
18276
18268
|
{
|
|
@@ -22263,7 +22255,7 @@ function useEffectEvent(callback) {
|
|
|
22263
22255
|
}
|
|
22264
22256
|
|
|
22265
22257
|
// node_modules/react-datepicker/node_modules/@floating-ui/react/dist/floating-ui.react.mjs
|
|
22266
|
-
import { jsx as jsx76, jsxs as
|
|
22258
|
+
import { jsx as jsx76, jsxs as jsxs52, Fragment as Fragment18 } from "react/jsx-runtime";
|
|
22267
22259
|
import * as ReactDOM2 from "react-dom";
|
|
22268
22260
|
|
|
22269
22261
|
// node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
|
|
@@ -22661,7 +22653,7 @@ var FloatingArrow = /* @__PURE__ */ React8.forwardRef(function FloatingArrow2(pr
|
|
|
22661
22653
|
bottom: isCustomShape ? "" : "rotate(180deg)",
|
|
22662
22654
|
right: isCustomShape ? "rotate(-90deg)" : "rotate(90deg)"
|
|
22663
22655
|
}[side];
|
|
22664
|
-
return /* @__PURE__ */
|
|
22656
|
+
return /* @__PURE__ */ jsxs52("svg", {
|
|
22665
22657
|
...rest,
|
|
22666
22658
|
"aria-hidden": true,
|
|
22667
22659
|
ref,
|
|
@@ -32077,7 +32069,7 @@ var StateManagedSelect$1 = StateManagedSelect;
|
|
|
32077
32069
|
|
|
32078
32070
|
// src/widgets/basic/date-field/date.tsx
|
|
32079
32071
|
var import_moment2 = __toESM(require_moment());
|
|
32080
|
-
import { Fragment as Fragment22, jsx as jsx79, jsxs as
|
|
32072
|
+
import { Fragment as Fragment22, jsx as jsx79, jsxs as jsxs53 } from "react/jsx-runtime";
|
|
32081
32073
|
var DateField = (props) => {
|
|
32082
32074
|
const {
|
|
32083
32075
|
name: name2,
|
|
@@ -32104,7 +32096,7 @@ var DateField = (props) => {
|
|
|
32104
32096
|
context
|
|
32105
32097
|
} = props;
|
|
32106
32098
|
const InputDateCustom = forwardRef6(
|
|
32107
|
-
({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */
|
|
32099
|
+
({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */ jsxs53("label", { className: `flex ${className}`, children: [
|
|
32108
32100
|
/* @__PURE__ */ jsx79(
|
|
32109
32101
|
"input",
|
|
32110
32102
|
{
|
|
@@ -32147,7 +32139,7 @@ var DateField = (props) => {
|
|
|
32147
32139
|
}
|
|
32148
32140
|
}, [value, clearErrors, name2]);
|
|
32149
32141
|
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;
|
|
32150
|
-
return /* @__PURE__ */
|
|
32142
|
+
return /* @__PURE__ */ jsxs53(Fragment22, { children: [
|
|
32151
32143
|
/* @__PURE__ */ jsx79(
|
|
32152
32144
|
DatePicker,
|
|
32153
32145
|
{
|
|
@@ -32214,7 +32206,7 @@ var DateField = (props) => {
|
|
|
32214
32206
|
increaseMonth,
|
|
32215
32207
|
prevMonthButtonDisabled,
|
|
32216
32208
|
nextMonthButtonDisabled
|
|
32217
|
-
}) => /* @__PURE__ */
|
|
32209
|
+
}) => /* @__PURE__ */ jsxs53(
|
|
32218
32210
|
"div",
|
|
32219
32211
|
{
|
|
32220
32212
|
style: {
|
|
@@ -32307,10 +32299,10 @@ var DateField = (props) => {
|
|
|
32307
32299
|
};
|
|
32308
32300
|
|
|
32309
32301
|
// src/widgets/basic/download-binary-field/download-binary.tsx
|
|
32310
|
-
import { jsx as jsx80, jsxs as
|
|
32302
|
+
import { jsx as jsx80, jsxs as jsxs54 } from "react/jsx-runtime";
|
|
32311
32303
|
var DownLoadBinaryField = (props) => {
|
|
32312
32304
|
const { handleFileDownload } = props;
|
|
32313
|
-
return /* @__PURE__ */
|
|
32305
|
+
return /* @__PURE__ */ jsxs54(
|
|
32314
32306
|
"button",
|
|
32315
32307
|
{
|
|
32316
32308
|
type: "button",
|
|
@@ -32325,7 +32317,7 @@ var DownLoadBinaryField = (props) => {
|
|
|
32325
32317
|
};
|
|
32326
32318
|
|
|
32327
32319
|
// src/widgets/basic/download-file-field/download-file.tsx
|
|
32328
|
-
import { jsx as jsx81, jsxs as
|
|
32320
|
+
import { jsx as jsx81, jsxs as jsxs55 } from "react/jsx-runtime";
|
|
32329
32321
|
var DownloadFileField = (props) => {
|
|
32330
32322
|
const {
|
|
32331
32323
|
readonly,
|
|
@@ -32337,8 +32329,8 @@ var DownloadFileField = (props) => {
|
|
|
32337
32329
|
handleFileChange,
|
|
32338
32330
|
handleFileDownload
|
|
32339
32331
|
} = props;
|
|
32340
|
-
return /* @__PURE__ */
|
|
32341
|
-
/* @__PURE__ */
|
|
32332
|
+
return /* @__PURE__ */ jsxs55("div", { className: "", children: [
|
|
32333
|
+
/* @__PURE__ */ jsxs55(
|
|
32342
32334
|
"label",
|
|
32343
32335
|
{
|
|
32344
32336
|
htmlFor: inputId,
|
|
@@ -32373,7 +32365,7 @@ var DownloadFileField = (props) => {
|
|
|
32373
32365
|
|
|
32374
32366
|
// src/widgets/basic/dropdown-field/dropdown.tsx
|
|
32375
32367
|
import { useState as useState15 } from "react";
|
|
32376
|
-
import { jsx as jsx82, jsxs as
|
|
32368
|
+
import { jsx as jsx82, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
32377
32369
|
var DropdownField = (props) => {
|
|
32378
32370
|
const {
|
|
32379
32371
|
options: options2,
|
|
@@ -32387,14 +32379,14 @@ var DropdownField = (props) => {
|
|
|
32387
32379
|
} = props;
|
|
32388
32380
|
const [open, setOpen] = useState15(false);
|
|
32389
32381
|
const dropdownRef = useClickOutside2({ handler: () => setOpen(false) });
|
|
32390
|
-
return /* @__PURE__ */
|
|
32382
|
+
return /* @__PURE__ */ jsxs56(
|
|
32391
32383
|
"div",
|
|
32392
32384
|
{
|
|
32393
32385
|
ref: dropdownRef,
|
|
32394
32386
|
className: `relative ${className}`,
|
|
32395
32387
|
onClick: () => setOpen(!open),
|
|
32396
32388
|
children: [
|
|
32397
|
-
/* @__PURE__ */
|
|
32389
|
+
/* @__PURE__ */ jsxs56(
|
|
32398
32390
|
"div",
|
|
32399
32391
|
{
|
|
32400
32392
|
className: `flex items-center gap-2 px-3 py-1 bg-white border rounded-lg cursor-pointer ${buttonClassName}`,
|
|
@@ -32430,7 +32422,7 @@ var DropdownField = (props) => {
|
|
|
32430
32422
|
};
|
|
32431
32423
|
|
|
32432
32424
|
// src/widgets/basic/fee-field/fee.tsx
|
|
32433
|
-
import { Fragment as Fragment23, jsx as jsx83, jsxs as
|
|
32425
|
+
import { Fragment as Fragment23, jsx as jsx83, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
32434
32426
|
var FeeField = (props) => {
|
|
32435
32427
|
const { value, formValues } = props;
|
|
32436
32428
|
const totalAmount = formatNumberOnly(parseFloat(value?.total_amount)) + " VND";
|
|
@@ -32440,23 +32432,23 @@ var FeeField = (props) => {
|
|
|
32440
32432
|
)
|
|
32441
32433
|
) + " VND";
|
|
32442
32434
|
const remaining_amount = formatNumberOnly(parseFloat(formValues?.amount_residual ?? 0)) + " VND";
|
|
32443
|
-
return /* @__PURE__ */
|
|
32435
|
+
return /* @__PURE__ */ jsxs57(Fragment23, { children: [
|
|
32444
32436
|
value?.subtotals?.map((sub) => {
|
|
32445
32437
|
if (sub?.tax_amount > 0 && sub?.tax_groups?.length > 0) {
|
|
32446
|
-
return /* @__PURE__ */
|
|
32447
|
-
/* @__PURE__ */
|
|
32448
|
-
/* @__PURE__ */
|
|
32438
|
+
return /* @__PURE__ */ jsxs57(Fragment23, { children: [
|
|
32439
|
+
/* @__PURE__ */ jsxs57("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto", children: [
|
|
32440
|
+
/* @__PURE__ */ jsxs57("div", { className: "text-[14px] leading-[21px] text-right", children: [
|
|
32449
32441
|
sub?.name,
|
|
32450
32442
|
":"
|
|
32451
32443
|
] }),
|
|
32452
32444
|
/* @__PURE__ */ jsx83("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right font-semibold", children: formatNumberOnly(parseFloat(sub?.base_amount ?? 0)) + " VND" })
|
|
32453
32445
|
] }),
|
|
32454
|
-
sub?.tax_groups.map((group) => /* @__PURE__ */
|
|
32446
|
+
sub?.tax_groups.map((group) => /* @__PURE__ */ jsxs57(
|
|
32455
32447
|
"div",
|
|
32456
32448
|
{
|
|
32457
32449
|
className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2",
|
|
32458
32450
|
children: [
|
|
32459
|
-
/* @__PURE__ */
|
|
32451
|
+
/* @__PURE__ */ jsxs57("div", { className: "text-[14px] leading-[21px] text-right", children: [
|
|
32460
32452
|
group?.group_name,
|
|
32461
32453
|
":"
|
|
32462
32454
|
] }),
|
|
@@ -32468,22 +32460,22 @@ var FeeField = (props) => {
|
|
|
32468
32460
|
] });
|
|
32469
32461
|
}
|
|
32470
32462
|
}),
|
|
32471
|
-
/* @__PURE__ */
|
|
32472
|
-
/* @__PURE__ */
|
|
32463
|
+
/* @__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: [
|
|
32464
|
+
/* @__PURE__ */ jsxs57("div", { className: "text-[14px] leading-[21px] text-right", children: [
|
|
32473
32465
|
i18n_default.t("total"),
|
|
32474
32466
|
":"
|
|
32475
32467
|
] }),
|
|
32476
32468
|
/* @__PURE__ */ jsx83("div", { className: "text-xl leading-[21px] font-bold text-[rgb(73,80,87)] text-right ", children: totalAmount })
|
|
32477
32469
|
] }),
|
|
32478
|
-
/* @__PURE__ */
|
|
32479
|
-
/* @__PURE__ */
|
|
32470
|
+
/* @__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: [
|
|
32471
|
+
/* @__PURE__ */ jsxs57("div", { className: "text-[14px] leading-[21px] text-right", children: [
|
|
32480
32472
|
i18n_default.t("paid_amount"),
|
|
32481
32473
|
":"
|
|
32482
32474
|
] }),
|
|
32483
32475
|
/* @__PURE__ */ jsx83("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: paid_amount })
|
|
32484
32476
|
] }),
|
|
32485
|
-
/* @__PURE__ */
|
|
32486
|
-
/* @__PURE__ */
|
|
32477
|
+
/* @__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: [
|
|
32478
|
+
/* @__PURE__ */ jsxs57("div", { className: "text-[14px] leading-[21px] text-right", children: [
|
|
32487
32479
|
i18n_default.t("remanining_amount"),
|
|
32488
32480
|
":"
|
|
32489
32481
|
] }),
|
|
@@ -32494,7 +32486,7 @@ var FeeField = (props) => {
|
|
|
32494
32486
|
|
|
32495
32487
|
// src/widgets/basic/file-upload-field/file-upload.tsx
|
|
32496
32488
|
import { useEffect as useEffect16, useRef as useRef14, useState as useState16 } from "react";
|
|
32497
|
-
import { jsx as jsx84, jsxs as
|
|
32489
|
+
import { jsx as jsx84, jsxs as jsxs58 } from "react/jsx-runtime";
|
|
32498
32490
|
var FileUploadField = (props) => {
|
|
32499
32491
|
const { name: name2, methods, isForm, model, required, idForm, widget, useUploadImage, useUploadFile, useGetImage, isBase64File } = props;
|
|
32500
32492
|
const fileInputRef = useRef14(null);
|
|
@@ -32525,7 +32517,7 @@ var FileUploadField = (props) => {
|
|
|
32525
32517
|
);
|
|
32526
32518
|
}
|
|
32527
32519
|
}, [selectedFiles]);
|
|
32528
|
-
return /* @__PURE__ */
|
|
32520
|
+
return /* @__PURE__ */ jsxs58("div", { children: [
|
|
32529
32521
|
selectedFiles.length > 0 && /* @__PURE__ */ jsx84(
|
|
32530
32522
|
RenderFiles,
|
|
32531
32523
|
{
|
|
@@ -32559,7 +32551,7 @@ var FileUploadField = (props) => {
|
|
|
32559
32551
|
|
|
32560
32552
|
// src/widgets/basic/float-field/float.tsx
|
|
32561
32553
|
import { useEffect as useEffect17, useRef as useRef15, useState as useState17 } from "react";
|
|
32562
|
-
import { Fragment as Fragment24, jsx as jsx85, jsxs as
|
|
32554
|
+
import { Fragment as Fragment24, jsx as jsx85, jsxs as jsxs59 } from "react/jsx-runtime";
|
|
32563
32555
|
var FloatField = (props) => {
|
|
32564
32556
|
const {
|
|
32565
32557
|
name: name2,
|
|
@@ -32683,7 +32675,7 @@ var FloatField = (props) => {
|
|
|
32683
32675
|
isDirtyRef.current = false;
|
|
32684
32676
|
inputRef.current?.blur();
|
|
32685
32677
|
};
|
|
32686
|
-
return /* @__PURE__ */
|
|
32678
|
+
return /* @__PURE__ */ jsxs59(Fragment24, { children: [
|
|
32687
32679
|
/* @__PURE__ */ jsx85(
|
|
32688
32680
|
"input",
|
|
32689
32681
|
{
|
|
@@ -32711,7 +32703,7 @@ var FloatField = (props) => {
|
|
|
32711
32703
|
|
|
32712
32704
|
// src/widgets/basic/float-time-field/float-time.tsx
|
|
32713
32705
|
import { useState as useState18 } from "react";
|
|
32714
|
-
import { Fragment as Fragment25, jsx as jsx86, jsxs as
|
|
32706
|
+
import { Fragment as Fragment25, jsx as jsx86, jsxs as jsxs60 } from "react/jsx-runtime";
|
|
32715
32707
|
var FloatTimeField = (props) => {
|
|
32716
32708
|
const {
|
|
32717
32709
|
name: name2,
|
|
@@ -32790,7 +32782,7 @@ var FloatTimeField = (props) => {
|
|
|
32790
32782
|
}
|
|
32791
32783
|
onBlur();
|
|
32792
32784
|
};
|
|
32793
|
-
return /* @__PURE__ */
|
|
32785
|
+
return /* @__PURE__ */ jsxs60(Fragment25, { children: [
|
|
32794
32786
|
/* @__PURE__ */ jsx86(
|
|
32795
32787
|
"input",
|
|
32796
32788
|
{
|
|
@@ -32907,7 +32899,7 @@ var ImageField = (props) => {
|
|
|
32907
32899
|
import { useEffect as useEffect19 } from "react";
|
|
32908
32900
|
|
|
32909
32901
|
// src/widgets/basic/information-field/information.tsx
|
|
32910
|
-
import { Fragment as Fragment26, jsx as jsx89, jsxs as
|
|
32902
|
+
import { Fragment as Fragment26, jsx as jsx89, jsxs as jsxs61 } from "react/jsx-runtime";
|
|
32911
32903
|
var InfomationField = (props) => {
|
|
32912
32904
|
const { value, isForm = false, showName = true, stringToColor } = props;
|
|
32913
32905
|
if (!value || Array.isArray(value) && value.length === 0) {
|
|
@@ -32923,7 +32915,7 @@ var InfomationField = (props) => {
|
|
|
32923
32915
|
stringToColor
|
|
32924
32916
|
},
|
|
32925
32917
|
item.id
|
|
32926
|
-
)) : /* @__PURE__ */
|
|
32918
|
+
)) : /* @__PURE__ */ jsxs61("div", { className: "flex gap-2 items-center w-max", children: [
|
|
32927
32919
|
/* @__PURE__ */ jsx89(
|
|
32928
32920
|
AvatarField,
|
|
32929
32921
|
{
|
|
@@ -32939,7 +32931,7 @@ var InfomationField = (props) => {
|
|
|
32939
32931
|
};
|
|
32940
32932
|
|
|
32941
32933
|
// src/widgets/basic/many2many-tags-field/many2many-tags.tsx
|
|
32942
|
-
import { jsx as jsx90, jsxs as
|
|
32934
|
+
import { jsx as jsx90, jsxs as jsxs62 } from "react/jsx-runtime";
|
|
32943
32935
|
var CustomMultiValue = ({ stringToColor, ...props }) => {
|
|
32944
32936
|
const { selectProps, data, menuList } = props;
|
|
32945
32937
|
const { relation } = selectProps;
|
|
@@ -32948,7 +32940,7 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
|
|
|
32948
32940
|
(childItem) => childItem?.is_display && childItem?.action?.res_model === relation
|
|
32949
32941
|
)
|
|
32950
32942
|
)?.[0]?.action?.id;
|
|
32951
|
-
return /* @__PURE__ */
|
|
32943
|
+
return /* @__PURE__ */ jsxs62("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
|
|
32952
32944
|
/* @__PURE__ */ jsx90(
|
|
32953
32945
|
AvatarField,
|
|
32954
32946
|
{
|
|
@@ -33036,7 +33028,7 @@ var Many2ManyTagField = (props) => {
|
|
|
33036
33028
|
onChange2?.(name2 ?? "", newValue);
|
|
33037
33029
|
clearErrors(name2);
|
|
33038
33030
|
};
|
|
33039
|
-
return /* @__PURE__ */
|
|
33031
|
+
return /* @__PURE__ */ jsxs62("div", { className: "group", children: [
|
|
33040
33032
|
/* @__PURE__ */ jsx90(
|
|
33041
33033
|
CustomSelect,
|
|
33042
33034
|
{
|
|
@@ -33119,7 +33111,7 @@ var Many2ManyTagField = (props) => {
|
|
|
33119
33111
|
|
|
33120
33112
|
// src/widgets/basic/monetary-field/monetary.tsx
|
|
33121
33113
|
import { useEffect as useEffect20 } from "react";
|
|
33122
|
-
import { Fragment as Fragment27, jsx as jsx91, jsxs as
|
|
33114
|
+
import { Fragment as Fragment27, jsx as jsx91, jsxs as jsxs63 } from "react/jsx-runtime";
|
|
33123
33115
|
var MonetaryField = (props) => {
|
|
33124
33116
|
const {
|
|
33125
33117
|
name: name2,
|
|
@@ -33138,8 +33130,8 @@ var MonetaryField = (props) => {
|
|
|
33138
33130
|
isEditTable
|
|
33139
33131
|
} = props;
|
|
33140
33132
|
if (isForm && name2 === "amount_residual") {
|
|
33141
|
-
return /* @__PURE__ */
|
|
33142
|
-
/* @__PURE__ */
|
|
33133
|
+
return /* @__PURE__ */ jsxs63("div", { className: "flex justify-end gap-x-4 gap-y-2 ml-auto mt-2 lg:mt-5", children: [
|
|
33134
|
+
/* @__PURE__ */ jsxs63("span", { className: "font-semibold", children: [
|
|
33143
33135
|
string,
|
|
33144
33136
|
":"
|
|
33145
33137
|
] }),
|
|
@@ -33179,7 +33171,7 @@ var MonetaryField = (props) => {
|
|
|
33179
33171
|
const baseClasses = `w-full min-h-[44px] ring-0 px-3 py-[12px] text-sm font-normal gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden field-sizing-content`;
|
|
33180
33172
|
const editableClass = isEditTable ? `${error2 ? "hover:border-b-[1px] hover:border-b-[#de4747]" : "hover:border-b-[1px] hover:border-b-primary"} outline-0 hover:!outline-none` : `focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-[#f7f7f7] border border-[#f7f7f7] rounded-[10px]`;
|
|
33181
33173
|
const readonlyClass = readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer border-[#f7f7f7] text-[#525866]";
|
|
33182
|
-
return /* @__PURE__ */
|
|
33174
|
+
return /* @__PURE__ */ jsxs63(Fragment27, { children: [
|
|
33183
33175
|
/* @__PURE__ */ jsx91(
|
|
33184
33176
|
"input",
|
|
33185
33177
|
{
|
|
@@ -33229,7 +33221,7 @@ var PaidBadgedField = () => {
|
|
|
33229
33221
|
|
|
33230
33222
|
// src/widgets/basic/priority-field/rating-star.tsx
|
|
33231
33223
|
import React16, { useEffect as useEffect21, useState as useState19 } from "react";
|
|
33232
|
-
import { jsx as jsx93, jsxs as
|
|
33224
|
+
import { jsx as jsx93, jsxs as jsxs64 } from "react/jsx-runtime";
|
|
33233
33225
|
var RatingStarField = (props) => {
|
|
33234
33226
|
const {
|
|
33235
33227
|
label,
|
|
@@ -33274,7 +33266,7 @@ var RatingStarField = (props) => {
|
|
|
33274
33266
|
const starValue = index4 + 1;
|
|
33275
33267
|
const fillColor = hover > 0 ? hover >= starValue ? "#f3cc00" : "white" : rating >= starValue ? "#f3cc00" : "white";
|
|
33276
33268
|
const strokeColor = hover > 0 ? hover >= starValue ? "#f3cc00" : "rgba(73,80,87,0.76)" : rating >= starValue ? "#f3cc00" : "rgba(73,80,87,0.76)";
|
|
33277
|
-
return /* @__PURE__ */
|
|
33269
|
+
return /* @__PURE__ */ jsxs64(React16.Fragment, { children: [
|
|
33278
33270
|
/* @__PURE__ */ jsx93(
|
|
33279
33271
|
"div",
|
|
33280
33272
|
{
|
|
@@ -33354,7 +33346,7 @@ var PriorityField = (props) => {
|
|
|
33354
33346
|
|
|
33355
33347
|
// src/widgets/basic/radio-group-field/radio-group.tsx
|
|
33356
33348
|
import { useEffect as useEffect22 } from "react";
|
|
33357
|
-
import { jsx as jsx95, jsxs as
|
|
33349
|
+
import { jsx as jsx95, jsxs as jsxs65 } from "react/jsx-runtime";
|
|
33358
33350
|
var RadioGroupField = (props) => {
|
|
33359
33351
|
const {
|
|
33360
33352
|
name: name2,
|
|
@@ -33378,7 +33370,7 @@ var RadioGroupField = (props) => {
|
|
|
33378
33370
|
{
|
|
33379
33371
|
name: name2 ?? "",
|
|
33380
33372
|
control: methods.control,
|
|
33381
|
-
render: ({ field }) => /* @__PURE__ */ jsx95("div", { className: "flex items-center gap-[10px] pb-4", children: selection?.map((select) => /* @__PURE__ */
|
|
33373
|
+
render: ({ field }) => /* @__PURE__ */ jsx95("div", { className: "flex items-center gap-[10px] pb-4", children: selection?.map((select) => /* @__PURE__ */ jsxs65("div", { className: "flex items-center gap-1", children: [
|
|
33382
33374
|
/* @__PURE__ */ jsx95(
|
|
33383
33375
|
"input",
|
|
33384
33376
|
{
|
|
@@ -33406,7 +33398,7 @@ var RadioGroupField = (props) => {
|
|
|
33406
33398
|
|
|
33407
33399
|
// src/widgets/basic/remaining-days-field/remaining-days.tsx
|
|
33408
33400
|
var import_moment3 = __toESM(require_moment());
|
|
33409
|
-
import { jsx as jsx96, jsxs as
|
|
33401
|
+
import { jsx as jsx96, jsxs as jsxs66 } from "react/jsx-runtime";
|
|
33410
33402
|
var RemainingDaysField = (props) => {
|
|
33411
33403
|
const {
|
|
33412
33404
|
value,
|
|
@@ -33417,7 +33409,7 @@ var RemainingDaysField = (props) => {
|
|
|
33417
33409
|
if (!value) return null;
|
|
33418
33410
|
const adjustedValue = (0, import_moment3.default)(value).add(7, "hours");
|
|
33419
33411
|
const isFuture = adjustedValue.isAfter((0, import_moment3.default)());
|
|
33420
|
-
return /* @__PURE__ */
|
|
33412
|
+
return /* @__PURE__ */ jsxs66("div", { className: isForm ? "mb-4" : "", children: [
|
|
33421
33413
|
/* @__PURE__ */ jsx96(M, { id: `remainingDays_${value}`, place: "top", content: string }),
|
|
33422
33414
|
/* @__PURE__ */ jsx96(
|
|
33423
33415
|
"div",
|
|
@@ -33437,7 +33429,7 @@ var RemainingDaysField = (props) => {
|
|
|
33437
33429
|
};
|
|
33438
33430
|
|
|
33439
33431
|
// src/widgets/basic/select-dropdown-field/select-dropdown.tsx
|
|
33440
|
-
import { Fragment as Fragment28, jsx as jsx97, jsxs as
|
|
33432
|
+
import { Fragment as Fragment28, jsx as jsx97, jsxs as jsxs67 } from "react/jsx-runtime";
|
|
33441
33433
|
var SelectDropdownField = (props) => {
|
|
33442
33434
|
const {
|
|
33443
33435
|
selection,
|
|
@@ -33458,7 +33450,14 @@ var SelectDropdownField = (props) => {
|
|
|
33458
33450
|
label: val[1]
|
|
33459
33451
|
})) : [];
|
|
33460
33452
|
if (!isForm) {
|
|
33461
|
-
|
|
33453
|
+
const value2 = options2?.find((item) => item?.value === value2)?.label;
|
|
33454
|
+
return value2 && /* @__PURE__ */ jsx97(
|
|
33455
|
+
"span",
|
|
33456
|
+
{
|
|
33457
|
+
className: `${props.className} px-2 py-1 rounded border text-xs font-medium leading-[16px]`,
|
|
33458
|
+
children: value2
|
|
33459
|
+
}
|
|
33460
|
+
);
|
|
33462
33461
|
} else {
|
|
33463
33462
|
return /* @__PURE__ */ jsx97(
|
|
33464
33463
|
Controller,
|
|
@@ -33494,7 +33493,7 @@ var SelectDropdownField = (props) => {
|
|
|
33494
33493
|
})
|
|
33495
33494
|
}
|
|
33496
33495
|
};
|
|
33497
|
-
return /* @__PURE__ */
|
|
33496
|
+
return /* @__PURE__ */ jsxs67(Fragment28, { children: [
|
|
33498
33497
|
/* @__PURE__ */ jsx97("div", { className: "group", children: /* @__PURE__ */ jsx97(
|
|
33499
33498
|
StateManagedSelect$1,
|
|
33500
33499
|
{
|
|
@@ -33570,7 +33569,7 @@ var TextAreaField = (props) => {
|
|
|
33570
33569
|
};
|
|
33571
33570
|
|
|
33572
33571
|
// src/widgets/basic/toggle-button-field/toggle-button.tsx
|
|
33573
|
-
import { jsx as jsx99, jsxs as
|
|
33572
|
+
import { jsx as jsx99, jsxs as jsxs68 } from "react/jsx-runtime";
|
|
33574
33573
|
var ToggleButtonField = (props) => {
|
|
33575
33574
|
const {
|
|
33576
33575
|
name: name2,
|
|
@@ -33585,7 +33584,7 @@ var ToggleButtonField = (props) => {
|
|
|
33585
33584
|
{
|
|
33586
33585
|
name: name2 ?? "",
|
|
33587
33586
|
control: methods?.control,
|
|
33588
|
-
render: ({ field }) => /* @__PURE__ */ jsx99("div", { className: "inline-flex items-center", children: /* @__PURE__ */
|
|
33587
|
+
render: ({ field }) => /* @__PURE__ */ jsx99("div", { className: "inline-flex items-center", children: /* @__PURE__ */ jsxs68("label", { className: "relative inline-block w-9 h-5 cursor-pointer", children: [
|
|
33589
33588
|
/* @__PURE__ */ jsx99(
|
|
33590
33589
|
"input",
|
|
33591
33590
|
{
|
|
@@ -33626,7 +33625,7 @@ var ToggleButtonField = (props) => {
|
|
|
33626
33625
|
|
|
33627
33626
|
// src/widgets/basic/integer-field/integer.tsx
|
|
33628
33627
|
import { useEffect as useEffect23, useRef as useRef17, useState as useState20 } from "react";
|
|
33629
|
-
import { Fragment as Fragment29, jsx as jsx100, jsxs as
|
|
33628
|
+
import { Fragment as Fragment29, jsx as jsx100, jsxs as jsxs69 } from "react/jsx-runtime";
|
|
33630
33629
|
var IntegerField = (props) => {
|
|
33631
33630
|
const {
|
|
33632
33631
|
name: name2,
|
|
@@ -33724,7 +33723,7 @@ var IntegerField = (props) => {
|
|
|
33724
33723
|
inputRef.current?.blur();
|
|
33725
33724
|
clearErrors(name2);
|
|
33726
33725
|
};
|
|
33727
|
-
return /* @__PURE__ */
|
|
33726
|
+
return /* @__PURE__ */ jsxs69(Fragment29, { children: [
|
|
33728
33727
|
/* @__PURE__ */ jsx100(
|
|
33729
33728
|
"input",
|
|
33730
33729
|
{
|
|
@@ -33767,7 +33766,7 @@ var IntegerField = (props) => {
|
|
|
33767
33766
|
};
|
|
33768
33767
|
|
|
33769
33768
|
// src/widgets/basic/status-dropdown-field/status-dropdown.tsx
|
|
33770
|
-
import { jsx as jsx101, jsxs as
|
|
33769
|
+
import { jsx as jsx101, jsxs as jsxs70 } from "react/jsx-runtime";
|
|
33771
33770
|
var StatusDropdownField = (props) => {
|
|
33772
33771
|
const {
|
|
33773
33772
|
buttonRef,
|
|
@@ -33779,7 +33778,7 @@ var StatusDropdownField = (props) => {
|
|
|
33779
33778
|
handleClick,
|
|
33780
33779
|
colors: colors2
|
|
33781
33780
|
} = props;
|
|
33782
|
-
return /* @__PURE__ */
|
|
33781
|
+
return /* @__PURE__ */ jsxs70(
|
|
33783
33782
|
"div",
|
|
33784
33783
|
{
|
|
33785
33784
|
ref: buttonRef,
|
|
@@ -33795,14 +33794,14 @@ var StatusDropdownField = (props) => {
|
|
|
33795
33794
|
),
|
|
33796
33795
|
isOpen && /* @__PURE__ */ jsx101("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) => {
|
|
33797
33796
|
const isActive = item[0] == state;
|
|
33798
|
-
return /* @__PURE__ */
|
|
33797
|
+
return /* @__PURE__ */ jsxs70(
|
|
33799
33798
|
"div",
|
|
33800
33799
|
{
|
|
33801
33800
|
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" : ""}`,
|
|
33802
33801
|
onClick: () => handleClick(item[0]),
|
|
33803
33802
|
children: [
|
|
33804
33803
|
/* @__PURE__ */ jsx101("div", { className: "w-4 h-4", children: isActive && /* @__PURE__ */ jsx101(CheckIcon, {}) }),
|
|
33805
|
-
/* @__PURE__ */
|
|
33804
|
+
/* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-2", children: [
|
|
33806
33805
|
/* @__PURE__ */ jsx101(
|
|
33807
33806
|
"div",
|
|
33808
33807
|
{
|
|
@@ -33823,7 +33822,7 @@ var StatusDropdownField = (props) => {
|
|
|
33823
33822
|
|
|
33824
33823
|
// src/widgets/basic/many2many-field/many2many.tsx
|
|
33825
33824
|
import { createPortal as createPortal5 } from "react-dom";
|
|
33826
|
-
import { jsx as jsx102, jsxs as
|
|
33825
|
+
import { jsx as jsx102, jsxs as jsxs71 } from "react/jsx-runtime";
|
|
33827
33826
|
var Many2ManyField = (props) => {
|
|
33828
33827
|
const {
|
|
33829
33828
|
aid,
|
|
@@ -33875,14 +33874,14 @@ var Many2ManyField = (props) => {
|
|
|
33875
33874
|
clearSearch
|
|
33876
33875
|
} = searchController;
|
|
33877
33876
|
return createPortal5(
|
|
33878
|
-
/* @__PURE__ */
|
|
33877
|
+
/* @__PURE__ */ jsxs71("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[9999]", children: [
|
|
33879
33878
|
/* @__PURE__ */ jsx102("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
|
|
33880
|
-
/* @__PURE__ */ jsx102("div", { className: "absolute inset-0 overflow-auto px-6 flex justify-center items-center", children: /* @__PURE__ */
|
|
33881
|
-
/* @__PURE__ */
|
|
33879
|
+
/* @__PURE__ */ jsx102("div", { className: "absolute inset-0 overflow-auto px-6 flex justify-center items-center", children: /* @__PURE__ */ jsxs71("div", { className: "relative z-[1] 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", children: [
|
|
33880
|
+
/* @__PURE__ */ jsxs71("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
|
|
33882
33881
|
/* @__PURE__ */ jsx102("div", { className: "text-[20px] font-semibold", children: title }),
|
|
33883
33882
|
/* @__PURE__ */ jsx102("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx102(CloseIcon, {}) })
|
|
33884
33883
|
] }),
|
|
33885
|
-
/* @__PURE__ */
|
|
33884
|
+
/* @__PURE__ */ jsxs71("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
|
|
33886
33885
|
/* @__PURE__ */ jsx102("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ jsx102(
|
|
33887
33886
|
Search,
|
|
33888
33887
|
{
|
|
@@ -33941,7 +33940,7 @@ var Many2ManyField = (props) => {
|
|
|
33941
33940
|
"div",
|
|
33942
33941
|
{
|
|
33943
33942
|
className: `flex w-full items-center h-full overflow-auto `,
|
|
33944
|
-
children: /* @__PURE__ */ jsx102("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */
|
|
33943
|
+
children: /* @__PURE__ */ jsx102("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ jsxs71(
|
|
33945
33944
|
"table",
|
|
33946
33945
|
{
|
|
33947
33946
|
className: `relative w-full bg-white custom-dropdown `,
|
|
@@ -33997,7 +33996,7 @@ var Many2ManyField = (props) => {
|
|
|
33997
33996
|
) }) })
|
|
33998
33997
|
}
|
|
33999
33998
|
) }) }) : /* @__PURE__ */ jsx102(LayerLoading, {}),
|
|
34000
|
-
/* @__PURE__ */
|
|
33999
|
+
/* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-2 mt-auto", children: [
|
|
34001
34000
|
isDisplayCheckbox && /* @__PURE__ */ jsx102(
|
|
34002
34001
|
"button",
|
|
34003
34002
|
{
|
|
@@ -34042,14 +34041,14 @@ var Many2ManyField = (props) => {
|
|
|
34042
34041
|
|
|
34043
34042
|
// src/widgets/basic/many2one-field/many2one.tsx
|
|
34044
34043
|
import React17, { useEffect as useEffect24, useMemo as useMemo9 } from "react";
|
|
34045
|
-
import { Fragment as Fragment30, jsx as jsx103, jsxs as
|
|
34044
|
+
import { Fragment as Fragment30, jsx as jsx103, jsxs as jsxs72 } from "react/jsx-runtime";
|
|
34046
34045
|
var CustomMenuList = (props) => {
|
|
34047
34046
|
const { options: options2, children, selectProps } = props;
|
|
34048
34047
|
const { setIsShowModalMany2Many, searchable } = selectProps;
|
|
34049
34048
|
const limitedChildren = React17.Children.toArray(children).slice(0, 10);
|
|
34050
|
-
return /* @__PURE__ */
|
|
34049
|
+
return /* @__PURE__ */ jsxs72(components.MenuList, { ...props, className: "z-[99]", children: [
|
|
34051
34050
|
limitedChildren,
|
|
34052
|
-
options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */
|
|
34051
|
+
options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ jsxs72(
|
|
34053
34052
|
"button",
|
|
34054
34053
|
{
|
|
34055
34054
|
type: "button",
|
|
@@ -34076,15 +34075,10 @@ var Many2OneField = (props) => {
|
|
|
34076
34075
|
string,
|
|
34077
34076
|
//return
|
|
34078
34077
|
menuList,
|
|
34079
|
-
handleChooseRecord,
|
|
34080
|
-
handleClose,
|
|
34081
|
-
selectedRowKeys,
|
|
34082
34078
|
allowShowDetail,
|
|
34083
34079
|
index: index4,
|
|
34084
34080
|
contextObject,
|
|
34085
34081
|
renderDetail,
|
|
34086
|
-
isShowModalMany2Many,
|
|
34087
|
-
initValue,
|
|
34088
34082
|
tempSelectedOption,
|
|
34089
34083
|
options: options2,
|
|
34090
34084
|
fetchMoreOptions,
|
|
@@ -34105,7 +34099,7 @@ var Many2OneField = (props) => {
|
|
|
34105
34099
|
);
|
|
34106
34100
|
if (!isForm && !isEditTable) {
|
|
34107
34101
|
const id = propValue && typeof propValue === "object" && "id" in propValue ? propValue.id : propValue;
|
|
34108
|
-
return /* @__PURE__ */
|
|
34102
|
+
return /* @__PURE__ */ jsxs72(Fragment30, { children: [
|
|
34109
34103
|
allowShowDetail && /* @__PURE__ */ jsx103(
|
|
34110
34104
|
ModalDetail,
|
|
34111
34105
|
{
|
|
@@ -34157,7 +34151,7 @@ var Many2OneField = (props) => {
|
|
|
34157
34151
|
methods?.clearErrors(name2);
|
|
34158
34152
|
}
|
|
34159
34153
|
}, [selectedOption]);
|
|
34160
|
-
return /* @__PURE__ */
|
|
34154
|
+
return /* @__PURE__ */ jsxs72("div", { className: "group", children: [
|
|
34161
34155
|
/* @__PURE__ */ jsx103(
|
|
34162
34156
|
StateManagedSelect$1,
|
|
34163
34157
|
{
|
|
@@ -34237,7 +34231,7 @@ var Many2OneField = (props) => {
|
|
|
34237
34231
|
};
|
|
34238
34232
|
|
|
34239
34233
|
// src/widgets/basic/status-bar-field/duration/duration.tsx
|
|
34240
|
-
import { jsx as jsx104, jsxs as
|
|
34234
|
+
import { jsx as jsx104, jsxs as jsxs73 } from "react/jsx-runtime";
|
|
34241
34235
|
var StatusbarDurationField = (props) => {
|
|
34242
34236
|
const {
|
|
34243
34237
|
disabled,
|
|
@@ -34251,10 +34245,10 @@ var StatusbarDurationField = (props) => {
|
|
|
34251
34245
|
"div",
|
|
34252
34246
|
{
|
|
34253
34247
|
className: `w-full items-center rounded-[10px] !flex flex-col-reverse justify-center lg:!justify-end lg:!flex-row gap-y-[15px]`,
|
|
34254
|
-
children: /* @__PURE__ */
|
|
34248
|
+
children: /* @__PURE__ */ jsxs73("div", { className: "flex items-center gap-[24px]", children: [
|
|
34255
34249
|
/* @__PURE__ */ jsx104("div", { className: "flex items-center", children: dataResponse && dataResponse?.records?.filter((item) => !item?.fold || item.id == defaultValue)?.map((option, index4) => {
|
|
34256
34250
|
const value = option?.id === defaultValue;
|
|
34257
|
-
return /* @__PURE__ */
|
|
34251
|
+
return /* @__PURE__ */ jsxs73(
|
|
34258
34252
|
"label",
|
|
34259
34253
|
{
|
|
34260
34254
|
onClick: () => !disabled && handleClick(option.id),
|
|
@@ -34289,7 +34283,7 @@ var StatusbarDurationField = (props) => {
|
|
|
34289
34283
|
}) }),
|
|
34290
34284
|
dataResponse?.records?.some(
|
|
34291
34285
|
(item) => item?.fold && item.id !== defaultValue
|
|
34292
|
-
) && /* @__PURE__ */
|
|
34286
|
+
) && /* @__PURE__ */ jsxs73(
|
|
34293
34287
|
"div",
|
|
34294
34288
|
{
|
|
34295
34289
|
onClick: () => setModalStatus(!modelStatus),
|
|
@@ -34327,13 +34321,13 @@ var StatusbarDurationField = (props) => {
|
|
|
34327
34321
|
|
|
34328
34322
|
// src/widgets/basic/status-bar-field/option/option.tsx
|
|
34329
34323
|
import { useMemo as useMemo10 } from "react";
|
|
34330
|
-
import { jsx as jsx105, jsxs as
|
|
34324
|
+
import { jsx as jsx105, jsxs as jsxs74 } from "react/jsx-runtime";
|
|
34331
34325
|
var StatusBarOptionField = (props) => {
|
|
34332
34326
|
const { selection, defaultValue } = props;
|
|
34333
34327
|
const memoizedStatusOptions = useMemo10(() => selection, [selection]);
|
|
34334
34328
|
return /* @__PURE__ */ jsx105("div", { className: "flex items-center flex-wrap", children: memoizedStatusOptions?.map((option, index4) => {
|
|
34335
34329
|
const value = option?.[0] === defaultValue;
|
|
34336
|
-
return /* @__PURE__ */
|
|
34330
|
+
return /* @__PURE__ */ jsxs74(
|
|
34337
34331
|
"label",
|
|
34338
34332
|
{
|
|
34339
34333
|
className: `relative flex-shrink-0 cursor-default py-[10px] px-8 font-semibold !text-sm
|
|
@@ -34360,7 +34354,7 @@ var StatusBarOptionField = (props) => {
|
|
|
34360
34354
|
};
|
|
34361
34355
|
|
|
34362
34356
|
// src/widgets/basic/date-option-field/date-option.tsx
|
|
34363
|
-
import { jsx as jsx106, jsxs as
|
|
34357
|
+
import { jsx as jsx106, jsxs as jsxs75 } from "react/jsx-runtime";
|
|
34364
34358
|
var DateOptionField = (props) => {
|
|
34365
34359
|
const {
|
|
34366
34360
|
name: name2,
|
|
@@ -34376,7 +34370,7 @@ var DateOptionField = (props) => {
|
|
|
34376
34370
|
{
|
|
34377
34371
|
name: name2 ?? "",
|
|
34378
34372
|
control: methods?.control,
|
|
34379
|
-
render: ({ field }) => /* @__PURE__ */
|
|
34373
|
+
render: ({ field }) => /* @__PURE__ */ jsxs75(
|
|
34380
34374
|
"label",
|
|
34381
34375
|
{
|
|
34382
34376
|
className: `cursor-pointer mr-2 w-[50px] flex items-center justify-center p-[4px] border rounded-md text-sm
|