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