@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260829045216 → 0.8.1-dev.20260829103635
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 +744 -689
- package/dist/index.mjs +330 -275
- package/dist/server.d.mts +1 -0
- package/dist/server.d.ts +1 -0
- package/dist/server.js +521 -466
- package/dist/server.mjs +174 -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,61 @@ 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
|
+
"bg-error-strong",
|
|
6546
|
+
"bg-accent-base",
|
|
6547
|
+
"bg-warning-base",
|
|
6548
|
+
"bg-success-base",
|
|
6549
|
+
"bg-info-base",
|
|
6550
|
+
"bg-primary-base",
|
|
6551
|
+
"bg-secondary-base"
|
|
6552
|
+
];
|
|
6553
|
+
var getAvatarColor = (text) => {
|
|
6554
|
+
let hash = 0;
|
|
6555
|
+
for (let i = 0; i < text.length; i += 1) {
|
|
6556
|
+
hash = hash * 31 + text.charCodeAt(i) >>> 0;
|
|
6557
|
+
}
|
|
6558
|
+
return AVATAR_COLORS[hash % AVATAR_COLORS.length];
|
|
6559
|
+
};
|
|
6560
|
+
var getInitials = (text) => {
|
|
6561
|
+
const words = text.trim().split(/\s+/).filter(Boolean);
|
|
6562
|
+
if (words.length === 0) {
|
|
6563
|
+
return "?";
|
|
6564
|
+
}
|
|
6565
|
+
if (words.length === 1) {
|
|
6566
|
+
return words[0].slice(0, 2).toUpperCase();
|
|
6567
|
+
}
|
|
6568
|
+
return `${words[0][0]}${words[words.length - 1][0]}`.toUpperCase();
|
|
6569
|
+
};
|
|
6570
|
+
var AvatarView = (props) => {
|
|
6571
|
+
const text = props.value === null || props.value === void 0 ? "" : String(props.value).trim();
|
|
6572
|
+
if (!text) {
|
|
6573
|
+
return null;
|
|
6574
|
+
}
|
|
6575
|
+
const size = props.width ?? "1.75rem";
|
|
6576
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
6577
|
+
"span",
|
|
6578
|
+
{
|
|
6579
|
+
className: `avatar-view inline-flex flex-shrink-0 items-center justify-center rounded-full font-semibold uppercase select-none overflow-hidden ${getAvatarColor(text)}`,
|
|
6580
|
+
title: text,
|
|
6581
|
+
"aria-label": text,
|
|
6582
|
+
style: {
|
|
6583
|
+
width: size,
|
|
6584
|
+
height: size,
|
|
6585
|
+
fontSize: "0.6875rem",
|
|
6586
|
+
letterSpacing: "0.02em",
|
|
6587
|
+
lineHeight: 1
|
|
6588
|
+
},
|
|
6589
|
+
children: getInitials(text)
|
|
6590
|
+
}
|
|
6591
|
+
);
|
|
6592
|
+
};
|
|
6593
|
+
var AvatarView_default = AvatarView;
|
|
6594
|
+
|
|
6595
|
+
// src/components/controls/view/ViewControl.tsx
|
|
6596
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
6543
6597
|
var ViewControl = (props) => {
|
|
6544
6598
|
const ControlComponents = {
|
|
6545
6599
|
[ViewControlTypes_default.lineText]: LineTextView_default,
|
|
@@ -6567,10 +6621,11 @@ var ViewControl = (props) => {
|
|
|
6567
6621
|
[ViewControlTypes_default.aiGeneratedSummary]: AiGeneratedSummary_default,
|
|
6568
6622
|
[ViewControlTypes_default.booleanView]: BooleanView_default,
|
|
6569
6623
|
[ViewControlTypes_default.text]: LineTextView_default,
|
|
6570
|
-
[ViewControlTypes_default.commentRenderer]: Commentrenderer_default
|
|
6624
|
+
[ViewControlTypes_default.commentRenderer]: Commentrenderer_default,
|
|
6625
|
+
[ViewControlTypes_default.avatar]: AvatarView_default
|
|
6571
6626
|
};
|
|
6572
6627
|
const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
|
|
6573
|
-
return /* @__PURE__ */ (0,
|
|
6628
|
+
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
6629
|
};
|
|
6575
6630
|
var ViewControl_default = ViewControl;
|
|
6576
6631
|
|
|
@@ -6585,7 +6640,7 @@ var import_react63 = __toESM(require("react"));
|
|
|
6585
6640
|
var import_react49 = __toESM(require("react"));
|
|
6586
6641
|
|
|
6587
6642
|
// src/components/pageRenderingEngine/nodes/TextNode.tsx
|
|
6588
|
-
var
|
|
6643
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
6589
6644
|
var TextNode = (props) => {
|
|
6590
6645
|
function cssStringToJson(cssString) {
|
|
6591
6646
|
const styleObject = {};
|
|
@@ -6640,26 +6695,26 @@ var TextNode = (props) => {
|
|
|
6640
6695
|
});
|
|
6641
6696
|
}
|
|
6642
6697
|
function renderWithLineBreaks(text) {
|
|
6643
|
-
return text.split("\n").map((line, index, arr) => /* @__PURE__ */ (0,
|
|
6698
|
+
return text.split("\n").map((line, index, arr) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { children: [
|
|
6644
6699
|
line,
|
|
6645
|
-
index < arr.length - 1 && /* @__PURE__ */ (0,
|
|
6700
|
+
index < arr.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("br", {})
|
|
6646
6701
|
] }, index));
|
|
6647
6702
|
}
|
|
6648
6703
|
const displayText = props.linkText ? props.linkText : props.node.text;
|
|
6649
6704
|
const finalText = props.dataitem && props.linkText ? displayText : props.dataitem ? replacePlaceholders(props.node.text, props.dataitem) : props.node.text;
|
|
6650
6705
|
const content = typeof finalText === "string" ? renderWithLineBreaks(finalText) : finalText;
|
|
6651
|
-
const formattedContent = props.node.format & 64 ? /* @__PURE__ */ (0,
|
|
6706
|
+
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
6707
|
return (
|
|
6653
6708
|
// @ts-expect-error custom code
|
|
6654
|
-
/* @__PURE__ */ (0,
|
|
6709
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: formattedContent })
|
|
6655
6710
|
);
|
|
6656
6711
|
};
|
|
6657
6712
|
var TextNode_default = TextNode;
|
|
6658
6713
|
|
|
6659
6714
|
// src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
|
|
6660
|
-
var
|
|
6715
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
6661
6716
|
var LineBreakNode = () => {
|
|
6662
|
-
return /* @__PURE__ */ (0,
|
|
6717
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "py-0.5 lg:py-1.5" });
|
|
6663
6718
|
};
|
|
6664
6719
|
var LineBreakNode_default = LineBreakNode;
|
|
6665
6720
|
|
|
@@ -6669,7 +6724,7 @@ var import_react48 = __toESM(require("react"));
|
|
|
6669
6724
|
// src/components/pageRenderingEngine/nodes/ImageNode.tsx
|
|
6670
6725
|
init_AssetUtility();
|
|
6671
6726
|
var import_dynamic7 = __toESM(require("next/dynamic"));
|
|
6672
|
-
var
|
|
6727
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
6673
6728
|
var HlsPlayer3 = (0, import_dynamic7.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
|
|
6674
6729
|
var getNestedValue = (obj, path) => {
|
|
6675
6730
|
if (!obj || !path) return void 0;
|
|
@@ -6702,7 +6757,7 @@ var ImageNode = (props) => {
|
|
|
6702
6757
|
assets = [image];
|
|
6703
6758
|
}
|
|
6704
6759
|
if (assets && assets.length > 0) {
|
|
6705
|
-
return /* @__PURE__ */ (0,
|
|
6760
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
6706
6761
|
DeviceAssetSelector_default,
|
|
6707
6762
|
{
|
|
6708
6763
|
device: props.device,
|
|
@@ -6743,7 +6798,7 @@ var ImageNode = (props) => {
|
|
|
6743
6798
|
right: "justify-end"
|
|
6744
6799
|
};
|
|
6745
6800
|
const isHls = imageUrl.endsWith(".m3u8");
|
|
6746
|
-
const renderMedia = () => isHls ? /* @__PURE__ */ (0,
|
|
6801
|
+
const renderMedia = () => isHls ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
6747
6802
|
HlsPlayer3,
|
|
6748
6803
|
{
|
|
6749
6804
|
assetUrl: imageUrl,
|
|
@@ -6756,7 +6811,7 @@ var ImageNode = (props) => {
|
|
|
6756
6811
|
apiBaseUrl: props.apiBaseUrl,
|
|
6757
6812
|
session: props.session
|
|
6758
6813
|
}
|
|
6759
|
-
) : /* @__PURE__ */ (0,
|
|
6814
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
6760
6815
|
"img",
|
|
6761
6816
|
{
|
|
6762
6817
|
style: styles,
|
|
@@ -6769,7 +6824,7 @@ var ImageNode = (props) => {
|
|
|
6769
6824
|
}
|
|
6770
6825
|
);
|
|
6771
6826
|
if (props.node.width) {
|
|
6772
|
-
return /* @__PURE__ */ (0,
|
|
6827
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: `flex ${FORMAT_CLASSES2[props.node.format] ?? ""}`, children: renderMedia() });
|
|
6773
6828
|
}
|
|
6774
6829
|
return renderMedia();
|
|
6775
6830
|
};
|
|
@@ -6779,7 +6834,7 @@ var ImageNode_default = ImageNode;
|
|
|
6779
6834
|
init_StyleTypes();
|
|
6780
6835
|
init_Hyperlink();
|
|
6781
6836
|
var import_dynamic8 = __toESM(require("next/dynamic"));
|
|
6782
|
-
var
|
|
6837
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
6783
6838
|
var LinkNodeButton2 = (0, import_dynamic8.default)(() => Promise.resolve().then(() => (init_LinkNodeButton(), LinkNodeButton_exports)), {
|
|
6784
6839
|
ssr: false
|
|
6785
6840
|
});
|
|
@@ -6832,13 +6887,13 @@ var LinkNode = (props) => {
|
|
|
6832
6887
|
const isButton = node.isButton === true;
|
|
6833
6888
|
const renderChildren2 = () => {
|
|
6834
6889
|
if (!node.children || node.children.length === 0) return null;
|
|
6835
|
-
return /* @__PURE__ */ (0,
|
|
6890
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_jsx_runtime66.Fragment, { children: node.children.map((childNode, index) => {
|
|
6836
6891
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
6837
6892
|
if (!SelectedNode) {
|
|
6838
6893
|
console.warn("Unknown node type:", childNode.type);
|
|
6839
6894
|
return null;
|
|
6840
6895
|
}
|
|
6841
|
-
return /* @__PURE__ */ (0,
|
|
6896
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react48.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6842
6897
|
SelectedNode,
|
|
6843
6898
|
{
|
|
6844
6899
|
node: childNode,
|
|
@@ -6851,15 +6906,15 @@ var LinkNode = (props) => {
|
|
|
6851
6906
|
};
|
|
6852
6907
|
const renderFallback = () => {
|
|
6853
6908
|
if ((!node.children || node.children.length === 0) && linkText) {
|
|
6854
|
-
return /* @__PURE__ */ (0,
|
|
6909
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: linkText });
|
|
6855
6910
|
}
|
|
6856
6911
|
if ((!node.children || node.children.length === 0) && !linkText) {
|
|
6857
|
-
return /* @__PURE__ */ (0,
|
|
6912
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("br", {});
|
|
6858
6913
|
}
|
|
6859
6914
|
return null;
|
|
6860
6915
|
};
|
|
6861
6916
|
if (isButton) {
|
|
6862
|
-
return /* @__PURE__ */ (0,
|
|
6917
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
6863
6918
|
LinkNodeButton2,
|
|
6864
6919
|
{
|
|
6865
6920
|
node,
|
|
@@ -6877,7 +6932,7 @@ var LinkNode = (props) => {
|
|
|
6877
6932
|
}
|
|
6878
6933
|
);
|
|
6879
6934
|
}
|
|
6880
|
-
return /* @__PURE__ */ (0,
|
|
6935
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
6881
6936
|
Hyperlink,
|
|
6882
6937
|
{
|
|
6883
6938
|
href: linkUrl || "#",
|
|
@@ -6893,10 +6948,10 @@ var LinkNode = (props) => {
|
|
|
6893
6948
|
var LinkNode_default = LinkNode;
|
|
6894
6949
|
|
|
6895
6950
|
// src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
|
|
6896
|
-
var
|
|
6951
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
6897
6952
|
var SVGIconNode = ({ node }) => {
|
|
6898
6953
|
if (!node?.svgCode) return null;
|
|
6899
|
-
return /* @__PURE__ */ (0,
|
|
6954
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
6900
6955
|
"span",
|
|
6901
6956
|
{
|
|
6902
6957
|
style: {
|
|
@@ -6913,7 +6968,7 @@ var SVGIconNode_default = SVGIconNode;
|
|
|
6913
6968
|
|
|
6914
6969
|
// src/components/pageRenderingEngine/nodes/EquationNode.tsx
|
|
6915
6970
|
var import_katex = __toESM(require("katex"));
|
|
6916
|
-
var
|
|
6971
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
6917
6972
|
var EquationNode = ({ node }) => {
|
|
6918
6973
|
const { equation, inline } = node;
|
|
6919
6974
|
let html = "";
|
|
@@ -6928,7 +6983,7 @@ var EquationNode = ({ node }) => {
|
|
|
6928
6983
|
});
|
|
6929
6984
|
}
|
|
6930
6985
|
if (inline) {
|
|
6931
|
-
return /* @__PURE__ */ (0,
|
|
6986
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
6932
6987
|
"span",
|
|
6933
6988
|
{
|
|
6934
6989
|
className: "katex-inline",
|
|
@@ -6936,7 +6991,7 @@ var EquationNode = ({ node }) => {
|
|
|
6936
6991
|
}
|
|
6937
6992
|
);
|
|
6938
6993
|
}
|
|
6939
|
-
return /* @__PURE__ */ (0,
|
|
6994
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
6940
6995
|
"div",
|
|
6941
6996
|
{
|
|
6942
6997
|
className: "katex-block my-3 text-center",
|
|
@@ -6947,7 +7002,7 @@ var EquationNode = ({ node }) => {
|
|
|
6947
7002
|
var EquationNode_default = EquationNode;
|
|
6948
7003
|
|
|
6949
7004
|
// src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
|
|
6950
|
-
var
|
|
7005
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
6951
7006
|
function getNestedProperty(obj, path) {
|
|
6952
7007
|
if (!obj || !path) return null;
|
|
6953
7008
|
if (path.includes(".")) {
|
|
@@ -6960,7 +7015,7 @@ function getNestedProperty(obj, path) {
|
|
|
6960
7015
|
}
|
|
6961
7016
|
const value = obj[path];
|
|
6962
7017
|
if (Array.isArray(value)) {
|
|
6963
|
-
return value.map((item, index) => /* @__PURE__ */ (0,
|
|
7018
|
+
return value.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { children: String(item) }, index));
|
|
6964
7019
|
}
|
|
6965
7020
|
return value;
|
|
6966
7021
|
}
|
|
@@ -7023,7 +7078,7 @@ var DatafieldNode = (props) => {
|
|
|
7023
7078
|
const dataType = props.node.dataType;
|
|
7024
7079
|
if (isEmptyValue) return null;
|
|
7025
7080
|
if (dataType === "rawContent") {
|
|
7026
|
-
return /* @__PURE__ */ (0,
|
|
7081
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
7027
7082
|
PageBodyRenderer_default,
|
|
7028
7083
|
{
|
|
7029
7084
|
rawBody: String(value ?? `@databound[${fieldName}]`),
|
|
@@ -7039,13 +7094,13 @@ var DatafieldNode = (props) => {
|
|
|
7039
7094
|
}
|
|
7040
7095
|
);
|
|
7041
7096
|
}
|
|
7042
|
-
return /* @__PURE__ */ (0,
|
|
7097
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
7043
7098
|
"span",
|
|
7044
7099
|
{
|
|
7045
7100
|
className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
|
|
7046
7101
|
style: styles,
|
|
7047
7102
|
title,
|
|
7048
|
-
children: /* @__PURE__ */ (0,
|
|
7103
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
7049
7104
|
ViewControl_default,
|
|
7050
7105
|
{
|
|
7051
7106
|
controlType: dataType,
|
|
@@ -7060,7 +7115,7 @@ var DatafieldNode = (props) => {
|
|
|
7060
7115
|
var DatafieldNode_default = DatafieldNode;
|
|
7061
7116
|
|
|
7062
7117
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
7063
|
-
var
|
|
7118
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
7064
7119
|
var ParagraphNode = (props) => {
|
|
7065
7120
|
const NodeTypes2 = {
|
|
7066
7121
|
["text"]: TextNode_default,
|
|
@@ -7080,9 +7135,9 @@ var ParagraphNode = (props) => {
|
|
|
7080
7135
|
const isInlineOnlyParent = props.parentTag === "summary";
|
|
7081
7136
|
const hasChildren = props.node.children && props.node.children.length > 0;
|
|
7082
7137
|
if (isInlineOnlyParent) {
|
|
7083
|
-
return /* @__PURE__ */ (0,
|
|
7138
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_jsx_runtime70.Fragment, { children: hasChildren && props.node.children.map((node, index) => {
|
|
7084
7139
|
const SelectedNode = NodeTypes2[node.type];
|
|
7085
|
-
return /* @__PURE__ */ (0,
|
|
7140
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react49.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
7086
7141
|
SelectedNode,
|
|
7087
7142
|
{
|
|
7088
7143
|
node,
|
|
@@ -7095,10 +7150,10 @@ var ParagraphNode = (props) => {
|
|
|
7095
7150
|
) }, index);
|
|
7096
7151
|
}) });
|
|
7097
7152
|
}
|
|
7098
|
-
return /* @__PURE__ */ (0,
|
|
7153
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: " " + formatClasses, children: [
|
|
7099
7154
|
hasChildren && props.node.children.map((node, index) => {
|
|
7100
7155
|
const SelectedNode = NodeTypes2[node.type];
|
|
7101
|
-
return /* @__PURE__ */ (0,
|
|
7156
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react49.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
7102
7157
|
SelectedNode,
|
|
7103
7158
|
{
|
|
7104
7159
|
node,
|
|
@@ -7110,14 +7165,14 @@ var ParagraphNode = (props) => {
|
|
|
7110
7165
|
}
|
|
7111
7166
|
) }, index);
|
|
7112
7167
|
}),
|
|
7113
|
-
!hasChildren && /* @__PURE__ */ (0,
|
|
7168
|
+
!hasChildren && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "py-1.5 lg:py-2" })
|
|
7114
7169
|
] });
|
|
7115
7170
|
};
|
|
7116
7171
|
var ParagraphNode_default = ParagraphNode;
|
|
7117
7172
|
|
|
7118
7173
|
// src/components/pageRenderingEngine/nodes/HeadingNode.tsx
|
|
7119
7174
|
var import_react50 = __toESM(require("react"));
|
|
7120
|
-
var
|
|
7175
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
7121
7176
|
var HeadingNode = (props) => {
|
|
7122
7177
|
const NodeTypes2 = {
|
|
7123
7178
|
["text"]: TextNode_default,
|
|
@@ -7133,12 +7188,12 @@ var HeadingNode = (props) => {
|
|
|
7133
7188
|
{
|
|
7134
7189
|
}
|
|
7135
7190
|
const formatClasses = FormatClass[props.node.format] || "";
|
|
7136
|
-
return /* @__PURE__ */ (0,
|
|
7191
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_jsx_runtime71.Fragment, { children: import_react50.default.createElement(
|
|
7137
7192
|
HeadingTag,
|
|
7138
7193
|
{ className: formatClasses },
|
|
7139
7194
|
props.node.children && props.node.children.map((childNode, index) => {
|
|
7140
7195
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
7141
|
-
return /* @__PURE__ */ (0,
|
|
7196
|
+
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
7197
|
})
|
|
7143
7198
|
) });
|
|
7144
7199
|
};
|
|
@@ -7149,7 +7204,7 @@ var import_react52 = __toESM(require("react"));
|
|
|
7149
7204
|
|
|
7150
7205
|
// src/components/pageRenderingEngine/nodes/ListItemNode.tsx
|
|
7151
7206
|
var import_react51 = __toESM(require("react"));
|
|
7152
|
-
var
|
|
7207
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
7153
7208
|
var ListItemNode = (props) => {
|
|
7154
7209
|
const NodeTypes2 = {
|
|
7155
7210
|
text: TextNode_default,
|
|
@@ -7166,37 +7221,37 @@ var ListItemNode = (props) => {
|
|
|
7166
7221
|
liStyle.fontSize = match[1].trim();
|
|
7167
7222
|
}
|
|
7168
7223
|
}
|
|
7169
|
-
return /* @__PURE__ */ (0,
|
|
7224
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
|
|
7170
7225
|
const SelectedNode = NodeTypes2[node.type];
|
|
7171
7226
|
if (node.type === "linebreak") {
|
|
7172
7227
|
if (!foundFirstBreak) {
|
|
7173
7228
|
foundFirstBreak = true;
|
|
7174
|
-
return /* @__PURE__ */ (0,
|
|
7229
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", {}, index);
|
|
7175
7230
|
} else {
|
|
7176
|
-
return /* @__PURE__ */ (0,
|
|
7231
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "py-1 lg:py-2" }, index);
|
|
7177
7232
|
}
|
|
7178
7233
|
} else {
|
|
7179
7234
|
foundFirstBreak = false;
|
|
7180
|
-
return /* @__PURE__ */ (0,
|
|
7235
|
+
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
7236
|
}
|
|
7182
7237
|
}) });
|
|
7183
7238
|
};
|
|
7184
7239
|
var ListItemNode_default = ListItemNode;
|
|
7185
7240
|
|
|
7186
7241
|
// src/components/pageRenderingEngine/nodes/ListNode.tsx
|
|
7187
|
-
var
|
|
7242
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
7188
7243
|
var ListNode = (props) => {
|
|
7189
7244
|
const NodeTypes2 = {
|
|
7190
7245
|
listitem: ListItemNode_default
|
|
7191
7246
|
};
|
|
7192
|
-
return /* @__PURE__ */ (0,
|
|
7193
|
-
props.node.listType == "bullet" && /* @__PURE__ */ (0,
|
|
7247
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_react52.default.Fragment, { children: [
|
|
7248
|
+
props.node.listType == "bullet" && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("ul", { children: props.node.children && props.node.children.map((node, index) => {
|
|
7194
7249
|
const SelectedNode = NodeTypes2[node.type];
|
|
7195
|
-
return /* @__PURE__ */ (0,
|
|
7250
|
+
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
7251
|
}) }),
|
|
7197
|
-
props.node.listType == "number" && /* @__PURE__ */ (0,
|
|
7252
|
+
props.node.listType == "number" && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("ol", { children: props.node.children && props.node.children.map((node, index) => {
|
|
7198
7253
|
const SelectedNode = NodeTypes2[node.type];
|
|
7199
|
-
return /* @__PURE__ */ (0,
|
|
7254
|
+
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
7255
|
}) })
|
|
7201
7256
|
] });
|
|
7202
7257
|
};
|
|
@@ -7204,16 +7259,16 @@ var ListNode_default = ListNode;
|
|
|
7204
7259
|
|
|
7205
7260
|
// src/components/pageRenderingEngine/nodes/QuoteNode.tsx
|
|
7206
7261
|
var import_react53 = __toESM(require("react"));
|
|
7207
|
-
var
|
|
7262
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
7208
7263
|
var QuoteNode = (props) => {
|
|
7209
7264
|
const NodeTypes2 = {
|
|
7210
7265
|
["text"]: TextNode_default,
|
|
7211
7266
|
["linebreak"]: LineBreakNode_default,
|
|
7212
7267
|
["link"]: LinkNode_default
|
|
7213
7268
|
};
|
|
7214
|
-
return /* @__PURE__ */ (0,
|
|
7269
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
|
|
7215
7270
|
const SelectedNode = NodeTypes2[node.type];
|
|
7216
|
-
return /* @__PURE__ */ (0,
|
|
7271
|
+
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
7272
|
}) });
|
|
7218
7273
|
};
|
|
7219
7274
|
var QuoteNode_default = QuoteNode;
|
|
@@ -7221,11 +7276,11 @@ var QuoteNode_default = QuoteNode;
|
|
|
7221
7276
|
// src/components/pageRenderingEngine/nodes/CodeNode.tsx
|
|
7222
7277
|
var import_react55 = __toESM(require("react"));
|
|
7223
7278
|
var import_dynamic9 = __toESM(require("next/dynamic"));
|
|
7224
|
-
var
|
|
7279
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
7225
7280
|
var CopyButton2 = (0, import_dynamic9.default)(() => Promise.resolve().then(() => (init_CopyButton(), CopyButton_exports)), {
|
|
7226
7281
|
ssr: false,
|
|
7227
7282
|
// optional: fallback UI while loading
|
|
7228
|
-
loading: () => /* @__PURE__ */ (0,
|
|
7283
|
+
loading: () => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "text-gray-400 text-xs", children: "Copy" })
|
|
7229
7284
|
});
|
|
7230
7285
|
var CodeNode = (props) => {
|
|
7231
7286
|
const NodeTypes2 = {
|
|
@@ -7239,14 +7294,14 @@ var CodeNode = (props) => {
|
|
|
7239
7294
|
if (node.type === "link") return node.text || node.url || "";
|
|
7240
7295
|
return "";
|
|
7241
7296
|
}).join("") ?? "";
|
|
7242
|
-
return /* @__PURE__ */ (0,
|
|
7243
|
-
/* @__PURE__ */ (0,
|
|
7244
|
-
/* @__PURE__ */ (0,
|
|
7245
|
-
/* @__PURE__ */ (0,
|
|
7297
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { children: [
|
|
7298
|
+
/* @__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: [
|
|
7299
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { children: "Code Snippet" }),
|
|
7300
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(CopyButton2, { text: textContent })
|
|
7246
7301
|
] }),
|
|
7247
|
-
/* @__PURE__ */ (0,
|
|
7302
|
+
/* @__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
7303
|
const SelectedNode = NodeTypes2[node.type];
|
|
7249
|
-
return /* @__PURE__ */ (0,
|
|
7304
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react55.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7250
7305
|
SelectedNode,
|
|
7251
7306
|
{
|
|
7252
7307
|
node,
|
|
@@ -7261,15 +7316,15 @@ var CodeNode = (props) => {
|
|
|
7261
7316
|
var CodeNode_default = CodeNode;
|
|
7262
7317
|
|
|
7263
7318
|
// src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
|
|
7264
|
-
var
|
|
7319
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
7265
7320
|
var HorizontalRuleNode = () => {
|
|
7266
|
-
return /* @__PURE__ */ (0,
|
|
7321
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("hr", {});
|
|
7267
7322
|
};
|
|
7268
7323
|
var HorizontalRuleNode_default = HorizontalRuleNode;
|
|
7269
7324
|
|
|
7270
7325
|
// src/components/pageRenderingEngine/nodes/WidgetNode.tsx
|
|
7271
7326
|
var import_react56 = __toESM(require("react"));
|
|
7272
|
-
var
|
|
7327
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
7273
7328
|
var WidgetNode = (props) => {
|
|
7274
7329
|
const getWidgetParameters = () => {
|
|
7275
7330
|
const widgetInputParameters = {
|
|
@@ -7333,7 +7388,7 @@ var WidgetNode = (props) => {
|
|
|
7333
7388
|
};
|
|
7334
7389
|
const widgetCode = props.node?.widgetCode;
|
|
7335
7390
|
if (!widgetCode) {
|
|
7336
|
-
return /* @__PURE__ */ (0,
|
|
7391
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_jsx_runtime78.Fragment, { children: "Invalid widget" });
|
|
7337
7392
|
}
|
|
7338
7393
|
const widgetParams = getWidgetParameters();
|
|
7339
7394
|
const WidgetRenderer = props.widgetRenderer;
|
|
@@ -7342,7 +7397,7 @@ var WidgetNode = (props) => {
|
|
|
7342
7397
|
}
|
|
7343
7398
|
return (
|
|
7344
7399
|
// eslint-disable-next-line react-hooks/static-components
|
|
7345
|
-
/* @__PURE__ */ (0,
|
|
7400
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react56.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7346
7401
|
WidgetRenderer,
|
|
7347
7402
|
{
|
|
7348
7403
|
params: widgetParams,
|
|
@@ -7364,7 +7419,7 @@ var import_react62 = __toESM(require("react"));
|
|
|
7364
7419
|
|
|
7365
7420
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
7366
7421
|
var import_dynamic10 = __toESM(require("next/dynamic"));
|
|
7367
|
-
var
|
|
7422
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
7368
7423
|
var IframeClient2 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
7369
7424
|
ssr: false
|
|
7370
7425
|
});
|
|
@@ -7377,7 +7432,7 @@ var EmbedNode = (props) => {
|
|
|
7377
7432
|
} else {
|
|
7378
7433
|
src = props.node.embedSrc;
|
|
7379
7434
|
}
|
|
7380
|
-
return /* @__PURE__ */ (0,
|
|
7435
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(IframeClient2, { src }) });
|
|
7381
7436
|
};
|
|
7382
7437
|
var EmbedNode_default = EmbedNode;
|
|
7383
7438
|
|
|
@@ -7577,10 +7632,10 @@ var PathUtility = class {
|
|
|
7577
7632
|
var PathUtility_default = new PathUtility();
|
|
7578
7633
|
|
|
7579
7634
|
// src/components/NoDataFound.tsx
|
|
7580
|
-
var
|
|
7635
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
7581
7636
|
var NoDataFound = () => {
|
|
7582
|
-
return /* @__PURE__ */ (0,
|
|
7583
|
-
/* @__PURE__ */ (0,
|
|
7637
|
+
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: [
|
|
7638
|
+
/* @__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
7639
|
"svg",
|
|
7585
7640
|
{
|
|
7586
7641
|
className: "w-10 h-10",
|
|
@@ -7588,7 +7643,7 @@ var NoDataFound = () => {
|
|
|
7588
7643
|
stroke: "currentColor",
|
|
7589
7644
|
viewBox: "0 0 24 24",
|
|
7590
7645
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7591
|
-
children: /* @__PURE__ */ (0,
|
|
7646
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
7592
7647
|
"path",
|
|
7593
7648
|
{
|
|
7594
7649
|
strokeLinecap: "round",
|
|
@@ -7599,8 +7654,8 @@ var NoDataFound = () => {
|
|
|
7599
7654
|
)
|
|
7600
7655
|
}
|
|
7601
7656
|
) }) }),
|
|
7602
|
-
/* @__PURE__ */ (0,
|
|
7603
|
-
/* @__PURE__ */ (0,
|
|
7657
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
|
|
7658
|
+
/* @__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
7659
|
] });
|
|
7605
7660
|
};
|
|
7606
7661
|
var NoDataFound_default = NoDataFound;
|
|
@@ -7608,7 +7663,7 @@ var NoDataFound_default = NoDataFound;
|
|
|
7608
7663
|
// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
|
|
7609
7664
|
init_AssetUtility();
|
|
7610
7665
|
var import_dynamic11 = __toESM(require("next/dynamic"));
|
|
7611
|
-
var
|
|
7666
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
7612
7667
|
var HlsPlayer4 = (0, import_dynamic11.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
|
|
7613
7668
|
var deviceToMediaQuery = (device) => {
|
|
7614
7669
|
switch (device) {
|
|
@@ -7764,8 +7819,8 @@ var ImageGalleryNode = (props) => {
|
|
|
7764
7819
|
right: "justify-end"
|
|
7765
7820
|
};
|
|
7766
7821
|
const formatClasses = FormatClass[props.node.format || ""] || "";
|
|
7767
|
-
return /* @__PURE__ */ (0,
|
|
7768
|
-
hlsSources.length > 0 && /* @__PURE__ */ (0,
|
|
7822
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
|
|
7823
|
+
hlsSources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_jsx_runtime83.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
7769
7824
|
HlsPlayer4,
|
|
7770
7825
|
{
|
|
7771
7826
|
sources: hlsSources,
|
|
@@ -7780,7 +7835,7 @@ var ImageGalleryNode = (props) => {
|
|
|
7780
7835
|
styles: hlsStyles
|
|
7781
7836
|
}
|
|
7782
7837
|
) }),
|
|
7783
|
-
(staticFallback || staticSources.length > 0) && /* @__PURE__ */ (0,
|
|
7838
|
+
(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
7839
|
DEVICE_ORDER.map((deviceKey) => {
|
|
7785
7840
|
const match = staticSources.find(
|
|
7786
7841
|
(img) => img.device === deviceKey
|
|
@@ -7796,7 +7851,7 @@ var ImageGalleryNode = (props) => {
|
|
|
7796
7851
|
if (!srcUrl) {
|
|
7797
7852
|
return null;
|
|
7798
7853
|
}
|
|
7799
|
-
return /* @__PURE__ */ (0,
|
|
7854
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
7800
7855
|
"source",
|
|
7801
7856
|
{
|
|
7802
7857
|
media: deviceToMediaQuery(match.device),
|
|
@@ -7821,7 +7876,7 @@ var ImageGalleryNode = (props) => {
|
|
|
7821
7876
|
if (img.borderRadius) {
|
|
7822
7877
|
styles.borderRadius = img.borderRadius;
|
|
7823
7878
|
}
|
|
7824
|
-
return /* @__PURE__ */ (0,
|
|
7879
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
7825
7880
|
"img",
|
|
7826
7881
|
{
|
|
7827
7882
|
loading: "lazy",
|
|
@@ -7836,7 +7891,7 @@ var ImageGalleryNode = (props) => {
|
|
|
7836
7891
|
})()
|
|
7837
7892
|
] }) : (
|
|
7838
7893
|
/* Case 2: Only device-specific images exist */
|
|
7839
|
-
/* @__PURE__ */ (0,
|
|
7894
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_jsx_runtime83.Fragment, { children: staticSources.map((img, index) => {
|
|
7840
7895
|
const resolved = resolveImage(img);
|
|
7841
7896
|
const imageUrl = resolved?.imageUrl;
|
|
7842
7897
|
if (!imageUrl) {
|
|
@@ -7863,7 +7918,7 @@ var ImageGalleryNode = (props) => {
|
|
|
7863
7918
|
default:
|
|
7864
7919
|
display = "block";
|
|
7865
7920
|
}
|
|
7866
|
-
return /* @__PURE__ */ (0,
|
|
7921
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
7867
7922
|
"img",
|
|
7868
7923
|
{
|
|
7869
7924
|
loading: "lazy",
|
|
@@ -8004,28 +8059,28 @@ var shouldRenderContainer = (node, dataItem, session) => {
|
|
|
8004
8059
|
|
|
8005
8060
|
// src/components/pageRenderingEngine/nodes/DocumentNode.tsx
|
|
8006
8061
|
init_AssetUtility();
|
|
8007
|
-
var
|
|
8062
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
8008
8063
|
var getNestedValue5 = (obj, path) => {
|
|
8009
8064
|
if (!obj || !path) return void 0;
|
|
8010
8065
|
return path.split(".").reduce((current, key) => {
|
|
8011
8066
|
return current && current[key] !== void 0 ? current[key] : void 0;
|
|
8012
8067
|
}, obj);
|
|
8013
8068
|
};
|
|
8014
|
-
var PdfIcon2 = () => /* @__PURE__ */ (0,
|
|
8069
|
+
var PdfIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8015
8070
|
"svg",
|
|
8016
8071
|
{
|
|
8017
8072
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8018
8073
|
viewBox: "0 0 48 48",
|
|
8019
8074
|
className: "w-10 h-10",
|
|
8020
8075
|
children: [
|
|
8021
|
-
/* @__PURE__ */ (0,
|
|
8076
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8022
8077
|
"path",
|
|
8023
8078
|
{
|
|
8024
8079
|
fill: "#e53935",
|
|
8025
8080
|
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
8081
|
}
|
|
8027
8082
|
),
|
|
8028
|
-
/* @__PURE__ */ (0,
|
|
8083
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8029
8084
|
"path",
|
|
8030
8085
|
{
|
|
8031
8086
|
fill: "#fff",
|
|
@@ -8035,55 +8090,55 @@ var PdfIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8035
8090
|
]
|
|
8036
8091
|
}
|
|
8037
8092
|
);
|
|
8038
|
-
var ExcelIcon2 = () => /* @__PURE__ */ (0,
|
|
8093
|
+
var ExcelIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8039
8094
|
"svg",
|
|
8040
8095
|
{
|
|
8041
8096
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8042
8097
|
viewBox: "0 0 48 48",
|
|
8043
8098
|
className: "w-10 h-10",
|
|
8044
8099
|
children: [
|
|
8045
|
-
/* @__PURE__ */ (0,
|
|
8100
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8046
8101
|
"path",
|
|
8047
8102
|
{
|
|
8048
8103
|
fill: "#169154",
|
|
8049
8104
|
d: "M29,6H15.744C14.781,6,14,6.781,14,7.744v7.259h15V6z"
|
|
8050
8105
|
}
|
|
8051
8106
|
),
|
|
8052
|
-
/* @__PURE__ */ (0,
|
|
8107
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8053
8108
|
"path",
|
|
8054
8109
|
{
|
|
8055
8110
|
fill: "#18482a",
|
|
8056
8111
|
d: "M14,33.054v7.202C14,41.219,14.781,42,15.743,42H29v-8.946H14z"
|
|
8057
8112
|
}
|
|
8058
8113
|
),
|
|
8059
|
-
/* @__PURE__ */ (0,
|
|
8060
|
-
/* @__PURE__ */ (0,
|
|
8061
|
-
/* @__PURE__ */ (0,
|
|
8062
|
-
/* @__PURE__ */ (0,
|
|
8114
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { fill: "#0c8045", d: "M14 15.003H29V24.005000000000003H14z" }),
|
|
8115
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { fill: "#17472a", d: "M14 24.005H29V33.055H14z" }),
|
|
8116
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("g", { children: [
|
|
8117
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8063
8118
|
"path",
|
|
8064
8119
|
{
|
|
8065
8120
|
fill: "#29c27f",
|
|
8066
8121
|
d: "M42.256,6H29v9.003h15V7.744C44,6.781,43.219,6,42.256,6z"
|
|
8067
8122
|
}
|
|
8068
8123
|
),
|
|
8069
|
-
/* @__PURE__ */ (0,
|
|
8124
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8070
8125
|
"path",
|
|
8071
8126
|
{
|
|
8072
8127
|
fill: "#27663f",
|
|
8073
8128
|
d: "M29,33.054V42h13.257C43.219,42,44,41.219,44,40.257v-7.202H29z"
|
|
8074
8129
|
}
|
|
8075
8130
|
),
|
|
8076
|
-
/* @__PURE__ */ (0,
|
|
8077
|
-
/* @__PURE__ */ (0,
|
|
8131
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { fill: "#19ac65", d: "M29 15.003H44V24.005000000000003H29z" }),
|
|
8132
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { fill: "#129652", d: "M29 24.005H44V33.055H29z" })
|
|
8078
8133
|
] }),
|
|
8079
|
-
/* @__PURE__ */ (0,
|
|
8134
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8080
8135
|
"path",
|
|
8081
8136
|
{
|
|
8082
8137
|
fill: "#0c7238",
|
|
8083
8138
|
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
8139
|
}
|
|
8085
8140
|
),
|
|
8086
|
-
/* @__PURE__ */ (0,
|
|
8141
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8087
8142
|
"path",
|
|
8088
8143
|
{
|
|
8089
8144
|
fill: "#fff",
|
|
@@ -8093,7 +8148,7 @@ var ExcelIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8093
8148
|
]
|
|
8094
8149
|
}
|
|
8095
8150
|
);
|
|
8096
|
-
var WordIcon2 = () => /* @__PURE__ */ (0,
|
|
8151
|
+
var WordIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8097
8152
|
"svg",
|
|
8098
8153
|
{
|
|
8099
8154
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -8101,14 +8156,14 @@ var WordIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8101
8156
|
className: "w-10 h-10",
|
|
8102
8157
|
baseProfile: "basic",
|
|
8103
8158
|
children: [
|
|
8104
|
-
/* @__PURE__ */ (0,
|
|
8159
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8105
8160
|
"path",
|
|
8106
8161
|
{
|
|
8107
8162
|
fill: "#283593",
|
|
8108
8163
|
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
8164
|
}
|
|
8110
8165
|
),
|
|
8111
|
-
/* @__PURE__ */ (0,
|
|
8166
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8112
8167
|
"linearGradient",
|
|
8113
8168
|
{
|
|
8114
8169
|
id: "qh2LT5tehRDFkLLfb-odWa",
|
|
@@ -8119,19 +8174,19 @@ var WordIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8119
8174
|
gradientTransform: "translate(0 -339.89)",
|
|
8120
8175
|
gradientUnits: "userSpaceOnUse",
|
|
8121
8176
|
children: [
|
|
8122
|
-
/* @__PURE__ */ (0,
|
|
8123
|
-
/* @__PURE__ */ (0,
|
|
8177
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("stop", { offset: "0", "stop-color": "#66c0ff" }),
|
|
8178
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("stop", { offset: ".26", "stop-color": "#0094f0" })
|
|
8124
8179
|
]
|
|
8125
8180
|
}
|
|
8126
8181
|
),
|
|
8127
|
-
/* @__PURE__ */ (0,
|
|
8182
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8128
8183
|
"path",
|
|
8129
8184
|
{
|
|
8130
8185
|
fill: "url(#qh2LT5tehRDFkLLfb-odWa)",
|
|
8131
8186
|
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
8187
|
}
|
|
8133
8188
|
),
|
|
8134
|
-
/* @__PURE__ */ (0,
|
|
8189
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8135
8190
|
"path",
|
|
8136
8191
|
{
|
|
8137
8192
|
fill: "#1e88e5",
|
|
@@ -8139,21 +8194,21 @@ var WordIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8139
8194
|
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
8195
|
}
|
|
8141
8196
|
),
|
|
8142
|
-
/* @__PURE__ */ (0,
|
|
8197
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8143
8198
|
"path",
|
|
8144
8199
|
{
|
|
8145
8200
|
fill: "#00e5ff",
|
|
8146
8201
|
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
8202
|
}
|
|
8148
8203
|
),
|
|
8149
|
-
/* @__PURE__ */ (0,
|
|
8204
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8150
8205
|
"path",
|
|
8151
8206
|
{
|
|
8152
8207
|
fill: "#1565c0",
|
|
8153
8208
|
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
8209
|
}
|
|
8155
8210
|
),
|
|
8156
|
-
/* @__PURE__ */ (0,
|
|
8211
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8157
8212
|
"path",
|
|
8158
8213
|
{
|
|
8159
8214
|
fill: "#fff",
|
|
@@ -8163,42 +8218,42 @@ var WordIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8163
8218
|
]
|
|
8164
8219
|
}
|
|
8165
8220
|
);
|
|
8166
|
-
var StandardIcon2 = () => /* @__PURE__ */ (0,
|
|
8221
|
+
var StandardIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8167
8222
|
"svg",
|
|
8168
8223
|
{
|
|
8169
8224
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8170
8225
|
viewBox: "0 0 48 48",
|
|
8171
8226
|
className: "w-10 h-10",
|
|
8172
8227
|
children: [
|
|
8173
|
-
/* @__PURE__ */ (0,
|
|
8174
|
-
/* @__PURE__ */ (0,
|
|
8228
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
8229
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" })
|
|
8175
8230
|
]
|
|
8176
8231
|
}
|
|
8177
8232
|
);
|
|
8178
|
-
var PowerPointIcon2 = () => /* @__PURE__ */ (0,
|
|
8233
|
+
var PowerPointIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8179
8234
|
"svg",
|
|
8180
8235
|
{
|
|
8181
8236
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8182
8237
|
viewBox: "0 0 48 48",
|
|
8183
8238
|
className: "w-10 h-10",
|
|
8184
8239
|
children: [
|
|
8185
|
-
/* @__PURE__ */ (0,
|
|
8240
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8186
8241
|
"path",
|
|
8187
8242
|
{
|
|
8188
8243
|
fill: "#dc4c2c",
|
|
8189
8244
|
d: "M8,24c0,9.941,8.059,18,18,18s18-8.059,18-18H26H8z"
|
|
8190
8245
|
}
|
|
8191
8246
|
),
|
|
8192
|
-
/* @__PURE__ */ (0,
|
|
8193
|
-
/* @__PURE__ */ (0,
|
|
8194
|
-
/* @__PURE__ */ (0,
|
|
8247
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { fill: "#f7a278", d: "M26,6v18h18C44,14.059,35.941,6,26,6z" }),
|
|
8248
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { fill: "#c06346", d: "M26,6C16.059,6,8,14.059,8,24h18V6z" }),
|
|
8249
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8195
8250
|
"path",
|
|
8196
8251
|
{
|
|
8197
8252
|
fill: "#9b341f",
|
|
8198
8253
|
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
8254
|
}
|
|
8200
8255
|
),
|
|
8201
|
-
/* @__PURE__ */ (0,
|
|
8256
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8202
8257
|
"path",
|
|
8203
8258
|
{
|
|
8204
8259
|
fill: "#fff",
|
|
@@ -8208,16 +8263,16 @@ var PowerPointIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8208
8263
|
]
|
|
8209
8264
|
}
|
|
8210
8265
|
);
|
|
8211
|
-
var TextIcon2 = () => /* @__PURE__ */ (0,
|
|
8266
|
+
var TextIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8212
8267
|
"svg",
|
|
8213
8268
|
{
|
|
8214
8269
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8215
8270
|
viewBox: "0 0 48 48",
|
|
8216
8271
|
className: "w-10 h-10",
|
|
8217
8272
|
children: [
|
|
8218
|
-
/* @__PURE__ */ (0,
|
|
8219
|
-
/* @__PURE__ */ (0,
|
|
8220
|
-
/* @__PURE__ */ (0,
|
|
8273
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
8274
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" }),
|
|
8275
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8221
8276
|
"path",
|
|
8222
8277
|
{
|
|
8223
8278
|
fill: "#1976D2",
|
|
@@ -8227,7 +8282,7 @@ var TextIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8227
8282
|
]
|
|
8228
8283
|
}
|
|
8229
8284
|
);
|
|
8230
|
-
var ArchiveIcon2 = () => /* @__PURE__ */ (0,
|
|
8285
|
+
var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8231
8286
|
"svg",
|
|
8232
8287
|
{
|
|
8233
8288
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -8237,14 +8292,14 @@ var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8237
8292
|
version: "1.0",
|
|
8238
8293
|
className: "w-10 h-10",
|
|
8239
8294
|
children: [
|
|
8240
|
-
/* @__PURE__ */ (0,
|
|
8295
|
+
/* @__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
8296
|
"path",
|
|
8242
8297
|
{
|
|
8243
8298
|
d: "M 8.90625 0 L 65.90625 0 L 65.90625 75 L 8.90625 75 Z M 8.90625 0 ",
|
|
8244
8299
|
"clip-rule": "nonzero"
|
|
8245
8300
|
}
|
|
8246
8301
|
) }) }),
|
|
8247
|
-
/* @__PURE__ */ (0,
|
|
8302
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("g", { "clip-path": "url(#273d29c8a6)", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8248
8303
|
"path",
|
|
8249
8304
|
{
|
|
8250
8305
|
fill: "#ff9100",
|
|
@@ -8253,7 +8308,7 @@ var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8253
8308
|
"fill-rule": "nonzero"
|
|
8254
8309
|
}
|
|
8255
8310
|
) }),
|
|
8256
|
-
/* @__PURE__ */ (0,
|
|
8311
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8257
8312
|
"path",
|
|
8258
8313
|
{
|
|
8259
8314
|
fill: "#fbe9e7",
|
|
@@ -8262,7 +8317,7 @@ var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8262
8317
|
"fill-rule": "nonzero"
|
|
8263
8318
|
}
|
|
8264
8319
|
),
|
|
8265
|
-
/* @__PURE__ */ (0,
|
|
8320
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8266
8321
|
"path",
|
|
8267
8322
|
{
|
|
8268
8323
|
fill: "#ffe0b2",
|
|
@@ -8271,7 +8326,7 @@ var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8271
8326
|
"fill-rule": "nonzero"
|
|
8272
8327
|
}
|
|
8273
8328
|
),
|
|
8274
|
-
/* @__PURE__ */ (0,
|
|
8329
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8275
8330
|
"path",
|
|
8276
8331
|
{
|
|
8277
8332
|
fill: "#ffe0b2",
|
|
@@ -8280,7 +8335,7 @@ var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
|
8280
8335
|
"fill-rule": "nonzero"
|
|
8281
8336
|
}
|
|
8282
8337
|
),
|
|
8283
|
-
/* @__PURE__ */ (0,
|
|
8338
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8284
8339
|
"path",
|
|
8285
8340
|
{
|
|
8286
8341
|
fill: "#ffe0b2",
|
|
@@ -8355,8 +8410,8 @@ var DocumentNode = (props) => {
|
|
|
8355
8410
|
}
|
|
8356
8411
|
}
|
|
8357
8412
|
if (documents.length === 0) {
|
|
8358
|
-
return /* @__PURE__ */ (0,
|
|
8359
|
-
/* @__PURE__ */ (0,
|
|
8413
|
+
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: [
|
|
8414
|
+
/* @__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
8415
|
"svg",
|
|
8361
8416
|
{
|
|
8362
8417
|
className: "w-5 h-5",
|
|
@@ -8364,7 +8419,7 @@ var DocumentNode = (props) => {
|
|
|
8364
8419
|
stroke: "currentColor",
|
|
8365
8420
|
viewBox: "0 0 24 24",
|
|
8366
8421
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8367
|
-
children: /* @__PURE__ */ (0,
|
|
8422
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8368
8423
|
"path",
|
|
8369
8424
|
{
|
|
8370
8425
|
strokeLinecap: "round",
|
|
@@ -8375,11 +8430,11 @@ var DocumentNode = (props) => {
|
|
|
8375
8430
|
)
|
|
8376
8431
|
}
|
|
8377
8432
|
) }),
|
|
8378
|
-
/* @__PURE__ */ (0,
|
|
8379
|
-
/* @__PURE__ */ (0,
|
|
8433
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "text-sm font-medium", children: "No documents found" }),
|
|
8434
|
+
/* @__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
8435
|
] }) });
|
|
8381
8436
|
}
|
|
8382
|
-
return /* @__PURE__ */ (0,
|
|
8437
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "", children: documents.map((doc, index) => {
|
|
8383
8438
|
const documentUrl = AssetUtility_default.resolveUrl(
|
|
8384
8439
|
props.assetBaseUrl,
|
|
8385
8440
|
doc.assetUrl
|
|
@@ -8397,16 +8452,16 @@ var DocumentNode = (props) => {
|
|
|
8397
8452
|
}
|
|
8398
8453
|
}
|
|
8399
8454
|
const { Icon: Icon2, extLabel } = getFileDetails2(documentUrl);
|
|
8400
|
-
return /* @__PURE__ */ (0,
|
|
8455
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8401
8456
|
"div",
|
|
8402
8457
|
{
|
|
8403
8458
|
className: `flex items-center justify-between py-4 bg-default gap-4 ${index !== 0 ? "border-t" : ""}`,
|
|
8404
8459
|
children: [
|
|
8405
|
-
/* @__PURE__ */ (0,
|
|
8406
|
-
/* @__PURE__ */ (0,
|
|
8407
|
-
/* @__PURE__ */ (0,
|
|
8460
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex items-center space-x-4", children: [
|
|
8461
|
+
/* @__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, {}) }),
|
|
8462
|
+
/* @__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
8463
|
] }),
|
|
8409
|
-
/* @__PURE__ */ (0,
|
|
8464
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8410
8465
|
"a",
|
|
8411
8466
|
{
|
|
8412
8467
|
href: documentUrl,
|
|
@@ -8414,7 +8469,7 @@ var DocumentNode = (props) => {
|
|
|
8414
8469
|
rel: "noopener noreferrer",
|
|
8415
8470
|
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
8471
|
children: [
|
|
8417
|
-
/* @__PURE__ */ (0,
|
|
8472
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8418
8473
|
"svg",
|
|
8419
8474
|
{
|
|
8420
8475
|
className: "w-4 h-4 mr-2",
|
|
@@ -8422,7 +8477,7 @@ var DocumentNode = (props) => {
|
|
|
8422
8477
|
stroke: "currentColor",
|
|
8423
8478
|
viewBox: "0 0 24 24",
|
|
8424
8479
|
children: [
|
|
8425
|
-
/* @__PURE__ */ (0,
|
|
8480
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8426
8481
|
"path",
|
|
8427
8482
|
{
|
|
8428
8483
|
strokeLinecap: "round",
|
|
@@ -8431,7 +8486,7 @@ var DocumentNode = (props) => {
|
|
|
8431
8486
|
d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
|
|
8432
8487
|
}
|
|
8433
8488
|
),
|
|
8434
|
-
/* @__PURE__ */ (0,
|
|
8489
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8435
8490
|
"path",
|
|
8436
8491
|
{
|
|
8437
8492
|
strokeLinecap: "round",
|
|
@@ -8457,13 +8512,13 @@ var DocumentNode_default = DocumentNode;
|
|
|
8457
8512
|
|
|
8458
8513
|
// src/components/pageRenderingEngine/nodes/GoogleMapNode.tsx
|
|
8459
8514
|
var import_dynamic12 = __toESM(require("next/dynamic"));
|
|
8460
|
-
var
|
|
8515
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
8461
8516
|
var IframeClient3 = (0, import_dynamic12.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
8462
8517
|
ssr: false
|
|
8463
8518
|
});
|
|
8464
8519
|
var GoogleMapNode = (props) => {
|
|
8465
8520
|
let src = props.node.embedUrl;
|
|
8466
|
-
return /* @__PURE__ */ (0,
|
|
8521
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "google-map-container", children: src && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
8467
8522
|
IframeClient3,
|
|
8468
8523
|
{
|
|
8469
8524
|
src,
|
|
@@ -8475,7 +8530,7 @@ var GoogleMapNode = (props) => {
|
|
|
8475
8530
|
var GoogleMapNode_default = GoogleMapNode;
|
|
8476
8531
|
|
|
8477
8532
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
8478
|
-
var
|
|
8533
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
8479
8534
|
var Pagination2 = (0, import_dynamic13.default)(() => Promise.resolve().then(() => (init_Pagination(), Pagination_exports)), { ssr: true });
|
|
8480
8535
|
var DataBindingControls2 = (0, import_dynamic13.default)(() => Promise.resolve().then(() => (init_DataBindingControls(), DataBindingControls_exports)), {
|
|
8481
8536
|
ssr: true
|
|
@@ -8734,7 +8789,7 @@ var DivContainer = async (props) => {
|
|
|
8734
8789
|
response = await serviceClient.get(endpoint);
|
|
8735
8790
|
result = response?.result;
|
|
8736
8791
|
if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
|
|
8737
|
-
return /* @__PURE__ */ (0,
|
|
8792
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(NoDataFound_default, {});
|
|
8738
8793
|
}
|
|
8739
8794
|
if (dataBindingProperties.childCollectionName && props.dataitem) {
|
|
8740
8795
|
childCollectionData = getNestedValue6(
|
|
@@ -8754,7 +8809,7 @@ var DivContainer = async (props) => {
|
|
|
8754
8809
|
}
|
|
8755
8810
|
const SelectedNode = NodeTypes2[node.type];
|
|
8756
8811
|
if (!SelectedNode) return null;
|
|
8757
|
-
return /* @__PURE__ */ (0,
|
|
8812
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react62.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8758
8813
|
SelectedNode,
|
|
8759
8814
|
{
|
|
8760
8815
|
node,
|
|
@@ -8891,7 +8946,7 @@ var DivContainer = async (props) => {
|
|
|
8891
8946
|
dataBindingProperties?.showFacets || dataBindingProperties?.showSortOptions || dataBindingProperties?.showSearchBar
|
|
8892
8947
|
);
|
|
8893
8948
|
const WrapperComponent = Wrapper;
|
|
8894
|
-
const renderedContainer = /* @__PURE__ */ (0,
|
|
8949
|
+
const renderedContainer = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8895
8950
|
WrapperComponent,
|
|
8896
8951
|
{
|
|
8897
8952
|
id: guid,
|
|
@@ -8905,11 +8960,11 @@ var DivContainer = async (props) => {
|
|
|
8905
8960
|
item,
|
|
8906
8961
|
idx,
|
|
8907
8962
|
props.href ? void 0 : item?.links?.view
|
|
8908
|
-
)?.map((child, i) => /* @__PURE__ */ (0,
|
|
8963
|
+
)?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react62.default.Fragment, { children: child }, i)) : renderChildren2(props.node.children, props, item, idx)
|
|
8909
8964
|
)
|
|
8910
8965
|
}
|
|
8911
8966
|
);
|
|
8912
|
-
const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ (0,
|
|
8967
|
+
const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8913
8968
|
Pagination2,
|
|
8914
8969
|
{
|
|
8915
8970
|
path: props.path,
|
|
@@ -8917,15 +8972,15 @@ var DivContainer = async (props) => {
|
|
|
8917
8972
|
dataset: response
|
|
8918
8973
|
}
|
|
8919
8974
|
) : null;
|
|
8920
|
-
return /* @__PURE__ */ (0,
|
|
8921
|
-
/* @__PURE__ */ (0,
|
|
8975
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_react62.default.Fragment, { children: [
|
|
8976
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8922
8977
|
"style",
|
|
8923
8978
|
{
|
|
8924
8979
|
dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
|
|
8925
8980
|
}
|
|
8926
8981
|
),
|
|
8927
|
-
showDataBindingControls ? /* @__PURE__ */ (0,
|
|
8928
|
-
/* @__PURE__ */ (0,
|
|
8982
|
+
showDataBindingControls ? /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_react62.default.Fragment, { children: [
|
|
8983
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8929
8984
|
DataBindingControls2,
|
|
8930
8985
|
{
|
|
8931
8986
|
mode: "toolbar",
|
|
@@ -8937,18 +8992,18 @@ var DivContainer = async (props) => {
|
|
|
8937
8992
|
showSearchBar: dataBindingProperties?.showSearchBar
|
|
8938
8993
|
}
|
|
8939
8994
|
),
|
|
8940
|
-
/* @__PURE__ */ (0,
|
|
8995
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
|
|
8941
8996
|
"div",
|
|
8942
8997
|
{
|
|
8943
8998
|
className: dataBindingProperties?.showFacets ? "grid items-start gap-6 lg:grid-cols-[minmax(0,1fr)_18rem]" : void 0,
|
|
8944
8999
|
children: [
|
|
8945
|
-
/* @__PURE__ */ (0,
|
|
9000
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "min-w-0", children: [
|
|
8946
9001
|
renderedContainer,
|
|
8947
9002
|
paginationControl
|
|
8948
9003
|
] }),
|
|
8949
|
-
dataBindingProperties?.showFacets && /* @__PURE__ */ (0,
|
|
8950
|
-
/* @__PURE__ */ (0,
|
|
8951
|
-
/* @__PURE__ */ (0,
|
|
9004
|
+
dataBindingProperties?.showFacets && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("aside", { className: "border bg-default p-3 lg:sticky lg:top-[90px] lg:self-start", children: [
|
|
9005
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("h2", { className: "mb-2 text-lg font-semibold", children: "Filters" }),
|
|
9006
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8952
9007
|
DataBindingControls2,
|
|
8953
9008
|
{
|
|
8954
9009
|
mode: "facets",
|
|
@@ -8962,16 +9017,16 @@ var DivContainer = async (props) => {
|
|
|
8962
9017
|
]
|
|
8963
9018
|
}
|
|
8964
9019
|
)
|
|
8965
|
-
] }) : /* @__PURE__ */ (0,
|
|
9020
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_react62.default.Fragment, { children: [
|
|
8966
9021
|
renderedContainer,
|
|
8967
|
-
paginationControl && /* @__PURE__ */ (0,
|
|
9022
|
+
paginationControl && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { children: paginationControl })
|
|
8968
9023
|
] })
|
|
8969
9024
|
] });
|
|
8970
9025
|
};
|
|
8971
9026
|
var DivContainer_default = DivContainer;
|
|
8972
9027
|
|
|
8973
9028
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
8974
|
-
var
|
|
9029
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
8975
9030
|
var NodeTypes = {
|
|
8976
9031
|
["paragraph"]: ParagraphNode_default,
|
|
8977
9032
|
["heading"]: HeadingNode_default,
|
|
@@ -9009,14 +9064,14 @@ var PageBodyRenderer = (props) => {
|
|
|
9009
9064
|
}
|
|
9010
9065
|
return true;
|
|
9011
9066
|
};
|
|
9012
|
-
return /* @__PURE__ */ (0,
|
|
9067
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
9013
9068
|
{
|
|
9014
9069
|
}
|
|
9015
9070
|
const SelectedNode = NodeTypes[node.type];
|
|
9016
9071
|
if (!shouldRenderNode(node)) {
|
|
9017
9072
|
return null;
|
|
9018
9073
|
}
|
|
9019
|
-
return /* @__PURE__ */ (0,
|
|
9074
|
+
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
9075
|
SelectedNode,
|
|
9021
9076
|
{
|
|
9022
9077
|
node,
|
|
@@ -9032,7 +9087,7 @@ var PageBodyRenderer = (props) => {
|
|
|
9032
9087
|
device: props.device,
|
|
9033
9088
|
widgetRenderer: props.widgetRenderer
|
|
9034
9089
|
}
|
|
9035
|
-
) }) : /* @__PURE__ */ (0,
|
|
9090
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
9036
9091
|
SelectedNode,
|
|
9037
9092
|
{
|
|
9038
9093
|
node,
|
|
@@ -9103,7 +9158,7 @@ function EnterAnimationHydrator() {
|
|
|
9103
9158
|
// src/components/Toast.tsx
|
|
9104
9159
|
var import_react65 = require("react");
|
|
9105
9160
|
init_ToastService();
|
|
9106
|
-
var
|
|
9161
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
9107
9162
|
var Toast = () => {
|
|
9108
9163
|
const [showToast, setShowToast] = (0, import_react65.useState)(false);
|
|
9109
9164
|
const [message, setMessage] = (0, import_react65.useState)("");
|
|
@@ -9137,8 +9192,8 @@ var Toast = () => {
|
|
|
9137
9192
|
});
|
|
9138
9193
|
};
|
|
9139
9194
|
}, [closeToast, showMessage]);
|
|
9140
|
-
return /* @__PURE__ */ (0,
|
|
9141
|
-
/* @__PURE__ */ (0,
|
|
9195
|
+
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: [
|
|
9196
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
9142
9197
|
"span",
|
|
9143
9198
|
{
|
|
9144
9199
|
className: "font-medium text-inherit text-sm",
|
|
@@ -9146,7 +9201,7 @@ var Toast = () => {
|
|
|
9146
9201
|
children: message
|
|
9147
9202
|
}
|
|
9148
9203
|
),
|
|
9149
|
-
/* @__PURE__ */ (0,
|
|
9204
|
+
/* @__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
9205
|
"svg",
|
|
9151
9206
|
{
|
|
9152
9207
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -9154,7 +9209,7 @@ var Toast = () => {
|
|
|
9154
9209
|
fill: "none",
|
|
9155
9210
|
viewBox: "0 0 24 24",
|
|
9156
9211
|
stroke: "currentColor",
|
|
9157
|
-
children: /* @__PURE__ */ (0,
|
|
9212
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
|
|
9158
9213
|
}
|
|
9159
9214
|
) })
|
|
9160
9215
|
] }) }) });
|
|
@@ -9185,7 +9240,7 @@ init_Switcher();
|
|
|
9185
9240
|
// src/components/NavigationTabsV2.tsx
|
|
9186
9241
|
var import_link3 = __toESM(require("next/link"));
|
|
9187
9242
|
var import_navigation2 = require("next/navigation");
|
|
9188
|
-
var
|
|
9243
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
9189
9244
|
function resolveRoutePlaceholders(route, params) {
|
|
9190
9245
|
return route.replace(/\{([^}]+)\}/g, (match, key) => {
|
|
9191
9246
|
const value = params[key];
|
|
@@ -9210,8 +9265,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
|
|
|
9210
9265
|
isActive: tab.isActive
|
|
9211
9266
|
})) || [];
|
|
9212
9267
|
if (mappedTabs.length === 0) return null;
|
|
9213
|
-
return /* @__PURE__ */ (0,
|
|
9214
|
-
return /* @__PURE__ */ (0,
|
|
9268
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
|
|
9269
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_link3.default, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
9215
9270
|
"div",
|
|
9216
9271
|
{
|
|
9217
9272
|
className: `text-sm font-medium border-b-2 px-6 py-2 transition
|
|
@@ -9230,9 +9285,9 @@ var import_navigation3 = require("next/navigation");
|
|
|
9230
9285
|
|
|
9231
9286
|
// src/components/dataForm/NoContentView.tsx
|
|
9232
9287
|
var import_react66 = __toESM(require("react"));
|
|
9233
|
-
var
|
|
9288
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
9234
9289
|
var NoContentView = (props) => {
|
|
9235
|
-
return /* @__PURE__ */ (0,
|
|
9290
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react66.default.Fragment, { children: props.isDataFound === false && props.children });
|
|
9236
9291
|
};
|
|
9237
9292
|
var NoContentView_default = NoContentView;
|
|
9238
9293
|
|
|
@@ -9241,38 +9296,38 @@ init_InputControlType();
|
|
|
9241
9296
|
|
|
9242
9297
|
// src/components/dataForm/ContentView.tsx
|
|
9243
9298
|
var import_react67 = __toESM(require("react"));
|
|
9244
|
-
var
|
|
9299
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
9245
9300
|
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,
|
|
9301
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_react67.default.Fragment, { children: [
|
|
9302
|
+
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: [
|
|
9303
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
9304
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
9305
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "ml-2", children: [
|
|
9306
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
9307
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
9253
9308
|
] })
|
|
9254
9309
|
] }),
|
|
9255
|
-
/* @__PURE__ */ (0,
|
|
9256
|
-
/* @__PURE__ */ (0,
|
|
9257
|
-
/* @__PURE__ */ (0,
|
|
9258
|
-
/* @__PURE__ */ (0,
|
|
9259
|
-
/* @__PURE__ */ (0,
|
|
9260
|
-
/* @__PURE__ */ (0,
|
|
9261
|
-
/* @__PURE__ */ (0,
|
|
9310
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
9311
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "animate-pulse", children: [
|
|
9312
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
9313
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
9314
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
9315
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
9316
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
9262
9317
|
] }),
|
|
9263
|
-
/* @__PURE__ */ (0,
|
|
9264
|
-
/* @__PURE__ */ (0,
|
|
9265
|
-
/* @__PURE__ */ (0,
|
|
9266
|
-
/* @__PURE__ */ (0,
|
|
9267
|
-
/* @__PURE__ */ (0,
|
|
9268
|
-
/* @__PURE__ */ (0,
|
|
9318
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "animate-pulse", children: [
|
|
9319
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
9320
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
9321
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
9322
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
9323
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
9269
9324
|
] }),
|
|
9270
|
-
/* @__PURE__ */ (0,
|
|
9271
|
-
/* @__PURE__ */ (0,
|
|
9272
|
-
/* @__PURE__ */ (0,
|
|
9273
|
-
/* @__PURE__ */ (0,
|
|
9274
|
-
/* @__PURE__ */ (0,
|
|
9275
|
-
/* @__PURE__ */ (0,
|
|
9325
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "animate-pulse", children: [
|
|
9326
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
9327
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
9328
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
9329
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
9330
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
9276
9331
|
] })
|
|
9277
9332
|
] })
|
|
9278
9333
|
] }) }),
|
|
@@ -9332,7 +9387,7 @@ function FormReducer(state, action) {
|
|
|
9332
9387
|
var FormReducer_default = FormReducer;
|
|
9333
9388
|
|
|
9334
9389
|
// src/components/dataForm/DataList.tsx
|
|
9335
|
-
var
|
|
9390
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
9336
9391
|
var DataList = (props) => {
|
|
9337
9392
|
const router = (0, import_navigation3.useRouter)();
|
|
9338
9393
|
let builder = new OdataBuilder(props.path);
|
|
@@ -9373,7 +9428,7 @@ var DataList = (props) => {
|
|
|
9373
9428
|
if (path.includes(".")) {
|
|
9374
9429
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
9375
9430
|
} else if (Array.isArray(obj[path])) {
|
|
9376
|
-
return obj[path].map((item, index) => /* @__PURE__ */ (0,
|
|
9431
|
+
return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { children: item }, index));
|
|
9377
9432
|
} else {
|
|
9378
9433
|
return obj[path];
|
|
9379
9434
|
}
|
|
@@ -9455,30 +9510,30 @@ var DataList = (props) => {
|
|
|
9455
9510
|
const renderPageNumbers = () => {
|
|
9456
9511
|
if (pages <= 10) {
|
|
9457
9512
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
9458
|
-
(page) => /* @__PURE__ */ (0,
|
|
9513
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react68.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9459
9514
|
Hyperlink,
|
|
9460
9515
|
{
|
|
9461
9516
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
9462
9517
|
href: builder.getNewPageUrl(page),
|
|
9463
9518
|
children: page
|
|
9464
9519
|
}
|
|
9465
|
-
) : /* @__PURE__ */ (0,
|
|
9520
|
+
) : /* @__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
9521
|
);
|
|
9467
9522
|
} else {
|
|
9468
9523
|
const showFirstPages = activePageNumber <= 5;
|
|
9469
9524
|
const showLastPages = activePageNumber > pages - 5;
|
|
9470
9525
|
if (showFirstPages) {
|
|
9471
|
-
return /* @__PURE__ */ (0,
|
|
9472
|
-
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0,
|
|
9526
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
|
|
9527
|
+
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
9528
|
Hyperlink,
|
|
9474
9529
|
{
|
|
9475
9530
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
9476
9531
|
href: builder.getNewPageUrl(page),
|
|
9477
9532
|
children: page
|
|
9478
9533
|
}
|
|
9479
|
-
) : /* @__PURE__ */ (0,
|
|
9480
|
-
/* @__PURE__ */ (0,
|
|
9481
|
-
/* @__PURE__ */ (0,
|
|
9534
|
+
) : /* @__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)),
|
|
9535
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
9536
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9482
9537
|
Hyperlink,
|
|
9483
9538
|
{
|
|
9484
9539
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9486,7 +9541,7 @@ var DataList = (props) => {
|
|
|
9486
9541
|
children: pages - 1
|
|
9487
9542
|
}
|
|
9488
9543
|
),
|
|
9489
|
-
/* @__PURE__ */ (0,
|
|
9544
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9490
9545
|
Hyperlink,
|
|
9491
9546
|
{
|
|
9492
9547
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9494,7 +9549,7 @@ var DataList = (props) => {
|
|
|
9494
9549
|
children: pages
|
|
9495
9550
|
}
|
|
9496
9551
|
),
|
|
9497
|
-
/* @__PURE__ */ (0,
|
|
9552
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
9498
9553
|
"select",
|
|
9499
9554
|
{
|
|
9500
9555
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -9506,18 +9561,18 @@ var DataList = (props) => {
|
|
|
9506
9561
|
}
|
|
9507
9562
|
},
|
|
9508
9563
|
children: [
|
|
9509
|
-
/* @__PURE__ */ (0,
|
|
9564
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("option", { className: "", value: "", children: "Jump to" }),
|
|
9510
9565
|
Array.from(
|
|
9511
9566
|
{ length: Math.max(0, pages - 10) },
|
|
9512
9567
|
(_, index) => index + 9
|
|
9513
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
9568
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("option", { value: page, children: page }, page))
|
|
9514
9569
|
]
|
|
9515
9570
|
}
|
|
9516
9571
|
) })
|
|
9517
9572
|
] });
|
|
9518
9573
|
} else if (showLastPages) {
|
|
9519
|
-
return /* @__PURE__ */ (0,
|
|
9520
|
-
/* @__PURE__ */ (0,
|
|
9574
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
|
|
9575
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9521
9576
|
Hyperlink,
|
|
9522
9577
|
{
|
|
9523
9578
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9525,7 +9580,7 @@ var DataList = (props) => {
|
|
|
9525
9580
|
children: "1"
|
|
9526
9581
|
}
|
|
9527
9582
|
),
|
|
9528
|
-
/* @__PURE__ */ (0,
|
|
9583
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9529
9584
|
Hyperlink,
|
|
9530
9585
|
{
|
|
9531
9586
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9533,21 +9588,21 @@ var DataList = (props) => {
|
|
|
9533
9588
|
children: "2"
|
|
9534
9589
|
}
|
|
9535
9590
|
),
|
|
9536
|
-
/* @__PURE__ */ (0,
|
|
9591
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
9537
9592
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
9538
|
-
(page) => /* @__PURE__ */ (0,
|
|
9593
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react68.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9539
9594
|
Hyperlink,
|
|
9540
9595
|
{
|
|
9541
9596
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
9542
9597
|
href: builder.getNewPageUrl(page),
|
|
9543
9598
|
children: page
|
|
9544
9599
|
}
|
|
9545
|
-
) : /* @__PURE__ */ (0,
|
|
9600
|
+
) : /* @__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
9601
|
)
|
|
9547
9602
|
] });
|
|
9548
9603
|
} else {
|
|
9549
|
-
return /* @__PURE__ */ (0,
|
|
9550
|
-
/* @__PURE__ */ (0,
|
|
9604
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
|
|
9605
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9551
9606
|
Hyperlink,
|
|
9552
9607
|
{
|
|
9553
9608
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9555,7 +9610,7 @@ var DataList = (props) => {
|
|
|
9555
9610
|
children: "1"
|
|
9556
9611
|
}
|
|
9557
9612
|
),
|
|
9558
|
-
/* @__PURE__ */ (0,
|
|
9613
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9559
9614
|
Hyperlink,
|
|
9560
9615
|
{
|
|
9561
9616
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9563,20 +9618,20 @@ var DataList = (props) => {
|
|
|
9563
9618
|
children: "2"
|
|
9564
9619
|
}
|
|
9565
9620
|
),
|
|
9566
|
-
/* @__PURE__ */ (0,
|
|
9621
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
9567
9622
|
Array.from(
|
|
9568
9623
|
{ length: 5 },
|
|
9569
9624
|
(_, index) => activePageNumber - 2 + index
|
|
9570
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
9625
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react68.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9571
9626
|
Hyperlink,
|
|
9572
9627
|
{
|
|
9573
9628
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
9574
9629
|
href: builder.getNewPageUrl(page),
|
|
9575
9630
|
children: page
|
|
9576
9631
|
}
|
|
9577
|
-
) : /* @__PURE__ */ (0,
|
|
9578
|
-
/* @__PURE__ */ (0,
|
|
9579
|
-
/* @__PURE__ */ (0,
|
|
9632
|
+
) : /* @__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)),
|
|
9633
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
9634
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9580
9635
|
Hyperlink,
|
|
9581
9636
|
{
|
|
9582
9637
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9584,7 +9639,7 @@ var DataList = (props) => {
|
|
|
9584
9639
|
children: pages - 1
|
|
9585
9640
|
}
|
|
9586
9641
|
),
|
|
9587
|
-
/* @__PURE__ */ (0,
|
|
9642
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9588
9643
|
Hyperlink,
|
|
9589
9644
|
{
|
|
9590
9645
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9592,7 +9647,7 @@ var DataList = (props) => {
|
|
|
9592
9647
|
children: pages
|
|
9593
9648
|
}
|
|
9594
9649
|
),
|
|
9595
|
-
/* @__PURE__ */ (0,
|
|
9650
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
9596
9651
|
"select",
|
|
9597
9652
|
{
|
|
9598
9653
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -9604,8 +9659,8 @@ var DataList = (props) => {
|
|
|
9604
9659
|
}
|
|
9605
9660
|
},
|
|
9606
9661
|
children: [
|
|
9607
|
-
/* @__PURE__ */ (0,
|
|
9608
|
-
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0,
|
|
9662
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("option", { value: "", children: "Jump to" }),
|
|
9663
|
+
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
9664
|
]
|
|
9610
9665
|
}
|
|
9611
9666
|
) })
|
|
@@ -9613,16 +9668,16 @@ var DataList = (props) => {
|
|
|
9613
9668
|
}
|
|
9614
9669
|
}
|
|
9615
9670
|
};
|
|
9616
|
-
return /* @__PURE__ */ (0,
|
|
9617
|
-
/* @__PURE__ */ (0,
|
|
9618
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
9671
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_react68.default.Fragment, { children: [
|
|
9672
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(ContentView_default, { isDataFound, children: [
|
|
9673
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
9619
9674
|
"div",
|
|
9620
9675
|
{
|
|
9621
9676
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
|
|
9622
9677
|
children: [
|
|
9623
|
-
props.title ? /* @__PURE__ */ (0,
|
|
9624
|
-
/* @__PURE__ */ (0,
|
|
9625
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
9678
|
+
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", {}),
|
|
9679
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
9680
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9626
9681
|
InputControl_default,
|
|
9627
9682
|
{
|
|
9628
9683
|
name: "Search_input",
|
|
@@ -9634,7 +9689,7 @@ var DataList = (props) => {
|
|
|
9634
9689
|
}
|
|
9635
9690
|
}
|
|
9636
9691
|
),
|
|
9637
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
9692
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9638
9693
|
InputControl_default,
|
|
9639
9694
|
{
|
|
9640
9695
|
name: filter.name,
|
|
@@ -9649,15 +9704,15 @@ var DataList = (props) => {
|
|
|
9649
9704
|
},
|
|
9650
9705
|
filter.name
|
|
9651
9706
|
)),
|
|
9652
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
9707
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
9653
9708
|
Hyperlink,
|
|
9654
9709
|
{
|
|
9655
9710
|
className: "gap-1",
|
|
9656
9711
|
linkType: "Primary" /* Solid */,
|
|
9657
9712
|
href: props.addLinkHref,
|
|
9658
9713
|
children: [
|
|
9659
|
-
/* @__PURE__ */ (0,
|
|
9660
|
-
/* @__PURE__ */ (0,
|
|
9714
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
9715
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
9661
9716
|
]
|
|
9662
9717
|
}
|
|
9663
9718
|
)
|
|
@@ -9665,8 +9720,8 @@ var DataList = (props) => {
|
|
|
9665
9720
|
]
|
|
9666
9721
|
}
|
|
9667
9722
|
),
|
|
9668
|
-
/* @__PURE__ */ (0,
|
|
9669
|
-
/* @__PURE__ */ (0,
|
|
9723
|
+
/* @__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: [
|
|
9724
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("tr", { children: [
|
|
9670
9725
|
props?.columns?.map((column) => {
|
|
9671
9726
|
let url = builder.getNewOrderByUrl(column.name);
|
|
9672
9727
|
let icon = "chevronUpDown";
|
|
@@ -9677,18 +9732,18 @@ var DataList = (props) => {
|
|
|
9677
9732
|
icon = "chevronUp";
|
|
9678
9733
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
9679
9734
|
}
|
|
9680
|
-
return /* @__PURE__ */ (0,
|
|
9735
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9681
9736
|
"th",
|
|
9682
9737
|
{
|
|
9683
9738
|
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,
|
|
9739
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9685
9740
|
Hyperlink,
|
|
9686
9741
|
{
|
|
9687
9742
|
href: column.enableSorting ? url : void 0,
|
|
9688
9743
|
className: "!text-neutral-contrast ",
|
|
9689
|
-
children: /* @__PURE__ */ (0,
|
|
9690
|
-
/* @__PURE__ */ (0,
|
|
9691
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
9744
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
9745
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "text-black", children: column.label }),
|
|
9746
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
9692
9747
|
] })
|
|
9693
9748
|
}
|
|
9694
9749
|
)
|
|
@@ -9696,25 +9751,25 @@ var DataList = (props) => {
|
|
|
9696
9751
|
column.name
|
|
9697
9752
|
);
|
|
9698
9753
|
}),
|
|
9699
|
-
props.onQuickView && /* @__PURE__ */ (0,
|
|
9754
|
+
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
9755
|
] }) }),
|
|
9701
|
-
/* @__PURE__ */ (0,
|
|
9756
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
9702
9757
|
let validityClass = "";
|
|
9703
9758
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
9704
9759
|
validityClass = "bg-alert-200";
|
|
9705
9760
|
}
|
|
9706
|
-
return /* @__PURE__ */ (0,
|
|
9761
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("tr", { className: validityClass, children: [
|
|
9707
9762
|
props?.columns?.map((column, colindex) => {
|
|
9708
|
-
return /* @__PURE__ */ (0,
|
|
9763
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react68.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9709
9764
|
"td",
|
|
9710
9765
|
{
|
|
9711
9766
|
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
9712
|
-
children: column.addhref === true ? /* @__PURE__ */ (0,
|
|
9767
|
+
children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9713
9768
|
Hyperlink,
|
|
9714
9769
|
{
|
|
9715
9770
|
className: "",
|
|
9716
9771
|
href: `https://${dataitem[column.name]}`,
|
|
9717
|
-
children: /* @__PURE__ */ (0,
|
|
9772
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9718
9773
|
ViewControl_default,
|
|
9719
9774
|
{
|
|
9720
9775
|
controlType: column.controlType,
|
|
@@ -9727,11 +9782,11 @@ var DataList = (props) => {
|
|
|
9727
9782
|
}
|
|
9728
9783
|
)
|
|
9729
9784
|
}
|
|
9730
|
-
) : column.showAsLink ? /* @__PURE__ */ (0,
|
|
9785
|
+
) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9731
9786
|
Hyperlink,
|
|
9732
9787
|
{
|
|
9733
9788
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
9734
|
-
children: /* @__PURE__ */ (0,
|
|
9789
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9735
9790
|
ViewControl_default,
|
|
9736
9791
|
{
|
|
9737
9792
|
controlType: column.controlType,
|
|
@@ -9741,7 +9796,7 @@ var DataList = (props) => {
|
|
|
9741
9796
|
}
|
|
9742
9797
|
)
|
|
9743
9798
|
}
|
|
9744
|
-
) : /* @__PURE__ */ (0,
|
|
9799
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9745
9800
|
ViewControl_default,
|
|
9746
9801
|
{
|
|
9747
9802
|
controlType: column.controlType,
|
|
@@ -9753,7 +9808,7 @@ var DataList = (props) => {
|
|
|
9753
9808
|
}
|
|
9754
9809
|
) }, colindex);
|
|
9755
9810
|
}),
|
|
9756
|
-
props.onQuickView && /* @__PURE__ */ (0,
|
|
9811
|
+
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
9812
|
"button",
|
|
9758
9813
|
{
|
|
9759
9814
|
type: "button",
|
|
@@ -9763,7 +9818,7 @@ var DataList = (props) => {
|
|
|
9763
9818
|
},
|
|
9764
9819
|
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
9820
|
children: [
|
|
9766
|
-
/* @__PURE__ */ (0,
|
|
9821
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
9767
9822
|
"svg",
|
|
9768
9823
|
{
|
|
9769
9824
|
className: "w-3.5 h-3.5",
|
|
@@ -9774,22 +9829,22 @@ var DataList = (props) => {
|
|
|
9774
9829
|
strokeLinecap: "round",
|
|
9775
9830
|
strokeLinejoin: "round",
|
|
9776
9831
|
children: [
|
|
9777
|
-
/* @__PURE__ */ (0,
|
|
9778
|
-
/* @__PURE__ */ (0,
|
|
9832
|
+
/* @__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" }),
|
|
9833
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("circle", { cx: "12", cy: "12", r: "3" })
|
|
9779
9834
|
]
|
|
9780
9835
|
}
|
|
9781
9836
|
),
|
|
9782
|
-
/* @__PURE__ */ (0,
|
|
9837
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { children: props.quickViewLabel || "Quick View" })
|
|
9783
9838
|
]
|
|
9784
9839
|
}
|
|
9785
9840
|
) })
|
|
9786
9841
|
] }, index);
|
|
9787
9842
|
}) })
|
|
9788
9843
|
] }) }),
|
|
9789
|
-
/* @__PURE__ */ (0,
|
|
9790
|
-
/* @__PURE__ */ (0,
|
|
9791
|
-
/* @__PURE__ */ (0,
|
|
9792
|
-
activePageNumber > 1 && /* @__PURE__ */ (0,
|
|
9844
|
+
/* @__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: [
|
|
9845
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "text-gray-700", children: label }),
|
|
9846
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex space-x-2 items-center", children: [
|
|
9847
|
+
activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9793
9848
|
Hyperlink,
|
|
9794
9849
|
{
|
|
9795
9850
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -9797,9 +9852,9 @@ var DataList = (props) => {
|
|
|
9797
9852
|
children: "Prev"
|
|
9798
9853
|
}
|
|
9799
9854
|
),
|
|
9800
|
-
activePageNumber <= 1 && /* @__PURE__ */ (0,
|
|
9855
|
+
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
9856
|
renderPageNumbers(),
|
|
9802
|
-
activePageNumber < pages && /* @__PURE__ */ (0,
|
|
9857
|
+
activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9803
9858
|
Hyperlink,
|
|
9804
9859
|
{
|
|
9805
9860
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -9807,19 +9862,19 @@ var DataList = (props) => {
|
|
|
9807
9862
|
children: "Next"
|
|
9808
9863
|
}
|
|
9809
9864
|
),
|
|
9810
|
-
activePageNumber >= pages && /* @__PURE__ */ (0,
|
|
9865
|
+
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
9866
|
] })
|
|
9812
9867
|
] }) })
|
|
9813
9868
|
] }),
|
|
9814
|
-
/* @__PURE__ */ (0,
|
|
9815
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
9869
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(NoContentView_default, { isDataFound, children: [
|
|
9870
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
9816
9871
|
"div",
|
|
9817
9872
|
{
|
|
9818
9873
|
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
9874
|
children: [
|
|
9820
|
-
props.title ? /* @__PURE__ */ (0,
|
|
9821
|
-
/* @__PURE__ */ (0,
|
|
9822
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
9875
|
+
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", {}),
|
|
9876
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
9877
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9823
9878
|
InputControl_default,
|
|
9824
9879
|
{
|
|
9825
9880
|
name: "Search_input",
|
|
@@ -9831,7 +9886,7 @@ var DataList = (props) => {
|
|
|
9831
9886
|
}
|
|
9832
9887
|
}
|
|
9833
9888
|
),
|
|
9834
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
9889
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9835
9890
|
InputControl_default,
|
|
9836
9891
|
{
|
|
9837
9892
|
name: filter.name,
|
|
@@ -9846,15 +9901,15 @@ var DataList = (props) => {
|
|
|
9846
9901
|
},
|
|
9847
9902
|
filter.name
|
|
9848
9903
|
)),
|
|
9849
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
9904
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
9850
9905
|
Hyperlink,
|
|
9851
9906
|
{
|
|
9852
9907
|
className: "gap-1",
|
|
9853
9908
|
linkType: "Primary" /* Solid */,
|
|
9854
9909
|
href: props.addLinkHref,
|
|
9855
9910
|
children: [
|
|
9856
|
-
/* @__PURE__ */ (0,
|
|
9857
|
-
/* @__PURE__ */ (0,
|
|
9911
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
9912
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
9858
9913
|
]
|
|
9859
9914
|
}
|
|
9860
9915
|
)
|
|
@@ -9862,8 +9917,8 @@ var DataList = (props) => {
|
|
|
9862
9917
|
]
|
|
9863
9918
|
}
|
|
9864
9919
|
),
|
|
9865
|
-
/* @__PURE__ */ (0,
|
|
9866
|
-
/* @__PURE__ */ (0,
|
|
9920
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
|
|
9921
|
+
/* @__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
9922
|
let url = builder.getNewOrderByUrl(column.name);
|
|
9868
9923
|
let icon = "chevronUpDown";
|
|
9869
9924
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -9873,18 +9928,18 @@ var DataList = (props) => {
|
|
|
9873
9928
|
icon = "chevronUp";
|
|
9874
9929
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
9875
9930
|
}
|
|
9876
|
-
return /* @__PURE__ */ (0,
|
|
9931
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9877
9932
|
"th",
|
|
9878
9933
|
{
|
|
9879
9934
|
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,
|
|
9935
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9881
9936
|
Hyperlink,
|
|
9882
9937
|
{
|
|
9883
9938
|
href: column.enableSorting ? url : void 0,
|
|
9884
9939
|
className: "text-body-950",
|
|
9885
|
-
children: /* @__PURE__ */ (0,
|
|
9886
|
-
/* @__PURE__ */ (0,
|
|
9887
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
9940
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
9941
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { children: column.label }),
|
|
9942
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
9888
9943
|
] })
|
|
9889
9944
|
}
|
|
9890
9945
|
)
|
|
@@ -9892,7 +9947,7 @@ var DataList = (props) => {
|
|
|
9892
9947
|
column.name
|
|
9893
9948
|
);
|
|
9894
9949
|
}) }) }) }) }),
|
|
9895
|
-
/* @__PURE__ */ (0,
|
|
9950
|
+
/* @__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
9951
|
] })
|
|
9897
9952
|
] })
|
|
9898
9953
|
] });
|
|
@@ -9905,7 +9960,7 @@ init_ServiceClient();
|
|
|
9905
9960
|
init_OdataBuilder();
|
|
9906
9961
|
init_SelectWithSearchInput();
|
|
9907
9962
|
var import_navigation4 = require("next/navigation");
|
|
9908
|
-
var
|
|
9963
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
9909
9964
|
var viewControlMap = {
|
|
9910
9965
|
number: ViewControlTypes.number,
|
|
9911
9966
|
lineText: ViewControlTypes.lineText,
|
|
@@ -10000,13 +10055,13 @@ var DataListRenderer = ({
|
|
|
10000
10055
|
isActive: landingPageUrl === pathname
|
|
10001
10056
|
};
|
|
10002
10057
|
});
|
|
10003
|
-
return /* @__PURE__ */ (0,
|
|
10058
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_react69.default.Fragment, { children: [
|
|
10004
10059
|
resolvedTabs.length > 0 && // <NavigationTabsV2
|
|
10005
10060
|
// tabs={resolvedTabs}
|
|
10006
10061
|
// params={(widgetProps?.params ?? params) as Record<string, any>}
|
|
10007
10062
|
// />
|
|
10008
|
-
/* @__PURE__ */ (0,
|
|
10009
|
-
/* @__PURE__ */ (0,
|
|
10063
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
10064
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
10010
10065
|
DataList_default,
|
|
10011
10066
|
{
|
|
10012
10067
|
addLinkHref,
|
|
@@ -10063,7 +10118,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
|
|
|
10063
10118
|
var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
|
|
10064
10119
|
|
|
10065
10120
|
// src/components/dataForm/DataFormChildSection.tsx
|
|
10066
|
-
var
|
|
10121
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
10067
10122
|
var DataFormChildSection = (props) => {
|
|
10068
10123
|
const { section } = props;
|
|
10069
10124
|
const isOneToOne = section.relationshipType === "one-to-one";
|
|
@@ -10131,14 +10186,14 @@ var DataFormChildSection = (props) => {
|
|
|
10131
10186
|
childItemsToRender,
|
|
10132
10187
|
allChildItems: childItems
|
|
10133
10188
|
});
|
|
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,
|
|
10189
|
+
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: [
|
|
10190
|
+
section.sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
|
|
10191
|
+
/* @__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: [
|
|
10192
|
+
/* @__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: [
|
|
10193
|
+
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
|
|
10194
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("tr", { className: "", children: [
|
|
10140
10195
|
sectionRow.elements.map((field, index) => {
|
|
10141
|
-
return /* @__PURE__ */ (0,
|
|
10196
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
10142
10197
|
"th",
|
|
10143
10198
|
{
|
|
10144
10199
|
className: "py-3 font-normal text-left",
|
|
@@ -10147,21 +10202,21 @@ var DataFormChildSection = (props) => {
|
|
|
10147
10202
|
field.name
|
|
10148
10203
|
);
|
|
10149
10204
|
}),
|
|
10150
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
10205
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("th", { className: "py-3 font-normal text-left", children: "Actions" })
|
|
10151
10206
|
] }, sectionRowIndex);
|
|
10152
10207
|
}) }),
|
|
10153
|
-
/* @__PURE__ */ (0,
|
|
10208
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
|
|
10154
10209
|
const { item, originalIndex } = visibleItem;
|
|
10155
10210
|
const rowKey = originalIndex;
|
|
10156
|
-
return /* @__PURE__ */ (0,
|
|
10211
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react70.default.Fragment, { children: section.sectionRows.map(
|
|
10157
10212
|
(sectionRow, sectionRowIndex) => {
|
|
10158
|
-
return /* @__PURE__ */ (0,
|
|
10213
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
|
|
10159
10214
|
"tr",
|
|
10160
10215
|
{
|
|
10161
10216
|
className: "",
|
|
10162
10217
|
children: [
|
|
10163
10218
|
sectionRow.elements.map((field, index) => {
|
|
10164
|
-
return /* @__PURE__ */ (0,
|
|
10219
|
+
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
10220
|
InputControl_default,
|
|
10166
10221
|
{
|
|
10167
10222
|
index: filteredIndex,
|
|
@@ -10181,7 +10236,7 @@ var DataFormChildSection = (props) => {
|
|
|
10181
10236
|
}
|
|
10182
10237
|
) }) }) }, field.name);
|
|
10183
10238
|
}),
|
|
10184
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
10239
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
10185
10240
|
ClientButton_default,
|
|
10186
10241
|
{
|
|
10187
10242
|
ButtonType: StyleTypes2.Hollow,
|
|
@@ -10190,7 +10245,7 @@ var DataFormChildSection = (props) => {
|
|
|
10190
10245
|
},
|
|
10191
10246
|
dataRole: "delete",
|
|
10192
10247
|
tabIndex: -1,
|
|
10193
|
-
children: /* @__PURE__ */ (0,
|
|
10248
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
10194
10249
|
Icon_default,
|
|
10195
10250
|
{
|
|
10196
10251
|
className: "w-4 h-4",
|
|
@@ -10207,7 +10262,7 @@ var DataFormChildSection = (props) => {
|
|
|
10207
10262
|
) }, rowKey);
|
|
10208
10263
|
}) })
|
|
10209
10264
|
] }) }),
|
|
10210
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
10265
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "ml-1", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
10211
10266
|
ClientButton_default,
|
|
10212
10267
|
{
|
|
10213
10268
|
ButtonType: "Link" /* Link */,
|
|
@@ -10222,7 +10277,7 @@ var DataFormChildSection = (props) => {
|
|
|
10222
10277
|
var DataFormChildSection_default = DataFormChildSection;
|
|
10223
10278
|
|
|
10224
10279
|
// src/components/dataForm/DataForm.tsx
|
|
10225
|
-
var
|
|
10280
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
10226
10281
|
var DataForm = (props) => {
|
|
10227
10282
|
const formRef = (0, import_react71.useRef)(null);
|
|
10228
10283
|
console.log(props.dataItem, "dssads");
|
|
@@ -10442,19 +10497,19 @@ var DataForm = (props) => {
|
|
|
10442
10497
|
return false;
|
|
10443
10498
|
}
|
|
10444
10499
|
}
|
|
10445
|
-
return /* @__PURE__ */ (0,
|
|
10446
|
-
props.title && /* @__PURE__ */ (0,
|
|
10500
|
+
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: [
|
|
10501
|
+
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
10502
|
"div",
|
|
10448
10503
|
{
|
|
10449
10504
|
className: "inline-flex items-center gap-2 cursor-pointer",
|
|
10450
10505
|
onClick: () => window.history.back(),
|
|
10451
10506
|
children: [
|
|
10452
|
-
/* @__PURE__ */ (0,
|
|
10453
|
-
/* @__PURE__ */ (0,
|
|
10507
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
|
|
10508
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
|
|
10454
10509
|
]
|
|
10455
10510
|
}
|
|
10456
10511
|
) }),
|
|
10457
|
-
/* @__PURE__ */ (0,
|
|
10512
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
10458
10513
|
"form",
|
|
10459
10514
|
{
|
|
10460
10515
|
className: "group space-y-6 pb-6 overflow-y-auto",
|
|
@@ -10475,8 +10530,8 @@ var DataForm = (props) => {
|
|
|
10475
10530
|
}
|
|
10476
10531
|
}
|
|
10477
10532
|
},
|
|
10478
|
-
children: /* @__PURE__ */ (0,
|
|
10479
|
-
return /* @__PURE__ */ (0,
|
|
10533
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
|
|
10534
|
+
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
10535
|
section.sectionRows?.map(
|
|
10481
10536
|
(sectionRow, sectionRowIndex) => {
|
|
10482
10537
|
const elementsCount = sectionRow.elements.length;
|
|
@@ -10487,14 +10542,14 @@ var DataForm = (props) => {
|
|
|
10487
10542
|
sectionRow.visible
|
|
10488
10543
|
);
|
|
10489
10544
|
}
|
|
10490
|
-
return /* @__PURE__ */ (0,
|
|
10491
|
-
return /* @__PURE__ */ (0,
|
|
10545
|
+
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) => {
|
|
10546
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
|
|
10492
10547
|
"div",
|
|
10493
10548
|
{
|
|
10494
10549
|
className: sectionRow.grow ? "grow" : "",
|
|
10495
10550
|
children: [
|
|
10496
|
-
/* @__PURE__ */ (0,
|
|
10497
|
-
/* @__PURE__ */ (0,
|
|
10551
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { children: field.controlType }),
|
|
10552
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
10498
10553
|
InputControl_default,
|
|
10499
10554
|
{
|
|
10500
10555
|
name: field.name,
|
|
@@ -10524,12 +10579,12 @@ var DataForm = (props) => {
|
|
|
10524
10579
|
}) }) }, sectionRowIndex);
|
|
10525
10580
|
}
|
|
10526
10581
|
),
|
|
10527
|
-
/* @__PURE__ */ (0,
|
|
10582
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { children: section.childSections?.map(
|
|
10528
10583
|
(childSection, childSectionIndex) => {
|
|
10529
|
-
return /* @__PURE__ */ (0,
|
|
10584
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { children: childSection.name && evalutateCondition(
|
|
10530
10585
|
formState.inputValues,
|
|
10531
10586
|
childSection.visible
|
|
10532
|
-
) && /* @__PURE__ */ (0,
|
|
10587
|
+
) && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
10533
10588
|
DataFormChildSection_default,
|
|
10534
10589
|
{
|
|
10535
10590
|
section: childSection,
|
|
@@ -10544,8 +10599,8 @@ var DataForm = (props) => {
|
|
|
10544
10599
|
}) })
|
|
10545
10600
|
}
|
|
10546
10601
|
),
|
|
10547
|
-
/* @__PURE__ */ (0,
|
|
10548
|
-
/* @__PURE__ */ (0,
|
|
10602
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end items-center gap-5", children: [
|
|
10603
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { children: props.additionalActions && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
10549
10604
|
Button_default,
|
|
10550
10605
|
{
|
|
10551
10606
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -10553,7 +10608,7 @@ var DataForm = (props) => {
|
|
|
10553
10608
|
children: props.additionalActions.title
|
|
10554
10609
|
}
|
|
10555
10610
|
) }),
|
|
10556
|
-
/* @__PURE__ */ (0,
|
|
10611
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { children: props.onDelete && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
10557
10612
|
Button_default,
|
|
10558
10613
|
{
|
|
10559
10614
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -10564,7 +10619,7 @@ var DataForm = (props) => {
|
|
|
10564
10619
|
children: "Delete"
|
|
10565
10620
|
}
|
|
10566
10621
|
) }),
|
|
10567
|
-
/* @__PURE__ */ (0,
|
|
10622
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { children: props.onClick && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
10568
10623
|
Button_default,
|
|
10569
10624
|
{
|
|
10570
10625
|
onValidate,
|
|
@@ -10582,7 +10637,7 @@ var DataForm_default = DataForm;
|
|
|
10582
10637
|
|
|
10583
10638
|
// src/components/dataForm/DataFormRenderer.tsx
|
|
10584
10639
|
init_ServiceClient();
|
|
10585
|
-
var
|
|
10640
|
+
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
10586
10641
|
function getAction(actions, code) {
|
|
10587
10642
|
return actions?.find((a) => a.actionCode === code);
|
|
10588
10643
|
}
|
|
@@ -10608,9 +10663,9 @@ var DataFormRenderer = ({
|
|
|
10608
10663
|
"Delete"
|
|
10609
10664
|
);
|
|
10610
10665
|
const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
|
|
10611
|
-
return /* @__PURE__ */ (0,
|
|
10612
|
-
widgetProps && /* @__PURE__ */ (0,
|
|
10613
|
-
/* @__PURE__ */ (0,
|
|
10666
|
+
return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
10667
|
+
widgetProps && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
10668
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
10614
10669
|
DataForm_default,
|
|
10615
10670
|
{
|
|
10616
10671
|
title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",
|