@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260829045216 → 0.8.1-dev.20260829085511
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +765 -689
- package/dist/index.mjs +351 -275
- package/dist/server.d.mts +1 -0
- package/dist/server.d.ts +1 -0
- package/dist/server.js +542 -466
- package/dist/server.mjs +195 -119
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1970,12 +1970,12 @@ var init_CommentRendererClient = __esm({
|
|
|
1970
1970
|
});
|
|
1971
1971
|
|
|
1972
1972
|
// src/components/controls/edit/MultilineTextInput.tsx
|
|
1973
|
-
var import_react22,
|
|
1973
|
+
var import_react22, import_jsx_runtime30, MultilineTextInput, MultilineTextInput_default;
|
|
1974
1974
|
var init_MultilineTextInput = __esm({
|
|
1975
1975
|
"src/components/controls/edit/MultilineTextInput.tsx"() {
|
|
1976
1976
|
"use strict";
|
|
1977
1977
|
import_react22 = __toESM(require("react"));
|
|
1978
|
-
|
|
1978
|
+
import_jsx_runtime30 = require("react/jsx-runtime");
|
|
1979
1979
|
MultilineTextInput = (props) => {
|
|
1980
1980
|
const textChangeHandler = (event) => {
|
|
1981
1981
|
const text = event.target.value;
|
|
@@ -1994,11 +1994,11 @@ var init_MultilineTextInput = __esm({
|
|
|
1994
1994
|
if (props.value !== void 0 && props.value !== null) {
|
|
1995
1995
|
value = props.value;
|
|
1996
1996
|
}
|
|
1997
|
-
return /* @__PURE__ */ (0,
|
|
1998
|
-
/* @__PURE__ */ (0,
|
|
1997
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react22.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("label", { className: "block mb-1", children: [
|
|
1998
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1999
1999
|
" ",
|
|
2000
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2001
|
-
/* @__PURE__ */ (0,
|
|
2000
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2001
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
2002
2002
|
"textarea",
|
|
2003
2003
|
{
|
|
2004
2004
|
name: props.name,
|
|
@@ -2015,7 +2015,7 @@ var init_MultilineTextInput = __esm({
|
|
|
2015
2015
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm input"
|
|
2016
2016
|
}
|
|
2017
2017
|
),
|
|
2018
|
-
/* @__PURE__ */ (0,
|
|
2018
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2019
2019
|
] }) });
|
|
2020
2020
|
};
|
|
2021
2021
|
MultilineTextInput_default = MultilineTextInput;
|
|
@@ -2023,12 +2023,12 @@ var init_MultilineTextInput = __esm({
|
|
|
2023
2023
|
});
|
|
2024
2024
|
|
|
2025
2025
|
// src/components/controls/edit/LineTextInput.tsx
|
|
2026
|
-
var import_react23,
|
|
2026
|
+
var import_react23, import_jsx_runtime31, LineTextInput, LineTextInput_default;
|
|
2027
2027
|
var init_LineTextInput = __esm({
|
|
2028
2028
|
"src/components/controls/edit/LineTextInput.tsx"() {
|
|
2029
2029
|
"use strict";
|
|
2030
2030
|
import_react23 = __toESM(require("react"));
|
|
2031
|
-
|
|
2031
|
+
import_jsx_runtime31 = require("react/jsx-runtime");
|
|
2032
2032
|
LineTextInput = (props) => {
|
|
2033
2033
|
const textChangeHandler = (event) => {
|
|
2034
2034
|
const text = event.target.value;
|
|
@@ -2047,11 +2047,11 @@ var init_LineTextInput = __esm({
|
|
|
2047
2047
|
if (props.value !== void 0 && props.value !== null) {
|
|
2048
2048
|
value = props.value;
|
|
2049
2049
|
}
|
|
2050
|
-
return /* @__PURE__ */ (0,
|
|
2051
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
2050
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react23.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("label", { className: "block", children: [
|
|
2051
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
|
|
2052
2052
|
" ",
|
|
2053
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2054
|
-
/* @__PURE__ */ (0,
|
|
2053
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "bg-error-weak !bg-transparent", children: "*" }),
|
|
2054
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
2055
2055
|
"input",
|
|
2056
2056
|
{
|
|
2057
2057
|
type: "text",
|
|
@@ -2071,7 +2071,7 @@ var init_LineTextInput = __esm({
|
|
|
2071
2071
|
`
|
|
2072
2072
|
}
|
|
2073
2073
|
),
|
|
2074
|
-
/* @__PURE__ */ (0,
|
|
2074
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2075
2075
|
] }) });
|
|
2076
2076
|
};
|
|
2077
2077
|
LineTextInput_default = LineTextInput;
|
|
@@ -2079,12 +2079,12 @@ var init_LineTextInput = __esm({
|
|
|
2079
2079
|
});
|
|
2080
2080
|
|
|
2081
2081
|
// src/components/controls/edit/MoneyInput.tsx
|
|
2082
|
-
var import_react24,
|
|
2082
|
+
var import_react24, import_jsx_runtime32, MoneyInput, MoneyInput_default;
|
|
2083
2083
|
var init_MoneyInput = __esm({
|
|
2084
2084
|
"src/components/controls/edit/MoneyInput.tsx"() {
|
|
2085
2085
|
"use strict";
|
|
2086
2086
|
import_react24 = __toESM(require("react"));
|
|
2087
|
-
|
|
2087
|
+
import_jsx_runtime32 = require("react/jsx-runtime");
|
|
2088
2088
|
MoneyInput = (props) => {
|
|
2089
2089
|
const textChangeHandler = (event) => {
|
|
2090
2090
|
const rawValue = event.target.value;
|
|
@@ -2113,11 +2113,11 @@ var init_MoneyInput = __esm({
|
|
|
2113
2113
|
e.preventDefault();
|
|
2114
2114
|
}
|
|
2115
2115
|
};
|
|
2116
|
-
return /* @__PURE__ */ (0,
|
|
2117
|
-
/* @__PURE__ */ (0,
|
|
2116
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react24.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "block mb-1", children: [
|
|
2117
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
2118
2118
|
" ",
|
|
2119
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2120
|
-
/* @__PURE__ */ (0,
|
|
2119
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2120
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
2121
2121
|
"input",
|
|
2122
2122
|
{
|
|
2123
2123
|
type: "number",
|
|
@@ -2137,7 +2137,7 @@ var init_MoneyInput = __esm({
|
|
|
2137
2137
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm number-input"
|
|
2138
2138
|
}
|
|
2139
2139
|
),
|
|
2140
|
-
/* @__PURE__ */ (0,
|
|
2140
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2141
2141
|
] }) });
|
|
2142
2142
|
};
|
|
2143
2143
|
MoneyInput_default = MoneyInput;
|
|
@@ -2183,12 +2183,12 @@ var init_InputControlType = __esm({
|
|
|
2183
2183
|
});
|
|
2184
2184
|
|
|
2185
2185
|
// src/components/controls/edit/Select.tsx
|
|
2186
|
-
var import_react25,
|
|
2186
|
+
var import_react25, import_jsx_runtime33, Select, Select_default;
|
|
2187
2187
|
var init_Select = __esm({
|
|
2188
2188
|
"src/components/controls/edit/Select.tsx"() {
|
|
2189
2189
|
"use strict";
|
|
2190
2190
|
import_react25 = require("react");
|
|
2191
|
-
|
|
2191
|
+
import_jsx_runtime33 = require("react/jsx-runtime");
|
|
2192
2192
|
Select = (props) => {
|
|
2193
2193
|
const [list, setList] = (0, import_react25.useState)();
|
|
2194
2194
|
const getSafeValue = (val) => {
|
|
@@ -2260,11 +2260,11 @@ var init_Select = __esm({
|
|
|
2260
2260
|
props.dataSourceDependsOn
|
|
2261
2261
|
]);
|
|
2262
2262
|
const value = getSafeValue(props.value);
|
|
2263
|
-
return /* @__PURE__ */ (0,
|
|
2264
|
-
props.attributes?.label && /* @__PURE__ */ (0,
|
|
2263
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "block", children: [
|
|
2264
|
+
props.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm font-medium inline-block pb-1", children: props.attributes?.label }),
|
|
2265
2265
|
" ",
|
|
2266
|
-
props.attributes?.label && props.attributes?.required && /* @__PURE__ */ (0,
|
|
2267
|
-
list && list.length === 0 && /* @__PURE__ */ (0,
|
|
2266
|
+
props.attributes?.label && props.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2267
|
+
list && list.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
2268
2268
|
"input",
|
|
2269
2269
|
{
|
|
2270
2270
|
type: "text",
|
|
@@ -2281,7 +2281,7 @@ var init_Select = __esm({
|
|
|
2281
2281
|
className: `peer input select mt-1 py-1.5 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`
|
|
2282
2282
|
}
|
|
2283
2283
|
),
|
|
2284
|
-
list && list.length > 0 && /* @__PURE__ */ (0,
|
|
2284
|
+
list && list.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
|
|
2285
2285
|
"select",
|
|
2286
2286
|
{
|
|
2287
2287
|
name: props.name,
|
|
@@ -2294,16 +2294,16 @@ var init_Select = __esm({
|
|
|
2294
2294
|
focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
|
|
2295
2295
|
disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none ${props.inputClasses ?? ""}`,
|
|
2296
2296
|
children: [
|
|
2297
|
-
/* @__PURE__ */ (0,
|
|
2297
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("option", { value: "", children: props.attributes?.placeholder || "Select" }),
|
|
2298
2298
|
list.map((item, index) => {
|
|
2299
2299
|
const keyField = props.dataKeyFieldName;
|
|
2300
2300
|
const textField = props.dataTextFieldName;
|
|
2301
|
-
return /* @__PURE__ */ (0,
|
|
2301
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("option", { value: item[keyField], children: item[textField] }, index);
|
|
2302
2302
|
})
|
|
2303
2303
|
]
|
|
2304
2304
|
}
|
|
2305
2305
|
),
|
|
2306
|
-
/* @__PURE__ */ (0,
|
|
2306
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props.attributes?.errorMessage || "" })
|
|
2307
2307
|
] });
|
|
2308
2308
|
};
|
|
2309
2309
|
Select_default = Select;
|
|
@@ -2311,12 +2311,12 @@ var init_Select = __esm({
|
|
|
2311
2311
|
});
|
|
2312
2312
|
|
|
2313
2313
|
// src/components/controls/edit/PercentageInput.tsx
|
|
2314
|
-
var import_react26,
|
|
2314
|
+
var import_react26, import_jsx_runtime34, PercentageInput, PercentageInput_default;
|
|
2315
2315
|
var init_PercentageInput = __esm({
|
|
2316
2316
|
"src/components/controls/edit/PercentageInput.tsx"() {
|
|
2317
2317
|
"use strict";
|
|
2318
2318
|
import_react26 = __toESM(require("react"));
|
|
2319
|
-
|
|
2319
|
+
import_jsx_runtime34 = require("react/jsx-runtime");
|
|
2320
2320
|
PercentageInput = (props) => {
|
|
2321
2321
|
const textChangeHandler = (event) => {
|
|
2322
2322
|
const rawValue = event.target.value;
|
|
@@ -2345,11 +2345,11 @@ var init_PercentageInput = __esm({
|
|
|
2345
2345
|
e.preventDefault();
|
|
2346
2346
|
}
|
|
2347
2347
|
};
|
|
2348
|
-
return /* @__PURE__ */ (0,
|
|
2349
|
-
/* @__PURE__ */ (0,
|
|
2348
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react26.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("label", { className: "block mb-1", children: [
|
|
2349
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label ? props?.attributes?.label + " %" : "" }),
|
|
2350
2350
|
" ",
|
|
2351
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2352
|
-
/* @__PURE__ */ (0,
|
|
2351
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2352
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
2353
2353
|
"input",
|
|
2354
2354
|
{
|
|
2355
2355
|
type: "number",
|
|
@@ -2368,7 +2368,7 @@ var init_PercentageInput = __esm({
|
|
|
2368
2368
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm number-input"
|
|
2369
2369
|
}
|
|
2370
2370
|
),
|
|
2371
|
-
/* @__PURE__ */ (0,
|
|
2371
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2372
2372
|
] }) });
|
|
2373
2373
|
};
|
|
2374
2374
|
PercentageInput_default = PercentageInput;
|
|
@@ -2376,12 +2376,12 @@ var init_PercentageInput = __esm({
|
|
|
2376
2376
|
});
|
|
2377
2377
|
|
|
2378
2378
|
// src/components/controls/edit/PhoneInput.tsx
|
|
2379
|
-
var import_react27,
|
|
2379
|
+
var import_react27, import_jsx_runtime35, PhoneInput, PhoneInput_default;
|
|
2380
2380
|
var init_PhoneInput = __esm({
|
|
2381
2381
|
"src/components/controls/edit/PhoneInput.tsx"() {
|
|
2382
2382
|
"use strict";
|
|
2383
2383
|
import_react27 = __toESM(require("react"));
|
|
2384
|
-
|
|
2384
|
+
import_jsx_runtime35 = require("react/jsx-runtime");
|
|
2385
2385
|
PhoneInput = (props) => {
|
|
2386
2386
|
const textChangeHandler = (event) => {
|
|
2387
2387
|
const text = event.target.value;
|
|
@@ -2400,13 +2400,13 @@ var init_PhoneInput = __esm({
|
|
|
2400
2400
|
if (props.value !== void 0 && props.value !== null) {
|
|
2401
2401
|
value = props.value;
|
|
2402
2402
|
}
|
|
2403
|
-
return /* @__PURE__ */ (0,
|
|
2404
|
-
/* @__PURE__ */ (0,
|
|
2403
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react27.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("label", { className: "block mb-1", children: [
|
|
2404
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
2405
2405
|
" ",
|
|
2406
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2407
|
-
/* @__PURE__ */ (0,
|
|
2408
|
-
/* @__PURE__ */ (0,
|
|
2409
|
-
/* @__PURE__ */ (0,
|
|
2406
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2407
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center rounded border ", children: [
|
|
2408
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "px-3", children: props.prefix }),
|
|
2409
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
2410
2410
|
"input",
|
|
2411
2411
|
{
|
|
2412
2412
|
type: "text",
|
|
@@ -2424,7 +2424,7 @@ var init_PhoneInput = __esm({
|
|
|
2424
2424
|
}
|
|
2425
2425
|
)
|
|
2426
2426
|
] }),
|
|
2427
|
-
/* @__PURE__ */ (0,
|
|
2427
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2428
2428
|
] }) });
|
|
2429
2429
|
};
|
|
2430
2430
|
PhoneInput_default = PhoneInput;
|
|
@@ -2432,12 +2432,12 @@ var init_PhoneInput = __esm({
|
|
|
2432
2432
|
});
|
|
2433
2433
|
|
|
2434
2434
|
// src/components/controls/edit/NumberInput.tsx
|
|
2435
|
-
var import_react28,
|
|
2435
|
+
var import_react28, import_jsx_runtime36, NumberInput, NumberInput_default;
|
|
2436
2436
|
var init_NumberInput = __esm({
|
|
2437
2437
|
"src/components/controls/edit/NumberInput.tsx"() {
|
|
2438
2438
|
"use strict";
|
|
2439
2439
|
import_react28 = __toESM(require("react"));
|
|
2440
|
-
|
|
2440
|
+
import_jsx_runtime36 = require("react/jsx-runtime");
|
|
2441
2441
|
NumberInput = (props) => {
|
|
2442
2442
|
const textChangeHandler = (event) => {
|
|
2443
2443
|
const text = event.target.value;
|
|
@@ -2460,11 +2460,11 @@ var init_NumberInput = __esm({
|
|
|
2460
2460
|
if (props.value !== void 0 && props.value !== null) {
|
|
2461
2461
|
value = props.value;
|
|
2462
2462
|
}
|
|
2463
|
-
return /* @__PURE__ */ (0,
|
|
2464
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
2463
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react28.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("label", { className: "block", children: [
|
|
2464
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
|
|
2465
2465
|
" ",
|
|
2466
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2467
|
-
/* @__PURE__ */ (0,
|
|
2466
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2467
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
2468
2468
|
"input",
|
|
2469
2469
|
{
|
|
2470
2470
|
type: "number",
|
|
@@ -2483,7 +2483,7 @@ var init_NumberInput = __esm({
|
|
|
2483
2483
|
className: "peer py-1.5 block w-full rounded shadow-sm number-input input\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
2484
2484
|
}
|
|
2485
2485
|
),
|
|
2486
|
-
/* @__PURE__ */ (0,
|
|
2486
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2487
2487
|
] }) });
|
|
2488
2488
|
};
|
|
2489
2489
|
NumberInput_default = NumberInput;
|
|
@@ -2491,12 +2491,12 @@ var init_NumberInput = __esm({
|
|
|
2491
2491
|
});
|
|
2492
2492
|
|
|
2493
2493
|
// src/components/controls/edit/CheckboxInput.tsx
|
|
2494
|
-
var import_react29,
|
|
2494
|
+
var import_react29, import_jsx_runtime37, CheckboxInput, CheckboxInput_default;
|
|
2495
2495
|
var init_CheckboxInput = __esm({
|
|
2496
2496
|
"src/components/controls/edit/CheckboxInput.tsx"() {
|
|
2497
2497
|
"use strict";
|
|
2498
2498
|
import_react29 = __toESM(require("react"));
|
|
2499
|
-
|
|
2499
|
+
import_jsx_runtime37 = require("react/jsx-runtime");
|
|
2500
2500
|
CheckboxInput = (props) => {
|
|
2501
2501
|
const textChangeHandler = (event) => {
|
|
2502
2502
|
let text = event.target.checked;
|
|
@@ -2513,9 +2513,9 @@ var init_CheckboxInput = __esm({
|
|
|
2513
2513
|
if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
|
|
2514
2514
|
value = true;
|
|
2515
2515
|
}
|
|
2516
|
-
return /* @__PURE__ */ (0,
|
|
2517
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
2518
|
-
/* @__PURE__ */ (0,
|
|
2516
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react29.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "mb-1", children: [
|
|
2517
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
|
|
2518
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
2519
2519
|
"label",
|
|
2520
2520
|
{
|
|
2521
2521
|
htmlFor: props.name,
|
|
@@ -2523,9 +2523,9 @@ var init_CheckboxInput = __esm({
|
|
|
2523
2523
|
children: props.attributes.label
|
|
2524
2524
|
}
|
|
2525
2525
|
),
|
|
2526
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2526
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
2527
2527
|
] }),
|
|
2528
|
-
/* @__PURE__ */ (0,
|
|
2528
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
2529
2529
|
"input",
|
|
2530
2530
|
{
|
|
2531
2531
|
type: "checkbox",
|
|
@@ -2542,7 +2542,7 @@ var init_CheckboxInput = __esm({
|
|
|
2542
2542
|
className: "peer mt-1 py-1.5 block rounded shadow-sm\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
2543
2543
|
}
|
|
2544
2544
|
),
|
|
2545
|
-
/* @__PURE__ */ (0,
|
|
2545
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage || "" })
|
|
2546
2546
|
] }) });
|
|
2547
2547
|
};
|
|
2548
2548
|
CheckboxInput_default = CheckboxInput;
|
|
@@ -2550,12 +2550,12 @@ var init_CheckboxInput = __esm({
|
|
|
2550
2550
|
});
|
|
2551
2551
|
|
|
2552
2552
|
// src/components/controls/edit/OtpInput.tsx
|
|
2553
|
-
var import_react30,
|
|
2553
|
+
var import_react30, import_jsx_runtime38, OtpInput, OtpInput_default;
|
|
2554
2554
|
var init_OtpInput = __esm({
|
|
2555
2555
|
"src/components/controls/edit/OtpInput.tsx"() {
|
|
2556
2556
|
"use strict";
|
|
2557
2557
|
import_react30 = __toESM(require("react"));
|
|
2558
|
-
|
|
2558
|
+
import_jsx_runtime38 = require("react/jsx-runtime");
|
|
2559
2559
|
OtpInput = (props) => {
|
|
2560
2560
|
const textChangeHandler = (event) => {
|
|
2561
2561
|
const text = event.target.value;
|
|
@@ -2577,11 +2577,11 @@ var init_OtpInput = __esm({
|
|
|
2577
2577
|
if (props.value !== void 0 && props.value !== null) {
|
|
2578
2578
|
value = props.value;
|
|
2579
2579
|
}
|
|
2580
|
-
return /* @__PURE__ */ (0,
|
|
2581
|
-
/* @__PURE__ */ (0,
|
|
2580
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react30.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("label", { htmlFor: props.name, className: "block mb-1 w-full", children: [
|
|
2581
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
2582
2582
|
" ",
|
|
2583
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2584
|
-
/* @__PURE__ */ (0,
|
|
2583
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2584
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
2585
2585
|
"input",
|
|
2586
2586
|
{
|
|
2587
2587
|
type: "text",
|
|
@@ -2601,7 +2601,7 @@ var init_OtpInput = __esm({
|
|
|
2601
2601
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm tracking-[1.25em] text-center"
|
|
2602
2602
|
}
|
|
2603
2603
|
),
|
|
2604
|
-
/* @__PURE__ */ (0,
|
|
2604
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2605
2605
|
] }) });
|
|
2606
2606
|
};
|
|
2607
2607
|
OtpInput_default = OtpInput;
|
|
@@ -2609,12 +2609,12 @@ var init_OtpInput = __esm({
|
|
|
2609
2609
|
});
|
|
2610
2610
|
|
|
2611
2611
|
// src/components/controls/edit/DateTimeInput.tsx
|
|
2612
|
-
var import_react31,
|
|
2612
|
+
var import_react31, import_jsx_runtime39, DateTimeInput, DateTimeInput_default;
|
|
2613
2613
|
var init_DateTimeInput = __esm({
|
|
2614
2614
|
"src/components/controls/edit/DateTimeInput.tsx"() {
|
|
2615
2615
|
"use strict";
|
|
2616
2616
|
import_react31 = __toESM(require("react"));
|
|
2617
|
-
|
|
2617
|
+
import_jsx_runtime39 = require("react/jsx-runtime");
|
|
2618
2618
|
DateTimeInput = (props) => {
|
|
2619
2619
|
const textChangeHandler = (event) => {
|
|
2620
2620
|
const localDate = new Date(event.target.value);
|
|
@@ -2646,12 +2646,12 @@ var init_DateTimeInput = __esm({
|
|
|
2646
2646
|
e.preventDefault();
|
|
2647
2647
|
}
|
|
2648
2648
|
};
|
|
2649
|
-
return /* @__PURE__ */ (0,
|
|
2650
|
-
/* @__PURE__ */ (0,
|
|
2649
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react31.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("label", { className: "block mb-1", children: [
|
|
2650
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
2651
2651
|
" ",
|
|
2652
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2653
|
-
/* @__PURE__ */ (0,
|
|
2654
|
-
/* @__PURE__ */ (0,
|
|
2652
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2653
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
2654
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2655
2655
|
"input",
|
|
2656
2656
|
{
|
|
2657
2657
|
type: "datetime-local",
|
|
@@ -2669,9 +2669,9 @@ var init_DateTimeInput = __esm({
|
|
|
2669
2669
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
2670
2670
|
}
|
|
2671
2671
|
),
|
|
2672
|
-
/* @__PURE__ */ (0,
|
|
2672
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: timeZoneAbbr })
|
|
2673
2673
|
] }),
|
|
2674
|
-
/* @__PURE__ */ (0,
|
|
2674
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2675
2675
|
] }) });
|
|
2676
2676
|
};
|
|
2677
2677
|
DateTimeInput_default = DateTimeInput;
|
|
@@ -2679,12 +2679,12 @@ var init_DateTimeInput = __esm({
|
|
|
2679
2679
|
});
|
|
2680
2680
|
|
|
2681
2681
|
// src/components/controls/edit/ColorInput.tsx
|
|
2682
|
-
var import_react32,
|
|
2682
|
+
var import_react32, import_jsx_runtime40, ColorInput, ColorInput_default;
|
|
2683
2683
|
var init_ColorInput = __esm({
|
|
2684
2684
|
"src/components/controls/edit/ColorInput.tsx"() {
|
|
2685
2685
|
"use strict";
|
|
2686
2686
|
import_react32 = __toESM(require("react"));
|
|
2687
|
-
|
|
2687
|
+
import_jsx_runtime40 = require("react/jsx-runtime");
|
|
2688
2688
|
ColorInput = (props) => {
|
|
2689
2689
|
const [color, setColor] = import_react32.default.useState("#3b82f6");
|
|
2690
2690
|
(0, import_react32.useEffect)(() => {
|
|
@@ -2706,11 +2706,11 @@ var init_ColorInput = __esm({
|
|
|
2706
2706
|
});
|
|
2707
2707
|
}
|
|
2708
2708
|
};
|
|
2709
|
-
return /* @__PURE__ */ (0,
|
|
2710
|
-
/* @__PURE__ */ (0,
|
|
2709
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("label", { className: "block mb-1", children: [
|
|
2710
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
2711
2711
|
" ",
|
|
2712
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2713
|
-
/* @__PURE__ */ (0,
|
|
2712
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2713
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
2714
2714
|
"input",
|
|
2715
2715
|
{
|
|
2716
2716
|
type: "color",
|
|
@@ -2723,7 +2723,7 @@ var init_ColorInput = __esm({
|
|
|
2723
2723
|
className: `w-[78px] h-12 block cursor-pointer`
|
|
2724
2724
|
}
|
|
2725
2725
|
),
|
|
2726
|
-
props?.attributes?.errorMessage && /* @__PURE__ */ (0,
|
|
2726
|
+
props?.attributes?.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "mt-1 bg-error-weak text-sm", children: props.attributes.errorMessage })
|
|
2727
2727
|
] });
|
|
2728
2728
|
};
|
|
2729
2729
|
ColorInput_default = ColorInput;
|
|
@@ -2731,13 +2731,13 @@ var init_ColorInput = __esm({
|
|
|
2731
2731
|
});
|
|
2732
2732
|
|
|
2733
2733
|
// src/components/controls/edit/SelectWithSearchInput.tsx
|
|
2734
|
-
var import_react33,
|
|
2734
|
+
var import_react33, import_jsx_runtime41, SelectWithSearchInput, SelectWithSearchInput_default;
|
|
2735
2735
|
var init_SelectWithSearchInput = __esm({
|
|
2736
2736
|
"src/components/controls/edit/SelectWithSearchInput.tsx"() {
|
|
2737
2737
|
"use strict";
|
|
2738
2738
|
"use client";
|
|
2739
2739
|
import_react33 = __toESM(require("react"));
|
|
2740
|
-
|
|
2740
|
+
import_jsx_runtime41 = require("react/jsx-runtime");
|
|
2741
2741
|
SelectWithSearchInput = (props) => {
|
|
2742
2742
|
const [isOpen, setIsOpen] = (0, import_react33.useState)(false);
|
|
2743
2743
|
const [searchTerm, setSearchTerm] = (0, import_react33.useState)("");
|
|
@@ -2832,14 +2832,14 @@ var init_SelectWithSearchInput = __esm({
|
|
|
2832
2832
|
}
|
|
2833
2833
|
}, [highlightedIndex]);
|
|
2834
2834
|
const isReadOnly = props.attributes?.readOnly || props.disable || props.attributes?.disable;
|
|
2835
|
-
return /* @__PURE__ */ (0,
|
|
2836
|
-
/* @__PURE__ */ (0,
|
|
2835
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "relative", children: [
|
|
2836
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { className: "pb-1", children: [
|
|
2837
2837
|
props.attributes?.label,
|
|
2838
2838
|
" ",
|
|
2839
|
-
props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2839
|
+
props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
2840
2840
|
] }),
|
|
2841
|
-
/* @__PURE__ */ (0,
|
|
2842
|
-
/* @__PURE__ */ (0,
|
|
2841
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "relative", children: [
|
|
2842
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
2843
2843
|
"input",
|
|
2844
2844
|
{
|
|
2845
2845
|
type: "text",
|
|
@@ -2861,7 +2861,7 @@ var init_SelectWithSearchInput = __esm({
|
|
|
2861
2861
|
`
|
|
2862
2862
|
}
|
|
2863
2863
|
),
|
|
2864
|
-
/* @__PURE__ */ (0,
|
|
2864
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
2865
2865
|
"button",
|
|
2866
2866
|
{
|
|
2867
2867
|
type: "button",
|
|
@@ -2872,7 +2872,7 @@ var init_SelectWithSearchInput = __esm({
|
|
|
2872
2872
|
}
|
|
2873
2873
|
},
|
|
2874
2874
|
className: "absolute right-2 top-3 h-5 w-5 text-gray-500 focus:outline-none",
|
|
2875
|
-
children: /* @__PURE__ */ (0,
|
|
2875
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
2876
2876
|
"svg",
|
|
2877
2877
|
{
|
|
2878
2878
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2881,7 +2881,7 @@ var init_SelectWithSearchInput = __esm({
|
|
|
2881
2881
|
strokeWidth: 1.5,
|
|
2882
2882
|
stroke: "currentColor",
|
|
2883
2883
|
className: "w-full h-full",
|
|
2884
|
-
children: /* @__PURE__ */ (0,
|
|
2884
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
2885
2885
|
"path",
|
|
2886
2886
|
{
|
|
2887
2887
|
strokeLinecap: "round",
|
|
@@ -2894,12 +2894,12 @@ var init_SelectWithSearchInput = __esm({
|
|
|
2894
2894
|
}
|
|
2895
2895
|
)
|
|
2896
2896
|
] }),
|
|
2897
|
-
!isReadOnly && isOpen && /* @__PURE__ */ (0,
|
|
2897
|
+
!isReadOnly && isOpen && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
2898
2898
|
"div",
|
|
2899
2899
|
{
|
|
2900
2900
|
ref: dropdownRef,
|
|
2901
2901
|
className: "absolute z-10 w-full bg-default border border-gray-200 shadow-lg max-h-48 overflow-y-auto",
|
|
2902
|
-
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0,
|
|
2902
|
+
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
2903
2903
|
"button",
|
|
2904
2904
|
{
|
|
2905
2905
|
onClick: (e) => handleSelect(e, item),
|
|
@@ -2907,10 +2907,10 @@ var init_SelectWithSearchInput = __esm({
|
|
|
2907
2907
|
role: "option",
|
|
2908
2908
|
tabIndex: -1,
|
|
2909
2909
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
2910
|
-
children: /* @__PURE__ */ (0,
|
|
2910
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: item[props.dataTextFieldName] })
|
|
2911
2911
|
},
|
|
2912
2912
|
item[props.dataKeyFieldName]
|
|
2913
|
-
)) : /* @__PURE__ */ (0,
|
|
2913
|
+
)) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
2914
2914
|
}
|
|
2915
2915
|
)
|
|
2916
2916
|
] });
|
|
@@ -2998,7 +2998,7 @@ var init_StyleTypes = __esm({
|
|
|
2998
2998
|
});
|
|
2999
2999
|
|
|
3000
3000
|
// src/components/ClientButton.tsx
|
|
3001
|
-
var import_react34,
|
|
3001
|
+
var import_react34, import_jsx_runtime42, ClientButton, ClientButton_default;
|
|
3002
3002
|
var init_ClientButton = __esm({
|
|
3003
3003
|
"src/components/ClientButton.tsx"() {
|
|
3004
3004
|
"use strict";
|
|
@@ -3006,7 +3006,7 @@ var init_ClientButton = __esm({
|
|
|
3006
3006
|
import_react34 = __toESM(require("react"));
|
|
3007
3007
|
init_ToastService();
|
|
3008
3008
|
init_StyleTypes();
|
|
3009
|
-
|
|
3009
|
+
import_jsx_runtime42 = require("react/jsx-runtime");
|
|
3010
3010
|
ClientButton = (props) => {
|
|
3011
3011
|
const execute = async (event) => {
|
|
3012
3012
|
if (props.onClick !== void 0) {
|
|
@@ -3016,7 +3016,7 @@ var init_ClientButton = __esm({
|
|
|
3016
3016
|
}
|
|
3017
3017
|
};
|
|
3018
3018
|
let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
|
|
3019
|
-
return /* @__PURE__ */ (0,
|
|
3019
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react34.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3020
3020
|
"button",
|
|
3021
3021
|
{
|
|
3022
3022
|
type: "button",
|
|
@@ -3031,7 +3031,7 @@ var init_ClientButton = __esm({
|
|
|
3031
3031
|
});
|
|
3032
3032
|
|
|
3033
3033
|
// src/components/Confirm.tsx
|
|
3034
|
-
var import_react35,
|
|
3034
|
+
var import_react35, import_jsx_runtime43, Confirm, Confirm_default;
|
|
3035
3035
|
var init_Confirm = __esm({
|
|
3036
3036
|
"src/components/Confirm.tsx"() {
|
|
3037
3037
|
"use strict";
|
|
@@ -3039,7 +3039,7 @@ var init_Confirm = __esm({
|
|
|
3039
3039
|
import_react35 = require("react");
|
|
3040
3040
|
init_ClientButton();
|
|
3041
3041
|
init_StyleTypes();
|
|
3042
|
-
|
|
3042
|
+
import_jsx_runtime43 = require("react/jsx-runtime");
|
|
3043
3043
|
Confirm = ({ message, onConfirm, onCancel }) => {
|
|
3044
3044
|
const [showModal, setShowModal] = (0, import_react35.useState)(true);
|
|
3045
3045
|
const handleConfirmAction = () => {
|
|
@@ -3054,13 +3054,13 @@ var init_Confirm = __esm({
|
|
|
3054
3054
|
onCancel();
|
|
3055
3055
|
}
|
|
3056
3056
|
};
|
|
3057
|
-
return /* @__PURE__ */ (0,
|
|
3058
|
-
/* @__PURE__ */ (0,
|
|
3059
|
-
/* @__PURE__ */ (0,
|
|
3060
|
-
/* @__PURE__ */ (0,
|
|
3061
|
-
/* @__PURE__ */ (0,
|
|
3062
|
-
/* @__PURE__ */ (0,
|
|
3063
|
-
/* @__PURE__ */ (0,
|
|
3057
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_jsx_runtime43.Fragment, { children: showModal && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "fixed inset-0 flex items-center justify-center z-50", children: [
|
|
3058
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "absolute inset-0 bg-black opacity-70" }),
|
|
3059
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bg-white rounded-md p-6 w-2/6 shadow border z-50", children: [
|
|
3060
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-xl font-medium mb-4", children: "Confirmation" }),
|
|
3061
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "mb-4", children: message }),
|
|
3062
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex justify-end gap-8", children: [
|
|
3063
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3064
3064
|
ClientButton_default,
|
|
3065
3065
|
{
|
|
3066
3066
|
onClick: handleCancelAction,
|
|
@@ -3068,7 +3068,7 @@ var init_Confirm = __esm({
|
|
|
3068
3068
|
children: "Cancel"
|
|
3069
3069
|
}
|
|
3070
3070
|
),
|
|
3071
|
-
/* @__PURE__ */ (0,
|
|
3071
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3072
3072
|
ClientButton_default,
|
|
3073
3073
|
{
|
|
3074
3074
|
onClick: handleConfirmAction,
|
|
@@ -3086,7 +3086,7 @@ var init_Confirm = __esm({
|
|
|
3086
3086
|
});
|
|
3087
3087
|
|
|
3088
3088
|
// src/components/Button.tsx
|
|
3089
|
-
var import_react36,
|
|
3089
|
+
var import_react36, import_jsx_runtime44, Button, Button_default;
|
|
3090
3090
|
var init_Button = __esm({
|
|
3091
3091
|
"src/components/Button.tsx"() {
|
|
3092
3092
|
"use strict";
|
|
@@ -3095,7 +3095,7 @@ var init_Button = __esm({
|
|
|
3095
3095
|
init_ToastService();
|
|
3096
3096
|
init_StyleTypes();
|
|
3097
3097
|
init_Confirm();
|
|
3098
|
-
|
|
3098
|
+
import_jsx_runtime44 = require("react/jsx-runtime");
|
|
3099
3099
|
Button = (props) => {
|
|
3100
3100
|
const [inProgress, setInProgress] = (0, import_react36.useState)(false);
|
|
3101
3101
|
const [isActionPerformed, setIsActionPerformed] = (0, import_react36.useState)(false);
|
|
@@ -3149,7 +3149,7 @@ var init_Button = __esm({
|
|
|
3149
3149
|
const onConfirm = () => resolve(true);
|
|
3150
3150
|
const onCancel = () => resolve(false);
|
|
3151
3151
|
setShowModal(
|
|
3152
|
-
/* @__PURE__ */ (0,
|
|
3152
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3153
3153
|
Confirm_default,
|
|
3154
3154
|
{
|
|
3155
3155
|
message: props.confirmationMessage,
|
|
@@ -3163,8 +3163,8 @@ var init_Button = __esm({
|
|
|
3163
3163
|
let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
|
|
3164
3164
|
let progressClass = props.ButtonType ? progressClasses.get(props.ButtonType) : progressClasses.get("Primary" /* Solid */);
|
|
3165
3165
|
const isDisabled = inProgress || isActionPerformed && props.oneTimeAction;
|
|
3166
|
-
return /* @__PURE__ */ (0,
|
|
3167
|
-
/* @__PURE__ */ (0,
|
|
3166
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_react36.default.Fragment, { children: [
|
|
3167
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
|
|
3168
3168
|
"button",
|
|
3169
3169
|
{
|
|
3170
3170
|
type: "submit",
|
|
@@ -3174,7 +3174,7 @@ var init_Button = __esm({
|
|
|
3174
3174
|
className: `${buttonClass} relative inline-flex items-center justify-center gap-2 ${props.className ?? ""}`,
|
|
3175
3175
|
children: [
|
|
3176
3176
|
isActionPerformed && props.oneTimeAction && responseMessage ? responseMessage : props.children,
|
|
3177
|
-
inProgress && /* @__PURE__ */ (0,
|
|
3177
|
+
inProgress && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children: props.hideProgressIndicator ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
|
|
3178
3178
|
"svg",
|
|
3179
3179
|
{
|
|
3180
3180
|
className: `animate-spin h-5 w-5 flex-shrink-0 ${progressClass}`,
|
|
@@ -3182,7 +3182,7 @@ var init_Button = __esm({
|
|
|
3182
3182
|
fill: "none",
|
|
3183
3183
|
viewBox: "0 0 24 24",
|
|
3184
3184
|
children: [
|
|
3185
|
-
/* @__PURE__ */ (0,
|
|
3185
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3186
3186
|
"circle",
|
|
3187
3187
|
{
|
|
3188
3188
|
className: "opacity-25",
|
|
@@ -3193,7 +3193,7 @@ var init_Button = __esm({
|
|
|
3193
3193
|
strokeWidth: "4"
|
|
3194
3194
|
}
|
|
3195
3195
|
),
|
|
3196
|
-
/* @__PURE__ */ (0,
|
|
3196
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3197
3197
|
"path",
|
|
3198
3198
|
{
|
|
3199
3199
|
className: "opacity-75",
|
|
@@ -3215,14 +3215,14 @@ var init_Button = __esm({
|
|
|
3215
3215
|
});
|
|
3216
3216
|
|
|
3217
3217
|
// src/components/controls/edit/SelectWithSearchPanel.tsx
|
|
3218
|
-
var import_react37,
|
|
3218
|
+
var import_react37, import_jsx_runtime45, SelectWithSearchPanel, SelectWithSearchPanel_default;
|
|
3219
3219
|
var init_SelectWithSearchPanel = __esm({
|
|
3220
3220
|
"src/components/controls/edit/SelectWithSearchPanel.tsx"() {
|
|
3221
3221
|
"use strict";
|
|
3222
3222
|
"use client";
|
|
3223
3223
|
init_Button();
|
|
3224
3224
|
import_react37 = __toESM(require("react"));
|
|
3225
|
-
|
|
3225
|
+
import_jsx_runtime45 = require("react/jsx-runtime");
|
|
3226
3226
|
SelectWithSearchPanel = (props) => {
|
|
3227
3227
|
const [isOpen, setIsOpen] = (0, import_react37.useState)(false);
|
|
3228
3228
|
const [searchTerm, setSearchTerm] = (0, import_react37.useState)("");
|
|
@@ -3358,14 +3358,14 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
3358
3358
|
console.log("Form Data:", formData);
|
|
3359
3359
|
return formData;
|
|
3360
3360
|
}, []);
|
|
3361
|
-
return /* @__PURE__ */ (0,
|
|
3362
|
-
/* @__PURE__ */ (0,
|
|
3361
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "relative", children: [
|
|
3362
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("label", { className: "text-sm mb-1 font-medium", children: [
|
|
3363
3363
|
props.attributes?.label,
|
|
3364
3364
|
" ",
|
|
3365
3365
|
" ",
|
|
3366
|
-
props?.attributes?.required && /* @__PURE__ */ (0,
|
|
3366
|
+
props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
3367
3367
|
] }),
|
|
3368
|
-
/* @__PURE__ */ (0,
|
|
3368
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
3369
3369
|
"input",
|
|
3370
3370
|
{
|
|
3371
3371
|
type: "text",
|
|
@@ -3379,14 +3379,14 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
3379
3379
|
disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none`
|
|
3380
3380
|
}
|
|
3381
3381
|
) }),
|
|
3382
|
-
/* @__PURE__ */ (0,
|
|
3383
|
-
/* @__PURE__ */ (0,
|
|
3384
|
-
/* @__PURE__ */ (0,
|
|
3382
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { ref: containerRef, children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_react37.default.Fragment, { children: [
|
|
3383
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "fixed z-50 right-0 bg-white top-[62px] w-1/4 border-l border-gray-200", children: [
|
|
3384
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex flex-col p-2 bg-accent-950 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("h5", { className: "text-md text-white font-medium", children: [
|
|
3385
3385
|
"Select a",
|
|
3386
3386
|
" ",
|
|
3387
3387
|
props.attributes?.label || props.attributes?.heading
|
|
3388
3388
|
] }) }),
|
|
3389
|
-
/* @__PURE__ */ (0,
|
|
3389
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200 h-10", children: props.createFields && props.createFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
3390
3390
|
"button",
|
|
3391
3391
|
{
|
|
3392
3392
|
type: "button",
|
|
@@ -3399,12 +3399,12 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
3399
3399
|
}
|
|
3400
3400
|
) })
|
|
3401
3401
|
] }),
|
|
3402
|
-
isCreateOpen && /* @__PURE__ */ (0,
|
|
3403
|
-
/* @__PURE__ */ (0,
|
|
3402
|
+
isCreateOpen && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "fixed right-0 w-1/4 h-full top-[62px] bg-white shadow-lg border-l border-gray-200 z-50", children: [
|
|
3403
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex flex-col p-2 bg-accent-950", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("h5", { className: "text-md font-medium text-white", children: [
|
|
3404
3404
|
"Create New ",
|
|
3405
3405
|
props.attributes?.label
|
|
3406
3406
|
] }) }),
|
|
3407
|
-
/* @__PURE__ */ (0,
|
|
3407
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
3408
3408
|
"button",
|
|
3409
3409
|
{
|
|
3410
3410
|
type: "button",
|
|
@@ -3413,10 +3413,10 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
3413
3413
|
children: "Close"
|
|
3414
3414
|
}
|
|
3415
3415
|
) }),
|
|
3416
|
-
/* @__PURE__ */ (0,
|
|
3417
|
-
props.createFields?.map((field) => /* @__PURE__ */ (0,
|
|
3418
|
-
/* @__PURE__ */ (0,
|
|
3419
|
-
/* @__PURE__ */ (0,
|
|
3416
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "p-4", children: [
|
|
3417
|
+
props.createFields?.map((field) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "mb-4", children: [
|
|
3418
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("label", { className: "text-sm mb-1 font-medium block", children: field.label }),
|
|
3419
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
3420
3420
|
"input",
|
|
3421
3421
|
{
|
|
3422
3422
|
type: field.type,
|
|
@@ -3432,7 +3432,7 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
3432
3432
|
}
|
|
3433
3433
|
)
|
|
3434
3434
|
] }, field.name)),
|
|
3435
|
-
/* @__PURE__ */ (0,
|
|
3435
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Button_default, { onClick: async () => {
|
|
3436
3436
|
handleSaveModal();
|
|
3437
3437
|
return { isSuccessful: true };
|
|
3438
3438
|
}, className: "w-full", children: [
|
|
@@ -3441,13 +3441,13 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
3441
3441
|
] })
|
|
3442
3442
|
] })
|
|
3443
3443
|
] }),
|
|
3444
|
-
/* @__PURE__ */ (0,
|
|
3444
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
3445
3445
|
"div",
|
|
3446
3446
|
{
|
|
3447
3447
|
ref: listRef,
|
|
3448
3448
|
className: "fixed z-10 right-0 mt-[130px] top-0 w-1/4 bg-white border-l border-gray-200 shadow-lg overflow-y-auto",
|
|
3449
3449
|
style: { height: "calc(100vh - 130px)" },
|
|
3450
|
-
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0,
|
|
3450
|
+
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
3451
3451
|
"button",
|
|
3452
3452
|
{
|
|
3453
3453
|
onClick: (e) => {
|
|
@@ -3457,9 +3457,9 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
3457
3457
|
role: "option",
|
|
3458
3458
|
tabIndex: -1,
|
|
3459
3459
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
3460
|
-
children: /* @__PURE__ */ (0,
|
|
3460
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children: getNestedValue7(item, props.dataTextFieldName) })
|
|
3461
3461
|
}
|
|
3462
|
-
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0,
|
|
3462
|
+
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
3463
3463
|
}
|
|
3464
3464
|
)
|
|
3465
3465
|
] }) })
|
|
@@ -3470,12 +3470,12 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
3470
3470
|
});
|
|
3471
3471
|
|
|
3472
3472
|
// src/components/controls/edit/BooleanSelect.tsx
|
|
3473
|
-
var import_react38,
|
|
3473
|
+
var import_react38, import_jsx_runtime46, BooleanSelect, BooleanSelect_default;
|
|
3474
3474
|
var init_BooleanSelect = __esm({
|
|
3475
3475
|
"src/components/controls/edit/BooleanSelect.tsx"() {
|
|
3476
3476
|
"use strict";
|
|
3477
3477
|
import_react38 = __toESM(require("react"));
|
|
3478
|
-
|
|
3478
|
+
import_jsx_runtime46 = require("react/jsx-runtime");
|
|
3479
3479
|
BooleanSelect = (props) => {
|
|
3480
3480
|
const [list, setList] = (0, import_react38.useState)();
|
|
3481
3481
|
const textChangeHandler = (event) => {
|
|
@@ -3524,11 +3524,11 @@ var init_BooleanSelect = __esm({
|
|
|
3524
3524
|
if (props.value !== void 0 && props.value !== null) {
|
|
3525
3525
|
value = props.value;
|
|
3526
3526
|
}
|
|
3527
|
-
return /* @__PURE__ */ (0,
|
|
3528
|
-
/* @__PURE__ */ (0,
|
|
3527
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react38.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("label", { className: "block", children: [
|
|
3528
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
3529
3529
|
" ",
|
|
3530
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
3531
|
-
/* @__PURE__ */ (0,
|
|
3530
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
3531
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
|
|
3532
3532
|
"select",
|
|
3533
3533
|
{
|
|
3534
3534
|
name: props.name,
|
|
@@ -3540,9 +3540,9 @@ var init_BooleanSelect = __esm({
|
|
|
3540
3540
|
disabled: props?.attributes?.readOnly,
|
|
3541
3541
|
className: "peer mt-1 py-1.5 block w-full text-black rounded shadow-sm\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n ",
|
|
3542
3542
|
children: [
|
|
3543
|
-
/* @__PURE__ */ (0,
|
|
3543
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
|
|
3544
3544
|
list && list.map((item, i) => {
|
|
3545
|
-
return /* @__PURE__ */ (0,
|
|
3545
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3546
3546
|
"option",
|
|
3547
3547
|
{
|
|
3548
3548
|
className: "fac-select-option",
|
|
@@ -3555,7 +3555,7 @@ var init_BooleanSelect = __esm({
|
|
|
3555
3555
|
]
|
|
3556
3556
|
}
|
|
3557
3557
|
),
|
|
3558
|
-
/* @__PURE__ */ (0,
|
|
3558
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
3559
3559
|
] }) });
|
|
3560
3560
|
};
|
|
3561
3561
|
BooleanSelect_default = BooleanSelect;
|
|
@@ -3563,12 +3563,12 @@ var init_BooleanSelect = __esm({
|
|
|
3563
3563
|
});
|
|
3564
3564
|
|
|
3565
3565
|
// src/components/controls/edit/EmailInput.tsx
|
|
3566
|
-
var import_react39,
|
|
3566
|
+
var import_react39, import_jsx_runtime47, EmailInput, EmailInput_default;
|
|
3567
3567
|
var init_EmailInput = __esm({
|
|
3568
3568
|
"src/components/controls/edit/EmailInput.tsx"() {
|
|
3569
3569
|
"use strict";
|
|
3570
3570
|
import_react39 = __toESM(require("react"));
|
|
3571
|
-
|
|
3571
|
+
import_jsx_runtime47 = require("react/jsx-runtime");
|
|
3572
3572
|
EmailInput = (props) => {
|
|
3573
3573
|
const textChangeHandler = (event) => {
|
|
3574
3574
|
const text = event.target.value;
|
|
@@ -3593,11 +3593,11 @@ var init_EmailInput = __esm({
|
|
|
3593
3593
|
if (props.value !== void 0 && props.value !== null) {
|
|
3594
3594
|
value = props.value;
|
|
3595
3595
|
}
|
|
3596
|
-
return /* @__PURE__ */ (0,
|
|
3597
|
-
/* @__PURE__ */ (0,
|
|
3596
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react39.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("label", { className: "block mb-1", children: [
|
|
3597
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
|
|
3598
3598
|
" ",
|
|
3599
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
3600
|
-
/* @__PURE__ */ (0,
|
|
3599
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
3600
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
3601
3601
|
"input",
|
|
3602
3602
|
{
|
|
3603
3603
|
type: "email",
|
|
@@ -3613,7 +3613,7 @@ var init_EmailInput = __esm({
|
|
|
3613
3613
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n transition-all duration-500 ease-in-out"
|
|
3614
3614
|
}
|
|
3615
3615
|
),
|
|
3616
|
-
/* @__PURE__ */ (0,
|
|
3616
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 mb-0 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
3617
3617
|
] }) });
|
|
3618
3618
|
};
|
|
3619
3619
|
EmailInput_default = EmailInput;
|
|
@@ -3621,13 +3621,13 @@ var init_EmailInput = __esm({
|
|
|
3621
3621
|
});
|
|
3622
3622
|
|
|
3623
3623
|
// src/components/controls/edit/TimeInput.tsx
|
|
3624
|
-
var import_react40,
|
|
3624
|
+
var import_react40, import_jsx_runtime48, TimeInput, TimeInput_default;
|
|
3625
3625
|
var init_TimeInput = __esm({
|
|
3626
3626
|
"src/components/controls/edit/TimeInput.tsx"() {
|
|
3627
3627
|
"use strict";
|
|
3628
3628
|
"use client";
|
|
3629
3629
|
import_react40 = __toESM(require("react"));
|
|
3630
|
-
|
|
3630
|
+
import_jsx_runtime48 = require("react/jsx-runtime");
|
|
3631
3631
|
TimeInput = (props) => {
|
|
3632
3632
|
const timeChangeHandler = (event) => {
|
|
3633
3633
|
const timeValue = event.target.value;
|
|
@@ -3640,11 +3640,11 @@ var init_TimeInput = __esm({
|
|
|
3640
3640
|
});
|
|
3641
3641
|
}
|
|
3642
3642
|
};
|
|
3643
|
-
return /* @__PURE__ */ (0,
|
|
3644
|
-
/* @__PURE__ */ (0,
|
|
3643
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react40.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("label", { className: "block mb-1", children: [
|
|
3644
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
3645
3645
|
" ",
|
|
3646
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
3647
|
-
/* @__PURE__ */ (0,
|
|
3646
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
3647
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
3648
3648
|
"input",
|
|
3649
3649
|
{
|
|
3650
3650
|
type: "time",
|
|
@@ -3657,7 +3657,7 @@ var init_TimeInput = __esm({
|
|
|
3657
3657
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none"
|
|
3658
3658
|
}
|
|
3659
3659
|
) }),
|
|
3660
|
-
/* @__PURE__ */ (0,
|
|
3660
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ?? "" })
|
|
3661
3661
|
] }) });
|
|
3662
3662
|
};
|
|
3663
3663
|
TimeInput_default = TimeInput;
|
|
@@ -3672,7 +3672,7 @@ function Hyperlink(props) {
|
|
|
3672
3672
|
if (target == "_blank") {
|
|
3673
3673
|
additionalProps.rel = "noopener noreferrer";
|
|
3674
3674
|
}
|
|
3675
|
-
return /* @__PURE__ */ (0,
|
|
3675
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_jsx_runtime49.Fragment, { children: props.href ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
3676
3676
|
import_link.default,
|
|
3677
3677
|
{
|
|
3678
3678
|
href: props.href,
|
|
@@ -3682,65 +3682,65 @@ function Hyperlink(props) {
|
|
|
3682
3682
|
target,
|
|
3683
3683
|
children: props.children
|
|
3684
3684
|
}
|
|
3685
|
-
) : props.isHeading ? /* @__PURE__ */ (0,
|
|
3685
|
+
) : props.isHeading ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h5", { className: props.className + "inline-block", children: props.children }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: props.className, children: props.children }) });
|
|
3686
3686
|
}
|
|
3687
|
-
var import_link,
|
|
3687
|
+
var import_link, import_jsx_runtime49;
|
|
3688
3688
|
var init_Hyperlink = __esm({
|
|
3689
3689
|
"src/components/dataForm/Hyperlink.tsx"() {
|
|
3690
3690
|
"use strict";
|
|
3691
3691
|
import_link = __toESM(require("next/link"));
|
|
3692
3692
|
init_StyleTypes();
|
|
3693
|
-
|
|
3693
|
+
import_jsx_runtime49 = require("react/jsx-runtime");
|
|
3694
3694
|
}
|
|
3695
3695
|
});
|
|
3696
3696
|
|
|
3697
3697
|
// src/svg/chevron-updown.tsx
|
|
3698
|
-
var
|
|
3698
|
+
var import_jsx_runtime50, ChevronUpDown, chevron_updown_default;
|
|
3699
3699
|
var init_chevron_updown = __esm({
|
|
3700
3700
|
"src/svg/chevron-updown.tsx"() {
|
|
3701
3701
|
"use strict";
|
|
3702
|
-
|
|
3702
|
+
import_jsx_runtime50 = require("react/jsx-runtime");
|
|
3703
3703
|
ChevronUpDown = (props) => {
|
|
3704
|
-
return /* @__PURE__ */ (0,
|
|
3704
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) });
|
|
3705
3705
|
};
|
|
3706
3706
|
chevron_updown_default = ChevronUpDown;
|
|
3707
3707
|
}
|
|
3708
3708
|
});
|
|
3709
3709
|
|
|
3710
3710
|
// src/svg/chevron-down.tsx
|
|
3711
|
-
var
|
|
3711
|
+
var import_jsx_runtime51, ChevronDown, chevron_down_default;
|
|
3712
3712
|
var init_chevron_down = __esm({
|
|
3713
3713
|
"src/svg/chevron-down.tsx"() {
|
|
3714
3714
|
"use strict";
|
|
3715
|
-
|
|
3715
|
+
import_jsx_runtime51 = require("react/jsx-runtime");
|
|
3716
3716
|
ChevronDown = (props) => {
|
|
3717
|
-
return /* @__PURE__ */ (0,
|
|
3717
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) });
|
|
3718
3718
|
};
|
|
3719
3719
|
chevron_down_default = ChevronDown;
|
|
3720
3720
|
}
|
|
3721
3721
|
});
|
|
3722
3722
|
|
|
3723
3723
|
// src/svg/chevron-up.tsx
|
|
3724
|
-
var
|
|
3724
|
+
var import_jsx_runtime52, ChevronUp, chevron_up_default;
|
|
3725
3725
|
var init_chevron_up = __esm({
|
|
3726
3726
|
"src/svg/chevron-up.tsx"() {
|
|
3727
3727
|
"use strict";
|
|
3728
|
-
|
|
3728
|
+
import_jsx_runtime52 = require("react/jsx-runtime");
|
|
3729
3729
|
ChevronUp = (props) => {
|
|
3730
|
-
return /* @__PURE__ */ (0,
|
|
3730
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) });
|
|
3731
3731
|
};
|
|
3732
3732
|
chevron_up_default = ChevronUp;
|
|
3733
3733
|
}
|
|
3734
3734
|
});
|
|
3735
3735
|
|
|
3736
3736
|
// src/svg/plus.tsx
|
|
3737
|
-
var
|
|
3737
|
+
var import_jsx_runtime53, Plus, plus_default;
|
|
3738
3738
|
var init_plus = __esm({
|
|
3739
3739
|
"src/svg/plus.tsx"() {
|
|
3740
3740
|
"use strict";
|
|
3741
|
-
|
|
3741
|
+
import_jsx_runtime53 = require("react/jsx-runtime");
|
|
3742
3742
|
Plus = (props) => {
|
|
3743
|
-
return /* @__PURE__ */ (0,
|
|
3743
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) });
|
|
3744
3744
|
};
|
|
3745
3745
|
plus_default = Plus;
|
|
3746
3746
|
}
|
|
@@ -3766,26 +3766,26 @@ var init_Icons = __esm({
|
|
|
3766
3766
|
});
|
|
3767
3767
|
|
|
3768
3768
|
// src/svg/Icon.tsx
|
|
3769
|
-
var
|
|
3769
|
+
var import_jsx_runtime54, Icon, Icon_default;
|
|
3770
3770
|
var init_Icon = __esm({
|
|
3771
3771
|
"src/svg/Icon.tsx"() {
|
|
3772
3772
|
"use strict";
|
|
3773
3773
|
init_Icons();
|
|
3774
|
-
|
|
3774
|
+
import_jsx_runtime54 = require("react/jsx-runtime");
|
|
3775
3775
|
Icon = ({ name, className, ...props }) => {
|
|
3776
3776
|
const IconComponent = Icons_default[name];
|
|
3777
3777
|
if (!IconComponent) {
|
|
3778
3778
|
console.error(`Icon "${name}" not found.`);
|
|
3779
3779
|
return null;
|
|
3780
3780
|
}
|
|
3781
|
-
return /* @__PURE__ */ (0,
|
|
3781
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(IconComponent, { ...props, className });
|
|
3782
3782
|
};
|
|
3783
3783
|
Icon_default = Icon;
|
|
3784
3784
|
}
|
|
3785
3785
|
});
|
|
3786
3786
|
|
|
3787
3787
|
// src/components/controls/edit/AssetUpload.tsx
|
|
3788
|
-
var import_react41,
|
|
3788
|
+
var import_react41, import_jsx_runtime55, AssetUpload, AssetUpload_default;
|
|
3789
3789
|
var init_AssetUpload = __esm({
|
|
3790
3790
|
"src/components/controls/edit/AssetUpload.tsx"() {
|
|
3791
3791
|
"use strict";
|
|
@@ -3796,7 +3796,7 @@ var init_AssetUpload = __esm({
|
|
|
3796
3796
|
init_AssetUtility();
|
|
3797
3797
|
init_Hyperlink();
|
|
3798
3798
|
init_Icon();
|
|
3799
|
-
|
|
3799
|
+
import_jsx_runtime55 = require("react/jsx-runtime");
|
|
3800
3800
|
AssetUpload = (props) => {
|
|
3801
3801
|
const isDisabled = props.attributes?.disable ?? false;
|
|
3802
3802
|
let allValues = [];
|
|
@@ -3893,10 +3893,10 @@ var init_AssetUpload = __esm({
|
|
|
3893
3893
|
}
|
|
3894
3894
|
return false;
|
|
3895
3895
|
};
|
|
3896
|
-
return /* @__PURE__ */ (0,
|
|
3897
|
-
/* @__PURE__ */ (0,
|
|
3898
|
-
/* @__PURE__ */ (0,
|
|
3899
|
-
/* @__PURE__ */ (0,
|
|
3896
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_react41.default.Fragment, { children: [
|
|
3897
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("label", { className: "block mb-1", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }) }),
|
|
3898
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex gap-6 bg-neutral-100 rounded p-2", children: [
|
|
3899
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
3900
3900
|
ClientButton_default,
|
|
3901
3901
|
{
|
|
3902
3902
|
className: assetType === "image" ? "px-2 py-1 rounded bg-body-200 scale-95" : "text-neutral-700",
|
|
@@ -3906,7 +3906,7 @@ var init_AssetUpload = __esm({
|
|
|
3906
3906
|
children: "Image Upload"
|
|
3907
3907
|
}
|
|
3908
3908
|
),
|
|
3909
|
-
/* @__PURE__ */ (0,
|
|
3909
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
3910
3910
|
ClientButton_default,
|
|
3911
3911
|
{
|
|
3912
3912
|
className: assetType === "video" ? "bg-body-200 px-2 py-1 rounded-md scale-95" : "text-neutral-700",
|
|
@@ -3917,13 +3917,13 @@ var init_AssetUpload = __esm({
|
|
|
3917
3917
|
}
|
|
3918
3918
|
)
|
|
3919
3919
|
] }),
|
|
3920
|
-
shouldShowDetails() && /* @__PURE__ */ (0,
|
|
3921
|
-
/* @__PURE__ */ (0,
|
|
3922
|
-
/* @__PURE__ */ (0,
|
|
3923
|
-
/* @__PURE__ */ (0,
|
|
3924
|
-
/* @__PURE__ */ (0,
|
|
3925
|
-
/* @__PURE__ */ (0,
|
|
3926
|
-
/* @__PURE__ */ (0,
|
|
3920
|
+
shouldShowDetails() && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "relative mt-4 rounded-md p-4 border-2 border-dotted border-gray-300 bg-gray-50", children: [
|
|
3921
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "absolute -top-2.5 left-3 bg-primary-600 text-white text-xs px-2 py-0.5 rounded-full", children: getAssetType(allValues[0]) === "video" ? "Video" : "Image" }),
|
|
3922
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "flex flex-col gap-3", children: allValues.map((digitalAsset, index) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex justify-between items-start gap-5", children: [
|
|
3923
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm w-full", children: [
|
|
3924
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { children: [
|
|
3925
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "text-gray-500", children: "Title" }),
|
|
3926
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
3927
3927
|
"input",
|
|
3928
3928
|
{
|
|
3929
3929
|
type: "text",
|
|
@@ -3935,18 +3935,18 @@ var init_AssetUpload = __esm({
|
|
|
3935
3935
|
}
|
|
3936
3936
|
)
|
|
3937
3937
|
] }),
|
|
3938
|
-
digitalAsset.intrinsicWidth && digitalAsset.intrinsicHeight && /* @__PURE__ */ (0,
|
|
3939
|
-
/* @__PURE__ */ (0,
|
|
3940
|
-
/* @__PURE__ */ (0,
|
|
3938
|
+
digitalAsset.intrinsicWidth && digitalAsset.intrinsicHeight && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { children: [
|
|
3939
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "text-gray-500", children: "Resolution" }),
|
|
3940
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("p", { className: "font-medium text-gray-900 mt-3", children: [
|
|
3941
3941
|
digitalAsset.intrinsicWidth,
|
|
3942
3942
|
"\xD7",
|
|
3943
3943
|
digitalAsset.intrinsicHeight
|
|
3944
3944
|
] })
|
|
3945
3945
|
] }),
|
|
3946
|
-
(digitalAsset.assetUrl || digitalAsset.posterUrl) && /* @__PURE__ */ (0,
|
|
3947
|
-
/* @__PURE__ */ (0,
|
|
3948
|
-
/* @__PURE__ */ (0,
|
|
3949
|
-
getAssetType(digitalAsset) === "video" && digitalAsset.posterUrl && /* @__PURE__ */ (0,
|
|
3946
|
+
(digitalAsset.assetUrl || digitalAsset.posterUrl) && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { children: [
|
|
3947
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "text-gray-500", children: "Image / Poster" }),
|
|
3948
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex-shrink-0 flex flex-col gap-3 mt-1", children: [
|
|
3949
|
+
getAssetType(digitalAsset) === "video" && digitalAsset.posterUrl && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
3950
3950
|
"img",
|
|
3951
3951
|
{
|
|
3952
3952
|
src: AssetUtility_default.resolveUrl(props.serviceClient?.baseUrl, digitalAsset.posterUrl),
|
|
@@ -3954,7 +3954,7 @@ var init_AssetUpload = __esm({
|
|
|
3954
3954
|
className: "w-32 h-auto object-cover rounded border p-1"
|
|
3955
3955
|
}
|
|
3956
3956
|
),
|
|
3957
|
-
getAssetType(digitalAsset) === "image" && digitalAsset.assetUrl && /* @__PURE__ */ (0,
|
|
3957
|
+
getAssetType(digitalAsset) === "image" && digitalAsset.assetUrl && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
3958
3958
|
"img",
|
|
3959
3959
|
{
|
|
3960
3960
|
src: AssetUtility_default.resolveUrl(props.serviceClient?.baseUrl, digitalAsset.assetUrl),
|
|
@@ -3964,9 +3964,9 @@ var init_AssetUpload = __esm({
|
|
|
3964
3964
|
)
|
|
3965
3965
|
] })
|
|
3966
3966
|
] }),
|
|
3967
|
-
digitalAsset.assetUrl?.endsWith(".m3u8") && /* @__PURE__ */ (0,
|
|
3968
|
-
/* @__PURE__ */ (0,
|
|
3969
|
-
/* @__PURE__ */ (0,
|
|
3967
|
+
digitalAsset.assetUrl?.endsWith(".m3u8") && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "col-span-2", children: [
|
|
3968
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "text-gray-500", children: "HLS Link" }),
|
|
3969
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
3970
3970
|
Hyperlink,
|
|
3971
3971
|
{
|
|
3972
3972
|
href: digitalAsset.assetUrl,
|
|
@@ -3977,12 +3977,12 @@ var init_AssetUpload = __esm({
|
|
|
3977
3977
|
)
|
|
3978
3978
|
] })
|
|
3979
3979
|
] }),
|
|
3980
|
-
/* @__PURE__ */ (0,
|
|
3980
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
3981
3981
|
"span",
|
|
3982
3982
|
{
|
|
3983
3983
|
onClick: () => !isDisabled && deleteFile(index),
|
|
3984
3984
|
className: isDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
|
|
3985
|
-
children: /* @__PURE__ */ (0,
|
|
3985
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon_default, { className: "w-4 h-4 text-primary", name: "delete" })
|
|
3986
3986
|
}
|
|
3987
3987
|
)
|
|
3988
3988
|
] }, index)) })
|
|
@@ -3994,12 +3994,12 @@ var init_AssetUpload = __esm({
|
|
|
3994
3994
|
});
|
|
3995
3995
|
|
|
3996
3996
|
// src/components/controls/edit/SwitchInput.tsx
|
|
3997
|
-
var import_react42,
|
|
3997
|
+
var import_react42, import_jsx_runtime56, SwitchInput, SwitchInput_default;
|
|
3998
3998
|
var init_SwitchInput = __esm({
|
|
3999
3999
|
"src/components/controls/edit/SwitchInput.tsx"() {
|
|
4000
4000
|
"use strict";
|
|
4001
4001
|
import_react42 = __toESM(require("react"));
|
|
4002
|
-
|
|
4002
|
+
import_jsx_runtime56 = require("react/jsx-runtime");
|
|
4003
4003
|
SwitchInput = (props) => {
|
|
4004
4004
|
const textChangeHandler = (event) => {
|
|
4005
4005
|
let text = event.target.checked;
|
|
@@ -4016,28 +4016,28 @@ var init_SwitchInput = __esm({
|
|
|
4016
4016
|
if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
|
|
4017
4017
|
value = true;
|
|
4018
4018
|
}
|
|
4019
|
-
return /* @__PURE__ */ (0,
|
|
4020
|
-
/* @__PURE__ */ (0,
|
|
4021
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
4019
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react42.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-start justify-between gap-4 py-3", children: [
|
|
4020
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "min-w-0", children: [
|
|
4021
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
|
|
4022
4022
|
"label",
|
|
4023
4023
|
{
|
|
4024
4024
|
htmlFor: props.name,
|
|
4025
4025
|
className: "inline-block text-sm font-semibold text-slate-800",
|
|
4026
4026
|
children: [
|
|
4027
4027
|
props.attributes.label,
|
|
4028
|
-
props?.attributes?.required && /* @__PURE__ */ (0,
|
|
4028
|
+
props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
4029
4029
|
]
|
|
4030
4030
|
}
|
|
4031
4031
|
),
|
|
4032
|
-
/* @__PURE__ */ (0,
|
|
4032
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage || "" })
|
|
4033
4033
|
] }),
|
|
4034
|
-
/* @__PURE__ */ (0,
|
|
4034
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
|
|
4035
4035
|
"label",
|
|
4036
4036
|
{
|
|
4037
4037
|
htmlFor: props.name,
|
|
4038
4038
|
className: "relative inline-flex shrink-0 cursor-pointer items-center peer-disabled:cursor-not-allowed",
|
|
4039
4039
|
children: [
|
|
4040
|
-
/* @__PURE__ */ (0,
|
|
4040
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
4041
4041
|
"input",
|
|
4042
4042
|
{
|
|
4043
4043
|
type: "checkbox",
|
|
@@ -4050,13 +4050,13 @@ var init_SwitchInput = __esm({
|
|
|
4050
4050
|
className: "peer sr-only"
|
|
4051
4051
|
}
|
|
4052
4052
|
),
|
|
4053
|
-
/* @__PURE__ */ (0,
|
|
4053
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
4054
4054
|
"div",
|
|
4055
4055
|
{
|
|
4056
4056
|
className: "h-6 w-11 rounded-full bg-slate-200 shadow-inner\n transition-colors duration-200 ease-in-out\n peer-checked:bg-blue-600\n peer-focus-visible:ring-2 peer-focus-visible:ring-blue-300 peer-focus-visible:ring-offset-2\n peer-disabled:bg-slate-100"
|
|
4057
4057
|
}
|
|
4058
4058
|
),
|
|
4059
|
-
/* @__PURE__ */ (0,
|
|
4059
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
4060
4060
|
"div",
|
|
4061
4061
|
{
|
|
4062
4062
|
className: "absolute left-0.5 top-0.5 h-5 w-5 rounded-full bg-default shadow\n transition-transform duration-200 ease-in-out\n peer-checked:translate-x-5\n peer-disabled:bg-slate-50"
|
|
@@ -4154,13 +4154,13 @@ var init_DateTimeUtility = __esm({
|
|
|
4154
4154
|
});
|
|
4155
4155
|
|
|
4156
4156
|
// src/components/controls/edit/DateInput.tsx
|
|
4157
|
-
var import_react43,
|
|
4157
|
+
var import_react43, import_jsx_runtime57, DateInput, DateInput_default;
|
|
4158
4158
|
var init_DateInput = __esm({
|
|
4159
4159
|
"src/components/controls/edit/DateInput.tsx"() {
|
|
4160
4160
|
"use strict";
|
|
4161
4161
|
import_react43 = require("react");
|
|
4162
4162
|
init_DateTimeUtility();
|
|
4163
|
-
|
|
4163
|
+
import_jsx_runtime57 = require("react/jsx-runtime");
|
|
4164
4164
|
DateInput = (props) => {
|
|
4165
4165
|
const value = (0, import_react43.useMemo)(() => {
|
|
4166
4166
|
if (props.value === void 0 || props.value === null || props.value === "") {
|
|
@@ -4194,11 +4194,11 @@ var init_DateInput = __esm({
|
|
|
4194
4194
|
groupKey: props.groupKey
|
|
4195
4195
|
});
|
|
4196
4196
|
};
|
|
4197
|
-
return /* @__PURE__ */ (0,
|
|
4198
|
-
props.attributes?.label && /* @__PURE__ */ (0,
|
|
4197
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("label", { className: "block mb-1", children: [
|
|
4198
|
+
props.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-sm font-medium", children: props.attributes.label }),
|
|
4199
4199
|
" ",
|
|
4200
|
-
props.attributes?.label && props.attributes.required && /* @__PURE__ */ (0,
|
|
4201
|
-
/* @__PURE__ */ (0,
|
|
4200
|
+
props.attributes?.label && props.attributes.required && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
4201
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
4202
4202
|
"input",
|
|
4203
4203
|
{
|
|
4204
4204
|
type: "date",
|
|
@@ -4212,7 +4212,7 @@ var init_DateInput = __esm({
|
|
|
4212
4212
|
className: `peer input mt-1 py-1.5 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`
|
|
4213
4213
|
}
|
|
4214
4214
|
),
|
|
4215
|
-
/* @__PURE__ */ (0,
|
|
4215
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props.attributes?.errorMessage ?? "" })
|
|
4216
4216
|
] });
|
|
4217
4217
|
};
|
|
4218
4218
|
DateInput_default = DateInput;
|
|
@@ -4220,13 +4220,13 @@ var init_DateInput = __esm({
|
|
|
4220
4220
|
});
|
|
4221
4221
|
|
|
4222
4222
|
// src/components/controls/edit/RadioInput.tsx
|
|
4223
|
-
var import_react44,
|
|
4223
|
+
var import_react44, import_jsx_runtime58, RadioInput, RadioInput_default;
|
|
4224
4224
|
var init_RadioInput = __esm({
|
|
4225
4225
|
"src/components/controls/edit/RadioInput.tsx"() {
|
|
4226
4226
|
"use strict";
|
|
4227
4227
|
import_react44 = require("react");
|
|
4228
4228
|
init_Icon();
|
|
4229
|
-
|
|
4229
|
+
import_jsx_runtime58 = require("react/jsx-runtime");
|
|
4230
4230
|
RadioInput = (props) => {
|
|
4231
4231
|
const [list, setList] = (0, import_react44.useState)([]);
|
|
4232
4232
|
(0, import_react44.useEffect)(() => {
|
|
@@ -4271,22 +4271,22 @@ var init_RadioInput = __esm({
|
|
|
4271
4271
|
});
|
|
4272
4272
|
}
|
|
4273
4273
|
};
|
|
4274
|
-
return /* @__PURE__ */ (0,
|
|
4275
|
-
/* @__PURE__ */ (0,
|
|
4276
|
-
/* @__PURE__ */ (0,
|
|
4274
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "block", children: [
|
|
4275
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm font-medium", children: props.attributes?.label }),
|
|
4276
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex flex-col gap-3", children: list.map((item, index) => {
|
|
4277
4277
|
const itemValue = item[props.dataKeyFieldName];
|
|
4278
4278
|
const isSelected = String(itemValue) === String(props.value ?? "");
|
|
4279
4279
|
const isRecommended = props.dataRecommendedValue !== void 0 && String(itemValue) === String(props.dataRecommendedValue);
|
|
4280
4280
|
const resultClassName = isSelected ? isRecommended ? "bg-success" : props.dataRecommendedValue ? "bg-alert" : "border-transparent" : "border-transparent";
|
|
4281
4281
|
const iconName = isSelected && props.dataRecommendedValue ? isRecommended ? "checkCircle" : "xCircle" : void 0;
|
|
4282
4282
|
const inputId = `${props.name}-${props.index ?? 0}-id-${index}`;
|
|
4283
|
-
return /* @__PURE__ */ (0,
|
|
4283
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
|
|
4284
4284
|
"div",
|
|
4285
4285
|
{
|
|
4286
4286
|
className: `font-normal flex items-center justify-between gap-4 cursor-pointer border rounded p-2 ${resultClassName}`,
|
|
4287
4287
|
children: [
|
|
4288
|
-
/* @__PURE__ */ (0,
|
|
4289
|
-
/* @__PURE__ */ (0,
|
|
4288
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex gap-4 items-start", children: [
|
|
4289
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
4290
4290
|
"input",
|
|
4291
4291
|
{
|
|
4292
4292
|
type: "radio",
|
|
@@ -4300,15 +4300,15 @@ var init_RadioInput = __esm({
|
|
|
4300
4300
|
required: props.attributes?.required
|
|
4301
4301
|
}
|
|
4302
4302
|
),
|
|
4303
|
-
/* @__PURE__ */ (0,
|
|
4303
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("label", { className: "text-body-950 pr-2", htmlFor: inputId, children: item[props.dataTextFieldName] })
|
|
4304
4304
|
] }),
|
|
4305
|
-
iconName && /* @__PURE__ */ (0,
|
|
4305
|
+
iconName && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon_default, { className: "w-5 h-5 text-success", name: iconName })
|
|
4306
4306
|
]
|
|
4307
4307
|
},
|
|
4308
4308
|
String(itemValue)
|
|
4309
4309
|
);
|
|
4310
4310
|
}) }),
|
|
4311
|
-
/* @__PURE__ */ (0,
|
|
4311
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props.attributes?.errorMessage ?? "" })
|
|
4312
4312
|
] });
|
|
4313
4313
|
};
|
|
4314
4314
|
RadioInput_default = RadioInput;
|
|
@@ -4316,12 +4316,12 @@ var init_RadioInput = __esm({
|
|
|
4316
4316
|
});
|
|
4317
4317
|
|
|
4318
4318
|
// src/components/controls/edit/Switcher.tsx
|
|
4319
|
-
var import_react45,
|
|
4319
|
+
var import_react45, import_jsx_runtime59, Switcher, Switcher_default;
|
|
4320
4320
|
var init_Switcher = __esm({
|
|
4321
4321
|
"src/components/controls/edit/Switcher.tsx"() {
|
|
4322
4322
|
"use strict";
|
|
4323
4323
|
import_react45 = require("react");
|
|
4324
|
-
|
|
4324
|
+
import_jsx_runtime59 = require("react/jsx-runtime");
|
|
4325
4325
|
Switcher = (props) => {
|
|
4326
4326
|
const [list, setList] = (0, import_react45.useState)([]);
|
|
4327
4327
|
(0, import_react45.useEffect)(() => {
|
|
@@ -4365,9 +4365,9 @@ var init_Switcher = __esm({
|
|
|
4365
4365
|
});
|
|
4366
4366
|
};
|
|
4367
4367
|
const value = props.value === void 0 || props.value === null ? "" : String(props.value);
|
|
4368
|
-
return /* @__PURE__ */ (0,
|
|
4369
|
-
/* @__PURE__ */ (0,
|
|
4370
|
-
list.length === 0 ? /* @__PURE__ */ (0,
|
|
4368
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("label", { className: "block mb-1", children: [
|
|
4369
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "text-sm font-medium", children: props.attributes?.label }),
|
|
4370
|
+
list.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
4371
4371
|
"input",
|
|
4372
4372
|
{
|
|
4373
4373
|
type: "text",
|
|
@@ -4380,7 +4380,7 @@ var init_Switcher = __esm({
|
|
|
4380
4380
|
disabled: props.attributes?.readOnly,
|
|
4381
4381
|
className: `peer input mt-1 py-1.5 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`
|
|
4382
4382
|
}
|
|
4383
|
-
) : /* @__PURE__ */ (0,
|
|
4383
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
4384
4384
|
"select",
|
|
4385
4385
|
{
|
|
4386
4386
|
name: props.name,
|
|
@@ -4391,8 +4391,8 @@ var init_Switcher = __esm({
|
|
|
4391
4391
|
disabled: props.attributes?.readOnly,
|
|
4392
4392
|
className: `peer select my-1 py-1 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`,
|
|
4393
4393
|
children: [
|
|
4394
|
-
/* @__PURE__ */ (0,
|
|
4395
|
-
list.map((item) => /* @__PURE__ */ (0,
|
|
4394
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("option", { value: "", children: props.attributes?.placeholder || "Select" }),
|
|
4395
|
+
list.map((item) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
4396
4396
|
"option",
|
|
4397
4397
|
{
|
|
4398
4398
|
value: item[props.dataKeyFieldName],
|
|
@@ -4403,7 +4403,7 @@ var init_Switcher = __esm({
|
|
|
4403
4403
|
]
|
|
4404
4404
|
}
|
|
4405
4405
|
),
|
|
4406
|
-
/* @__PURE__ */ (0,
|
|
4406
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props.attributes?.errorMessage ?? "" })
|
|
4407
4407
|
] });
|
|
4408
4408
|
};
|
|
4409
4409
|
Switcher_default = Switcher;
|
|
@@ -4411,14 +4411,14 @@ var init_Switcher = __esm({
|
|
|
4411
4411
|
});
|
|
4412
4412
|
|
|
4413
4413
|
// src/components/controls/edit/ReferenceInput.tsx
|
|
4414
|
-
var
|
|
4414
|
+
var import_jsx_runtime60, ReferenceInput, ReferenceInput_default;
|
|
4415
4415
|
var init_ReferenceInput = __esm({
|
|
4416
4416
|
"src/components/controls/edit/ReferenceInput.tsx"() {
|
|
4417
4417
|
"use strict";
|
|
4418
4418
|
init_SelectWithSearchInput();
|
|
4419
|
-
|
|
4419
|
+
import_jsx_runtime60 = require("react/jsx-runtime");
|
|
4420
4420
|
ReferenceInput = (props) => {
|
|
4421
|
-
return /* @__PURE__ */ (0,
|
|
4421
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SelectWithSearchInput_default, { ...props });
|
|
4422
4422
|
};
|
|
4423
4423
|
ReferenceInput_default = ReferenceInput;
|
|
4424
4424
|
}
|
|
@@ -4429,7 +4429,7 @@ var InputControlClient_exports = {};
|
|
|
4429
4429
|
__export(InputControlClient_exports, {
|
|
4430
4430
|
default: () => InputControlClient_default
|
|
4431
4431
|
});
|
|
4432
|
-
var import_react46,
|
|
4432
|
+
var import_react46, import_jsx_runtime61, InputControl, InputControlClient_default;
|
|
4433
4433
|
var init_InputControlClient = __esm({
|
|
4434
4434
|
"src/components/controls/edit/InputControlClient.tsx"() {
|
|
4435
4435
|
"use strict";
|
|
@@ -4458,7 +4458,7 @@ var init_InputControlClient = __esm({
|
|
|
4458
4458
|
init_RadioInput();
|
|
4459
4459
|
init_Switcher();
|
|
4460
4460
|
init_ReferenceInput();
|
|
4461
|
-
|
|
4461
|
+
import_jsx_runtime61 = require("react/jsx-runtime");
|
|
4462
4462
|
InputControl = import_react46.default.forwardRef(
|
|
4463
4463
|
(props, ref) => {
|
|
4464
4464
|
const ControlComponents = {
|
|
@@ -4487,7 +4487,7 @@ var init_InputControlClient = __esm({
|
|
|
4487
4487
|
[InputControlType_default.referenceInput]: ReferenceInput_default
|
|
4488
4488
|
};
|
|
4489
4489
|
const SelectedControlComponent = ControlComponents[props.controlType];
|
|
4490
|
-
return /* @__PURE__ */ (0,
|
|
4490
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react46.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
|
|
4491
4491
|
}
|
|
4492
4492
|
);
|
|
4493
4493
|
InputControl.displayName = "InputControl";
|
|
@@ -4743,7 +4743,7 @@ var LinkNodeButton_exports = {};
|
|
|
4743
4743
|
__export(LinkNodeButton_exports, {
|
|
4744
4744
|
default: () => LinkNodeButton_default
|
|
4745
4745
|
});
|
|
4746
|
-
var import_react47,
|
|
4746
|
+
var import_react47, import_jsx_runtime65, LinkNodeButton, LinkNodeButton_default;
|
|
4747
4747
|
var init_LinkNodeButton = __esm({
|
|
4748
4748
|
"src/components/pageRenderingEngine/nodes/LinkNodeButton.tsx"() {
|
|
4749
4749
|
"use strict";
|
|
@@ -4752,7 +4752,7 @@ var init_LinkNodeButton = __esm({
|
|
|
4752
4752
|
init_Button();
|
|
4753
4753
|
init_ServiceClient();
|
|
4754
4754
|
init_ToastService();
|
|
4755
|
-
|
|
4755
|
+
import_jsx_runtime65 = require("react/jsx-runtime");
|
|
4756
4756
|
LinkNodeButton = (props) => {
|
|
4757
4757
|
const { node, dataitem, children, linkText, linkType, linkUrl } = props;
|
|
4758
4758
|
const [isLoading, setIsLoading] = (0, import_react47.useState)(false);
|
|
@@ -4919,32 +4919,32 @@ var init_LinkNodeButton = __esm({
|
|
|
4919
4919
|
return children;
|
|
4920
4920
|
}
|
|
4921
4921
|
if (linkText) {
|
|
4922
|
-
return /* @__PURE__ */ (0,
|
|
4922
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: linkText });
|
|
4923
4923
|
}
|
|
4924
4924
|
return node.title || "Button";
|
|
4925
4925
|
};
|
|
4926
4926
|
const fontSize = node.children?.[0]?.style?.match(/font-size:\s*([^;]+)/)?.[1];
|
|
4927
|
-
return /* @__PURE__ */ (0,
|
|
4927
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "link-button-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
4928
4928
|
Button_default,
|
|
4929
4929
|
{
|
|
4930
4930
|
ButtonType: linkType,
|
|
4931
4931
|
onClick,
|
|
4932
4932
|
disabled: isLoading || !!successMessage,
|
|
4933
4933
|
className: "w-full",
|
|
4934
|
-
children: successMessage ? /* @__PURE__ */ (0,
|
|
4934
|
+
children: successMessage ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
4935
4935
|
"span",
|
|
4936
4936
|
{
|
|
4937
4937
|
style: fontSize ? { fontSize } : void 0,
|
|
4938
4938
|
className: "inline-flex items-center gap-2",
|
|
4939
4939
|
children: [
|
|
4940
|
-
/* @__PURE__ */ (0,
|
|
4940
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
4941
4941
|
"svg",
|
|
4942
4942
|
{
|
|
4943
4943
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4944
4944
|
viewBox: "0 0 20 20",
|
|
4945
4945
|
fill: "currentColor",
|
|
4946
4946
|
className: "w-5 h-5",
|
|
4947
|
-
children: /* @__PURE__ */ (0,
|
|
4947
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
4948
4948
|
"path",
|
|
4949
4949
|
{
|
|
4950
4950
|
fillRule: "evenodd",
|
|
@@ -4954,7 +4954,7 @@ var init_LinkNodeButton = __esm({
|
|
|
4954
4954
|
)
|
|
4955
4955
|
}
|
|
4956
4956
|
),
|
|
4957
|
-
/* @__PURE__ */ (0,
|
|
4957
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: successMessage })
|
|
4958
4958
|
]
|
|
4959
4959
|
}
|
|
4960
4960
|
) : renderButtonContent()
|
|
@@ -4988,13 +4988,13 @@ function CopyButton({ text }) {
|
|
|
4988
4988
|
console.error("Failed to copy: ", err);
|
|
4989
4989
|
}
|
|
4990
4990
|
};
|
|
4991
|
-
return /* @__PURE__ */ (0,
|
|
4991
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
|
|
4992
4992
|
"button",
|
|
4993
4993
|
{
|
|
4994
4994
|
onClick: handleCopy,
|
|
4995
4995
|
className: "flex gap-1 items-center hover:text-white transition",
|
|
4996
4996
|
children: [
|
|
4997
|
-
/* @__PURE__ */ (0,
|
|
4997
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
4998
4998
|
"svg",
|
|
4999
4999
|
{
|
|
5000
5000
|
width: "16",
|
|
@@ -5002,7 +5002,7 @@ function CopyButton({ text }) {
|
|
|
5002
5002
|
viewBox: "0 0 24 24",
|
|
5003
5003
|
className: "w-4 h-4",
|
|
5004
5004
|
fill: "currentColor",
|
|
5005
|
-
children: /* @__PURE__ */ (0,
|
|
5005
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
5006
5006
|
"path",
|
|
5007
5007
|
{
|
|
5008
5008
|
fillRule: "evenodd",
|
|
@@ -5017,54 +5017,54 @@ function CopyButton({ text }) {
|
|
|
5017
5017
|
}
|
|
5018
5018
|
);
|
|
5019
5019
|
}
|
|
5020
|
-
var import_react54,
|
|
5020
|
+
var import_react54, import_jsx_runtime75;
|
|
5021
5021
|
var init_CopyButton = __esm({
|
|
5022
5022
|
"src/components/CopyButton.tsx"() {
|
|
5023
5023
|
"use strict";
|
|
5024
5024
|
"use client";
|
|
5025
5025
|
import_react54 = require("react");
|
|
5026
|
-
|
|
5026
|
+
import_jsx_runtime75 = require("react/jsx-runtime");
|
|
5027
5027
|
}
|
|
5028
5028
|
});
|
|
5029
5029
|
|
|
5030
5030
|
// src/components/IFrameLoaderView.tsx
|
|
5031
|
-
var import_react57,
|
|
5031
|
+
var import_react57, import_jsx_runtime79, IFrameLoaderView, IFrameLoaderView_default;
|
|
5032
5032
|
var init_IFrameLoaderView = __esm({
|
|
5033
5033
|
"src/components/IFrameLoaderView.tsx"() {
|
|
5034
5034
|
"use strict";
|
|
5035
5035
|
import_react57 = __toESM(require("react"));
|
|
5036
|
-
|
|
5036
|
+
import_jsx_runtime79 = require("react/jsx-runtime");
|
|
5037
5037
|
IFrameLoaderView = (props) => {
|
|
5038
|
-
return /* @__PURE__ */ (0,
|
|
5039
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
5040
|
-
/* @__PURE__ */ (0,
|
|
5041
|
-
/* @__PURE__ */ (0,
|
|
5042
|
-
/* @__PURE__ */ (0,
|
|
5043
|
-
/* @__PURE__ */ (0,
|
|
5044
|
-
/* @__PURE__ */ (0,
|
|
5038
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_react57.default.Fragment, { children: [
|
|
5039
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "mt-4 bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
5040
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
5041
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
5042
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "ml-2", children: [
|
|
5043
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
5044
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
5045
5045
|
] })
|
|
5046
5046
|
] }),
|
|
5047
|
-
/* @__PURE__ */ (0,
|
|
5048
|
-
/* @__PURE__ */ (0,
|
|
5049
|
-
/* @__PURE__ */ (0,
|
|
5050
|
-
/* @__PURE__ */ (0,
|
|
5051
|
-
/* @__PURE__ */ (0,
|
|
5052
|
-
/* @__PURE__ */ (0,
|
|
5053
|
-
/* @__PURE__ */ (0,
|
|
5047
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
5048
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "animate-pulse", children: [
|
|
5049
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
5050
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
5051
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
5052
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
5053
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
5054
5054
|
] }),
|
|
5055
|
-
/* @__PURE__ */ (0,
|
|
5056
|
-
/* @__PURE__ */ (0,
|
|
5057
|
-
/* @__PURE__ */ (0,
|
|
5058
|
-
/* @__PURE__ */ (0,
|
|
5059
|
-
/* @__PURE__ */ (0,
|
|
5060
|
-
/* @__PURE__ */ (0,
|
|
5055
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "animate-pulse", children: [
|
|
5056
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
5057
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
5058
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
5059
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
5060
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
5061
5061
|
] }),
|
|
5062
|
-
/* @__PURE__ */ (0,
|
|
5063
|
-
/* @__PURE__ */ (0,
|
|
5064
|
-
/* @__PURE__ */ (0,
|
|
5065
|
-
/* @__PURE__ */ (0,
|
|
5066
|
-
/* @__PURE__ */ (0,
|
|
5067
|
-
/* @__PURE__ */ (0,
|
|
5062
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "animate-pulse", children: [
|
|
5063
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
5064
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
5065
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
5066
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
5067
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
5068
5068
|
] })
|
|
5069
5069
|
] })
|
|
5070
5070
|
] }) }),
|
|
@@ -5080,14 +5080,14 @@ var IframeClient_exports = {};
|
|
|
5080
5080
|
__export(IframeClient_exports, {
|
|
5081
5081
|
default: () => IframeClient_default
|
|
5082
5082
|
});
|
|
5083
|
-
var import_react58,
|
|
5083
|
+
var import_react58, import_jsx_runtime80, IframeClient, IframeClient_default;
|
|
5084
5084
|
var init_IframeClient = __esm({
|
|
5085
5085
|
"src/components/pageRenderingEngine/nodes/IframeClient.tsx"() {
|
|
5086
5086
|
"use strict";
|
|
5087
5087
|
"use client";
|
|
5088
5088
|
import_react58 = __toESM(require("react"));
|
|
5089
5089
|
init_IFrameLoaderView();
|
|
5090
|
-
|
|
5090
|
+
import_jsx_runtime80 = require("react/jsx-runtime");
|
|
5091
5091
|
IframeClient = ({
|
|
5092
5092
|
src,
|
|
5093
5093
|
width,
|
|
@@ -5126,7 +5126,7 @@ var init_IframeClient = __esm({
|
|
|
5126
5126
|
const handleIframeLoad = () => {
|
|
5127
5127
|
setIsDataFound(true);
|
|
5128
5128
|
};
|
|
5129
|
-
return /* @__PURE__ */ (0,
|
|
5129
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react58.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(IFrameLoaderView_default, { isDataFound, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
5130
5130
|
"iframe",
|
|
5131
5131
|
{
|
|
5132
5132
|
ref: iframeRef,
|
|
@@ -5385,7 +5385,7 @@ var Pagination_exports = {};
|
|
|
5385
5385
|
__export(Pagination_exports, {
|
|
5386
5386
|
default: () => Pagination_default
|
|
5387
5387
|
});
|
|
5388
|
-
var import_react59,
|
|
5388
|
+
var import_react59, import_jsx_runtime86, Pagination, Pagination_default;
|
|
5389
5389
|
var init_Pagination = __esm({
|
|
5390
5390
|
"src/components/Pagination.tsx"() {
|
|
5391
5391
|
"use strict";
|
|
@@ -5396,7 +5396,7 @@ var init_Pagination = __esm({
|
|
|
5396
5396
|
init_StyleTypes();
|
|
5397
5397
|
init_InputControlType();
|
|
5398
5398
|
init_Hyperlink();
|
|
5399
|
-
|
|
5399
|
+
import_jsx_runtime86 = require("react/jsx-runtime");
|
|
5400
5400
|
Pagination = (props) => {
|
|
5401
5401
|
const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
|
|
5402
5402
|
const builder = (0, import_react59.useMemo)(() => {
|
|
@@ -5440,7 +5440,7 @@ var init_Pagination = __esm({
|
|
|
5440
5440
|
return range;
|
|
5441
5441
|
};
|
|
5442
5442
|
const paginationRange = getPaginationRange();
|
|
5443
|
-
const PageButton = ({ page, children }) => /* @__PURE__ */ (0,
|
|
5443
|
+
const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
5444
5444
|
Hyperlink,
|
|
5445
5445
|
{
|
|
5446
5446
|
linkType: "Link" /* Link */,
|
|
@@ -5455,9 +5455,9 @@ var init_Pagination = __esm({
|
|
|
5455
5455
|
);
|
|
5456
5456
|
const NavigationButton = ({ page, disabled, children }) => {
|
|
5457
5457
|
if (disabled) {
|
|
5458
|
-
return /* @__PURE__ */ (0,
|
|
5458
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border bg-neutral-base cursor-not-allowed", children });
|
|
5459
5459
|
}
|
|
5460
|
-
return /* @__PURE__ */ (0,
|
|
5460
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
5461
5461
|
Hyperlink,
|
|
5462
5462
|
{
|
|
5463
5463
|
className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border transition-colors duration-150",
|
|
@@ -5467,35 +5467,35 @@ var init_Pagination = __esm({
|
|
|
5467
5467
|
);
|
|
5468
5468
|
};
|
|
5469
5469
|
if (totalPages <= 1 && totalItems === 0) return null;
|
|
5470
|
-
return /* @__PURE__ */ (0,
|
|
5471
|
-
/* @__PURE__ */ (0,
|
|
5472
|
-
/* @__PURE__ */ (0,
|
|
5470
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "py-6 border-t bg-default", children: [
|
|
5471
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
|
|
5472
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "text-sm", children: [
|
|
5473
5473
|
"Showing ",
|
|
5474
|
-
/* @__PURE__ */ (0,
|
|
5474
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { className: "font-semibold", children: [
|
|
5475
5475
|
startItem,
|
|
5476
5476
|
"-",
|
|
5477
5477
|
endItem
|
|
5478
5478
|
] }),
|
|
5479
5479
|
" ",
|
|
5480
5480
|
"out of ",
|
|
5481
|
-
/* @__PURE__ */ (0,
|
|
5481
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
|
|
5482
5482
|
" results"
|
|
5483
5483
|
] }),
|
|
5484
|
-
totalPages > 1 && /* @__PURE__ */ (0,
|
|
5485
|
-
/* @__PURE__ */ (0,
|
|
5484
|
+
totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center space-x-1", children: [
|
|
5485
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
|
|
5486
5486
|
NavigationButton,
|
|
5487
5487
|
{
|
|
5488
5488
|
page: activePageNumber - 1,
|
|
5489
5489
|
disabled: activePageNumber === 1,
|
|
5490
5490
|
children: [
|
|
5491
|
-
/* @__PURE__ */ (0,
|
|
5492
|
-
/* @__PURE__ */ (0,
|
|
5491
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
|
|
5492
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "text-sm", children: "Prev" })
|
|
5493
5493
|
]
|
|
5494
5494
|
}
|
|
5495
5495
|
),
|
|
5496
5496
|
paginationRange.map((item, index) => {
|
|
5497
5497
|
if (item === "...") {
|
|
5498
|
-
return /* @__PURE__ */ (0,
|
|
5498
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
5499
5499
|
"span",
|
|
5500
5500
|
{
|
|
5501
5501
|
className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
|
|
@@ -5505,23 +5505,23 @@ var init_Pagination = __esm({
|
|
|
5505
5505
|
);
|
|
5506
5506
|
}
|
|
5507
5507
|
const page = item;
|
|
5508
|
-
return /* @__PURE__ */ (0,
|
|
5508
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(PageButton, { page, children: page }, page);
|
|
5509
5509
|
}),
|
|
5510
|
-
/* @__PURE__ */ (0,
|
|
5510
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
|
|
5511
5511
|
NavigationButton,
|
|
5512
5512
|
{
|
|
5513
5513
|
page: activePageNumber + 1,
|
|
5514
5514
|
disabled: activePageNumber === totalPages,
|
|
5515
5515
|
children: [
|
|
5516
|
-
/* @__PURE__ */ (0,
|
|
5517
|
-
/* @__PURE__ */ (0,
|
|
5516
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "text-sm", children: "Next" }),
|
|
5517
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
|
|
5518
5518
|
]
|
|
5519
5519
|
}
|
|
5520
5520
|
)
|
|
5521
5521
|
] }),
|
|
5522
|
-
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0,
|
|
5523
|
-
/* @__PURE__ */ (0,
|
|
5524
|
-
/* @__PURE__ */ (0,
|
|
5522
|
+
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center space-x-2", children: [
|
|
5523
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "text-sm", children: "Go to:" }),
|
|
5524
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
5525
5525
|
"input",
|
|
5526
5526
|
{
|
|
5527
5527
|
type: "number",
|
|
@@ -5542,9 +5542,9 @@ var init_Pagination = __esm({
|
|
|
5542
5542
|
) })
|
|
5543
5543
|
] })
|
|
5544
5544
|
] }),
|
|
5545
|
-
showPageSizeSelector && /* @__PURE__ */ (0,
|
|
5546
|
-
/* @__PURE__ */ (0,
|
|
5547
|
-
/* @__PURE__ */ (0,
|
|
5545
|
+
showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
|
|
5546
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "text-sm", children: "Show:" }),
|
|
5547
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
5548
5548
|
Hyperlink,
|
|
5549
5549
|
{
|
|
5550
5550
|
className: `
|
|
@@ -5556,7 +5556,7 @@ var init_Pagination = __esm({
|
|
|
5556
5556
|
},
|
|
5557
5557
|
size
|
|
5558
5558
|
)) }),
|
|
5559
|
-
/* @__PURE__ */ (0,
|
|
5559
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "text-sm", children: "per page" })
|
|
5560
5560
|
] }) })
|
|
5561
5561
|
] });
|
|
5562
5562
|
};
|
|
@@ -5569,7 +5569,7 @@ var DataBindingControls_exports = {};
|
|
|
5569
5569
|
__export(DataBindingControls_exports, {
|
|
5570
5570
|
default: () => DataBindingControls_default
|
|
5571
5571
|
});
|
|
5572
|
-
var import_react60, import_navigation,
|
|
5572
|
+
var import_react60, import_navigation, import_jsx_runtime87, humanize, escapeODataString, parseFacetSelections, buildFacetFilter, parseODataSearch, normalizeSortOption, DUMMY_FACETS, DUMMY_SORT_OPTIONS, DataBindingControls, DataBindingControls_default;
|
|
5573
5573
|
var init_DataBindingControls = __esm({
|
|
5574
5574
|
"src/components/pageRenderingEngine/nodes/DataBindingControls.tsx"() {
|
|
5575
5575
|
"use strict";
|
|
@@ -5578,7 +5578,7 @@ var init_DataBindingControls = __esm({
|
|
|
5578
5578
|
import_navigation = require("next/navigation");
|
|
5579
5579
|
init_InputControl();
|
|
5580
5580
|
init_InputControlType();
|
|
5581
|
-
|
|
5581
|
+
import_jsx_runtime87 = require("react/jsx-runtime");
|
|
5582
5582
|
humanize = (value) => value.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim();
|
|
5583
5583
|
escapeODataString = (value) => value.replace(/'/g, "''");
|
|
5584
5584
|
parseFacetSelections = (filter) => {
|
|
@@ -5727,8 +5727,8 @@ var init_DataBindingControls = __esm({
|
|
|
5727
5727
|
if (!shouldShowToolbar && !shouldShowFacets) {
|
|
5728
5728
|
return null;
|
|
5729
5729
|
}
|
|
5730
|
-
const renderFacetLinks = (field, values, stacked = false) => /* @__PURE__ */ (0,
|
|
5731
|
-
/* @__PURE__ */ (0,
|
|
5730
|
+
const renderFacetLinks = (field, values, stacked = false) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: stacked ? "flex flex-col gap-1" : "flex flex-wrap gap-2", children: [
|
|
5731
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
5732
5732
|
"button",
|
|
5733
5733
|
{
|
|
5734
5734
|
type: "button",
|
|
@@ -5740,7 +5740,7 @@ var init_DataBindingControls = __esm({
|
|
|
5740
5740
|
),
|
|
5741
5741
|
values.map((facet) => {
|
|
5742
5742
|
const isSelected = selectedFacetValues.get(field) === facet.value;
|
|
5743
|
-
return /* @__PURE__ */ (0,
|
|
5743
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
|
|
5744
5744
|
"button",
|
|
5745
5745
|
{
|
|
5746
5746
|
type: "button",
|
|
@@ -5758,9 +5758,9 @@ var init_DataBindingControls = __esm({
|
|
|
5758
5758
|
);
|
|
5759
5759
|
})
|
|
5760
5760
|
] });
|
|
5761
|
-
return /* @__PURE__ */ (0,
|
|
5762
|
-
shouldShowToolbar && /* @__PURE__ */ (0,
|
|
5763
|
-
showSearchBar && /* @__PURE__ */ (0,
|
|
5761
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: mode === "toolbar" ? "mb-6" : "flex flex-col gap-2", children: [
|
|
5762
|
+
shouldShowToolbar && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
|
|
5763
|
+
showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "w-full max-w-xl", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
5764
5764
|
InputControl_default,
|
|
5765
5765
|
{
|
|
5766
5766
|
name: "searchText",
|
|
@@ -5771,9 +5771,9 @@ var init_DataBindingControls = __esm({
|
|
|
5771
5771
|
inputClasses: "!mt-0"
|
|
5772
5772
|
}
|
|
5773
5773
|
) }),
|
|
5774
|
-
hasSortControls && /* @__PURE__ */ (0,
|
|
5775
|
-
/* @__PURE__ */ (0,
|
|
5776
|
-
/* @__PURE__ */ (0,
|
|
5774
|
+
hasSortControls && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex items-center gap-2 text-sm", children: [
|
|
5775
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "font-medium", children: "Sort by" }),
|
|
5776
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
5777
5777
|
InputControl_default,
|
|
5778
5778
|
{
|
|
5779
5779
|
name: "sortOptions",
|
|
@@ -5794,10 +5794,10 @@ var init_DataBindingControls = __esm({
|
|
|
5794
5794
|
)
|
|
5795
5795
|
] })
|
|
5796
5796
|
] }),
|
|
5797
|
-
shouldShowFacets && facetGroups.length === 1 && /* @__PURE__ */ (0,
|
|
5798
|
-
shouldShowFacets && facetGroups.length > 1 && /* @__PURE__ */ (0,
|
|
5799
|
-
/* @__PURE__ */ (0,
|
|
5800
|
-
/* @__PURE__ */ (0,
|
|
5797
|
+
shouldShowFacets && facetGroups.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("nav", { "aria-label": `${humanize(facetGroups[0][0])} filters`, children: renderFacetLinks(facetGroups[0][0], facetGroups[0][1]) }),
|
|
5798
|
+
shouldShowFacets && facetGroups.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "flex flex-col gap-2", children: facetGroups.map(([field, values]) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("details", { className: "border-b", open: true, children: [
|
|
5799
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("summary", { className: "cursor-pointer font-semibold", children: humanize(field) }),
|
|
5800
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "p-2", children: renderFacetLinks(field, values, true) })
|
|
5801
5801
|
] }, field)) })
|
|
5802
5802
|
] });
|
|
5803
5803
|
};
|
|
@@ -5810,13 +5810,13 @@ var Slider_exports = {};
|
|
|
5810
5810
|
__export(Slider_exports, {
|
|
5811
5811
|
default: () => Slider_default
|
|
5812
5812
|
});
|
|
5813
|
-
var import_react61,
|
|
5813
|
+
var import_react61, import_jsx_runtime88, Slider, ArrowButton, ProgressPill, Slider_default;
|
|
5814
5814
|
var init_Slider = __esm({
|
|
5815
5815
|
"src/components/Slider.tsx"() {
|
|
5816
5816
|
"use strict";
|
|
5817
5817
|
"use client";
|
|
5818
5818
|
import_react61 = __toESM(require("react"));
|
|
5819
|
-
|
|
5819
|
+
import_jsx_runtime88 = require("react/jsx-runtime");
|
|
5820
5820
|
Slider = ({
|
|
5821
5821
|
children,
|
|
5822
5822
|
slidesToShow = 4,
|
|
@@ -5913,7 +5913,7 @@ var init_Slider = __esm({
|
|
|
5913
5913
|
if (!import_react61.default.isValidElement(child)) return null;
|
|
5914
5914
|
const childProps = child.props;
|
|
5915
5915
|
const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
|
|
5916
|
-
return /* @__PURE__ */ (0,
|
|
5916
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
5917
5917
|
"div",
|
|
5918
5918
|
{
|
|
5919
5919
|
className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
|
|
@@ -5936,14 +5936,14 @@ var init_Slider = __esm({
|
|
|
5936
5936
|
return "bottom-4";
|
|
5937
5937
|
}
|
|
5938
5938
|
};
|
|
5939
|
-
return /* @__PURE__ */ (0,
|
|
5939
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
|
|
5940
5940
|
"div",
|
|
5941
5941
|
{
|
|
5942
5942
|
className: `relative w-full overflow-hidden ${className}`,
|
|
5943
5943
|
onMouseEnter: handleMouseEnter,
|
|
5944
5944
|
onMouseLeave: handleMouseLeave,
|
|
5945
5945
|
children: [
|
|
5946
|
-
/* @__PURE__ */ (0,
|
|
5946
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
5947
5947
|
"div",
|
|
5948
5948
|
{
|
|
5949
5949
|
className: "flex h-full",
|
|
@@ -5954,18 +5954,18 @@ var init_Slider = __esm({
|
|
|
5954
5954
|
children: slides
|
|
5955
5955
|
}
|
|
5956
5956
|
),
|
|
5957
|
-
show_arrows && /* @__PURE__ */ (0,
|
|
5958
|
-
/* @__PURE__ */ (0,
|
|
5957
|
+
show_arrows && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
|
|
5958
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
5959
5959
|
ArrowButton,
|
|
5960
5960
|
{
|
|
5961
5961
|
direction: "left",
|
|
5962
5962
|
onClick: prevSlide,
|
|
5963
5963
|
visible: infinite_scroll || currentSlide > 0,
|
|
5964
5964
|
className: arrowClassName,
|
|
5965
|
-
children: /* @__PURE__ */ (0,
|
|
5965
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
|
|
5966
5966
|
}
|
|
5967
5967
|
),
|
|
5968
|
-
/* @__PURE__ */ (0,
|
|
5968
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
|
|
5969
5969
|
ArrowButton,
|
|
5970
5970
|
{
|
|
5971
5971
|
direction: "right",
|
|
@@ -5973,13 +5973,13 @@ var init_Slider = __esm({
|
|
|
5973
5973
|
visible: infinite_scroll || currentSlide < maxSlide,
|
|
5974
5974
|
className: arrowClassName,
|
|
5975
5975
|
children: [
|
|
5976
|
-
/* @__PURE__ */ (0,
|
|
5976
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
|
|
5977
5977
|
" "
|
|
5978
5978
|
]
|
|
5979
5979
|
}
|
|
5980
5980
|
)
|
|
5981
5981
|
] }),
|
|
5982
|
-
show_dots && /* @__PURE__ */ (0,
|
|
5982
|
+
show_dots && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: `absolute left-1/2 -translate-x-1/2 flex justify-center space-x-1.5 ${getProgressPositionClass()}`, children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
5983
5983
|
ProgressPill,
|
|
5984
5984
|
{
|
|
5985
5985
|
active: index === currentSlide,
|
|
@@ -6005,7 +6005,7 @@ var init_Slider = __esm({
|
|
|
6005
6005
|
visible,
|
|
6006
6006
|
children,
|
|
6007
6007
|
className = ""
|
|
6008
|
-
}) => /* @__PURE__ */ (0,
|
|
6008
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
6009
6009
|
"button",
|
|
6010
6010
|
{
|
|
6011
6011
|
className: `
|
|
@@ -6092,7 +6092,7 @@ var init_Slider = __esm({
|
|
|
6092
6092
|
const renderProgressBar = () => {
|
|
6093
6093
|
if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
|
|
6094
6094
|
const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
|
|
6095
|
-
return /* @__PURE__ */ (0,
|
|
6095
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
6096
6096
|
"div",
|
|
6097
6097
|
{
|
|
6098
6098
|
className: `absolute top-0 left-0 h-full rounded-full ${style === "cumulative" && isFilled ? activeClassName || "bg-white" : activeClassName || "bg-white"} transition-all duration-50 ease-linear`,
|
|
@@ -6104,7 +6104,7 @@ var init_Slider = __esm({
|
|
|
6104
6104
|
};
|
|
6105
6105
|
const renderCumulativeFill = () => {
|
|
6106
6106
|
if (style === "cumulative" && isFilled && !isActive) {
|
|
6107
|
-
return /* @__PURE__ */ (0,
|
|
6107
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
6108
6108
|
"div",
|
|
6109
6109
|
{
|
|
6110
6110
|
className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
|
|
@@ -6114,7 +6114,7 @@ var init_Slider = __esm({
|
|
|
6114
6114
|
}
|
|
6115
6115
|
return null;
|
|
6116
6116
|
};
|
|
6117
|
-
return /* @__PURE__ */ (0,
|
|
6117
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
|
|
6118
6118
|
"button",
|
|
6119
6119
|
{
|
|
6120
6120
|
className: `${baseClasses} ${getStyleClasses()}`,
|
|
@@ -6198,7 +6198,8 @@ var ViewControlTypes = {
|
|
|
6198
6198
|
aiGeneratedSummary: "aiGeneratedSummary",
|
|
6199
6199
|
booleanView: "booleanView",
|
|
6200
6200
|
text: "text",
|
|
6201
|
-
commentRenderer: "commentRenderer"
|
|
6201
|
+
commentRenderer: "commentRenderer",
|
|
6202
|
+
avatar: "avatar"
|
|
6202
6203
|
};
|
|
6203
6204
|
var ViewControlTypes_default = ViewControlTypes;
|
|
6204
6205
|
|
|
@@ -6538,8 +6539,82 @@ var CommentRenderer = (0, import_dynamic5.default)(() => Promise.resolve().then(
|
|
|
6538
6539
|
});
|
|
6539
6540
|
var Commentrenderer_default = CommentRenderer;
|
|
6540
6541
|
|
|
6541
|
-
// src/components/controls/view/
|
|
6542
|
+
// src/components/controls/view/AvatarView.tsx
|
|
6542
6543
|
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
6544
|
+
var AVATAR_COLORS = [
|
|
6545
|
+
"#1abc9c",
|
|
6546
|
+
"#2ecc71",
|
|
6547
|
+
"#3498db",
|
|
6548
|
+
"#9b59b6",
|
|
6549
|
+
"#e67e22",
|
|
6550
|
+
"#e74c3c",
|
|
6551
|
+
"#16a085",
|
|
6552
|
+
"#27ae60",
|
|
6553
|
+
"#2980b9",
|
|
6554
|
+
"#8e44ad",
|
|
6555
|
+
"#f39c12",
|
|
6556
|
+
"#d35400",
|
|
6557
|
+
"#c0392b",
|
|
6558
|
+
"#7f8c8d",
|
|
6559
|
+
"#2c3e50"
|
|
6560
|
+
];
|
|
6561
|
+
var hashString = (text) => {
|
|
6562
|
+
let hash = 0;
|
|
6563
|
+
for (let i = 0; i < text.length; i += 1) {
|
|
6564
|
+
hash = (hash << 5) - hash + text.charCodeAt(i);
|
|
6565
|
+
hash |= 0;
|
|
6566
|
+
}
|
|
6567
|
+
return Math.abs(hash);
|
|
6568
|
+
};
|
|
6569
|
+
var getInitials = (text) => {
|
|
6570
|
+
const words = text.trim().split(/\s+/).filter(Boolean);
|
|
6571
|
+
if (words.length === 0) {
|
|
6572
|
+
return "";
|
|
6573
|
+
}
|
|
6574
|
+
if (words.length === 1) {
|
|
6575
|
+
return words[0].slice(0, 2).toUpperCase();
|
|
6576
|
+
}
|
|
6577
|
+
return (words[0][0] + words[words.length - 1][0]).toUpperCase();
|
|
6578
|
+
};
|
|
6579
|
+
var AvatarView = (props) => {
|
|
6580
|
+
const text = props.value === null || props.value === void 0 ? "" : String(props.value).trim();
|
|
6581
|
+
if (!text) {
|
|
6582
|
+
return null;
|
|
6583
|
+
}
|
|
6584
|
+
const initials = getInitials(text);
|
|
6585
|
+
const backgroundColor = AVATAR_COLORS[hashString(text) % AVATAR_COLORS.length];
|
|
6586
|
+
const size = props.width ?? "2rem";
|
|
6587
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
6588
|
+
"span",
|
|
6589
|
+
{
|
|
6590
|
+
className: "avatar-view",
|
|
6591
|
+
title: text,
|
|
6592
|
+
"aria-label": text,
|
|
6593
|
+
style: {
|
|
6594
|
+
display: "inline-flex",
|
|
6595
|
+
alignItems: "center",
|
|
6596
|
+
justifyContent: "center",
|
|
6597
|
+
width: size,
|
|
6598
|
+
height: size,
|
|
6599
|
+
borderRadius: "9999px",
|
|
6600
|
+
backgroundColor,
|
|
6601
|
+
color: "#fff",
|
|
6602
|
+
fontWeight: 600,
|
|
6603
|
+
fontSize: "0.75em",
|
|
6604
|
+
lineHeight: 1,
|
|
6605
|
+
textTransform: "uppercase",
|
|
6606
|
+
userSelect: "none",
|
|
6607
|
+
flexShrink: 0,
|
|
6608
|
+
overflow: "hidden"
|
|
6609
|
+
},
|
|
6610
|
+
children: initials
|
|
6611
|
+
}
|
|
6612
|
+
);
|
|
6613
|
+
};
|
|
6614
|
+
var AvatarView_default = AvatarView;
|
|
6615
|
+
|
|
6616
|
+
// src/components/controls/view/ViewControl.tsx
|
|
6617
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
6543
6618
|
var ViewControl = (props) => {
|
|
6544
6619
|
const ControlComponents = {
|
|
6545
6620
|
[ViewControlTypes_default.lineText]: LineTextView_default,
|
|
@@ -6567,10 +6642,11 @@ var ViewControl = (props) => {
|
|
|
6567
6642
|
[ViewControlTypes_default.aiGeneratedSummary]: AiGeneratedSummary_default,
|
|
6568
6643
|
[ViewControlTypes_default.booleanView]: BooleanView_default,
|
|
6569
6644
|
[ViewControlTypes_default.text]: LineTextView_default,
|
|
6570
|
-
[ViewControlTypes_default.commentRenderer]: Commentrenderer_default
|
|
6645
|
+
[ViewControlTypes_default.commentRenderer]: Commentrenderer_default,
|
|
6646
|
+
[ViewControlTypes_default.avatar]: AvatarView_default
|
|
6571
6647
|
};
|
|
6572
6648
|
const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
|
|
6573
|
-
return /* @__PURE__ */ (0,
|
|
6649
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react21.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
|
|
6574
6650
|
};
|
|
6575
6651
|
var ViewControl_default = ViewControl;
|
|
6576
6652
|
|
|
@@ -6585,7 +6661,7 @@ var import_react63 = __toESM(require("react"));
|
|
|
6585
6661
|
var import_react49 = __toESM(require("react"));
|
|
6586
6662
|
|
|
6587
6663
|
// src/components/pageRenderingEngine/nodes/TextNode.tsx
|
|
6588
|
-
var
|
|
6664
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
6589
6665
|
var TextNode = (props) => {
|
|
6590
6666
|
function cssStringToJson(cssString) {
|
|
6591
6667
|
const styleObject = {};
|
|
@@ -6640,26 +6716,26 @@ var TextNode = (props) => {
|
|
|
6640
6716
|
});
|
|
6641
6717
|
}
|
|
6642
6718
|
function renderWithLineBreaks(text) {
|
|
6643
|
-
return text.split("\n").map((line, index, arr) => /* @__PURE__ */ (0,
|
|
6719
|
+
return text.split("\n").map((line, index, arr) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { children: [
|
|
6644
6720
|
line,
|
|
6645
|
-
index < arr.length - 1 && /* @__PURE__ */ (0,
|
|
6721
|
+
index < arr.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("br", {})
|
|
6646
6722
|
] }, index));
|
|
6647
6723
|
}
|
|
6648
6724
|
const displayText = props.linkText ? props.linkText : props.node.text;
|
|
6649
6725
|
const finalText = props.dataitem && props.linkText ? displayText : props.dataitem ? replacePlaceholders(props.node.text, props.dataitem) : props.node.text;
|
|
6650
6726
|
const content = typeof finalText === "string" ? renderWithLineBreaks(finalText) : finalText;
|
|
6651
|
-
const formattedContent = props.node.format & 64 ? /* @__PURE__ */ (0,
|
|
6727
|
+
const formattedContent = props.node.format & 64 ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("sup", { children: content }) : props.node.format & 32 ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("sub", { children: content }) : content;
|
|
6652
6728
|
return (
|
|
6653
6729
|
// @ts-expect-error custom code
|
|
6654
|
-
/* @__PURE__ */ (0,
|
|
6730
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: formattedContent })
|
|
6655
6731
|
);
|
|
6656
6732
|
};
|
|
6657
6733
|
var TextNode_default = TextNode;
|
|
6658
6734
|
|
|
6659
6735
|
// src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
|
|
6660
|
-
var
|
|
6736
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
6661
6737
|
var LineBreakNode = () => {
|
|
6662
|
-
return /* @__PURE__ */ (0,
|
|
6738
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "py-0.5 lg:py-1.5" });
|
|
6663
6739
|
};
|
|
6664
6740
|
var LineBreakNode_default = LineBreakNode;
|
|
6665
6741
|
|
|
@@ -6669,7 +6745,7 @@ var import_react48 = __toESM(require("react"));
|
|
|
6669
6745
|
// src/components/pageRenderingEngine/nodes/ImageNode.tsx
|
|
6670
6746
|
init_AssetUtility();
|
|
6671
6747
|
var import_dynamic7 = __toESM(require("next/dynamic"));
|
|
6672
|
-
var
|
|
6748
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
6673
6749
|
var HlsPlayer3 = (0, import_dynamic7.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
|
|
6674
6750
|
var getNestedValue = (obj, path) => {
|
|
6675
6751
|
if (!obj || !path) return void 0;
|
|
@@ -6702,7 +6778,7 @@ var ImageNode = (props) => {
|
|
|
6702
6778
|
assets = [image];
|
|
6703
6779
|
}
|
|
6704
6780
|
if (assets && assets.length > 0) {
|
|
6705
|
-
return /* @__PURE__ */ (0,
|
|
6781
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
6706
6782
|
DeviceAssetSelector_default,
|
|
6707
6783
|
{
|
|
6708
6784
|
device: props.device,
|
|
@@ -6743,7 +6819,7 @@ var ImageNode = (props) => {
|
|
|
6743
6819
|
right: "justify-end"
|
|
6744
6820
|
};
|
|
6745
6821
|
const isHls = imageUrl.endsWith(".m3u8");
|
|
6746
|
-
const renderMedia = () => isHls ? /* @__PURE__ */ (0,
|
|
6822
|
+
const renderMedia = () => isHls ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
6747
6823
|
HlsPlayer3,
|
|
6748
6824
|
{
|
|
6749
6825
|
assetUrl: imageUrl,
|
|
@@ -6756,7 +6832,7 @@ var ImageNode = (props) => {
|
|
|
6756
6832
|
apiBaseUrl: props.apiBaseUrl,
|
|
6757
6833
|
session: props.session
|
|
6758
6834
|
}
|
|
6759
|
-
) : /* @__PURE__ */ (0,
|
|
6835
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
6760
6836
|
"img",
|
|
6761
6837
|
{
|
|
6762
6838
|
style: styles,
|
|
@@ -6769,7 +6845,7 @@ var ImageNode = (props) => {
|
|
|
6769
6845
|
}
|
|
6770
6846
|
);
|
|
6771
6847
|
if (props.node.width) {
|
|
6772
|
-
return /* @__PURE__ */ (0,
|
|
6848
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: `flex ${FORMAT_CLASSES2[props.node.format] ?? ""}`, children: renderMedia() });
|
|
6773
6849
|
}
|
|
6774
6850
|
return renderMedia();
|
|
6775
6851
|
};
|
|
@@ -6779,7 +6855,7 @@ var ImageNode_default = ImageNode;
|
|
|
6779
6855
|
init_StyleTypes();
|
|
6780
6856
|
init_Hyperlink();
|
|
6781
6857
|
var import_dynamic8 = __toESM(require("next/dynamic"));
|
|
6782
|
-
var
|
|
6858
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
6783
6859
|
var LinkNodeButton2 = (0, import_dynamic8.default)(() => Promise.resolve().then(() => (init_LinkNodeButton(), LinkNodeButton_exports)), {
|
|
6784
6860
|
ssr: false
|
|
6785
6861
|
});
|
|
@@ -6832,13 +6908,13 @@ var LinkNode = (props) => {
|
|
|
6832
6908
|
const isButton = node.isButton === true;
|
|
6833
6909
|
const renderChildren2 = () => {
|
|
6834
6910
|
if (!node.children || node.children.length === 0) return null;
|
|
6835
|
-
return /* @__PURE__ */ (0,
|
|
6911
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_jsx_runtime66.Fragment, { children: node.children.map((childNode, index) => {
|
|
6836
6912
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
6837
6913
|
if (!SelectedNode) {
|
|
6838
6914
|
console.warn("Unknown node type:", childNode.type);
|
|
6839
6915
|
return null;
|
|
6840
6916
|
}
|
|
6841
|
-
return /* @__PURE__ */ (0,
|
|
6917
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react48.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6842
6918
|
SelectedNode,
|
|
6843
6919
|
{
|
|
6844
6920
|
node: childNode,
|
|
@@ -6851,15 +6927,15 @@ var LinkNode = (props) => {
|
|
|
6851
6927
|
};
|
|
6852
6928
|
const renderFallback = () => {
|
|
6853
6929
|
if ((!node.children || node.children.length === 0) && linkText) {
|
|
6854
|
-
return /* @__PURE__ */ (0,
|
|
6930
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: linkText });
|
|
6855
6931
|
}
|
|
6856
6932
|
if ((!node.children || node.children.length === 0) && !linkText) {
|
|
6857
|
-
return /* @__PURE__ */ (0,
|
|
6933
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("br", {});
|
|
6858
6934
|
}
|
|
6859
6935
|
return null;
|
|
6860
6936
|
};
|
|
6861
6937
|
if (isButton) {
|
|
6862
|
-
return /* @__PURE__ */ (0,
|
|
6938
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
6863
6939
|
LinkNodeButton2,
|
|
6864
6940
|
{
|
|
6865
6941
|
node,
|
|
@@ -6877,7 +6953,7 @@ var LinkNode = (props) => {
|
|
|
6877
6953
|
}
|
|
6878
6954
|
);
|
|
6879
6955
|
}
|
|
6880
|
-
return /* @__PURE__ */ (0,
|
|
6956
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
6881
6957
|
Hyperlink,
|
|
6882
6958
|
{
|
|
6883
6959
|
href: linkUrl || "#",
|
|
@@ -6893,10 +6969,10 @@ var LinkNode = (props) => {
|
|
|
6893
6969
|
var LinkNode_default = LinkNode;
|
|
6894
6970
|
|
|
6895
6971
|
// src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
|
|
6896
|
-
var
|
|
6972
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
6897
6973
|
var SVGIconNode = ({ node }) => {
|
|
6898
6974
|
if (!node?.svgCode) return null;
|
|
6899
|
-
return /* @__PURE__ */ (0,
|
|
6975
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
6900
6976
|
"span",
|
|
6901
6977
|
{
|
|
6902
6978
|
style: {
|
|
@@ -6913,7 +6989,7 @@ var SVGIconNode_default = SVGIconNode;
|
|
|
6913
6989
|
|
|
6914
6990
|
// src/components/pageRenderingEngine/nodes/EquationNode.tsx
|
|
6915
6991
|
var import_katex = __toESM(require("katex"));
|
|
6916
|
-
var
|
|
6992
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
6917
6993
|
var EquationNode = ({ node }) => {
|
|
6918
6994
|
const { equation, inline } = node;
|
|
6919
6995
|
let html = "";
|
|
@@ -6928,7 +7004,7 @@ var EquationNode = ({ node }) => {
|
|
|
6928
7004
|
});
|
|
6929
7005
|
}
|
|
6930
7006
|
if (inline) {
|
|
6931
|
-
return /* @__PURE__ */ (0,
|
|
7007
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
6932
7008
|
"span",
|
|
6933
7009
|
{
|
|
6934
7010
|
className: "katex-inline",
|
|
@@ -6936,7 +7012,7 @@ var EquationNode = ({ node }) => {
|
|
|
6936
7012
|
}
|
|
6937
7013
|
);
|
|
6938
7014
|
}
|
|
6939
|
-
return /* @__PURE__ */ (0,
|
|
7015
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
6940
7016
|
"div",
|
|
6941
7017
|
{
|
|
6942
7018
|
className: "katex-block my-3 text-center",
|
|
@@ -6947,7 +7023,7 @@ var EquationNode = ({ node }) => {
|
|
|
6947
7023
|
var EquationNode_default = EquationNode;
|
|
6948
7024
|
|
|
6949
7025
|
// src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
|
|
6950
|
-
var
|
|
7026
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
6951
7027
|
function getNestedProperty(obj, path) {
|
|
6952
7028
|
if (!obj || !path) return null;
|
|
6953
7029
|
if (path.includes(".")) {
|
|
@@ -6960,7 +7036,7 @@ function getNestedProperty(obj, path) {
|
|
|
6960
7036
|
}
|
|
6961
7037
|
const value = obj[path];
|
|
6962
7038
|
if (Array.isArray(value)) {
|
|
6963
|
-
return value.map((item, index) => /* @__PURE__ */ (0,
|
|
7039
|
+
return value.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { children: String(item) }, index));
|
|
6964
7040
|
}
|
|
6965
7041
|
return value;
|
|
6966
7042
|
}
|
|
@@ -7023,7 +7099,7 @@ var DatafieldNode = (props) => {
|
|
|
7023
7099
|
const dataType = props.node.dataType;
|
|
7024
7100
|
if (isEmptyValue) return null;
|
|
7025
7101
|
if (dataType === "rawContent") {
|
|
7026
|
-
return /* @__PURE__ */ (0,
|
|
7102
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
7027
7103
|
PageBodyRenderer_default,
|
|
7028
7104
|
{
|
|
7029
7105
|
rawBody: String(value ?? `@databound[${fieldName}]`),
|
|
@@ -7039,13 +7115,13 @@ var DatafieldNode = (props) => {
|
|
|
7039
7115
|
}
|
|
7040
7116
|
);
|
|
7041
7117
|
}
|
|
7042
|
-
return /* @__PURE__ */ (0,
|
|
7118
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
7043
7119
|
"span",
|
|
7044
7120
|
{
|
|
7045
7121
|
className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
|
|
7046
7122
|
style: styles,
|
|
7047
7123
|
title,
|
|
7048
|
-
children: /* @__PURE__ */ (0,
|
|
7124
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
7049
7125
|
ViewControl_default,
|
|
7050
7126
|
{
|
|
7051
7127
|
controlType: dataType,
|
|
@@ -7060,7 +7136,7 @@ var DatafieldNode = (props) => {
|
|
|
7060
7136
|
var DatafieldNode_default = DatafieldNode;
|
|
7061
7137
|
|
|
7062
7138
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
7063
|
-
var
|
|
7139
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
7064
7140
|
var ParagraphNode = (props) => {
|
|
7065
7141
|
const NodeTypes2 = {
|
|
7066
7142
|
["text"]: TextNode_default,
|
|
@@ -7080,9 +7156,9 @@ var ParagraphNode = (props) => {
|
|
|
7080
7156
|
const isInlineOnlyParent = props.parentTag === "summary";
|
|
7081
7157
|
const hasChildren = props.node.children && props.node.children.length > 0;
|
|
7082
7158
|
if (isInlineOnlyParent) {
|
|
7083
|
-
return /* @__PURE__ */ (0,
|
|
7159
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_jsx_runtime70.Fragment, { children: hasChildren && props.node.children.map((node, index) => {
|
|
7084
7160
|
const SelectedNode = NodeTypes2[node.type];
|
|
7085
|
-
return /* @__PURE__ */ (0,
|
|
7161
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react49.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
7086
7162
|
SelectedNode,
|
|
7087
7163
|
{
|
|
7088
7164
|
node,
|
|
@@ -7095,10 +7171,10 @@ var ParagraphNode = (props) => {
|
|
|
7095
7171
|
) }, index);
|
|
7096
7172
|
}) });
|
|
7097
7173
|
}
|
|
7098
|
-
return /* @__PURE__ */ (0,
|
|
7174
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: " " + formatClasses, children: [
|
|
7099
7175
|
hasChildren && props.node.children.map((node, index) => {
|
|
7100
7176
|
const SelectedNode = NodeTypes2[node.type];
|
|
7101
|
-
return /* @__PURE__ */ (0,
|
|
7177
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react49.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
7102
7178
|
SelectedNode,
|
|
7103
7179
|
{
|
|
7104
7180
|
node,
|
|
@@ -7110,14 +7186,14 @@ var ParagraphNode = (props) => {
|
|
|
7110
7186
|
}
|
|
7111
7187
|
) }, index);
|
|
7112
7188
|
}),
|
|
7113
|
-
!hasChildren && /* @__PURE__ */ (0,
|
|
7189
|
+
!hasChildren && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "py-1.5 lg:py-2" })
|
|
7114
7190
|
] });
|
|
7115
7191
|
};
|
|
7116
7192
|
var ParagraphNode_default = ParagraphNode;
|
|
7117
7193
|
|
|
7118
7194
|
// src/components/pageRenderingEngine/nodes/HeadingNode.tsx
|
|
7119
7195
|
var import_react50 = __toESM(require("react"));
|
|
7120
|
-
var
|
|
7196
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
7121
7197
|
var HeadingNode = (props) => {
|
|
7122
7198
|
const NodeTypes2 = {
|
|
7123
7199
|
["text"]: TextNode_default,
|
|
@@ -7133,12 +7209,12 @@ var HeadingNode = (props) => {
|
|
|
7133
7209
|
{
|
|
7134
7210
|
}
|
|
7135
7211
|
const formatClasses = FormatClass[props.node.format] || "";
|
|
7136
|
-
return /* @__PURE__ */ (0,
|
|
7212
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_jsx_runtime71.Fragment, { children: import_react50.default.createElement(
|
|
7137
7213
|
HeadingTag,
|
|
7138
7214
|
{ className: formatClasses },
|
|
7139
7215
|
props.node.children && props.node.children.map((childNode, index) => {
|
|
7140
7216
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
7141
|
-
return /* @__PURE__ */ (0,
|
|
7217
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react50.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, assetBaseUrl: props.assetBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
7142
7218
|
})
|
|
7143
7219
|
) });
|
|
7144
7220
|
};
|
|
@@ -7149,7 +7225,7 @@ var import_react52 = __toESM(require("react"));
|
|
|
7149
7225
|
|
|
7150
7226
|
// src/components/pageRenderingEngine/nodes/ListItemNode.tsx
|
|
7151
7227
|
var import_react51 = __toESM(require("react"));
|
|
7152
|
-
var
|
|
7228
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
7153
7229
|
var ListItemNode = (props) => {
|
|
7154
7230
|
const NodeTypes2 = {
|
|
7155
7231
|
text: TextNode_default,
|
|
@@ -7166,37 +7242,37 @@ var ListItemNode = (props) => {
|
|
|
7166
7242
|
liStyle.fontSize = match[1].trim();
|
|
7167
7243
|
}
|
|
7168
7244
|
}
|
|
7169
|
-
return /* @__PURE__ */ (0,
|
|
7245
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
|
|
7170
7246
|
const SelectedNode = NodeTypes2[node.type];
|
|
7171
7247
|
if (node.type === "linebreak") {
|
|
7172
7248
|
if (!foundFirstBreak) {
|
|
7173
7249
|
foundFirstBreak = true;
|
|
7174
|
-
return /* @__PURE__ */ (0,
|
|
7250
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", {}, index);
|
|
7175
7251
|
} else {
|
|
7176
|
-
return /* @__PURE__ */ (0,
|
|
7252
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "py-1 lg:py-2" }, index);
|
|
7177
7253
|
}
|
|
7178
7254
|
} else {
|
|
7179
7255
|
foundFirstBreak = false;
|
|
7180
|
-
return /* @__PURE__ */ (0,
|
|
7256
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react51.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
7181
7257
|
}
|
|
7182
7258
|
}) });
|
|
7183
7259
|
};
|
|
7184
7260
|
var ListItemNode_default = ListItemNode;
|
|
7185
7261
|
|
|
7186
7262
|
// src/components/pageRenderingEngine/nodes/ListNode.tsx
|
|
7187
|
-
var
|
|
7263
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
7188
7264
|
var ListNode = (props) => {
|
|
7189
7265
|
const NodeTypes2 = {
|
|
7190
7266
|
listitem: ListItemNode_default
|
|
7191
7267
|
};
|
|
7192
|
-
return /* @__PURE__ */ (0,
|
|
7193
|
-
props.node.listType == "bullet" && /* @__PURE__ */ (0,
|
|
7268
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_react52.default.Fragment, { children: [
|
|
7269
|
+
props.node.listType == "bullet" && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("ul", { children: props.node.children && props.node.children.map((node, index) => {
|
|
7194
7270
|
const SelectedNode = NodeTypes2[node.type];
|
|
7195
|
-
return /* @__PURE__ */ (0,
|
|
7271
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react52.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
7196
7272
|
}) }),
|
|
7197
|
-
props.node.listType == "number" && /* @__PURE__ */ (0,
|
|
7273
|
+
props.node.listType == "number" && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("ol", { children: props.node.children && props.node.children.map((node, index) => {
|
|
7198
7274
|
const SelectedNode = NodeTypes2[node.type];
|
|
7199
|
-
return /* @__PURE__ */ (0,
|
|
7275
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react52.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
7200
7276
|
}) })
|
|
7201
7277
|
] });
|
|
7202
7278
|
};
|
|
@@ -7204,16 +7280,16 @@ var ListNode_default = ListNode;
|
|
|
7204
7280
|
|
|
7205
7281
|
// src/components/pageRenderingEngine/nodes/QuoteNode.tsx
|
|
7206
7282
|
var import_react53 = __toESM(require("react"));
|
|
7207
|
-
var
|
|
7283
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
7208
7284
|
var QuoteNode = (props) => {
|
|
7209
7285
|
const NodeTypes2 = {
|
|
7210
7286
|
["text"]: TextNode_default,
|
|
7211
7287
|
["linebreak"]: LineBreakNode_default,
|
|
7212
7288
|
["link"]: LinkNode_default
|
|
7213
7289
|
};
|
|
7214
|
-
return /* @__PURE__ */ (0,
|
|
7290
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
|
|
7215
7291
|
const SelectedNode = NodeTypes2[node.type];
|
|
7216
|
-
return /* @__PURE__ */ (0,
|
|
7292
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react53.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
7217
7293
|
}) });
|
|
7218
7294
|
};
|
|
7219
7295
|
var QuoteNode_default = QuoteNode;
|
|
@@ -7221,11 +7297,11 @@ var QuoteNode_default = QuoteNode;
|
|
|
7221
7297
|
// src/components/pageRenderingEngine/nodes/CodeNode.tsx
|
|
7222
7298
|
var import_react55 = __toESM(require("react"));
|
|
7223
7299
|
var import_dynamic9 = __toESM(require("next/dynamic"));
|
|
7224
|
-
var
|
|
7300
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
7225
7301
|
var CopyButton2 = (0, import_dynamic9.default)(() => Promise.resolve().then(() => (init_CopyButton(), CopyButton_exports)), {
|
|
7226
7302
|
ssr: false,
|
|
7227
7303
|
// optional: fallback UI while loading
|
|
7228
|
-
loading: () => /* @__PURE__ */ (0,
|
|
7304
|
+
loading: () => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "text-gray-400 text-xs", children: "Copy" })
|
|
7229
7305
|
});
|
|
7230
7306
|
var CodeNode = (props) => {
|
|
7231
7307
|
const NodeTypes2 = {
|
|
@@ -7239,14 +7315,14 @@ var CodeNode = (props) => {
|
|
|
7239
7315
|
if (node.type === "link") return node.text || node.url || "";
|
|
7240
7316
|
return "";
|
|
7241
7317
|
}).join("") ?? "";
|
|
7242
|
-
return /* @__PURE__ */ (0,
|
|
7243
|
-
/* @__PURE__ */ (0,
|
|
7244
|
-
/* @__PURE__ */ (0,
|
|
7245
|
-
/* @__PURE__ */ (0,
|
|
7318
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { children: [
|
|
7319
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
|
|
7320
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { children: "Code Snippet" }),
|
|
7321
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(CopyButton2, { text: textContent })
|
|
7246
7322
|
] }),
|
|
7247
|
-
/* @__PURE__ */ (0,
|
|
7323
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("code", { className: "bg-neutral-soft p-4 text-sm whitespace-pre-wrap border border-2 block", children: props.node.children && props.node.children.map((node, index) => {
|
|
7248
7324
|
const SelectedNode = NodeTypes2[node.type];
|
|
7249
|
-
return /* @__PURE__ */ (0,
|
|
7325
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react55.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7250
7326
|
SelectedNode,
|
|
7251
7327
|
{
|
|
7252
7328
|
node,
|
|
@@ -7261,15 +7337,15 @@ var CodeNode = (props) => {
|
|
|
7261
7337
|
var CodeNode_default = CodeNode;
|
|
7262
7338
|
|
|
7263
7339
|
// src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
|
|
7264
|
-
var
|
|
7340
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
7265
7341
|
var HorizontalRuleNode = () => {
|
|
7266
|
-
return /* @__PURE__ */ (0,
|
|
7342
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("hr", {});
|
|
7267
7343
|
};
|
|
7268
7344
|
var HorizontalRuleNode_default = HorizontalRuleNode;
|
|
7269
7345
|
|
|
7270
7346
|
// src/components/pageRenderingEngine/nodes/WidgetNode.tsx
|
|
7271
7347
|
var import_react56 = __toESM(require("react"));
|
|
7272
|
-
var
|
|
7348
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
7273
7349
|
var WidgetNode = (props) => {
|
|
7274
7350
|
const getWidgetParameters = () => {
|
|
7275
7351
|
const widgetInputParameters = {
|
|
@@ -7333,7 +7409,7 @@ var WidgetNode = (props) => {
|
|
|
7333
7409
|
};
|
|
7334
7410
|
const widgetCode = props.node?.widgetCode;
|
|
7335
7411
|
if (!widgetCode) {
|
|
7336
|
-
return /* @__PURE__ */ (0,
|
|
7412
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_jsx_runtime78.Fragment, { children: "Invalid widget" });
|
|
7337
7413
|
}
|
|
7338
7414
|
const widgetParams = getWidgetParameters();
|
|
7339
7415
|
const WidgetRenderer = props.widgetRenderer;
|
|
@@ -7342,7 +7418,7 @@ var WidgetNode = (props) => {
|
|
|
7342
7418
|
}
|
|
7343
7419
|
return (
|
|
7344
7420
|
// eslint-disable-next-line react-hooks/static-components
|
|
7345
|
-
/* @__PURE__ */ (0,
|
|
7421
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react56.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7346
7422
|
WidgetRenderer,
|
|
7347
7423
|
{
|
|
7348
7424
|
params: widgetParams,
|
|
@@ -7364,7 +7440,7 @@ var import_react62 = __toESM(require("react"));
|
|
|
7364
7440
|
|
|
7365
7441
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
7366
7442
|
var import_dynamic10 = __toESM(require("next/dynamic"));
|
|
7367
|
-
var
|
|
7443
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
7368
7444
|
var IframeClient2 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
7369
7445
|
ssr: false
|
|
7370
7446
|
});
|
|
@@ -7377,7 +7453,7 @@ var EmbedNode = (props) => {
|
|
|
7377
7453
|
} else {
|
|
7378
7454
|
src = props.node.embedSrc;
|
|
7379
7455
|
}
|
|
7380
|
-
return /* @__PURE__ */ (0,
|
|
7456
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(IframeClient2, { src }) });
|
|
7381
7457
|
};
|
|
7382
7458
|
var EmbedNode_default = EmbedNode;
|
|
7383
7459
|
|
|
@@ -7577,10 +7653,10 @@ var PathUtility = class {
|
|
|
7577
7653
|
var PathUtility_default = new PathUtility();
|
|
7578
7654
|
|
|
7579
7655
|
// src/components/NoDataFound.tsx
|
|
7580
|
-
var
|
|
7656
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
7581
7657
|
var NoDataFound = () => {
|
|
7582
|
-
return /* @__PURE__ */ (0,
|
|
7583
|
-
/* @__PURE__ */ (0,
|
|
7658
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
|
|
7659
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "mb-5", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
7584
7660
|
"svg",
|
|
7585
7661
|
{
|
|
7586
7662
|
className: "w-10 h-10",
|
|
@@ -7588,7 +7664,7 @@ var NoDataFound = () => {
|
|
|
7588
7664
|
stroke: "currentColor",
|
|
7589
7665
|
viewBox: "0 0 24 24",
|
|
7590
7666
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7591
|
-
children: /* @__PURE__ */ (0,
|
|
7667
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
7592
7668
|
"path",
|
|
7593
7669
|
{
|
|
7594
7670
|
strokeLinecap: "round",
|
|
@@ -7599,8 +7675,8 @@ var NoDataFound = () => {
|
|
|
7599
7675
|
)
|
|
7600
7676
|
}
|
|
7601
7677
|
) }) }),
|
|
7602
|
-
/* @__PURE__ */ (0,
|
|
7603
|
-
/* @__PURE__ */ (0,
|
|
7678
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
|
|
7679
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
|
|
7604
7680
|
] });
|
|
7605
7681
|
};
|
|
7606
7682
|
var NoDataFound_default = NoDataFound;
|
|
@@ -7608,7 +7684,7 @@ var NoDataFound_default = NoDataFound;
|
|
|
7608
7684
|
// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
|
|
7609
7685
|
init_AssetUtility();
|
|
7610
7686
|
var import_dynamic11 = __toESM(require("next/dynamic"));
|
|
7611
|
-
var
|
|
7687
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
7612
7688
|
var HlsPlayer4 = (0, import_dynamic11.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
|
|
7613
7689
|
var deviceToMediaQuery = (device) => {
|
|
7614
7690
|
switch (device) {
|
|
@@ -7764,8 +7840,8 @@ var ImageGalleryNode = (props) => {
|
|
|
7764
7840
|
right: "justify-end"
|
|
7765
7841
|
};
|
|
7766
7842
|
const formatClasses = FormatClass[props.node.format || ""] || "";
|
|
7767
|
-
return /* @__PURE__ */ (0,
|
|
7768
|
-
hlsSources.length > 0 && /* @__PURE__ */ (0,
|
|
7843
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
|
|
7844
|
+
hlsSources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_jsx_runtime83.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
7769
7845
|
HlsPlayer4,
|
|
7770
7846
|
{
|
|
7771
7847
|
sources: hlsSources,
|
|
@@ -7780,7 +7856,7 @@ var ImageGalleryNode = (props) => {
|
|
|
7780
7856
|
styles: hlsStyles
|
|
7781
7857
|
}
|
|
7782
7858
|
) }),
|
|
7783
|
-
(staticFallback || staticSources.length > 0) && /* @__PURE__ */ (0,
|
|
7859
|
+
(staticFallback || staticSources.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_jsx_runtime83.Fragment, { children: staticFallback ? /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("picture", { children: [
|
|
7784
7860
|
DEVICE_ORDER.map((deviceKey) => {
|
|
7785
7861
|
const match = staticSources.find(
|
|
7786
7862
|
(img) => img.device === deviceKey
|
|
@@ -7796,7 +7872,7 @@ var ImageGalleryNode = (props) => {
|
|
|
7796
7872
|
if (!srcUrl) {
|
|
7797
7873
|
return null;
|
|
7798
7874
|
}
|
|
7799
|
-
return /* @__PURE__ */ (0,
|
|
7875
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
7800
7876
|
"source",
|
|
7801
7877
|
{
|
|
7802
7878
|
media: deviceToMediaQuery(match.device),
|
|
@@ -7821,7 +7897,7 @@ var ImageGalleryNode = (props) => {
|
|
|
7821
7897
|
if (img.borderRadius) {
|
|
7822
7898
|
styles.borderRadius = img.borderRadius;
|
|
7823
7899
|
}
|
|
7824
|
-
return /* @__PURE__ */ (0,
|
|
7900
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
7825
7901
|
"img",
|
|
7826
7902
|
{
|
|
7827
7903
|
loading: "lazy",
|
|
@@ -7836,7 +7912,7 @@ var ImageGalleryNode = (props) => {
|
|
|
7836
7912
|
})()
|
|
7837
7913
|
] }) : (
|
|
7838
7914
|
/* Case 2: Only device-specific images exist */
|
|
7839
|
-
/* @__PURE__ */ (0,
|
|
7915
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_jsx_runtime83.Fragment, { children: staticSources.map((img, index) => {
|
|
7840
7916
|
const resolved = resolveImage(img);
|
|
7841
7917
|
const imageUrl = resolved?.imageUrl;
|
|
7842
7918
|
if (!imageUrl) {
|
|
@@ -7863,7 +7939,7 @@ var ImageGalleryNode = (props) => {
|
|
|
7863
7939
|
default:
|
|
7864
7940
|
display = "block";
|
|
7865
7941
|
}
|
|
7866
|
-
return /* @__PURE__ */ (0,
|
|
7942
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
7867
7943
|
"img",
|
|
7868
7944
|
{
|
|
7869
7945
|
loading: "lazy",
|
|
@@ -8004,28 +8080,28 @@ var shouldRenderContainer = (node, dataItem, session) => {
|
|
|
8004
8080
|
|
|
8005
8081
|
// src/components/pageRenderingEngine/nodes/DocumentNode.tsx
|
|
8006
8082
|
init_AssetUtility();
|
|
8007
|
-
var
|
|
8083
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
8008
8084
|
var getNestedValue5 = (obj, path) => {
|
|
8009
8085
|
if (!obj || !path) return void 0;
|
|
8010
8086
|
return path.split(".").reduce((current, key) => {
|
|
8011
8087
|
return current && current[key] !== void 0 ? current[key] : void 0;
|
|
8012
8088
|
}, obj);
|
|
8013
8089
|
};
|
|
8014
|
-
var PdfIcon2 = () => /* @__PURE__ */ (0,
|
|
8090
|
+
var PdfIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8015
8091
|
"svg",
|
|
8016
8092
|
{
|
|
8017
8093
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8018
8094
|
viewBox: "0 0 48 48",
|
|
8019
8095
|
className: "w-10 h-10",
|
|
8020
8096
|
children: [
|
|
8021
|
-
/* @__PURE__ */ (0,
|
|
8097
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8022
8098
|
"path",
|
|
8023
8099
|
{
|
|
8024
8100
|
fill: "#e53935",
|
|
8025
8101
|
d: "M38,42H10c-2.209,0-4-1.791-4-4V10c0-2.209,1.791-4,4-4h28c2.209,0,4,1.791,4,4v28 C42,40.209,40.209,42,38,42z"
|
|
8026
8102
|
}
|
|
8027
8103
|
),
|
|
8028
|
-
/* @__PURE__ */ (0,
|
|
8104
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8029
8105
|
"path",
|
|
8030
8106
|
{
|
|
8031
8107
|
fill: "#fff",
|
|
@@ -8035,55 +8111,55 @@ var PdfIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8035
8111
|
]
|
|
8036
8112
|
}
|
|
8037
8113
|
);
|
|
8038
|
-
var ExcelIcon2 = () => /* @__PURE__ */ (0,
|
|
8114
|
+
var ExcelIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8039
8115
|
"svg",
|
|
8040
8116
|
{
|
|
8041
8117
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8042
8118
|
viewBox: "0 0 48 48",
|
|
8043
8119
|
className: "w-10 h-10",
|
|
8044
8120
|
children: [
|
|
8045
|
-
/* @__PURE__ */ (0,
|
|
8121
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8046
8122
|
"path",
|
|
8047
8123
|
{
|
|
8048
8124
|
fill: "#169154",
|
|
8049
8125
|
d: "M29,6H15.744C14.781,6,14,6.781,14,7.744v7.259h15V6z"
|
|
8050
8126
|
}
|
|
8051
8127
|
),
|
|
8052
|
-
/* @__PURE__ */ (0,
|
|
8128
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8053
8129
|
"path",
|
|
8054
8130
|
{
|
|
8055
8131
|
fill: "#18482a",
|
|
8056
8132
|
d: "M14,33.054v7.202C14,41.219,14.781,42,15.743,42H29v-8.946H14z"
|
|
8057
8133
|
}
|
|
8058
8134
|
),
|
|
8059
|
-
/* @__PURE__ */ (0,
|
|
8060
|
-
/* @__PURE__ */ (0,
|
|
8061
|
-
/* @__PURE__ */ (0,
|
|
8062
|
-
/* @__PURE__ */ (0,
|
|
8135
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { fill: "#0c8045", d: "M14 15.003H29V24.005000000000003H14z" }),
|
|
8136
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { fill: "#17472a", d: "M14 24.005H29V33.055H14z" }),
|
|
8137
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("g", { children: [
|
|
8138
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8063
8139
|
"path",
|
|
8064
8140
|
{
|
|
8065
8141
|
fill: "#29c27f",
|
|
8066
8142
|
d: "M42.256,6H29v9.003h15V7.744C44,6.781,43.219,6,42.256,6z"
|
|
8067
8143
|
}
|
|
8068
8144
|
),
|
|
8069
|
-
/* @__PURE__ */ (0,
|
|
8145
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8070
8146
|
"path",
|
|
8071
8147
|
{
|
|
8072
8148
|
fill: "#27663f",
|
|
8073
8149
|
d: "M29,33.054V42h13.257C43.219,42,44,41.219,44,40.257v-7.202H29z"
|
|
8074
8150
|
}
|
|
8075
8151
|
),
|
|
8076
|
-
/* @__PURE__ */ (0,
|
|
8077
|
-
/* @__PURE__ */ (0,
|
|
8152
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { fill: "#19ac65", d: "M29 15.003H44V24.005000000000003H29z" }),
|
|
8153
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { fill: "#129652", d: "M29 24.005H44V33.055H29z" })
|
|
8078
8154
|
] }),
|
|
8079
|
-
/* @__PURE__ */ (0,
|
|
8155
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8080
8156
|
"path",
|
|
8081
8157
|
{
|
|
8082
8158
|
fill: "#0c7238",
|
|
8083
8159
|
d: "M22.319,34H5.681C4.753,34,4,33.247,4,32.319V15.681C4,14.753,4.753,14,5.681,14h16.638 C23.247,14,24,14.753,24,15.681v16.638C24,33.247,23.247,34,22.319,34z"
|
|
8084
8160
|
}
|
|
8085
8161
|
),
|
|
8086
|
-
/* @__PURE__ */ (0,
|
|
8162
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8087
8163
|
"path",
|
|
8088
8164
|
{
|
|
8089
8165
|
fill: "#fff",
|
|
@@ -8093,7 +8169,7 @@ var ExcelIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8093
8169
|
]
|
|
8094
8170
|
}
|
|
8095
8171
|
);
|
|
8096
|
-
var WordIcon2 = () => /* @__PURE__ */ (0,
|
|
8172
|
+
var WordIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8097
8173
|
"svg",
|
|
8098
8174
|
{
|
|
8099
8175
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -8101,14 +8177,14 @@ var WordIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8101
8177
|
className: "w-10 h-10",
|
|
8102
8178
|
baseProfile: "basic",
|
|
8103
8179
|
children: [
|
|
8104
|
-
/* @__PURE__ */ (0,
|
|
8180
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8105
8181
|
"path",
|
|
8106
8182
|
{
|
|
8107
8183
|
fill: "#283593",
|
|
8108
8184
|
d: "M9,33.595l14.911-18.706L41,26v13.306C41,41.346,39.346,43,37.306,43H15.332 C11.835,43,9,40.164,9,36.667C9,36.667,9,33.595,9,33.595z"
|
|
8109
8185
|
}
|
|
8110
8186
|
),
|
|
8111
|
-
/* @__PURE__ */ (0,
|
|
8187
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8112
8188
|
"linearGradient",
|
|
8113
8189
|
{
|
|
8114
8190
|
id: "qh2LT5tehRDFkLLfb-odWa",
|
|
@@ -8119,19 +8195,19 @@ var WordIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8119
8195
|
gradientTransform: "translate(0 -339.89)",
|
|
8120
8196
|
gradientUnits: "userSpaceOnUse",
|
|
8121
8197
|
children: [
|
|
8122
|
-
/* @__PURE__ */ (0,
|
|
8123
|
-
/* @__PURE__ */ (0,
|
|
8198
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("stop", { offset: "0", "stop-color": "#66c0ff" }),
|
|
8199
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("stop", { offset: ".26", "stop-color": "#0094f0" })
|
|
8124
8200
|
]
|
|
8125
8201
|
}
|
|
8126
8202
|
),
|
|
8127
|
-
/* @__PURE__ */ (0,
|
|
8203
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8128
8204
|
"path",
|
|
8129
8205
|
{
|
|
8130
8206
|
fill: "url(#qh2LT5tehRDFkLLfb-odWa)",
|
|
8131
8207
|
d: "M9,20.208c0-2.624,2.126-4.75,4.749-4.75h21.857L41,12.778v13.527 C41,28.346,39.346,30,37.306,30H15.332C11.835,30,9,32.836,9,36.333L9,20.208L9,20.208z"
|
|
8132
8208
|
}
|
|
8133
8209
|
),
|
|
8134
|
-
/* @__PURE__ */ (0,
|
|
8210
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8135
8211
|
"path",
|
|
8136
8212
|
{
|
|
8137
8213
|
fill: "#1e88e5",
|
|
@@ -8139,21 +8215,21 @@ var WordIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8139
8215
|
d: "M9,20.208c0-2.624,2.126-4.75,4.749-4.75h21.857L41,12.778v13.527 C41,28.346,39.346,30,37.306,30H15.332C11.835,30,9,32.836,9,36.333L9,20.208L9,20.208z"
|
|
8140
8216
|
}
|
|
8141
8217
|
),
|
|
8142
|
-
/* @__PURE__ */ (0,
|
|
8218
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8143
8219
|
"path",
|
|
8144
8220
|
{
|
|
8145
8221
|
fill: "#00e5ff",
|
|
8146
8222
|
d: "M9,10.333C9,6.836,11.835,4,15.332,4h21.975C39.346,4,41,5.654,41,7.694v5.611 C41,15.346,39.346,17,37.306,17H15.332C11.835,17,9,19.836,9,23.333C9,23.333,9,10.333,9,10.333z"
|
|
8147
8223
|
}
|
|
8148
8224
|
),
|
|
8149
|
-
/* @__PURE__ */ (0,
|
|
8225
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8150
8226
|
"path",
|
|
8151
8227
|
{
|
|
8152
8228
|
fill: "#1565c0",
|
|
8153
8229
|
d: "M7.5,23h10c1.933,0,3.5,1.567,3.5,3.5v10c0,1.933-1.567,3.5-3.5,3.5h-10C5.567,40,4,38.433,4,36.5 v-10C4,24.567,5.567,23,7.5,23z"
|
|
8154
8230
|
}
|
|
8155
8231
|
),
|
|
8156
|
-
/* @__PURE__ */ (0,
|
|
8232
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8157
8233
|
"path",
|
|
8158
8234
|
{
|
|
8159
8235
|
fill: "#fff",
|
|
@@ -8163,42 +8239,42 @@ var WordIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8163
8239
|
]
|
|
8164
8240
|
}
|
|
8165
8241
|
);
|
|
8166
|
-
var StandardIcon2 = () => /* @__PURE__ */ (0,
|
|
8242
|
+
var StandardIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8167
8243
|
"svg",
|
|
8168
8244
|
{
|
|
8169
8245
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8170
8246
|
viewBox: "0 0 48 48",
|
|
8171
8247
|
className: "w-10 h-10",
|
|
8172
8248
|
children: [
|
|
8173
|
-
/* @__PURE__ */ (0,
|
|
8174
|
-
/* @__PURE__ */ (0,
|
|
8249
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
8250
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" })
|
|
8175
8251
|
]
|
|
8176
8252
|
}
|
|
8177
8253
|
);
|
|
8178
|
-
var PowerPointIcon2 = () => /* @__PURE__ */ (0,
|
|
8254
|
+
var PowerPointIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8179
8255
|
"svg",
|
|
8180
8256
|
{
|
|
8181
8257
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8182
8258
|
viewBox: "0 0 48 48",
|
|
8183
8259
|
className: "w-10 h-10",
|
|
8184
8260
|
children: [
|
|
8185
|
-
/* @__PURE__ */ (0,
|
|
8261
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8186
8262
|
"path",
|
|
8187
8263
|
{
|
|
8188
8264
|
fill: "#dc4c2c",
|
|
8189
8265
|
d: "M8,24c0,9.941,8.059,18,18,18s18-8.059,18-18H26H8z"
|
|
8190
8266
|
}
|
|
8191
8267
|
),
|
|
8192
|
-
/* @__PURE__ */ (0,
|
|
8193
|
-
/* @__PURE__ */ (0,
|
|
8194
|
-
/* @__PURE__ */ (0,
|
|
8268
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { fill: "#f7a278", d: "M26,6v18h18C44,14.059,35.941,6,26,6z" }),
|
|
8269
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { fill: "#c06346", d: "M26,6C16.059,6,8,14.059,8,24h18V6z" }),
|
|
8270
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8195
8271
|
"path",
|
|
8196
8272
|
{
|
|
8197
8273
|
fill: "#9b341f",
|
|
8198
8274
|
d: "M22.319,34H5.681C4.753,34,4,33.247,4,32.319V15.681C4,14.753,4.753,14,5.681,14h16.638 C23.247,14,24,14.753,24,15.681v16.638C24,33.247,23.247,34,22.319,34z"
|
|
8199
8275
|
}
|
|
8200
8276
|
),
|
|
8201
|
-
/* @__PURE__ */ (0,
|
|
8277
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8202
8278
|
"path",
|
|
8203
8279
|
{
|
|
8204
8280
|
fill: "#fff",
|
|
@@ -8208,16 +8284,16 @@ var PowerPointIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8208
8284
|
]
|
|
8209
8285
|
}
|
|
8210
8286
|
);
|
|
8211
|
-
var TextIcon2 = () => /* @__PURE__ */ (0,
|
|
8287
|
+
var TextIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8212
8288
|
"svg",
|
|
8213
8289
|
{
|
|
8214
8290
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8215
8291
|
viewBox: "0 0 48 48",
|
|
8216
8292
|
className: "w-10 h-10",
|
|
8217
8293
|
children: [
|
|
8218
|
-
/* @__PURE__ */ (0,
|
|
8219
|
-
/* @__PURE__ */ (0,
|
|
8220
|
-
/* @__PURE__ */ (0,
|
|
8294
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
8295
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" }),
|
|
8296
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8221
8297
|
"path",
|
|
8222
8298
|
{
|
|
8223
8299
|
fill: "#1976D2",
|
|
@@ -8227,7 +8303,7 @@ var TextIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8227
8303
|
]
|
|
8228
8304
|
}
|
|
8229
8305
|
);
|
|
8230
|
-
var ArchiveIcon2 = () => /* @__PURE__ */ (0,
|
|
8306
|
+
var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8231
8307
|
"svg",
|
|
8232
8308
|
{
|
|
8233
8309
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -8237,14 +8313,14 @@ var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8237
8313
|
version: "1.0",
|
|
8238
8314
|
className: "w-10 h-10",
|
|
8239
8315
|
children: [
|
|
8240
|
-
/* @__PURE__ */ (0,
|
|
8316
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("clipPath", { id: "273d29c8a6", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8241
8317
|
"path",
|
|
8242
8318
|
{
|
|
8243
8319
|
d: "M 8.90625 0 L 65.90625 0 L 65.90625 75 L 8.90625 75 Z M 8.90625 0 ",
|
|
8244
8320
|
"clip-rule": "nonzero"
|
|
8245
8321
|
}
|
|
8246
8322
|
) }) }),
|
|
8247
|
-
/* @__PURE__ */ (0,
|
|
8323
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("g", { "clip-path": "url(#273d29c8a6)", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8248
8324
|
"path",
|
|
8249
8325
|
{
|
|
8250
8326
|
fill: "#ff9100",
|
|
@@ -8253,7 +8329,7 @@ var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8253
8329
|
"fill-rule": "nonzero"
|
|
8254
8330
|
}
|
|
8255
8331
|
) }),
|
|
8256
|
-
/* @__PURE__ */ (0,
|
|
8332
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8257
8333
|
"path",
|
|
8258
8334
|
{
|
|
8259
8335
|
fill: "#fbe9e7",
|
|
@@ -8262,7 +8338,7 @@ var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8262
8338
|
"fill-rule": "nonzero"
|
|
8263
8339
|
}
|
|
8264
8340
|
),
|
|
8265
|
-
/* @__PURE__ */ (0,
|
|
8341
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8266
8342
|
"path",
|
|
8267
8343
|
{
|
|
8268
8344
|
fill: "#ffe0b2",
|
|
@@ -8271,7 +8347,7 @@ var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8271
8347
|
"fill-rule": "nonzero"
|
|
8272
8348
|
}
|
|
8273
8349
|
),
|
|
8274
|
-
/* @__PURE__ */ (0,
|
|
8350
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8275
8351
|
"path",
|
|
8276
8352
|
{
|
|
8277
8353
|
fill: "#ffe0b2",
|
|
@@ -8280,7 +8356,7 @@ var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8280
8356
|
"fill-rule": "nonzero"
|
|
8281
8357
|
}
|
|
8282
8358
|
),
|
|
8283
|
-
/* @__PURE__ */ (0,
|
|
8359
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8284
8360
|
"path",
|
|
8285
8361
|
{
|
|
8286
8362
|
fill: "#ffe0b2",
|
|
@@ -8355,8 +8431,8 @@ var DocumentNode = (props) => {
|
|
|
8355
8431
|
}
|
|
8356
8432
|
}
|
|
8357
8433
|
if (documents.length === 0) {
|
|
8358
|
-
return /* @__PURE__ */ (0,
|
|
8359
|
-
/* @__PURE__ */ (0,
|
|
8434
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_jsx_runtime84.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "py-4 px-2 bg-neutral-weak border rounded text-center flex flex-col gap-2", children: [
|
|
8435
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "mx-auto w-10 h-10 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8360
8436
|
"svg",
|
|
8361
8437
|
{
|
|
8362
8438
|
className: "w-5 h-5",
|
|
@@ -8364,7 +8440,7 @@ var DocumentNode = (props) => {
|
|
|
8364
8440
|
stroke: "currentColor",
|
|
8365
8441
|
viewBox: "0 0 24 24",
|
|
8366
8442
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8367
|
-
children: /* @__PURE__ */ (0,
|
|
8443
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8368
8444
|
"path",
|
|
8369
8445
|
{
|
|
8370
8446
|
strokeLinecap: "round",
|
|
@@ -8375,11 +8451,11 @@ var DocumentNode = (props) => {
|
|
|
8375
8451
|
)
|
|
8376
8452
|
}
|
|
8377
8453
|
) }),
|
|
8378
|
-
/* @__PURE__ */ (0,
|
|
8379
|
-
/* @__PURE__ */ (0,
|
|
8454
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "text-sm font-medium", children: "No documents found" }),
|
|
8455
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "text-xs", children: "No records found. Data may be empty or not available at the moment." })
|
|
8380
8456
|
] }) });
|
|
8381
8457
|
}
|
|
8382
|
-
return /* @__PURE__ */ (0,
|
|
8458
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "", children: documents.map((doc, index) => {
|
|
8383
8459
|
const documentUrl = AssetUtility_default.resolveUrl(
|
|
8384
8460
|
props.assetBaseUrl,
|
|
8385
8461
|
doc.assetUrl
|
|
@@ -8397,16 +8473,16 @@ var DocumentNode = (props) => {
|
|
|
8397
8473
|
}
|
|
8398
8474
|
}
|
|
8399
8475
|
const { Icon: Icon2, extLabel } = getFileDetails2(documentUrl);
|
|
8400
|
-
return /* @__PURE__ */ (0,
|
|
8476
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8401
8477
|
"div",
|
|
8402
8478
|
{
|
|
8403
8479
|
className: `flex items-center justify-between py-4 bg-default gap-4 ${index !== 0 ? "border-t" : ""}`,
|
|
8404
8480
|
children: [
|
|
8405
|
-
/* @__PURE__ */ (0,
|
|
8406
|
-
/* @__PURE__ */ (0,
|
|
8407
|
-
/* @__PURE__ */ (0,
|
|
8481
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex items-center space-x-4", children: [
|
|
8482
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "flex items-center justify-center p-2 rounded bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Icon2, {}) }),
|
|
8483
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "flex items-baseline space-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("h4", { className: "text-base font-semibold", children: documentTitle }) })
|
|
8408
8484
|
] }),
|
|
8409
|
-
/* @__PURE__ */ (0,
|
|
8485
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8410
8486
|
"a",
|
|
8411
8487
|
{
|
|
8412
8488
|
href: documentUrl,
|
|
@@ -8414,7 +8490,7 @@ var DocumentNode = (props) => {
|
|
|
8414
8490
|
rel: "noopener noreferrer",
|
|
8415
8491
|
className: "inline-flex items-center px-4 py-2 text-sm font-medium bg-default border rounded focus:outline-none focus:ring-2 focus:ring-offset-2 transition-colors",
|
|
8416
8492
|
children: [
|
|
8417
|
-
/* @__PURE__ */ (0,
|
|
8493
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8418
8494
|
"svg",
|
|
8419
8495
|
{
|
|
8420
8496
|
className: "w-4 h-4 mr-2",
|
|
@@ -8422,7 +8498,7 @@ var DocumentNode = (props) => {
|
|
|
8422
8498
|
stroke: "currentColor",
|
|
8423
8499
|
viewBox: "0 0 24 24",
|
|
8424
8500
|
children: [
|
|
8425
|
-
/* @__PURE__ */ (0,
|
|
8501
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8426
8502
|
"path",
|
|
8427
8503
|
{
|
|
8428
8504
|
strokeLinecap: "round",
|
|
@@ -8431,7 +8507,7 @@ var DocumentNode = (props) => {
|
|
|
8431
8507
|
d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
|
|
8432
8508
|
}
|
|
8433
8509
|
),
|
|
8434
|
-
/* @__PURE__ */ (0,
|
|
8510
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8435
8511
|
"path",
|
|
8436
8512
|
{
|
|
8437
8513
|
strokeLinecap: "round",
|
|
@@ -8457,13 +8533,13 @@ var DocumentNode_default = DocumentNode;
|
|
|
8457
8533
|
|
|
8458
8534
|
// src/components/pageRenderingEngine/nodes/GoogleMapNode.tsx
|
|
8459
8535
|
var import_dynamic12 = __toESM(require("next/dynamic"));
|
|
8460
|
-
var
|
|
8536
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
8461
8537
|
var IframeClient3 = (0, import_dynamic12.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
8462
8538
|
ssr: false
|
|
8463
8539
|
});
|
|
8464
8540
|
var GoogleMapNode = (props) => {
|
|
8465
8541
|
let src = props.node.embedUrl;
|
|
8466
|
-
return /* @__PURE__ */ (0,
|
|
8542
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "google-map-container", children: src && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
8467
8543
|
IframeClient3,
|
|
8468
8544
|
{
|
|
8469
8545
|
src,
|
|
@@ -8475,7 +8551,7 @@ var GoogleMapNode = (props) => {
|
|
|
8475
8551
|
var GoogleMapNode_default = GoogleMapNode;
|
|
8476
8552
|
|
|
8477
8553
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
8478
|
-
var
|
|
8554
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
8479
8555
|
var Pagination2 = (0, import_dynamic13.default)(() => Promise.resolve().then(() => (init_Pagination(), Pagination_exports)), { ssr: true });
|
|
8480
8556
|
var DataBindingControls2 = (0, import_dynamic13.default)(() => Promise.resolve().then(() => (init_DataBindingControls(), DataBindingControls_exports)), {
|
|
8481
8557
|
ssr: true
|
|
@@ -8734,7 +8810,7 @@ var DivContainer = async (props) => {
|
|
|
8734
8810
|
response = await serviceClient.get(endpoint);
|
|
8735
8811
|
result = response?.result;
|
|
8736
8812
|
if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
|
|
8737
|
-
return /* @__PURE__ */ (0,
|
|
8813
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(NoDataFound_default, {});
|
|
8738
8814
|
}
|
|
8739
8815
|
if (dataBindingProperties.childCollectionName && props.dataitem) {
|
|
8740
8816
|
childCollectionData = getNestedValue6(
|
|
@@ -8754,7 +8830,7 @@ var DivContainer = async (props) => {
|
|
|
8754
8830
|
}
|
|
8755
8831
|
const SelectedNode = NodeTypes2[node.type];
|
|
8756
8832
|
if (!SelectedNode) return null;
|
|
8757
|
-
return /* @__PURE__ */ (0,
|
|
8833
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react62.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8758
8834
|
SelectedNode,
|
|
8759
8835
|
{
|
|
8760
8836
|
node,
|
|
@@ -8891,7 +8967,7 @@ var DivContainer = async (props) => {
|
|
|
8891
8967
|
dataBindingProperties?.showFacets || dataBindingProperties?.showSortOptions || dataBindingProperties?.showSearchBar
|
|
8892
8968
|
);
|
|
8893
8969
|
const WrapperComponent = Wrapper;
|
|
8894
|
-
const renderedContainer = /* @__PURE__ */ (0,
|
|
8970
|
+
const renderedContainer = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8895
8971
|
WrapperComponent,
|
|
8896
8972
|
{
|
|
8897
8973
|
id: guid,
|
|
@@ -8905,11 +8981,11 @@ var DivContainer = async (props) => {
|
|
|
8905
8981
|
item,
|
|
8906
8982
|
idx,
|
|
8907
8983
|
props.href ? void 0 : item?.links?.view
|
|
8908
|
-
)?.map((child, i) => /* @__PURE__ */ (0,
|
|
8984
|
+
)?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react62.default.Fragment, { children: child }, i)) : renderChildren2(props.node.children, props, item, idx)
|
|
8909
8985
|
)
|
|
8910
8986
|
}
|
|
8911
8987
|
);
|
|
8912
|
-
const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ (0,
|
|
8988
|
+
const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8913
8989
|
Pagination2,
|
|
8914
8990
|
{
|
|
8915
8991
|
path: props.path,
|
|
@@ -8917,15 +8993,15 @@ var DivContainer = async (props) => {
|
|
|
8917
8993
|
dataset: response
|
|
8918
8994
|
}
|
|
8919
8995
|
) : null;
|
|
8920
|
-
return /* @__PURE__ */ (0,
|
|
8921
|
-
/* @__PURE__ */ (0,
|
|
8996
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_react62.default.Fragment, { children: [
|
|
8997
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8922
8998
|
"style",
|
|
8923
8999
|
{
|
|
8924
9000
|
dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
|
|
8925
9001
|
}
|
|
8926
9002
|
),
|
|
8927
|
-
showDataBindingControls ? /* @__PURE__ */ (0,
|
|
8928
|
-
/* @__PURE__ */ (0,
|
|
9003
|
+
showDataBindingControls ? /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_react62.default.Fragment, { children: [
|
|
9004
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8929
9005
|
DataBindingControls2,
|
|
8930
9006
|
{
|
|
8931
9007
|
mode: "toolbar",
|
|
@@ -8937,18 +9013,18 @@ var DivContainer = async (props) => {
|
|
|
8937
9013
|
showSearchBar: dataBindingProperties?.showSearchBar
|
|
8938
9014
|
}
|
|
8939
9015
|
),
|
|
8940
|
-
/* @__PURE__ */ (0,
|
|
9016
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
|
|
8941
9017
|
"div",
|
|
8942
9018
|
{
|
|
8943
9019
|
className: dataBindingProperties?.showFacets ? "grid items-start gap-6 lg:grid-cols-[minmax(0,1fr)_18rem]" : void 0,
|
|
8944
9020
|
children: [
|
|
8945
|
-
/* @__PURE__ */ (0,
|
|
9021
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "min-w-0", children: [
|
|
8946
9022
|
renderedContainer,
|
|
8947
9023
|
paginationControl
|
|
8948
9024
|
] }),
|
|
8949
|
-
dataBindingProperties?.showFacets && /* @__PURE__ */ (0,
|
|
8950
|
-
/* @__PURE__ */ (0,
|
|
8951
|
-
/* @__PURE__ */ (0,
|
|
9025
|
+
dataBindingProperties?.showFacets && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("aside", { className: "border bg-default p-3 lg:sticky lg:top-[90px] lg:self-start", children: [
|
|
9026
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("h2", { className: "mb-2 text-lg font-semibold", children: "Filters" }),
|
|
9027
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8952
9028
|
DataBindingControls2,
|
|
8953
9029
|
{
|
|
8954
9030
|
mode: "facets",
|
|
@@ -8962,16 +9038,16 @@ var DivContainer = async (props) => {
|
|
|
8962
9038
|
]
|
|
8963
9039
|
}
|
|
8964
9040
|
)
|
|
8965
|
-
] }) : /* @__PURE__ */ (0,
|
|
9041
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_react62.default.Fragment, { children: [
|
|
8966
9042
|
renderedContainer,
|
|
8967
|
-
paginationControl && /* @__PURE__ */ (0,
|
|
9043
|
+
paginationControl && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { children: paginationControl })
|
|
8968
9044
|
] })
|
|
8969
9045
|
] });
|
|
8970
9046
|
};
|
|
8971
9047
|
var DivContainer_default = DivContainer;
|
|
8972
9048
|
|
|
8973
9049
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
8974
|
-
var
|
|
9050
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
8975
9051
|
var NodeTypes = {
|
|
8976
9052
|
["paragraph"]: ParagraphNode_default,
|
|
8977
9053
|
["heading"]: HeadingNode_default,
|
|
@@ -9009,14 +9085,14 @@ var PageBodyRenderer = (props) => {
|
|
|
9009
9085
|
}
|
|
9010
9086
|
return true;
|
|
9011
9087
|
};
|
|
9012
|
-
return /* @__PURE__ */ (0,
|
|
9088
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
9013
9089
|
{
|
|
9014
9090
|
}
|
|
9015
9091
|
const SelectedNode = NodeTypes[node.type];
|
|
9016
9092
|
if (!shouldRenderNode(node)) {
|
|
9017
9093
|
return null;
|
|
9018
9094
|
}
|
|
9019
|
-
return /* @__PURE__ */ (0,
|
|
9095
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
9020
9096
|
SelectedNode,
|
|
9021
9097
|
{
|
|
9022
9098
|
node,
|
|
@@ -9032,7 +9108,7 @@ var PageBodyRenderer = (props) => {
|
|
|
9032
9108
|
device: props.device,
|
|
9033
9109
|
widgetRenderer: props.widgetRenderer
|
|
9034
9110
|
}
|
|
9035
|
-
) }) : /* @__PURE__ */ (0,
|
|
9111
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
9036
9112
|
SelectedNode,
|
|
9037
9113
|
{
|
|
9038
9114
|
node,
|
|
@@ -9103,7 +9179,7 @@ function EnterAnimationHydrator() {
|
|
|
9103
9179
|
// src/components/Toast.tsx
|
|
9104
9180
|
var import_react65 = require("react");
|
|
9105
9181
|
init_ToastService();
|
|
9106
|
-
var
|
|
9182
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
9107
9183
|
var Toast = () => {
|
|
9108
9184
|
const [showToast, setShowToast] = (0, import_react65.useState)(false);
|
|
9109
9185
|
const [message, setMessage] = (0, import_react65.useState)("");
|
|
@@ -9137,8 +9213,8 @@ var Toast = () => {
|
|
|
9137
9213
|
});
|
|
9138
9214
|
};
|
|
9139
9215
|
}, [closeToast, showMessage]);
|
|
9140
|
-
return /* @__PURE__ */ (0,
|
|
9141
|
-
/* @__PURE__ */ (0,
|
|
9216
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_jsx_runtime91.Fragment, { children: showToast && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
|
|
9217
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
9142
9218
|
"span",
|
|
9143
9219
|
{
|
|
9144
9220
|
className: "font-medium text-inherit text-sm",
|
|
@@ -9146,7 +9222,7 @@ var Toast = () => {
|
|
|
9146
9222
|
children: message
|
|
9147
9223
|
}
|
|
9148
9224
|
),
|
|
9149
|
-
/* @__PURE__ */ (0,
|
|
9225
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
9150
9226
|
"svg",
|
|
9151
9227
|
{
|
|
9152
9228
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -9154,7 +9230,7 @@ var Toast = () => {
|
|
|
9154
9230
|
fill: "none",
|
|
9155
9231
|
viewBox: "0 0 24 24",
|
|
9156
9232
|
stroke: "currentColor",
|
|
9157
|
-
children: /* @__PURE__ */ (0,
|
|
9233
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
|
|
9158
9234
|
}
|
|
9159
9235
|
) })
|
|
9160
9236
|
] }) }) });
|
|
@@ -9185,7 +9261,7 @@ init_Switcher();
|
|
|
9185
9261
|
// src/components/NavigationTabsV2.tsx
|
|
9186
9262
|
var import_link3 = __toESM(require("next/link"));
|
|
9187
9263
|
var import_navigation2 = require("next/navigation");
|
|
9188
|
-
var
|
|
9264
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
9189
9265
|
function resolveRoutePlaceholders(route, params) {
|
|
9190
9266
|
return route.replace(/\{([^}]+)\}/g, (match, key) => {
|
|
9191
9267
|
const value = params[key];
|
|
@@ -9210,8 +9286,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
|
|
|
9210
9286
|
isActive: tab.isActive
|
|
9211
9287
|
})) || [];
|
|
9212
9288
|
if (mappedTabs.length === 0) return null;
|
|
9213
|
-
return /* @__PURE__ */ (0,
|
|
9214
|
-
return /* @__PURE__ */ (0,
|
|
9289
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
|
|
9290
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_link3.default, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
9215
9291
|
"div",
|
|
9216
9292
|
{
|
|
9217
9293
|
className: `text-sm font-medium border-b-2 px-6 py-2 transition
|
|
@@ -9230,9 +9306,9 @@ var import_navigation3 = require("next/navigation");
|
|
|
9230
9306
|
|
|
9231
9307
|
// src/components/dataForm/NoContentView.tsx
|
|
9232
9308
|
var import_react66 = __toESM(require("react"));
|
|
9233
|
-
var
|
|
9309
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
9234
9310
|
var NoContentView = (props) => {
|
|
9235
|
-
return /* @__PURE__ */ (0,
|
|
9311
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react66.default.Fragment, { children: props.isDataFound === false && props.children });
|
|
9236
9312
|
};
|
|
9237
9313
|
var NoContentView_default = NoContentView;
|
|
9238
9314
|
|
|
@@ -9241,38 +9317,38 @@ init_InputControlType();
|
|
|
9241
9317
|
|
|
9242
9318
|
// src/components/dataForm/ContentView.tsx
|
|
9243
9319
|
var import_react67 = __toESM(require("react"));
|
|
9244
|
-
var
|
|
9320
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
9245
9321
|
var ContentView = (props) => {
|
|
9246
|
-
return /* @__PURE__ */ (0,
|
|
9247
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
9248
|
-
/* @__PURE__ */ (0,
|
|
9249
|
-
/* @__PURE__ */ (0,
|
|
9250
|
-
/* @__PURE__ */ (0,
|
|
9251
|
-
/* @__PURE__ */ (0,
|
|
9252
|
-
/* @__PURE__ */ (0,
|
|
9322
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_react67.default.Fragment, { children: [
|
|
9323
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
9324
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
9325
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
9326
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "ml-2", children: [
|
|
9327
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
9328
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
9253
9329
|
] })
|
|
9254
9330
|
] }),
|
|
9255
|
-
/* @__PURE__ */ (0,
|
|
9256
|
-
/* @__PURE__ */ (0,
|
|
9257
|
-
/* @__PURE__ */ (0,
|
|
9258
|
-
/* @__PURE__ */ (0,
|
|
9259
|
-
/* @__PURE__ */ (0,
|
|
9260
|
-
/* @__PURE__ */ (0,
|
|
9261
|
-
/* @__PURE__ */ (0,
|
|
9331
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
9332
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "animate-pulse", children: [
|
|
9333
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
9334
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
9335
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
9336
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
9337
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
9262
9338
|
] }),
|
|
9263
|
-
/* @__PURE__ */ (0,
|
|
9264
|
-
/* @__PURE__ */ (0,
|
|
9265
|
-
/* @__PURE__ */ (0,
|
|
9266
|
-
/* @__PURE__ */ (0,
|
|
9267
|
-
/* @__PURE__ */ (0,
|
|
9268
|
-
/* @__PURE__ */ (0,
|
|
9339
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "animate-pulse", children: [
|
|
9340
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
9341
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
9342
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
9343
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
9344
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
9269
9345
|
] }),
|
|
9270
|
-
/* @__PURE__ */ (0,
|
|
9271
|
-
/* @__PURE__ */ (0,
|
|
9272
|
-
/* @__PURE__ */ (0,
|
|
9273
|
-
/* @__PURE__ */ (0,
|
|
9274
|
-
/* @__PURE__ */ (0,
|
|
9275
|
-
/* @__PURE__ */ (0,
|
|
9346
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "animate-pulse", children: [
|
|
9347
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
9348
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
9349
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
9350
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
9351
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
9276
9352
|
] })
|
|
9277
9353
|
] })
|
|
9278
9354
|
] }) }),
|
|
@@ -9332,7 +9408,7 @@ function FormReducer(state, action) {
|
|
|
9332
9408
|
var FormReducer_default = FormReducer;
|
|
9333
9409
|
|
|
9334
9410
|
// src/components/dataForm/DataList.tsx
|
|
9335
|
-
var
|
|
9411
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
9336
9412
|
var DataList = (props) => {
|
|
9337
9413
|
const router = (0, import_navigation3.useRouter)();
|
|
9338
9414
|
let builder = new OdataBuilder(props.path);
|
|
@@ -9373,7 +9449,7 @@ var DataList = (props) => {
|
|
|
9373
9449
|
if (path.includes(".")) {
|
|
9374
9450
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
9375
9451
|
} else if (Array.isArray(obj[path])) {
|
|
9376
|
-
return obj[path].map((item, index) => /* @__PURE__ */ (0,
|
|
9452
|
+
return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { children: item }, index));
|
|
9377
9453
|
} else {
|
|
9378
9454
|
return obj[path];
|
|
9379
9455
|
}
|
|
@@ -9455,30 +9531,30 @@ var DataList = (props) => {
|
|
|
9455
9531
|
const renderPageNumbers = () => {
|
|
9456
9532
|
if (pages <= 10) {
|
|
9457
9533
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
9458
|
-
(page) => /* @__PURE__ */ (0,
|
|
9534
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react68.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9459
9535
|
Hyperlink,
|
|
9460
9536
|
{
|
|
9461
9537
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
9462
9538
|
href: builder.getNewPageUrl(page),
|
|
9463
9539
|
children: page
|
|
9464
9540
|
}
|
|
9465
|
-
) : /* @__PURE__ */ (0,
|
|
9541
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
9466
9542
|
);
|
|
9467
9543
|
} else {
|
|
9468
9544
|
const showFirstPages = activePageNumber <= 5;
|
|
9469
9545
|
const showLastPages = activePageNumber > pages - 5;
|
|
9470
9546
|
if (showFirstPages) {
|
|
9471
|
-
return /* @__PURE__ */ (0,
|
|
9472
|
-
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0,
|
|
9547
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
|
|
9548
|
+
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react68.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9473
9549
|
Hyperlink,
|
|
9474
9550
|
{
|
|
9475
9551
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
9476
9552
|
href: builder.getNewPageUrl(page),
|
|
9477
9553
|
children: page
|
|
9478
9554
|
}
|
|
9479
|
-
) : /* @__PURE__ */ (0,
|
|
9480
|
-
/* @__PURE__ */ (0,
|
|
9481
|
-
/* @__PURE__ */ (0,
|
|
9555
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
9556
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
9557
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9482
9558
|
Hyperlink,
|
|
9483
9559
|
{
|
|
9484
9560
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9486,7 +9562,7 @@ var DataList = (props) => {
|
|
|
9486
9562
|
children: pages - 1
|
|
9487
9563
|
}
|
|
9488
9564
|
),
|
|
9489
|
-
/* @__PURE__ */ (0,
|
|
9565
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9490
9566
|
Hyperlink,
|
|
9491
9567
|
{
|
|
9492
9568
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9494,7 +9570,7 @@ var DataList = (props) => {
|
|
|
9494
9570
|
children: pages
|
|
9495
9571
|
}
|
|
9496
9572
|
),
|
|
9497
|
-
/* @__PURE__ */ (0,
|
|
9573
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
9498
9574
|
"select",
|
|
9499
9575
|
{
|
|
9500
9576
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -9506,18 +9582,18 @@ var DataList = (props) => {
|
|
|
9506
9582
|
}
|
|
9507
9583
|
},
|
|
9508
9584
|
children: [
|
|
9509
|
-
/* @__PURE__ */ (0,
|
|
9585
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("option", { className: "", value: "", children: "Jump to" }),
|
|
9510
9586
|
Array.from(
|
|
9511
9587
|
{ length: Math.max(0, pages - 10) },
|
|
9512
9588
|
(_, index) => index + 9
|
|
9513
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
9589
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("option", { value: page, children: page }, page))
|
|
9514
9590
|
]
|
|
9515
9591
|
}
|
|
9516
9592
|
) })
|
|
9517
9593
|
] });
|
|
9518
9594
|
} else if (showLastPages) {
|
|
9519
|
-
return /* @__PURE__ */ (0,
|
|
9520
|
-
/* @__PURE__ */ (0,
|
|
9595
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
|
|
9596
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9521
9597
|
Hyperlink,
|
|
9522
9598
|
{
|
|
9523
9599
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9525,7 +9601,7 @@ var DataList = (props) => {
|
|
|
9525
9601
|
children: "1"
|
|
9526
9602
|
}
|
|
9527
9603
|
),
|
|
9528
|
-
/* @__PURE__ */ (0,
|
|
9604
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9529
9605
|
Hyperlink,
|
|
9530
9606
|
{
|
|
9531
9607
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9533,21 +9609,21 @@ var DataList = (props) => {
|
|
|
9533
9609
|
children: "2"
|
|
9534
9610
|
}
|
|
9535
9611
|
),
|
|
9536
|
-
/* @__PURE__ */ (0,
|
|
9612
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
9537
9613
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
9538
|
-
(page) => /* @__PURE__ */ (0,
|
|
9614
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react68.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9539
9615
|
Hyperlink,
|
|
9540
9616
|
{
|
|
9541
9617
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
9542
9618
|
href: builder.getNewPageUrl(page),
|
|
9543
9619
|
children: page
|
|
9544
9620
|
}
|
|
9545
|
-
) : /* @__PURE__ */ (0,
|
|
9621
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
9546
9622
|
)
|
|
9547
9623
|
] });
|
|
9548
9624
|
} else {
|
|
9549
|
-
return /* @__PURE__ */ (0,
|
|
9550
|
-
/* @__PURE__ */ (0,
|
|
9625
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
|
|
9626
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9551
9627
|
Hyperlink,
|
|
9552
9628
|
{
|
|
9553
9629
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9555,7 +9631,7 @@ var DataList = (props) => {
|
|
|
9555
9631
|
children: "1"
|
|
9556
9632
|
}
|
|
9557
9633
|
),
|
|
9558
|
-
/* @__PURE__ */ (0,
|
|
9634
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9559
9635
|
Hyperlink,
|
|
9560
9636
|
{
|
|
9561
9637
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9563,20 +9639,20 @@ var DataList = (props) => {
|
|
|
9563
9639
|
children: "2"
|
|
9564
9640
|
}
|
|
9565
9641
|
),
|
|
9566
|
-
/* @__PURE__ */ (0,
|
|
9642
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
9567
9643
|
Array.from(
|
|
9568
9644
|
{ length: 5 },
|
|
9569
9645
|
(_, index) => activePageNumber - 2 + index
|
|
9570
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
9646
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react68.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9571
9647
|
Hyperlink,
|
|
9572
9648
|
{
|
|
9573
9649
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
9574
9650
|
href: builder.getNewPageUrl(page),
|
|
9575
9651
|
children: page
|
|
9576
9652
|
}
|
|
9577
|
-
) : /* @__PURE__ */ (0,
|
|
9578
|
-
/* @__PURE__ */ (0,
|
|
9579
|
-
/* @__PURE__ */ (0,
|
|
9653
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
9654
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
9655
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9580
9656
|
Hyperlink,
|
|
9581
9657
|
{
|
|
9582
9658
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9584,7 +9660,7 @@ var DataList = (props) => {
|
|
|
9584
9660
|
children: pages - 1
|
|
9585
9661
|
}
|
|
9586
9662
|
),
|
|
9587
|
-
/* @__PURE__ */ (0,
|
|
9663
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9588
9664
|
Hyperlink,
|
|
9589
9665
|
{
|
|
9590
9666
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9592,7 +9668,7 @@ var DataList = (props) => {
|
|
|
9592
9668
|
children: pages
|
|
9593
9669
|
}
|
|
9594
9670
|
),
|
|
9595
|
-
/* @__PURE__ */ (0,
|
|
9671
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
9596
9672
|
"select",
|
|
9597
9673
|
{
|
|
9598
9674
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -9604,8 +9680,8 @@ var DataList = (props) => {
|
|
|
9604
9680
|
}
|
|
9605
9681
|
},
|
|
9606
9682
|
children: [
|
|
9607
|
-
/* @__PURE__ */ (0,
|
|
9608
|
-
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0,
|
|
9683
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("option", { value: "", children: "Jump to" }),
|
|
9684
|
+
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("option", { value: page, children: page }, page))
|
|
9609
9685
|
]
|
|
9610
9686
|
}
|
|
9611
9687
|
) })
|
|
@@ -9613,16 +9689,16 @@ var DataList = (props) => {
|
|
|
9613
9689
|
}
|
|
9614
9690
|
}
|
|
9615
9691
|
};
|
|
9616
|
-
return /* @__PURE__ */ (0,
|
|
9617
|
-
/* @__PURE__ */ (0,
|
|
9618
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
9692
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_react68.default.Fragment, { children: [
|
|
9693
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(ContentView_default, { isDataFound, children: [
|
|
9694
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
9619
9695
|
"div",
|
|
9620
9696
|
{
|
|
9621
9697
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
|
|
9622
9698
|
children: [
|
|
9623
|
-
props.title ? /* @__PURE__ */ (0,
|
|
9624
|
-
/* @__PURE__ */ (0,
|
|
9625
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
9699
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", {}),
|
|
9700
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
9701
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9626
9702
|
InputControl_default,
|
|
9627
9703
|
{
|
|
9628
9704
|
name: "Search_input",
|
|
@@ -9634,7 +9710,7 @@ var DataList = (props) => {
|
|
|
9634
9710
|
}
|
|
9635
9711
|
}
|
|
9636
9712
|
),
|
|
9637
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
9713
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9638
9714
|
InputControl_default,
|
|
9639
9715
|
{
|
|
9640
9716
|
name: filter.name,
|
|
@@ -9649,15 +9725,15 @@ var DataList = (props) => {
|
|
|
9649
9725
|
},
|
|
9650
9726
|
filter.name
|
|
9651
9727
|
)),
|
|
9652
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
9728
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
9653
9729
|
Hyperlink,
|
|
9654
9730
|
{
|
|
9655
9731
|
className: "gap-1",
|
|
9656
9732
|
linkType: "Primary" /* Solid */,
|
|
9657
9733
|
href: props.addLinkHref,
|
|
9658
9734
|
children: [
|
|
9659
|
-
/* @__PURE__ */ (0,
|
|
9660
|
-
/* @__PURE__ */ (0,
|
|
9735
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
9736
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
9661
9737
|
]
|
|
9662
9738
|
}
|
|
9663
9739
|
)
|
|
@@ -9665,8 +9741,8 @@ var DataList = (props) => {
|
|
|
9665
9741
|
]
|
|
9666
9742
|
}
|
|
9667
9743
|
),
|
|
9668
|
-
/* @__PURE__ */ (0,
|
|
9669
|
-
/* @__PURE__ */ (0,
|
|
9744
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("table", { className: "w-full divide-y divide-gray-200", children: [
|
|
9745
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("tr", { children: [
|
|
9670
9746
|
props?.columns?.map((column) => {
|
|
9671
9747
|
let url = builder.getNewOrderByUrl(column.name);
|
|
9672
9748
|
let icon = "chevronUpDown";
|
|
@@ -9677,18 +9753,18 @@ var DataList = (props) => {
|
|
|
9677
9753
|
icon = "chevronUp";
|
|
9678
9754
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
9679
9755
|
}
|
|
9680
|
-
return /* @__PURE__ */ (0,
|
|
9756
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9681
9757
|
"th",
|
|
9682
9758
|
{
|
|
9683
9759
|
className: "px-6 py-3 text-left font-medium bg-neutral-soft " + (column.enableSorting ? "cursor-pointer " : "") + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
|
|
9684
|
-
children: /* @__PURE__ */ (0,
|
|
9760
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9685
9761
|
Hyperlink,
|
|
9686
9762
|
{
|
|
9687
9763
|
href: column.enableSorting ? url : void 0,
|
|
9688
9764
|
className: "!text-neutral-contrast ",
|
|
9689
|
-
children: /* @__PURE__ */ (0,
|
|
9690
|
-
/* @__PURE__ */ (0,
|
|
9691
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
9765
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
9766
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "text-black", children: column.label }),
|
|
9767
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
9692
9768
|
] })
|
|
9693
9769
|
}
|
|
9694
9770
|
)
|
|
@@ -9696,25 +9772,25 @@ var DataList = (props) => {
|
|
|
9696
9772
|
column.name
|
|
9697
9773
|
);
|
|
9698
9774
|
}),
|
|
9699
|
-
props.onQuickView && /* @__PURE__ */ (0,
|
|
9775
|
+
props.onQuickView && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("th", { className: "px-6 py-3 text-right font-medium bg-neutral-soft w-32 text-black", children: "Action" })
|
|
9700
9776
|
] }) }),
|
|
9701
|
-
/* @__PURE__ */ (0,
|
|
9777
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
9702
9778
|
let validityClass = "";
|
|
9703
9779
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
9704
9780
|
validityClass = "bg-alert-200";
|
|
9705
9781
|
}
|
|
9706
|
-
return /* @__PURE__ */ (0,
|
|
9782
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("tr", { className: validityClass, children: [
|
|
9707
9783
|
props?.columns?.map((column, colindex) => {
|
|
9708
|
-
return /* @__PURE__ */ (0,
|
|
9784
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react68.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9709
9785
|
"td",
|
|
9710
9786
|
{
|
|
9711
9787
|
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
9712
|
-
children: column.addhref === true ? /* @__PURE__ */ (0,
|
|
9788
|
+
children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9713
9789
|
Hyperlink,
|
|
9714
9790
|
{
|
|
9715
9791
|
className: "",
|
|
9716
9792
|
href: `https://${dataitem[column.name]}`,
|
|
9717
|
-
children: /* @__PURE__ */ (0,
|
|
9793
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9718
9794
|
ViewControl_default,
|
|
9719
9795
|
{
|
|
9720
9796
|
controlType: column.controlType,
|
|
@@ -9727,11 +9803,11 @@ var DataList = (props) => {
|
|
|
9727
9803
|
}
|
|
9728
9804
|
)
|
|
9729
9805
|
}
|
|
9730
|
-
) : column.showAsLink ? /* @__PURE__ */ (0,
|
|
9806
|
+
) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9731
9807
|
Hyperlink,
|
|
9732
9808
|
{
|
|
9733
9809
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
9734
|
-
children: /* @__PURE__ */ (0,
|
|
9810
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9735
9811
|
ViewControl_default,
|
|
9736
9812
|
{
|
|
9737
9813
|
controlType: column.controlType,
|
|
@@ -9741,7 +9817,7 @@ var DataList = (props) => {
|
|
|
9741
9817
|
}
|
|
9742
9818
|
)
|
|
9743
9819
|
}
|
|
9744
|
-
) : /* @__PURE__ */ (0,
|
|
9820
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9745
9821
|
ViewControl_default,
|
|
9746
9822
|
{
|
|
9747
9823
|
controlType: column.controlType,
|
|
@@ -9753,7 +9829,7 @@ var DataList = (props) => {
|
|
|
9753
9829
|
}
|
|
9754
9830
|
) }, colindex);
|
|
9755
9831
|
}),
|
|
9756
|
-
props.onQuickView && /* @__PURE__ */ (0,
|
|
9832
|
+
props.onQuickView && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("td", { className: "px-6 py-2 text-right whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
9757
9833
|
"button",
|
|
9758
9834
|
{
|
|
9759
9835
|
type: "button",
|
|
@@ -9763,7 +9839,7 @@ var DataList = (props) => {
|
|
|
9763
9839
|
},
|
|
9764
9840
|
className: "inline-flex items-center gap-1.5 px-3 py-1 text-xs font-semibold rounded-md border border-neutral-300 bg-white hover:bg-neutral-100 text-neutral-800 transition-colors shadow-xs",
|
|
9765
9841
|
children: [
|
|
9766
|
-
/* @__PURE__ */ (0,
|
|
9842
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
9767
9843
|
"svg",
|
|
9768
9844
|
{
|
|
9769
9845
|
className: "w-3.5 h-3.5",
|
|
@@ -9774,22 +9850,22 @@ var DataList = (props) => {
|
|
|
9774
9850
|
strokeLinecap: "round",
|
|
9775
9851
|
strokeLinejoin: "round",
|
|
9776
9852
|
children: [
|
|
9777
|
-
/* @__PURE__ */ (0,
|
|
9778
|
-
/* @__PURE__ */ (0,
|
|
9853
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
|
|
9854
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("circle", { cx: "12", cy: "12", r: "3" })
|
|
9779
9855
|
]
|
|
9780
9856
|
}
|
|
9781
9857
|
),
|
|
9782
|
-
/* @__PURE__ */ (0,
|
|
9858
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { children: props.quickViewLabel || "Quick View" })
|
|
9783
9859
|
]
|
|
9784
9860
|
}
|
|
9785
9861
|
) })
|
|
9786
9862
|
] }, index);
|
|
9787
9863
|
}) })
|
|
9788
9864
|
] }) }),
|
|
9789
|
-
/* @__PURE__ */ (0,
|
|
9790
|
-
/* @__PURE__ */ (0,
|
|
9791
|
-
/* @__PURE__ */ (0,
|
|
9792
|
-
activePageNumber > 1 && /* @__PURE__ */ (0,
|
|
9865
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
9866
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "text-gray-700", children: label }),
|
|
9867
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex space-x-2 items-center", children: [
|
|
9868
|
+
activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9793
9869
|
Hyperlink,
|
|
9794
9870
|
{
|
|
9795
9871
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -9797,9 +9873,9 @@ var DataList = (props) => {
|
|
|
9797
9873
|
children: "Prev"
|
|
9798
9874
|
}
|
|
9799
9875
|
),
|
|
9800
|
-
activePageNumber <= 1 && /* @__PURE__ */ (0,
|
|
9876
|
+
activePageNumber <= 1 && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "px-3 py-1 rounded-l-md border border-gray-300 bg-gray-200 text-gray-500 hover:bg-gray-200", children: "Prev" }),
|
|
9801
9877
|
renderPageNumbers(),
|
|
9802
|
-
activePageNumber < pages && /* @__PURE__ */ (0,
|
|
9878
|
+
activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9803
9879
|
Hyperlink,
|
|
9804
9880
|
{
|
|
9805
9881
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -9807,19 +9883,19 @@ var DataList = (props) => {
|
|
|
9807
9883
|
children: "Next"
|
|
9808
9884
|
}
|
|
9809
9885
|
),
|
|
9810
|
-
activePageNumber >= pages && /* @__PURE__ */ (0,
|
|
9886
|
+
activePageNumber >= pages && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
|
|
9811
9887
|
] })
|
|
9812
9888
|
] }) })
|
|
9813
9889
|
] }),
|
|
9814
|
-
/* @__PURE__ */ (0,
|
|
9815
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
9890
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(NoContentView_default, { isDataFound, children: [
|
|
9891
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
9816
9892
|
"div",
|
|
9817
9893
|
{
|
|
9818
9894
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md border-b border-neutral-200`,
|
|
9819
9895
|
children: [
|
|
9820
|
-
props.title ? /* @__PURE__ */ (0,
|
|
9821
|
-
/* @__PURE__ */ (0,
|
|
9822
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
9896
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", {}),
|
|
9897
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
9898
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9823
9899
|
InputControl_default,
|
|
9824
9900
|
{
|
|
9825
9901
|
name: "Search_input",
|
|
@@ -9831,7 +9907,7 @@ var DataList = (props) => {
|
|
|
9831
9907
|
}
|
|
9832
9908
|
}
|
|
9833
9909
|
),
|
|
9834
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
9910
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9835
9911
|
InputControl_default,
|
|
9836
9912
|
{
|
|
9837
9913
|
name: filter.name,
|
|
@@ -9846,15 +9922,15 @@ var DataList = (props) => {
|
|
|
9846
9922
|
},
|
|
9847
9923
|
filter.name
|
|
9848
9924
|
)),
|
|
9849
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
9925
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
9850
9926
|
Hyperlink,
|
|
9851
9927
|
{
|
|
9852
9928
|
className: "gap-1",
|
|
9853
9929
|
linkType: "Primary" /* Solid */,
|
|
9854
9930
|
href: props.addLinkHref,
|
|
9855
9931
|
children: [
|
|
9856
|
-
/* @__PURE__ */ (0,
|
|
9857
|
-
/* @__PURE__ */ (0,
|
|
9932
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
9933
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
9858
9934
|
]
|
|
9859
9935
|
}
|
|
9860
9936
|
)
|
|
@@ -9862,8 +9938,8 @@ var DataList = (props) => {
|
|
|
9862
9938
|
]
|
|
9863
9939
|
}
|
|
9864
9940
|
),
|
|
9865
|
-
/* @__PURE__ */ (0,
|
|
9866
|
-
/* @__PURE__ */ (0,
|
|
9941
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
|
|
9942
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
9867
9943
|
let url = builder.getNewOrderByUrl(column.name);
|
|
9868
9944
|
let icon = "chevronUpDown";
|
|
9869
9945
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -9873,18 +9949,18 @@ var DataList = (props) => {
|
|
|
9873
9949
|
icon = "chevronUp";
|
|
9874
9950
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
9875
9951
|
}
|
|
9876
|
-
return /* @__PURE__ */ (0,
|
|
9952
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9877
9953
|
"th",
|
|
9878
9954
|
{
|
|
9879
9955
|
className: "px-6 py-3 text-left font-medium bg-neutral-soft " + (column.enableSorting ? "cursor-pointer " : "") + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
|
|
9880
|
-
children: /* @__PURE__ */ (0,
|
|
9956
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9881
9957
|
Hyperlink,
|
|
9882
9958
|
{
|
|
9883
9959
|
href: column.enableSorting ? url : void 0,
|
|
9884
9960
|
className: "text-body-950",
|
|
9885
|
-
children: /* @__PURE__ */ (0,
|
|
9886
|
-
/* @__PURE__ */ (0,
|
|
9887
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
9961
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
9962
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { children: column.label }),
|
|
9963
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
9888
9964
|
] })
|
|
9889
9965
|
}
|
|
9890
9966
|
)
|
|
@@ -9892,7 +9968,7 @@ var DataList = (props) => {
|
|
|
9892
9968
|
column.name
|
|
9893
9969
|
);
|
|
9894
9970
|
}) }) }) }) }),
|
|
9895
|
-
/* @__PURE__ */ (0,
|
|
9971
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
|
|
9896
9972
|
] })
|
|
9897
9973
|
] })
|
|
9898
9974
|
] });
|
|
@@ -9905,7 +9981,7 @@ init_ServiceClient();
|
|
|
9905
9981
|
init_OdataBuilder();
|
|
9906
9982
|
init_SelectWithSearchInput();
|
|
9907
9983
|
var import_navigation4 = require("next/navigation");
|
|
9908
|
-
var
|
|
9984
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
9909
9985
|
var viewControlMap = {
|
|
9910
9986
|
number: ViewControlTypes.number,
|
|
9911
9987
|
lineText: ViewControlTypes.lineText,
|
|
@@ -10000,13 +10076,13 @@ var DataListRenderer = ({
|
|
|
10000
10076
|
isActive: landingPageUrl === pathname
|
|
10001
10077
|
};
|
|
10002
10078
|
});
|
|
10003
|
-
return /* @__PURE__ */ (0,
|
|
10079
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_react69.default.Fragment, { children: [
|
|
10004
10080
|
resolvedTabs.length > 0 && // <NavigationTabsV2
|
|
10005
10081
|
// tabs={resolvedTabs}
|
|
10006
10082
|
// params={(widgetProps?.params ?? params) as Record<string, any>}
|
|
10007
10083
|
// />
|
|
10008
|
-
/* @__PURE__ */ (0,
|
|
10009
|
-
/* @__PURE__ */ (0,
|
|
10084
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
10085
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
10010
10086
|
DataList_default,
|
|
10011
10087
|
{
|
|
10012
10088
|
addLinkHref,
|
|
@@ -10063,7 +10139,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
|
|
|
10063
10139
|
var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
|
|
10064
10140
|
|
|
10065
10141
|
// src/components/dataForm/DataFormChildSection.tsx
|
|
10066
|
-
var
|
|
10142
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
10067
10143
|
var DataFormChildSection = (props) => {
|
|
10068
10144
|
const { section } = props;
|
|
10069
10145
|
const isOneToOne = section.relationshipType === "one-to-one";
|
|
@@ -10131,14 +10207,14 @@ var DataFormChildSection = (props) => {
|
|
|
10131
10207
|
childItemsToRender,
|
|
10132
10208
|
allChildItems: childItems
|
|
10133
10209
|
});
|
|
10134
|
-
return /* @__PURE__ */ (0,
|
|
10135
|
-
section.sectionTitle && /* @__PURE__ */ (0,
|
|
10136
|
-
/* @__PURE__ */ (0,
|
|
10137
|
-
/* @__PURE__ */ (0,
|
|
10138
|
-
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0,
|
|
10139
|
-
return /* @__PURE__ */ (0,
|
|
10210
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react70.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
|
|
10211
|
+
section.sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
|
|
10212
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col justify-between gap-2", children: [
|
|
10213
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
|
|
10214
|
+
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
|
|
10215
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("tr", { className: "", children: [
|
|
10140
10216
|
sectionRow.elements.map((field, index) => {
|
|
10141
|
-
return /* @__PURE__ */ (0,
|
|
10217
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
10142
10218
|
"th",
|
|
10143
10219
|
{
|
|
10144
10220
|
className: "py-3 font-normal text-left",
|
|
@@ -10147,21 +10223,21 @@ var DataFormChildSection = (props) => {
|
|
|
10147
10223
|
field.name
|
|
10148
10224
|
);
|
|
10149
10225
|
}),
|
|
10150
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
10226
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("th", { className: "py-3 font-normal text-left", children: "Actions" })
|
|
10151
10227
|
] }, sectionRowIndex);
|
|
10152
10228
|
}) }),
|
|
10153
|
-
/* @__PURE__ */ (0,
|
|
10229
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
|
|
10154
10230
|
const { item, originalIndex } = visibleItem;
|
|
10155
10231
|
const rowKey = originalIndex;
|
|
10156
|
-
return /* @__PURE__ */ (0,
|
|
10232
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react70.default.Fragment, { children: section.sectionRows.map(
|
|
10157
10233
|
(sectionRow, sectionRowIndex) => {
|
|
10158
|
-
return /* @__PURE__ */ (0,
|
|
10234
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
|
|
10159
10235
|
"tr",
|
|
10160
10236
|
{
|
|
10161
10237
|
className: "",
|
|
10162
10238
|
children: [
|
|
10163
10239
|
sectionRow.elements.map((field, index) => {
|
|
10164
|
-
return /* @__PURE__ */ (0,
|
|
10240
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "w-11/12", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
10165
10241
|
InputControl_default,
|
|
10166
10242
|
{
|
|
10167
10243
|
index: filteredIndex,
|
|
@@ -10181,7 +10257,7 @@ var DataFormChildSection = (props) => {
|
|
|
10181
10257
|
}
|
|
10182
10258
|
) }) }) }, field.name);
|
|
10183
10259
|
}),
|
|
10184
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
10260
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
10185
10261
|
ClientButton_default,
|
|
10186
10262
|
{
|
|
10187
10263
|
ButtonType: StyleTypes2.Hollow,
|
|
@@ -10190,7 +10266,7 @@ var DataFormChildSection = (props) => {
|
|
|
10190
10266
|
},
|
|
10191
10267
|
dataRole: "delete",
|
|
10192
10268
|
tabIndex: -1,
|
|
10193
|
-
children: /* @__PURE__ */ (0,
|
|
10269
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
10194
10270
|
Icon_default,
|
|
10195
10271
|
{
|
|
10196
10272
|
className: "w-4 h-4",
|
|
@@ -10207,7 +10283,7 @@ var DataFormChildSection = (props) => {
|
|
|
10207
10283
|
) }, rowKey);
|
|
10208
10284
|
}) })
|
|
10209
10285
|
] }) }),
|
|
10210
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
10286
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "ml-1", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
10211
10287
|
ClientButton_default,
|
|
10212
10288
|
{
|
|
10213
10289
|
ButtonType: "Link" /* Link */,
|
|
@@ -10222,7 +10298,7 @@ var DataFormChildSection = (props) => {
|
|
|
10222
10298
|
var DataFormChildSection_default = DataFormChildSection;
|
|
10223
10299
|
|
|
10224
10300
|
// src/components/dataForm/DataForm.tsx
|
|
10225
|
-
var
|
|
10301
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
10226
10302
|
var DataForm = (props) => {
|
|
10227
10303
|
const formRef = (0, import_react71.useRef)(null);
|
|
10228
10304
|
console.log(props.dataItem, "dssads");
|
|
@@ -10442,19 +10518,19 @@ var DataForm = (props) => {
|
|
|
10442
10518
|
return false;
|
|
10443
10519
|
}
|
|
10444
10520
|
}
|
|
10445
|
-
return /* @__PURE__ */ (0,
|
|
10446
|
-
props.title && /* @__PURE__ */ (0,
|
|
10521
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react71.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
10522
|
+
props.title && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "inline-flex items-center gap-2 px-6 py-3 border border-neutral-200 bg-white shadow-sm rounded-t-md", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
|
|
10447
10523
|
"div",
|
|
10448
10524
|
{
|
|
10449
10525
|
className: "inline-flex items-center gap-2 cursor-pointer",
|
|
10450
10526
|
onClick: () => window.history.back(),
|
|
10451
10527
|
children: [
|
|
10452
|
-
/* @__PURE__ */ (0,
|
|
10453
|
-
/* @__PURE__ */ (0,
|
|
10528
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
|
|
10529
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
|
|
10454
10530
|
]
|
|
10455
10531
|
}
|
|
10456
10532
|
) }),
|
|
10457
|
-
/* @__PURE__ */ (0,
|
|
10533
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
10458
10534
|
"form",
|
|
10459
10535
|
{
|
|
10460
10536
|
className: "group space-y-6 pb-6 overflow-y-auto",
|
|
@@ -10475,8 +10551,8 @@ var DataForm = (props) => {
|
|
|
10475
10551
|
}
|
|
10476
10552
|
}
|
|
10477
10553
|
},
|
|
10478
|
-
children: /* @__PURE__ */ (0,
|
|
10479
|
-
return /* @__PURE__ */ (0,
|
|
10554
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
|
|
10555
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react71.default.Fragment, { children: !section.isChildSection && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
|
|
10480
10556
|
section.sectionRows?.map(
|
|
10481
10557
|
(sectionRow, sectionRowIndex) => {
|
|
10482
10558
|
const elementsCount = sectionRow.elements.length;
|
|
@@ -10487,14 +10563,14 @@ var DataForm = (props) => {
|
|
|
10487
10563
|
sectionRow.visible
|
|
10488
10564
|
);
|
|
10489
10565
|
}
|
|
10490
|
-
return /* @__PURE__ */ (0,
|
|
10491
|
-
return /* @__PURE__ */ (0,
|
|
10566
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react71.default.Fragment, { children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
|
|
10567
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
|
|
10492
10568
|
"div",
|
|
10493
10569
|
{
|
|
10494
10570
|
className: sectionRow.grow ? "grow" : "",
|
|
10495
10571
|
children: [
|
|
10496
|
-
/* @__PURE__ */ (0,
|
|
10497
|
-
/* @__PURE__ */ (0,
|
|
10572
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { children: field.controlType }),
|
|
10573
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
10498
10574
|
InputControl_default,
|
|
10499
10575
|
{
|
|
10500
10576
|
name: field.name,
|
|
@@ -10524,12 +10600,12 @@ var DataForm = (props) => {
|
|
|
10524
10600
|
}) }) }, sectionRowIndex);
|
|
10525
10601
|
}
|
|
10526
10602
|
),
|
|
10527
|
-
/* @__PURE__ */ (0,
|
|
10603
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { children: section.childSections?.map(
|
|
10528
10604
|
(childSection, childSectionIndex) => {
|
|
10529
|
-
return /* @__PURE__ */ (0,
|
|
10605
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { children: childSection.name && evalutateCondition(
|
|
10530
10606
|
formState.inputValues,
|
|
10531
10607
|
childSection.visible
|
|
10532
|
-
) && /* @__PURE__ */ (0,
|
|
10608
|
+
) && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
10533
10609
|
DataFormChildSection_default,
|
|
10534
10610
|
{
|
|
10535
10611
|
section: childSection,
|
|
@@ -10544,8 +10620,8 @@ var DataForm = (props) => {
|
|
|
10544
10620
|
}) })
|
|
10545
10621
|
}
|
|
10546
10622
|
),
|
|
10547
|
-
/* @__PURE__ */ (0,
|
|
10548
|
-
/* @__PURE__ */ (0,
|
|
10623
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end items-center gap-5", children: [
|
|
10624
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { children: props.additionalActions && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
10549
10625
|
Button_default,
|
|
10550
10626
|
{
|
|
10551
10627
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -10553,7 +10629,7 @@ var DataForm = (props) => {
|
|
|
10553
10629
|
children: props.additionalActions.title
|
|
10554
10630
|
}
|
|
10555
10631
|
) }),
|
|
10556
|
-
/* @__PURE__ */ (0,
|
|
10632
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { children: props.onDelete && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
10557
10633
|
Button_default,
|
|
10558
10634
|
{
|
|
10559
10635
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -10564,7 +10640,7 @@ var DataForm = (props) => {
|
|
|
10564
10640
|
children: "Delete"
|
|
10565
10641
|
}
|
|
10566
10642
|
) }),
|
|
10567
|
-
/* @__PURE__ */ (0,
|
|
10643
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { children: props.onClick && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
10568
10644
|
Button_default,
|
|
10569
10645
|
{
|
|
10570
10646
|
onValidate,
|
|
@@ -10582,7 +10658,7 @@ var DataForm_default = DataForm;
|
|
|
10582
10658
|
|
|
10583
10659
|
// src/components/dataForm/DataFormRenderer.tsx
|
|
10584
10660
|
init_ServiceClient();
|
|
10585
|
-
var
|
|
10661
|
+
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
10586
10662
|
function getAction(actions, code) {
|
|
10587
10663
|
return actions?.find((a) => a.actionCode === code);
|
|
10588
10664
|
}
|
|
@@ -10608,9 +10684,9 @@ var DataFormRenderer = ({
|
|
|
10608
10684
|
"Delete"
|
|
10609
10685
|
);
|
|
10610
10686
|
const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
|
|
10611
|
-
return /* @__PURE__ */ (0,
|
|
10612
|
-
widgetProps && /* @__PURE__ */ (0,
|
|
10613
|
-
/* @__PURE__ */ (0,
|
|
10687
|
+
return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
10688
|
+
widgetProps && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
10689
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
10614
10690
|
DataForm_default,
|
|
10615
10691
|
{
|
|
10616
10692
|
title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",
|