@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/server.js
CHANGED
|
@@ -2611,6 +2611,7 @@ var init_CommentImageGallery = __esm({
|
|
|
2611
2611
|
display: "grid",
|
|
2612
2612
|
gridTemplateColumns: "repeat(2, 1fr)",
|
|
2613
2613
|
gap: "2px",
|
|
2614
|
+
maxWidth: "360px",
|
|
2614
2615
|
borderRadius: "0.375rem",
|
|
2615
2616
|
overflow: "hidden",
|
|
2616
2617
|
margin: "0.5rem 0"
|
|
@@ -2618,7 +2619,8 @@ var init_CommentImageGallery = __esm({
|
|
|
2618
2619
|
cellStyle = {
|
|
2619
2620
|
position: "relative",
|
|
2620
2621
|
display: "block",
|
|
2621
|
-
|
|
2622
|
+
// Landscape cells keep the grid short when a run wraps onto 2+ rows.
|
|
2623
|
+
aspectRatio: "3 / 2",
|
|
2622
2624
|
width: "100%",
|
|
2623
2625
|
padding: 0,
|
|
2624
2626
|
border: "none",
|
|
@@ -2770,13 +2772,13 @@ function CopyButton({ text }) {
|
|
|
2770
2772
|
console.error("Failed to copy: ", err);
|
|
2771
2773
|
}
|
|
2772
2774
|
};
|
|
2773
|
-
return /* @__PURE__ */ (0,
|
|
2775
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
|
|
2774
2776
|
"button",
|
|
2775
2777
|
{
|
|
2776
2778
|
onClick: handleCopy,
|
|
2777
2779
|
className: "flex gap-1 items-center hover:text-white transition",
|
|
2778
2780
|
children: [
|
|
2779
|
-
/* @__PURE__ */ (0,
|
|
2781
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
2780
2782
|
"svg",
|
|
2781
2783
|
{
|
|
2782
2784
|
width: "16",
|
|
@@ -2784,7 +2786,7 @@ function CopyButton({ text }) {
|
|
|
2784
2786
|
viewBox: "0 0 24 24",
|
|
2785
2787
|
className: "w-4 h-4",
|
|
2786
2788
|
fill: "currentColor",
|
|
2787
|
-
children: /* @__PURE__ */ (0,
|
|
2789
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
2788
2790
|
"path",
|
|
2789
2791
|
{
|
|
2790
2792
|
fillRule: "evenodd",
|
|
@@ -2799,54 +2801,54 @@ function CopyButton({ text }) {
|
|
|
2799
2801
|
}
|
|
2800
2802
|
);
|
|
2801
2803
|
}
|
|
2802
|
-
var import_react32,
|
|
2804
|
+
var import_react32, import_jsx_runtime47;
|
|
2803
2805
|
var init_CopyButton = __esm({
|
|
2804
2806
|
"src/components/CopyButton.tsx"() {
|
|
2805
2807
|
"use strict";
|
|
2806
2808
|
"use client";
|
|
2807
2809
|
import_react32 = require("react");
|
|
2808
|
-
|
|
2810
|
+
import_jsx_runtime47 = require("react/jsx-runtime");
|
|
2809
2811
|
}
|
|
2810
2812
|
});
|
|
2811
2813
|
|
|
2812
2814
|
// src/components/IFrameLoaderView.tsx
|
|
2813
|
-
var import_react35,
|
|
2815
|
+
var import_react35, import_jsx_runtime51, IFrameLoaderView, IFrameLoaderView_default;
|
|
2814
2816
|
var init_IFrameLoaderView = __esm({
|
|
2815
2817
|
"src/components/IFrameLoaderView.tsx"() {
|
|
2816
2818
|
"use strict";
|
|
2817
2819
|
import_react35 = __toESM(require("react"));
|
|
2818
|
-
|
|
2820
|
+
import_jsx_runtime51 = require("react/jsx-runtime");
|
|
2819
2821
|
IFrameLoaderView = (props) => {
|
|
2820
|
-
return /* @__PURE__ */ (0,
|
|
2821
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
2822
|
-
/* @__PURE__ */ (0,
|
|
2823
|
-
/* @__PURE__ */ (0,
|
|
2824
|
-
/* @__PURE__ */ (0,
|
|
2825
|
-
/* @__PURE__ */ (0,
|
|
2826
|
-
/* @__PURE__ */ (0,
|
|
2822
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_react35.default.Fragment, { children: [
|
|
2823
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "mt-4 bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
2824
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
2825
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
2826
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "ml-2", children: [
|
|
2827
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
2828
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
2827
2829
|
] })
|
|
2828
2830
|
] }),
|
|
2829
|
-
/* @__PURE__ */ (0,
|
|
2830
|
-
/* @__PURE__ */ (0,
|
|
2831
|
-
/* @__PURE__ */ (0,
|
|
2832
|
-
/* @__PURE__ */ (0,
|
|
2833
|
-
/* @__PURE__ */ (0,
|
|
2834
|
-
/* @__PURE__ */ (0,
|
|
2835
|
-
/* @__PURE__ */ (0,
|
|
2831
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
2832
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "animate-pulse", children: [
|
|
2833
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
2834
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
2835
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
2836
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
2837
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
2836
2838
|
] }),
|
|
2837
|
-
/* @__PURE__ */ (0,
|
|
2838
|
-
/* @__PURE__ */ (0,
|
|
2839
|
-
/* @__PURE__ */ (0,
|
|
2840
|
-
/* @__PURE__ */ (0,
|
|
2841
|
-
/* @__PURE__ */ (0,
|
|
2842
|
-
/* @__PURE__ */ (0,
|
|
2839
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "animate-pulse", children: [
|
|
2840
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
2841
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
2842
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
2843
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
2844
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
2843
2845
|
] }),
|
|
2844
|
-
/* @__PURE__ */ (0,
|
|
2845
|
-
/* @__PURE__ */ (0,
|
|
2846
|
-
/* @__PURE__ */ (0,
|
|
2847
|
-
/* @__PURE__ */ (0,
|
|
2848
|
-
/* @__PURE__ */ (0,
|
|
2849
|
-
/* @__PURE__ */ (0,
|
|
2846
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "animate-pulse", children: [
|
|
2847
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
2848
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
2849
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
2850
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
2851
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
2850
2852
|
] })
|
|
2851
2853
|
] })
|
|
2852
2854
|
] }) }),
|
|
@@ -2862,14 +2864,14 @@ var IframeClient_exports = {};
|
|
|
2862
2864
|
__export(IframeClient_exports, {
|
|
2863
2865
|
default: () => IframeClient_default
|
|
2864
2866
|
});
|
|
2865
|
-
var import_react36,
|
|
2867
|
+
var import_react36, import_jsx_runtime52, IframeClient, IframeClient_default;
|
|
2866
2868
|
var init_IframeClient = __esm({
|
|
2867
2869
|
"src/components/pageRenderingEngine/nodes/IframeClient.tsx"() {
|
|
2868
2870
|
"use strict";
|
|
2869
2871
|
"use client";
|
|
2870
2872
|
import_react36 = __toESM(require("react"));
|
|
2871
2873
|
init_IFrameLoaderView();
|
|
2872
|
-
|
|
2874
|
+
import_jsx_runtime52 = require("react/jsx-runtime");
|
|
2873
2875
|
IframeClient = ({
|
|
2874
2876
|
src,
|
|
2875
2877
|
width,
|
|
@@ -2908,7 +2910,7 @@ var init_IframeClient = __esm({
|
|
|
2908
2910
|
const handleIframeLoad = () => {
|
|
2909
2911
|
setIsDataFound(true);
|
|
2910
2912
|
};
|
|
2911
|
-
return /* @__PURE__ */ (0,
|
|
2913
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react36.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(IFrameLoaderView_default, { isDataFound, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
2912
2914
|
"iframe",
|
|
2913
2915
|
{
|
|
2914
2916
|
ref: iframeRef,
|
|
@@ -3201,52 +3203,52 @@ var init_OdataBuilder = __esm({
|
|
|
3201
3203
|
});
|
|
3202
3204
|
|
|
3203
3205
|
// src/svg/chevron-updown.tsx
|
|
3204
|
-
var
|
|
3206
|
+
var import_jsx_runtime58, ChevronUpDown, chevron_updown_default;
|
|
3205
3207
|
var init_chevron_updown = __esm({
|
|
3206
3208
|
"src/svg/chevron-updown.tsx"() {
|
|
3207
3209
|
"use strict";
|
|
3208
|
-
|
|
3210
|
+
import_jsx_runtime58 = require("react/jsx-runtime");
|
|
3209
3211
|
ChevronUpDown = (props) => {
|
|
3210
|
-
return /* @__PURE__ */ (0,
|
|
3212
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.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_runtime58.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) });
|
|
3211
3213
|
};
|
|
3212
3214
|
chevron_updown_default = ChevronUpDown;
|
|
3213
3215
|
}
|
|
3214
3216
|
});
|
|
3215
3217
|
|
|
3216
3218
|
// src/svg/chevron-down.tsx
|
|
3217
|
-
var
|
|
3219
|
+
var import_jsx_runtime59, ChevronDown, chevron_down_default;
|
|
3218
3220
|
var init_chevron_down = __esm({
|
|
3219
3221
|
"src/svg/chevron-down.tsx"() {
|
|
3220
3222
|
"use strict";
|
|
3221
|
-
|
|
3223
|
+
import_jsx_runtime59 = require("react/jsx-runtime");
|
|
3222
3224
|
ChevronDown = (props) => {
|
|
3223
|
-
return /* @__PURE__ */ (0,
|
|
3225
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.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_runtime59.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) });
|
|
3224
3226
|
};
|
|
3225
3227
|
chevron_down_default = ChevronDown;
|
|
3226
3228
|
}
|
|
3227
3229
|
});
|
|
3228
3230
|
|
|
3229
3231
|
// src/svg/chevron-up.tsx
|
|
3230
|
-
var
|
|
3232
|
+
var import_jsx_runtime60, ChevronUp, chevron_up_default;
|
|
3231
3233
|
var init_chevron_up = __esm({
|
|
3232
3234
|
"src/svg/chevron-up.tsx"() {
|
|
3233
3235
|
"use strict";
|
|
3234
|
-
|
|
3236
|
+
import_jsx_runtime60 = require("react/jsx-runtime");
|
|
3235
3237
|
ChevronUp = (props) => {
|
|
3236
|
-
return /* @__PURE__ */ (0,
|
|
3238
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.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_runtime60.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) });
|
|
3237
3239
|
};
|
|
3238
3240
|
chevron_up_default = ChevronUp;
|
|
3239
3241
|
}
|
|
3240
3242
|
});
|
|
3241
3243
|
|
|
3242
3244
|
// src/svg/plus.tsx
|
|
3243
|
-
var
|
|
3245
|
+
var import_jsx_runtime61, Plus, plus_default;
|
|
3244
3246
|
var init_plus = __esm({
|
|
3245
3247
|
"src/svg/plus.tsx"() {
|
|
3246
3248
|
"use strict";
|
|
3247
|
-
|
|
3249
|
+
import_jsx_runtime61 = require("react/jsx-runtime");
|
|
3248
3250
|
Plus = (props) => {
|
|
3249
|
-
return /* @__PURE__ */ (0,
|
|
3251
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.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_runtime61.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) });
|
|
3250
3252
|
};
|
|
3251
3253
|
plus_default = Plus;
|
|
3252
3254
|
}
|
|
@@ -3272,19 +3274,19 @@ var init_Icons = __esm({
|
|
|
3272
3274
|
});
|
|
3273
3275
|
|
|
3274
3276
|
// src/svg/Icon.tsx
|
|
3275
|
-
var
|
|
3277
|
+
var import_jsx_runtime62, Icon, Icon_default;
|
|
3276
3278
|
var init_Icon = __esm({
|
|
3277
3279
|
"src/svg/Icon.tsx"() {
|
|
3278
3280
|
"use strict";
|
|
3279
3281
|
init_Icons();
|
|
3280
|
-
|
|
3282
|
+
import_jsx_runtime62 = require("react/jsx-runtime");
|
|
3281
3283
|
Icon = ({ name, className, ...props }) => {
|
|
3282
3284
|
const IconComponent = Icons_default[name];
|
|
3283
3285
|
if (!IconComponent) {
|
|
3284
3286
|
console.error(`Icon "${name}" not found.`);
|
|
3285
3287
|
return null;
|
|
3286
3288
|
}
|
|
3287
|
-
return /* @__PURE__ */ (0,
|
|
3289
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(IconComponent, { ...props, className });
|
|
3288
3290
|
};
|
|
3289
3291
|
Icon_default = Icon;
|
|
3290
3292
|
}
|
|
@@ -3295,7 +3297,7 @@ var Pagination_exports = {};
|
|
|
3295
3297
|
__export(Pagination_exports, {
|
|
3296
3298
|
default: () => Pagination_default
|
|
3297
3299
|
});
|
|
3298
|
-
var import_react37,
|
|
3300
|
+
var import_react37, import_jsx_runtime63, Pagination, Pagination_default;
|
|
3299
3301
|
var init_Pagination = __esm({
|
|
3300
3302
|
"src/components/Pagination.tsx"() {
|
|
3301
3303
|
"use strict";
|
|
@@ -3306,7 +3308,7 @@ var init_Pagination = __esm({
|
|
|
3306
3308
|
init_StyleTypes();
|
|
3307
3309
|
init_InputControlType();
|
|
3308
3310
|
init_Hyperlink();
|
|
3309
|
-
|
|
3311
|
+
import_jsx_runtime63 = require("react/jsx-runtime");
|
|
3310
3312
|
Pagination = (props) => {
|
|
3311
3313
|
const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
|
|
3312
3314
|
const builder = (0, import_react37.useMemo)(() => {
|
|
@@ -3350,7 +3352,7 @@ var init_Pagination = __esm({
|
|
|
3350
3352
|
return range;
|
|
3351
3353
|
};
|
|
3352
3354
|
const paginationRange = getPaginationRange();
|
|
3353
|
-
const PageButton = ({ page, children }) => /* @__PURE__ */ (0,
|
|
3355
|
+
const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
3354
3356
|
Hyperlink,
|
|
3355
3357
|
{
|
|
3356
3358
|
linkType: "Link" /* Link */,
|
|
@@ -3365,9 +3367,9 @@ var init_Pagination = __esm({
|
|
|
3365
3367
|
);
|
|
3366
3368
|
const NavigationButton = ({ page, disabled, children }) => {
|
|
3367
3369
|
if (disabled) {
|
|
3368
|
-
return /* @__PURE__ */ (0,
|
|
3370
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.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 });
|
|
3369
3371
|
}
|
|
3370
|
-
return /* @__PURE__ */ (0,
|
|
3372
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
3371
3373
|
Hyperlink,
|
|
3372
3374
|
{
|
|
3373
3375
|
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",
|
|
@@ -3377,35 +3379,35 @@ var init_Pagination = __esm({
|
|
|
3377
3379
|
);
|
|
3378
3380
|
};
|
|
3379
3381
|
if (totalPages <= 1 && totalItems === 0) return null;
|
|
3380
|
-
return /* @__PURE__ */ (0,
|
|
3381
|
-
/* @__PURE__ */ (0,
|
|
3382
|
-
/* @__PURE__ */ (0,
|
|
3382
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "py-6 border-t bg-default", children: [
|
|
3383
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
|
|
3384
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "text-sm", children: [
|
|
3383
3385
|
"Showing ",
|
|
3384
|
-
/* @__PURE__ */ (0,
|
|
3386
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "font-semibold", children: [
|
|
3385
3387
|
startItem,
|
|
3386
3388
|
"-",
|
|
3387
3389
|
endItem
|
|
3388
3390
|
] }),
|
|
3389
3391
|
" ",
|
|
3390
3392
|
"out of ",
|
|
3391
|
-
/* @__PURE__ */ (0,
|
|
3393
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
|
|
3392
3394
|
" results"
|
|
3393
3395
|
] }),
|
|
3394
|
-
totalPages > 1 && /* @__PURE__ */ (0,
|
|
3395
|
-
/* @__PURE__ */ (0,
|
|
3396
|
+
totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex items-center space-x-1", children: [
|
|
3397
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
3396
3398
|
NavigationButton,
|
|
3397
3399
|
{
|
|
3398
3400
|
page: activePageNumber - 1,
|
|
3399
3401
|
disabled: activePageNumber === 1,
|
|
3400
3402
|
children: [
|
|
3401
|
-
/* @__PURE__ */ (0,
|
|
3402
|
-
/* @__PURE__ */ (0,
|
|
3403
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
|
|
3404
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-sm", children: "Prev" })
|
|
3403
3405
|
]
|
|
3404
3406
|
}
|
|
3405
3407
|
),
|
|
3406
3408
|
paginationRange.map((item, index) => {
|
|
3407
3409
|
if (item === "...") {
|
|
3408
|
-
return /* @__PURE__ */ (0,
|
|
3410
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
3409
3411
|
"span",
|
|
3410
3412
|
{
|
|
3411
3413
|
className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
|
|
@@ -3415,23 +3417,23 @@ var init_Pagination = __esm({
|
|
|
3415
3417
|
);
|
|
3416
3418
|
}
|
|
3417
3419
|
const page = item;
|
|
3418
|
-
return /* @__PURE__ */ (0,
|
|
3420
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(PageButton, { page, children: page }, page);
|
|
3419
3421
|
}),
|
|
3420
|
-
/* @__PURE__ */ (0,
|
|
3422
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
3421
3423
|
NavigationButton,
|
|
3422
3424
|
{
|
|
3423
3425
|
page: activePageNumber + 1,
|
|
3424
3426
|
disabled: activePageNumber === totalPages,
|
|
3425
3427
|
children: [
|
|
3426
|
-
/* @__PURE__ */ (0,
|
|
3427
|
-
/* @__PURE__ */ (0,
|
|
3428
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-sm", children: "Next" }),
|
|
3429
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
|
|
3428
3430
|
]
|
|
3429
3431
|
}
|
|
3430
3432
|
)
|
|
3431
3433
|
] }),
|
|
3432
|
-
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0,
|
|
3433
|
-
/* @__PURE__ */ (0,
|
|
3434
|
-
/* @__PURE__ */ (0,
|
|
3434
|
+
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex items-center space-x-2", children: [
|
|
3435
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-sm", children: "Go to:" }),
|
|
3436
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
3435
3437
|
"input",
|
|
3436
3438
|
{
|
|
3437
3439
|
type: "number",
|
|
@@ -3452,9 +3454,9 @@ var init_Pagination = __esm({
|
|
|
3452
3454
|
) })
|
|
3453
3455
|
] })
|
|
3454
3456
|
] }),
|
|
3455
|
-
showPageSizeSelector && /* @__PURE__ */ (0,
|
|
3456
|
-
/* @__PURE__ */ (0,
|
|
3457
|
-
/* @__PURE__ */ (0,
|
|
3457
|
+
showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
|
|
3458
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-sm", children: "Show:" }),
|
|
3459
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
3458
3460
|
Hyperlink,
|
|
3459
3461
|
{
|
|
3460
3462
|
className: `
|
|
@@ -3466,7 +3468,7 @@ var init_Pagination = __esm({
|
|
|
3466
3468
|
},
|
|
3467
3469
|
size
|
|
3468
3470
|
)) }),
|
|
3469
|
-
/* @__PURE__ */ (0,
|
|
3471
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-sm", children: "per page" })
|
|
3470
3472
|
] }) })
|
|
3471
3473
|
] });
|
|
3472
3474
|
};
|
|
@@ -3475,12 +3477,12 @@ var init_Pagination = __esm({
|
|
|
3475
3477
|
});
|
|
3476
3478
|
|
|
3477
3479
|
// src/components/controls/edit/MultilineTextInput.tsx
|
|
3478
|
-
var import_react38,
|
|
3480
|
+
var import_react38, import_jsx_runtime64, MultilineTextInput, MultilineTextInput_default;
|
|
3479
3481
|
var init_MultilineTextInput = __esm({
|
|
3480
3482
|
"src/components/controls/edit/MultilineTextInput.tsx"() {
|
|
3481
3483
|
"use strict";
|
|
3482
3484
|
import_react38 = __toESM(require("react"));
|
|
3483
|
-
|
|
3485
|
+
import_jsx_runtime64 = require("react/jsx-runtime");
|
|
3484
3486
|
MultilineTextInput = (props) => {
|
|
3485
3487
|
const textChangeHandler = (event) => {
|
|
3486
3488
|
const text = event.target.value;
|
|
@@ -3499,11 +3501,11 @@ var init_MultilineTextInput = __esm({
|
|
|
3499
3501
|
if (props.value !== void 0 && props.value !== null) {
|
|
3500
3502
|
value = props.value;
|
|
3501
3503
|
}
|
|
3502
|
-
return /* @__PURE__ */ (0,
|
|
3503
|
-
/* @__PURE__ */ (0,
|
|
3504
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react38.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("label", { className: "block mb-1", children: [
|
|
3505
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
3504
3506
|
" ",
|
|
3505
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
3506
|
-
/* @__PURE__ */ (0,
|
|
3507
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
3508
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
3507
3509
|
"textarea",
|
|
3508
3510
|
{
|
|
3509
3511
|
name: props.name,
|
|
@@ -3520,7 +3522,7 @@ var init_MultilineTextInput = __esm({
|
|
|
3520
3522
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm input"
|
|
3521
3523
|
}
|
|
3522
3524
|
),
|
|
3523
|
-
/* @__PURE__ */ (0,
|
|
3525
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
3524
3526
|
] }) });
|
|
3525
3527
|
};
|
|
3526
3528
|
MultilineTextInput_default = MultilineTextInput;
|
|
@@ -3528,12 +3530,12 @@ var init_MultilineTextInput = __esm({
|
|
|
3528
3530
|
});
|
|
3529
3531
|
|
|
3530
3532
|
// src/components/controls/edit/LineTextInput.tsx
|
|
3531
|
-
var import_react39,
|
|
3533
|
+
var import_react39, import_jsx_runtime65, LineTextInput, LineTextInput_default;
|
|
3532
3534
|
var init_LineTextInput = __esm({
|
|
3533
3535
|
"src/components/controls/edit/LineTextInput.tsx"() {
|
|
3534
3536
|
"use strict";
|
|
3535
3537
|
import_react39 = __toESM(require("react"));
|
|
3536
|
-
|
|
3538
|
+
import_jsx_runtime65 = require("react/jsx-runtime");
|
|
3537
3539
|
LineTextInput = (props) => {
|
|
3538
3540
|
const textChangeHandler = (event) => {
|
|
3539
3541
|
const text = event.target.value;
|
|
@@ -3552,11 +3554,11 @@ var init_LineTextInput = __esm({
|
|
|
3552
3554
|
if (props.value !== void 0 && props.value !== null) {
|
|
3553
3555
|
value = props.value;
|
|
3554
3556
|
}
|
|
3555
|
-
return /* @__PURE__ */ (0,
|
|
3556
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
3557
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react39.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("label", { className: "block", children: [
|
|
3558
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
|
|
3557
3559
|
" ",
|
|
3558
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
3559
|
-
/* @__PURE__ */ (0,
|
|
3560
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "bg-error-weak !bg-transparent", children: "*" }),
|
|
3561
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
3560
3562
|
"input",
|
|
3561
3563
|
{
|
|
3562
3564
|
type: "text",
|
|
@@ -3576,7 +3578,7 @@ var init_LineTextInput = __esm({
|
|
|
3576
3578
|
`
|
|
3577
3579
|
}
|
|
3578
3580
|
),
|
|
3579
|
-
/* @__PURE__ */ (0,
|
|
3581
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
3580
3582
|
] }) });
|
|
3581
3583
|
};
|
|
3582
3584
|
LineTextInput_default = LineTextInput;
|
|
@@ -3584,12 +3586,12 @@ var init_LineTextInput = __esm({
|
|
|
3584
3586
|
});
|
|
3585
3587
|
|
|
3586
3588
|
// src/components/controls/edit/MoneyInput.tsx
|
|
3587
|
-
var import_react40,
|
|
3589
|
+
var import_react40, import_jsx_runtime66, MoneyInput, MoneyInput_default;
|
|
3588
3590
|
var init_MoneyInput = __esm({
|
|
3589
3591
|
"src/components/controls/edit/MoneyInput.tsx"() {
|
|
3590
3592
|
"use strict";
|
|
3591
3593
|
import_react40 = __toESM(require("react"));
|
|
3592
|
-
|
|
3594
|
+
import_jsx_runtime66 = require("react/jsx-runtime");
|
|
3593
3595
|
MoneyInput = (props) => {
|
|
3594
3596
|
const textChangeHandler = (event) => {
|
|
3595
3597
|
const rawValue = event.target.value;
|
|
@@ -3618,11 +3620,11 @@ var init_MoneyInput = __esm({
|
|
|
3618
3620
|
e.preventDefault();
|
|
3619
3621
|
}
|
|
3620
3622
|
};
|
|
3621
|
-
return /* @__PURE__ */ (0,
|
|
3622
|
-
/* @__PURE__ */ (0,
|
|
3623
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react40.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("label", { className: "block mb-1", children: [
|
|
3624
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
3623
3625
|
" ",
|
|
3624
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
3625
|
-
/* @__PURE__ */ (0,
|
|
3626
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
3627
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
3626
3628
|
"input",
|
|
3627
3629
|
{
|
|
3628
3630
|
type: "number",
|
|
@@ -3642,7 +3644,7 @@ var init_MoneyInput = __esm({
|
|
|
3642
3644
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm number-input"
|
|
3643
3645
|
}
|
|
3644
3646
|
),
|
|
3645
|
-
/* @__PURE__ */ (0,
|
|
3647
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
3646
3648
|
] }) });
|
|
3647
3649
|
};
|
|
3648
3650
|
MoneyInput_default = MoneyInput;
|
|
@@ -3650,12 +3652,12 @@ var init_MoneyInput = __esm({
|
|
|
3650
3652
|
});
|
|
3651
3653
|
|
|
3652
3654
|
// src/components/controls/edit/Select.tsx
|
|
3653
|
-
var import_react41,
|
|
3655
|
+
var import_react41, import_jsx_runtime67, Select, Select_default;
|
|
3654
3656
|
var init_Select = __esm({
|
|
3655
3657
|
"src/components/controls/edit/Select.tsx"() {
|
|
3656
3658
|
"use strict";
|
|
3657
3659
|
import_react41 = require("react");
|
|
3658
|
-
|
|
3660
|
+
import_jsx_runtime67 = require("react/jsx-runtime");
|
|
3659
3661
|
Select = (props) => {
|
|
3660
3662
|
const [list, setList] = (0, import_react41.useState)();
|
|
3661
3663
|
const getSafeValue = (val) => {
|
|
@@ -3727,11 +3729,11 @@ var init_Select = __esm({
|
|
|
3727
3729
|
props.dataSourceDependsOn
|
|
3728
3730
|
]);
|
|
3729
3731
|
const value = getSafeValue(props.value);
|
|
3730
|
-
return /* @__PURE__ */ (0,
|
|
3731
|
-
props.attributes?.label && /* @__PURE__ */ (0,
|
|
3732
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("label", { className: "block", children: [
|
|
3733
|
+
props.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "text-sm font-medium inline-block pb-1", children: props.attributes?.label }),
|
|
3732
3734
|
" ",
|
|
3733
|
-
props.attributes?.label && props.attributes?.required && /* @__PURE__ */ (0,
|
|
3734
|
-
list && list.length === 0 && /* @__PURE__ */ (0,
|
|
3735
|
+
props.attributes?.label && props.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
3736
|
+
list && list.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
3735
3737
|
"input",
|
|
3736
3738
|
{
|
|
3737
3739
|
type: "text",
|
|
@@ -3748,7 +3750,7 @@ var init_Select = __esm({
|
|
|
3748
3750
|
className: `peer input select mt-1 py-1.5 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`
|
|
3749
3751
|
}
|
|
3750
3752
|
),
|
|
3751
|
-
list && list.length > 0 && /* @__PURE__ */ (0,
|
|
3753
|
+
list && list.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
|
|
3752
3754
|
"select",
|
|
3753
3755
|
{
|
|
3754
3756
|
name: props.name,
|
|
@@ -3761,16 +3763,16 @@ var init_Select = __esm({
|
|
|
3761
3763
|
focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
|
|
3762
3764
|
disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none ${props.inputClasses ?? ""}`,
|
|
3763
3765
|
children: [
|
|
3764
|
-
/* @__PURE__ */ (0,
|
|
3766
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("option", { value: "", children: props.attributes?.placeholder || "Select" }),
|
|
3765
3767
|
list.map((item, index) => {
|
|
3766
3768
|
const keyField = props.dataKeyFieldName;
|
|
3767
3769
|
const textField = props.dataTextFieldName;
|
|
3768
|
-
return /* @__PURE__ */ (0,
|
|
3770
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("option", { value: item[keyField], children: item[textField] }, index);
|
|
3769
3771
|
})
|
|
3770
3772
|
]
|
|
3771
3773
|
}
|
|
3772
3774
|
),
|
|
3773
|
-
/* @__PURE__ */ (0,
|
|
3775
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props.attributes?.errorMessage || "" })
|
|
3774
3776
|
] });
|
|
3775
3777
|
};
|
|
3776
3778
|
Select_default = Select;
|
|
@@ -3778,12 +3780,12 @@ var init_Select = __esm({
|
|
|
3778
3780
|
});
|
|
3779
3781
|
|
|
3780
3782
|
// src/components/controls/edit/PercentageInput.tsx
|
|
3781
|
-
var import_react42,
|
|
3783
|
+
var import_react42, import_jsx_runtime68, PercentageInput, PercentageInput_default;
|
|
3782
3784
|
var init_PercentageInput = __esm({
|
|
3783
3785
|
"src/components/controls/edit/PercentageInput.tsx"() {
|
|
3784
3786
|
"use strict";
|
|
3785
3787
|
import_react42 = __toESM(require("react"));
|
|
3786
|
-
|
|
3788
|
+
import_jsx_runtime68 = require("react/jsx-runtime");
|
|
3787
3789
|
PercentageInput = (props) => {
|
|
3788
3790
|
const textChangeHandler = (event) => {
|
|
3789
3791
|
const rawValue = event.target.value;
|
|
@@ -3812,11 +3814,11 @@ var init_PercentageInput = __esm({
|
|
|
3812
3814
|
e.preventDefault();
|
|
3813
3815
|
}
|
|
3814
3816
|
};
|
|
3815
|
-
return /* @__PURE__ */ (0,
|
|
3816
|
-
/* @__PURE__ */ (0,
|
|
3817
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react42.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("label", { className: "block mb-1", children: [
|
|
3818
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label ? props?.attributes?.label + " %" : "" }),
|
|
3817
3819
|
" ",
|
|
3818
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
3819
|
-
/* @__PURE__ */ (0,
|
|
3820
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
3821
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
3820
3822
|
"input",
|
|
3821
3823
|
{
|
|
3822
3824
|
type: "number",
|
|
@@ -3835,7 +3837,7 @@ var init_PercentageInput = __esm({
|
|
|
3835
3837
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm number-input"
|
|
3836
3838
|
}
|
|
3837
3839
|
),
|
|
3838
|
-
/* @__PURE__ */ (0,
|
|
3840
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
3839
3841
|
] }) });
|
|
3840
3842
|
};
|
|
3841
3843
|
PercentageInput_default = PercentageInput;
|
|
@@ -3843,12 +3845,12 @@ var init_PercentageInput = __esm({
|
|
|
3843
3845
|
});
|
|
3844
3846
|
|
|
3845
3847
|
// src/components/controls/edit/PhoneInput.tsx
|
|
3846
|
-
var import_react43,
|
|
3848
|
+
var import_react43, import_jsx_runtime69, PhoneInput, PhoneInput_default;
|
|
3847
3849
|
var init_PhoneInput = __esm({
|
|
3848
3850
|
"src/components/controls/edit/PhoneInput.tsx"() {
|
|
3849
3851
|
"use strict";
|
|
3850
3852
|
import_react43 = __toESM(require("react"));
|
|
3851
|
-
|
|
3853
|
+
import_jsx_runtime69 = require("react/jsx-runtime");
|
|
3852
3854
|
PhoneInput = (props) => {
|
|
3853
3855
|
const textChangeHandler = (event) => {
|
|
3854
3856
|
const text = event.target.value;
|
|
@@ -3867,13 +3869,13 @@ var init_PhoneInput = __esm({
|
|
|
3867
3869
|
if (props.value !== void 0 && props.value !== null) {
|
|
3868
3870
|
value = props.value;
|
|
3869
3871
|
}
|
|
3870
|
-
return /* @__PURE__ */ (0,
|
|
3871
|
-
/* @__PURE__ */ (0,
|
|
3872
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react43.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("label", { className: "block mb-1", children: [
|
|
3873
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
3872
3874
|
" ",
|
|
3873
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
3874
|
-
/* @__PURE__ */ (0,
|
|
3875
|
-
/* @__PURE__ */ (0,
|
|
3876
|
-
/* @__PURE__ */ (0,
|
|
3875
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
3876
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center rounded border ", children: [
|
|
3877
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "px-3", children: props.prefix }),
|
|
3878
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
3877
3879
|
"input",
|
|
3878
3880
|
{
|
|
3879
3881
|
type: "text",
|
|
@@ -3891,7 +3893,7 @@ var init_PhoneInput = __esm({
|
|
|
3891
3893
|
}
|
|
3892
3894
|
)
|
|
3893
3895
|
] }),
|
|
3894
|
-
/* @__PURE__ */ (0,
|
|
3896
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
3895
3897
|
] }) });
|
|
3896
3898
|
};
|
|
3897
3899
|
PhoneInput_default = PhoneInput;
|
|
@@ -3899,12 +3901,12 @@ var init_PhoneInput = __esm({
|
|
|
3899
3901
|
});
|
|
3900
3902
|
|
|
3901
3903
|
// src/components/controls/edit/NumberInput.tsx
|
|
3902
|
-
var import_react44,
|
|
3904
|
+
var import_react44, import_jsx_runtime70, NumberInput, NumberInput_default;
|
|
3903
3905
|
var init_NumberInput = __esm({
|
|
3904
3906
|
"src/components/controls/edit/NumberInput.tsx"() {
|
|
3905
3907
|
"use strict";
|
|
3906
3908
|
import_react44 = __toESM(require("react"));
|
|
3907
|
-
|
|
3909
|
+
import_jsx_runtime70 = require("react/jsx-runtime");
|
|
3908
3910
|
NumberInput = (props) => {
|
|
3909
3911
|
const textChangeHandler = (event) => {
|
|
3910
3912
|
const text = event.target.value;
|
|
@@ -3927,11 +3929,11 @@ var init_NumberInput = __esm({
|
|
|
3927
3929
|
if (props.value !== void 0 && props.value !== null) {
|
|
3928
3930
|
value = props.value;
|
|
3929
3931
|
}
|
|
3930
|
-
return /* @__PURE__ */ (0,
|
|
3931
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
3932
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react44.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("label", { className: "block", children: [
|
|
3933
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
|
|
3932
3934
|
" ",
|
|
3933
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
3934
|
-
/* @__PURE__ */ (0,
|
|
3935
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
3936
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
3935
3937
|
"input",
|
|
3936
3938
|
{
|
|
3937
3939
|
type: "number",
|
|
@@ -3950,7 +3952,7 @@ var init_NumberInput = __esm({
|
|
|
3950
3952
|
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 "
|
|
3951
3953
|
}
|
|
3952
3954
|
),
|
|
3953
|
-
/* @__PURE__ */ (0,
|
|
3955
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
3954
3956
|
] }) });
|
|
3955
3957
|
};
|
|
3956
3958
|
NumberInput_default = NumberInput;
|
|
@@ -3958,12 +3960,12 @@ var init_NumberInput = __esm({
|
|
|
3958
3960
|
});
|
|
3959
3961
|
|
|
3960
3962
|
// src/components/controls/edit/CheckboxInput.tsx
|
|
3961
|
-
var import_react45,
|
|
3963
|
+
var import_react45, import_jsx_runtime71, CheckboxInput, CheckboxInput_default;
|
|
3962
3964
|
var init_CheckboxInput = __esm({
|
|
3963
3965
|
"src/components/controls/edit/CheckboxInput.tsx"() {
|
|
3964
3966
|
"use strict";
|
|
3965
3967
|
import_react45 = __toESM(require("react"));
|
|
3966
|
-
|
|
3968
|
+
import_jsx_runtime71 = require("react/jsx-runtime");
|
|
3967
3969
|
CheckboxInput = (props) => {
|
|
3968
3970
|
const textChangeHandler = (event) => {
|
|
3969
3971
|
let text = event.target.checked;
|
|
@@ -3980,9 +3982,9 @@ var init_CheckboxInput = __esm({
|
|
|
3980
3982
|
if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
|
|
3981
3983
|
value = true;
|
|
3982
3984
|
}
|
|
3983
|
-
return /* @__PURE__ */ (0,
|
|
3984
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
3985
|
-
/* @__PURE__ */ (0,
|
|
3985
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react45.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "mb-1", children: [
|
|
3986
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_jsx_runtime71.Fragment, { children: [
|
|
3987
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
3986
3988
|
"label",
|
|
3987
3989
|
{
|
|
3988
3990
|
htmlFor: props.name,
|
|
@@ -3990,9 +3992,9 @@ var init_CheckboxInput = __esm({
|
|
|
3990
3992
|
children: props.attributes.label
|
|
3991
3993
|
}
|
|
3992
3994
|
),
|
|
3993
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
3995
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
3994
3996
|
] }),
|
|
3995
|
-
/* @__PURE__ */ (0,
|
|
3997
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
3996
3998
|
"input",
|
|
3997
3999
|
{
|
|
3998
4000
|
type: "checkbox",
|
|
@@ -4009,7 +4011,7 @@ var init_CheckboxInput = __esm({
|
|
|
4009
4011
|
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 "
|
|
4010
4012
|
}
|
|
4011
4013
|
),
|
|
4012
|
-
/* @__PURE__ */ (0,
|
|
4014
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage || "" })
|
|
4013
4015
|
] }) });
|
|
4014
4016
|
};
|
|
4015
4017
|
CheckboxInput_default = CheckboxInput;
|
|
@@ -4017,12 +4019,12 @@ var init_CheckboxInput = __esm({
|
|
|
4017
4019
|
});
|
|
4018
4020
|
|
|
4019
4021
|
// src/components/controls/edit/OtpInput.tsx
|
|
4020
|
-
var import_react46,
|
|
4022
|
+
var import_react46, import_jsx_runtime72, OtpInput, OtpInput_default;
|
|
4021
4023
|
var init_OtpInput = __esm({
|
|
4022
4024
|
"src/components/controls/edit/OtpInput.tsx"() {
|
|
4023
4025
|
"use strict";
|
|
4024
4026
|
import_react46 = __toESM(require("react"));
|
|
4025
|
-
|
|
4027
|
+
import_jsx_runtime72 = require("react/jsx-runtime");
|
|
4026
4028
|
OtpInput = (props) => {
|
|
4027
4029
|
const textChangeHandler = (event) => {
|
|
4028
4030
|
const text = event.target.value;
|
|
@@ -4044,11 +4046,11 @@ var init_OtpInput = __esm({
|
|
|
4044
4046
|
if (props.value !== void 0 && props.value !== null) {
|
|
4045
4047
|
value = props.value;
|
|
4046
4048
|
}
|
|
4047
|
-
return /* @__PURE__ */ (0,
|
|
4048
|
-
/* @__PURE__ */ (0,
|
|
4049
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react46.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("label", { htmlFor: props.name, className: "block mb-1 w-full", children: [
|
|
4050
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
4049
4051
|
" ",
|
|
4050
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
4051
|
-
/* @__PURE__ */ (0,
|
|
4052
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
4053
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
4052
4054
|
"input",
|
|
4053
4055
|
{
|
|
4054
4056
|
type: "text",
|
|
@@ -4068,7 +4070,7 @@ var init_OtpInput = __esm({
|
|
|
4068
4070
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm tracking-[1.25em] text-center"
|
|
4069
4071
|
}
|
|
4070
4072
|
),
|
|
4071
|
-
/* @__PURE__ */ (0,
|
|
4073
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
4072
4074
|
] }) });
|
|
4073
4075
|
};
|
|
4074
4076
|
OtpInput_default = OtpInput;
|
|
@@ -4076,12 +4078,12 @@ var init_OtpInput = __esm({
|
|
|
4076
4078
|
});
|
|
4077
4079
|
|
|
4078
4080
|
// src/components/controls/edit/DateTimeInput.tsx
|
|
4079
|
-
var import_react47,
|
|
4081
|
+
var import_react47, import_jsx_runtime73, DateTimeInput, DateTimeInput_default;
|
|
4080
4082
|
var init_DateTimeInput = __esm({
|
|
4081
4083
|
"src/components/controls/edit/DateTimeInput.tsx"() {
|
|
4082
4084
|
"use strict";
|
|
4083
4085
|
import_react47 = __toESM(require("react"));
|
|
4084
|
-
|
|
4086
|
+
import_jsx_runtime73 = require("react/jsx-runtime");
|
|
4085
4087
|
DateTimeInput = (props) => {
|
|
4086
4088
|
const textChangeHandler = (event) => {
|
|
4087
4089
|
const localDate = new Date(event.target.value);
|
|
@@ -4113,12 +4115,12 @@ var init_DateTimeInput = __esm({
|
|
|
4113
4115
|
e.preventDefault();
|
|
4114
4116
|
}
|
|
4115
4117
|
};
|
|
4116
|
-
return /* @__PURE__ */ (0,
|
|
4117
|
-
/* @__PURE__ */ (0,
|
|
4118
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react47.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("label", { className: "block mb-1", children: [
|
|
4119
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
4118
4120
|
" ",
|
|
4119
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
4120
|
-
/* @__PURE__ */ (0,
|
|
4121
|
-
/* @__PURE__ */ (0,
|
|
4121
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
4122
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
4123
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
4122
4124
|
"input",
|
|
4123
4125
|
{
|
|
4124
4126
|
type: "datetime-local",
|
|
@@ -4136,9 +4138,9 @@ var init_DateTimeInput = __esm({
|
|
|
4136
4138
|
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 "
|
|
4137
4139
|
}
|
|
4138
4140
|
),
|
|
4139
|
-
/* @__PURE__ */ (0,
|
|
4141
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { children: timeZoneAbbr })
|
|
4140
4142
|
] }),
|
|
4141
|
-
/* @__PURE__ */ (0,
|
|
4143
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
4142
4144
|
] }) });
|
|
4143
4145
|
};
|
|
4144
4146
|
DateTimeInput_default = DateTimeInput;
|
|
@@ -4146,12 +4148,12 @@ var init_DateTimeInput = __esm({
|
|
|
4146
4148
|
});
|
|
4147
4149
|
|
|
4148
4150
|
// src/components/controls/edit/ColorInput.tsx
|
|
4149
|
-
var import_react48,
|
|
4151
|
+
var import_react48, import_jsx_runtime74, ColorInput, ColorInput_default;
|
|
4150
4152
|
var init_ColorInput = __esm({
|
|
4151
4153
|
"src/components/controls/edit/ColorInput.tsx"() {
|
|
4152
4154
|
"use strict";
|
|
4153
4155
|
import_react48 = __toESM(require("react"));
|
|
4154
|
-
|
|
4156
|
+
import_jsx_runtime74 = require("react/jsx-runtime");
|
|
4155
4157
|
ColorInput = (props) => {
|
|
4156
4158
|
const [color, setColor] = import_react48.default.useState("#3b82f6");
|
|
4157
4159
|
(0, import_react48.useEffect)(() => {
|
|
@@ -4173,11 +4175,11 @@ var init_ColorInput = __esm({
|
|
|
4173
4175
|
});
|
|
4174
4176
|
}
|
|
4175
4177
|
};
|
|
4176
|
-
return /* @__PURE__ */ (0,
|
|
4177
|
-
/* @__PURE__ */ (0,
|
|
4178
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("label", { className: "block mb-1", children: [
|
|
4179
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
4178
4180
|
" ",
|
|
4179
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
4180
|
-
/* @__PURE__ */ (0,
|
|
4181
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
4182
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
4181
4183
|
"input",
|
|
4182
4184
|
{
|
|
4183
4185
|
type: "color",
|
|
@@ -4190,7 +4192,7 @@ var init_ColorInput = __esm({
|
|
|
4190
4192
|
className: `w-[78px] h-12 block cursor-pointer`
|
|
4191
4193
|
}
|
|
4192
4194
|
),
|
|
4193
|
-
props?.attributes?.errorMessage && /* @__PURE__ */ (0,
|
|
4195
|
+
props?.attributes?.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: "mt-1 bg-error-weak text-sm", children: props.attributes.errorMessage })
|
|
4194
4196
|
] });
|
|
4195
4197
|
};
|
|
4196
4198
|
ColorInput_default = ColorInput;
|
|
@@ -4198,13 +4200,13 @@ var init_ColorInput = __esm({
|
|
|
4198
4200
|
});
|
|
4199
4201
|
|
|
4200
4202
|
// src/components/controls/edit/SelectWithSearchInput.tsx
|
|
4201
|
-
var import_react49,
|
|
4203
|
+
var import_react49, import_jsx_runtime75, SelectWithSearchInput, SelectWithSearchInput_default;
|
|
4202
4204
|
var init_SelectWithSearchInput = __esm({
|
|
4203
4205
|
"src/components/controls/edit/SelectWithSearchInput.tsx"() {
|
|
4204
4206
|
"use strict";
|
|
4205
4207
|
"use client";
|
|
4206
4208
|
import_react49 = __toESM(require("react"));
|
|
4207
|
-
|
|
4209
|
+
import_jsx_runtime75 = require("react/jsx-runtime");
|
|
4208
4210
|
SelectWithSearchInput = (props) => {
|
|
4209
4211
|
const [isOpen, setIsOpen] = (0, import_react49.useState)(false);
|
|
4210
4212
|
const [searchTerm, setSearchTerm] = (0, import_react49.useState)("");
|
|
@@ -4299,14 +4301,14 @@ var init_SelectWithSearchInput = __esm({
|
|
|
4299
4301
|
}
|
|
4300
4302
|
}, [highlightedIndex]);
|
|
4301
4303
|
const isReadOnly = props.attributes?.readOnly || props.disable || props.attributes?.disable;
|
|
4302
|
-
return /* @__PURE__ */ (0,
|
|
4303
|
-
/* @__PURE__ */ (0,
|
|
4304
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "relative", children: [
|
|
4305
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("label", { className: "pb-1", children: [
|
|
4304
4306
|
props.attributes?.label,
|
|
4305
4307
|
" ",
|
|
4306
|
-
props?.attributes?.required && /* @__PURE__ */ (0,
|
|
4308
|
+
props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
4307
4309
|
] }),
|
|
4308
|
-
/* @__PURE__ */ (0,
|
|
4309
|
-
/* @__PURE__ */ (0,
|
|
4310
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "relative", children: [
|
|
4311
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
4310
4312
|
"input",
|
|
4311
4313
|
{
|
|
4312
4314
|
type: "text",
|
|
@@ -4328,7 +4330,7 @@ var init_SelectWithSearchInput = __esm({
|
|
|
4328
4330
|
`
|
|
4329
4331
|
}
|
|
4330
4332
|
),
|
|
4331
|
-
/* @__PURE__ */ (0,
|
|
4333
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
4332
4334
|
"button",
|
|
4333
4335
|
{
|
|
4334
4336
|
type: "button",
|
|
@@ -4339,7 +4341,7 @@ var init_SelectWithSearchInput = __esm({
|
|
|
4339
4341
|
}
|
|
4340
4342
|
},
|
|
4341
4343
|
className: "absolute right-2 top-3 h-5 w-5 text-gray-500 focus:outline-none",
|
|
4342
|
-
children: /* @__PURE__ */ (0,
|
|
4344
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
4343
4345
|
"svg",
|
|
4344
4346
|
{
|
|
4345
4347
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4348,7 +4350,7 @@ var init_SelectWithSearchInput = __esm({
|
|
|
4348
4350
|
strokeWidth: 1.5,
|
|
4349
4351
|
stroke: "currentColor",
|
|
4350
4352
|
className: "w-full h-full",
|
|
4351
|
-
children: /* @__PURE__ */ (0,
|
|
4353
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
4352
4354
|
"path",
|
|
4353
4355
|
{
|
|
4354
4356
|
strokeLinecap: "round",
|
|
@@ -4361,12 +4363,12 @@ var init_SelectWithSearchInput = __esm({
|
|
|
4361
4363
|
}
|
|
4362
4364
|
)
|
|
4363
4365
|
] }),
|
|
4364
|
-
!isReadOnly && isOpen && /* @__PURE__ */ (0,
|
|
4366
|
+
!isReadOnly && isOpen && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
4365
4367
|
"div",
|
|
4366
4368
|
{
|
|
4367
4369
|
ref: dropdownRef,
|
|
4368
4370
|
className: "absolute z-10 w-full bg-default border border-gray-200 shadow-lg max-h-48 overflow-y-auto",
|
|
4369
|
-
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0,
|
|
4371
|
+
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
4370
4372
|
"button",
|
|
4371
4373
|
{
|
|
4372
4374
|
onClick: (e) => handleSelect(e, item),
|
|
@@ -4374,10 +4376,10 @@ var init_SelectWithSearchInput = __esm({
|
|
|
4374
4376
|
role: "option",
|
|
4375
4377
|
tabIndex: -1,
|
|
4376
4378
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
4377
|
-
children: /* @__PURE__ */ (0,
|
|
4379
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: item[props.dataTextFieldName] })
|
|
4378
4380
|
},
|
|
4379
4381
|
item[props.dataKeyFieldName]
|
|
4380
|
-
)) : /* @__PURE__ */ (0,
|
|
4382
|
+
)) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
4381
4383
|
}
|
|
4382
4384
|
)
|
|
4383
4385
|
] });
|
|
@@ -4387,14 +4389,14 @@ var init_SelectWithSearchInput = __esm({
|
|
|
4387
4389
|
});
|
|
4388
4390
|
|
|
4389
4391
|
// src/components/controls/edit/SelectWithSearchPanel.tsx
|
|
4390
|
-
var import_react50,
|
|
4392
|
+
var import_react50, import_jsx_runtime76, SelectWithSearchPanel, SelectWithSearchPanel_default;
|
|
4391
4393
|
var init_SelectWithSearchPanel = __esm({
|
|
4392
4394
|
"src/components/controls/edit/SelectWithSearchPanel.tsx"() {
|
|
4393
4395
|
"use strict";
|
|
4394
4396
|
"use client";
|
|
4395
4397
|
init_Button();
|
|
4396
4398
|
import_react50 = __toESM(require("react"));
|
|
4397
|
-
|
|
4399
|
+
import_jsx_runtime76 = require("react/jsx-runtime");
|
|
4398
4400
|
SelectWithSearchPanel = (props) => {
|
|
4399
4401
|
const [isOpen, setIsOpen] = (0, import_react50.useState)(false);
|
|
4400
4402
|
const [searchTerm, setSearchTerm] = (0, import_react50.useState)("");
|
|
@@ -4530,14 +4532,14 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
4530
4532
|
console.log("Form Data:", formData);
|
|
4531
4533
|
return formData;
|
|
4532
4534
|
}, []);
|
|
4533
|
-
return /* @__PURE__ */ (0,
|
|
4534
|
-
/* @__PURE__ */ (0,
|
|
4535
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "relative", children: [
|
|
4536
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("label", { className: "text-sm mb-1 font-medium", children: [
|
|
4535
4537
|
props.attributes?.label,
|
|
4536
4538
|
" ",
|
|
4537
4539
|
" ",
|
|
4538
|
-
props?.attributes?.required && /* @__PURE__ */ (0,
|
|
4540
|
+
props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
4539
4541
|
] }),
|
|
4540
|
-
/* @__PURE__ */ (0,
|
|
4542
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
4541
4543
|
"input",
|
|
4542
4544
|
{
|
|
4543
4545
|
type: "text",
|
|
@@ -4551,14 +4553,14 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
4551
4553
|
disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none`
|
|
4552
4554
|
}
|
|
4553
4555
|
) }),
|
|
4554
|
-
/* @__PURE__ */ (0,
|
|
4555
|
-
/* @__PURE__ */ (0,
|
|
4556
|
-
/* @__PURE__ */ (0,
|
|
4556
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { ref: containerRef, children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_react50.default.Fragment, { children: [
|
|
4557
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "fixed z-50 right-0 bg-white top-[62px] w-1/4 border-l border-gray-200", children: [
|
|
4558
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "flex flex-col p-2 bg-accent-950 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("h5", { className: "text-md text-white font-medium", children: [
|
|
4557
4559
|
"Select a",
|
|
4558
4560
|
" ",
|
|
4559
4561
|
props.attributes?.label || props.attributes?.heading
|
|
4560
4562
|
] }) }),
|
|
4561
|
-
/* @__PURE__ */ (0,
|
|
4563
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.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_runtime76.jsx)(
|
|
4562
4564
|
"button",
|
|
4563
4565
|
{
|
|
4564
4566
|
type: "button",
|
|
@@ -4571,12 +4573,12 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
4571
4573
|
}
|
|
4572
4574
|
) })
|
|
4573
4575
|
] }),
|
|
4574
|
-
isCreateOpen && /* @__PURE__ */ (0,
|
|
4575
|
-
/* @__PURE__ */ (0,
|
|
4576
|
+
isCreateOpen && /* @__PURE__ */ (0, import_jsx_runtime76.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: [
|
|
4577
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "flex flex-col p-2 bg-accent-950", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("h5", { className: "text-md font-medium text-white", children: [
|
|
4576
4578
|
"Create New ",
|
|
4577
4579
|
props.attributes?.label
|
|
4578
4580
|
] }) }),
|
|
4579
|
-
/* @__PURE__ */ (0,
|
|
4581
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
4580
4582
|
"button",
|
|
4581
4583
|
{
|
|
4582
4584
|
type: "button",
|
|
@@ -4585,10 +4587,10 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
4585
4587
|
children: "Close"
|
|
4586
4588
|
}
|
|
4587
4589
|
) }),
|
|
4588
|
-
/* @__PURE__ */ (0,
|
|
4589
|
-
props.createFields?.map((field) => /* @__PURE__ */ (0,
|
|
4590
|
-
/* @__PURE__ */ (0,
|
|
4591
|
-
/* @__PURE__ */ (0,
|
|
4590
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "p-4", children: [
|
|
4591
|
+
props.createFields?.map((field) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "mb-4", children: [
|
|
4592
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("label", { className: "text-sm mb-1 font-medium block", children: field.label }),
|
|
4593
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
4592
4594
|
"input",
|
|
4593
4595
|
{
|
|
4594
4596
|
type: field.type,
|
|
@@ -4604,7 +4606,7 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
4604
4606
|
}
|
|
4605
4607
|
)
|
|
4606
4608
|
] }, field.name)),
|
|
4607
|
-
/* @__PURE__ */ (0,
|
|
4609
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Button_default, { onClick: async () => {
|
|
4608
4610
|
handleSaveModal();
|
|
4609
4611
|
return { isSuccessful: true };
|
|
4610
4612
|
}, className: "w-full", children: [
|
|
@@ -4613,13 +4615,13 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
4613
4615
|
] })
|
|
4614
4616
|
] })
|
|
4615
4617
|
] }),
|
|
4616
|
-
/* @__PURE__ */ (0,
|
|
4618
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
4617
4619
|
"div",
|
|
4618
4620
|
{
|
|
4619
4621
|
ref: listRef,
|
|
4620
4622
|
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",
|
|
4621
4623
|
style: { height: "calc(100vh - 130px)" },
|
|
4622
|
-
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0,
|
|
4624
|
+
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
4623
4625
|
"button",
|
|
4624
4626
|
{
|
|
4625
4627
|
onClick: (e) => {
|
|
@@ -4629,9 +4631,9 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
4629
4631
|
role: "option",
|
|
4630
4632
|
tabIndex: -1,
|
|
4631
4633
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
4632
|
-
children: /* @__PURE__ */ (0,
|
|
4634
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { children: getNestedValue7(item, props.dataTextFieldName) })
|
|
4633
4635
|
}
|
|
4634
|
-
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0,
|
|
4636
|
+
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
4635
4637
|
}
|
|
4636
4638
|
)
|
|
4637
4639
|
] }) })
|
|
@@ -4642,12 +4644,12 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
4642
4644
|
});
|
|
4643
4645
|
|
|
4644
4646
|
// src/components/controls/edit/BooleanSelect.tsx
|
|
4645
|
-
var import_react51,
|
|
4647
|
+
var import_react51, import_jsx_runtime77, BooleanSelect, BooleanSelect_default;
|
|
4646
4648
|
var init_BooleanSelect = __esm({
|
|
4647
4649
|
"src/components/controls/edit/BooleanSelect.tsx"() {
|
|
4648
4650
|
"use strict";
|
|
4649
4651
|
import_react51 = __toESM(require("react"));
|
|
4650
|
-
|
|
4652
|
+
import_jsx_runtime77 = require("react/jsx-runtime");
|
|
4651
4653
|
BooleanSelect = (props) => {
|
|
4652
4654
|
const [list, setList] = (0, import_react51.useState)();
|
|
4653
4655
|
const textChangeHandler = (event) => {
|
|
@@ -4696,11 +4698,11 @@ var init_BooleanSelect = __esm({
|
|
|
4696
4698
|
if (props.value !== void 0 && props.value !== null) {
|
|
4697
4699
|
value = props.value;
|
|
4698
4700
|
}
|
|
4699
|
-
return /* @__PURE__ */ (0,
|
|
4700
|
-
/* @__PURE__ */ (0,
|
|
4701
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("label", { className: "block", children: [
|
|
4702
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
4701
4703
|
" ",
|
|
4702
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
4703
|
-
/* @__PURE__ */ (0,
|
|
4704
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
4705
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
4704
4706
|
"select",
|
|
4705
4707
|
{
|
|
4706
4708
|
name: props.name,
|
|
@@ -4712,9 +4714,9 @@ var init_BooleanSelect = __esm({
|
|
|
4712
4714
|
disabled: props?.attributes?.readOnly,
|
|
4713
4715
|
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 ",
|
|
4714
4716
|
children: [
|
|
4715
|
-
/* @__PURE__ */ (0,
|
|
4717
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
|
|
4716
4718
|
list && list.map((item, i) => {
|
|
4717
|
-
return /* @__PURE__ */ (0,
|
|
4719
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
4718
4720
|
"option",
|
|
4719
4721
|
{
|
|
4720
4722
|
className: "fac-select-option",
|
|
@@ -4727,7 +4729,7 @@ var init_BooleanSelect = __esm({
|
|
|
4727
4729
|
]
|
|
4728
4730
|
}
|
|
4729
4731
|
),
|
|
4730
|
-
/* @__PURE__ */ (0,
|
|
4732
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
4731
4733
|
] }) });
|
|
4732
4734
|
};
|
|
4733
4735
|
BooleanSelect_default = BooleanSelect;
|
|
@@ -4735,12 +4737,12 @@ var init_BooleanSelect = __esm({
|
|
|
4735
4737
|
});
|
|
4736
4738
|
|
|
4737
4739
|
// src/components/controls/edit/EmailInput.tsx
|
|
4738
|
-
var import_react52,
|
|
4740
|
+
var import_react52, import_jsx_runtime78, EmailInput, EmailInput_default;
|
|
4739
4741
|
var init_EmailInput = __esm({
|
|
4740
4742
|
"src/components/controls/edit/EmailInput.tsx"() {
|
|
4741
4743
|
"use strict";
|
|
4742
4744
|
import_react52 = __toESM(require("react"));
|
|
4743
|
-
|
|
4745
|
+
import_jsx_runtime78 = require("react/jsx-runtime");
|
|
4744
4746
|
EmailInput = (props) => {
|
|
4745
4747
|
const textChangeHandler = (event) => {
|
|
4746
4748
|
const text = event.target.value;
|
|
@@ -4765,11 +4767,11 @@ var init_EmailInput = __esm({
|
|
|
4765
4767
|
if (props.value !== void 0 && props.value !== null) {
|
|
4766
4768
|
value = props.value;
|
|
4767
4769
|
}
|
|
4768
|
-
return /* @__PURE__ */ (0,
|
|
4769
|
-
/* @__PURE__ */ (0,
|
|
4770
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react52.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("label", { className: "block mb-1", children: [
|
|
4771
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
|
|
4770
4772
|
" ",
|
|
4771
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
4772
|
-
/* @__PURE__ */ (0,
|
|
4773
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
4774
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
4773
4775
|
"input",
|
|
4774
4776
|
{
|
|
4775
4777
|
type: "email",
|
|
@@ -4785,7 +4787,7 @@ var init_EmailInput = __esm({
|
|
|
4785
4787
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n transition-all duration-500 ease-in-out"
|
|
4786
4788
|
}
|
|
4787
4789
|
),
|
|
4788
|
-
/* @__PURE__ */ (0,
|
|
4790
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.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 : "" })
|
|
4789
4791
|
] }) });
|
|
4790
4792
|
};
|
|
4791
4793
|
EmailInput_default = EmailInput;
|
|
@@ -4793,13 +4795,13 @@ var init_EmailInput = __esm({
|
|
|
4793
4795
|
});
|
|
4794
4796
|
|
|
4795
4797
|
// src/components/controls/edit/TimeInput.tsx
|
|
4796
|
-
var import_react53,
|
|
4798
|
+
var import_react53, import_jsx_runtime79, TimeInput, TimeInput_default;
|
|
4797
4799
|
var init_TimeInput = __esm({
|
|
4798
4800
|
"src/components/controls/edit/TimeInput.tsx"() {
|
|
4799
4801
|
"use strict";
|
|
4800
4802
|
"use client";
|
|
4801
4803
|
import_react53 = __toESM(require("react"));
|
|
4802
|
-
|
|
4804
|
+
import_jsx_runtime79 = require("react/jsx-runtime");
|
|
4803
4805
|
TimeInput = (props) => {
|
|
4804
4806
|
const timeChangeHandler = (event) => {
|
|
4805
4807
|
const timeValue = event.target.value;
|
|
@@ -4812,11 +4814,11 @@ var init_TimeInput = __esm({
|
|
|
4812
4814
|
});
|
|
4813
4815
|
}
|
|
4814
4816
|
};
|
|
4815
|
-
return /* @__PURE__ */ (0,
|
|
4816
|
-
/* @__PURE__ */ (0,
|
|
4817
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react53.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("label", { className: "block mb-1", children: [
|
|
4818
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
4817
4819
|
" ",
|
|
4818
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
4819
|
-
/* @__PURE__ */ (0,
|
|
4820
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
4821
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
4820
4822
|
"input",
|
|
4821
4823
|
{
|
|
4822
4824
|
type: "time",
|
|
@@ -4829,7 +4831,7 @@ var init_TimeInput = __esm({
|
|
|
4829
4831
|
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"
|
|
4830
4832
|
}
|
|
4831
4833
|
) }),
|
|
4832
|
-
/* @__PURE__ */ (0,
|
|
4834
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ?? "" })
|
|
4833
4835
|
] }) });
|
|
4834
4836
|
};
|
|
4835
4837
|
TimeInput_default = TimeInput;
|
|
@@ -4837,7 +4839,7 @@ var init_TimeInput = __esm({
|
|
|
4837
4839
|
});
|
|
4838
4840
|
|
|
4839
4841
|
// src/components/controls/edit/AssetUpload.tsx
|
|
4840
|
-
var import_react54,
|
|
4842
|
+
var import_react54, import_jsx_runtime80, AssetUpload, AssetUpload_default;
|
|
4841
4843
|
var init_AssetUpload = __esm({
|
|
4842
4844
|
"src/components/controls/edit/AssetUpload.tsx"() {
|
|
4843
4845
|
"use strict";
|
|
@@ -4848,7 +4850,7 @@ var init_AssetUpload = __esm({
|
|
|
4848
4850
|
init_AssetUtility();
|
|
4849
4851
|
init_Hyperlink();
|
|
4850
4852
|
init_Icon();
|
|
4851
|
-
|
|
4853
|
+
import_jsx_runtime80 = require("react/jsx-runtime");
|
|
4852
4854
|
AssetUpload = (props) => {
|
|
4853
4855
|
const isDisabled = props.attributes?.disable ?? false;
|
|
4854
4856
|
let allValues = [];
|
|
@@ -4945,10 +4947,10 @@ var init_AssetUpload = __esm({
|
|
|
4945
4947
|
}
|
|
4946
4948
|
return false;
|
|
4947
4949
|
};
|
|
4948
|
-
return /* @__PURE__ */ (0,
|
|
4949
|
-
/* @__PURE__ */ (0,
|
|
4950
|
-
/* @__PURE__ */ (0,
|
|
4951
|
-
/* @__PURE__ */ (0,
|
|
4950
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_react54.default.Fragment, { children: [
|
|
4951
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("label", { className: "block mb-1", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }) }),
|
|
4952
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex gap-6 bg-neutral-100 rounded p-2", children: [
|
|
4953
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
4952
4954
|
ClientButton_default,
|
|
4953
4955
|
{
|
|
4954
4956
|
className: assetType === "image" ? "px-2 py-1 rounded bg-body-200 scale-95" : "text-neutral-700",
|
|
@@ -4958,7 +4960,7 @@ var init_AssetUpload = __esm({
|
|
|
4958
4960
|
children: "Image Upload"
|
|
4959
4961
|
}
|
|
4960
4962
|
),
|
|
4961
|
-
/* @__PURE__ */ (0,
|
|
4963
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
4962
4964
|
ClientButton_default,
|
|
4963
4965
|
{
|
|
4964
4966
|
className: assetType === "video" ? "bg-body-200 px-2 py-1 rounded-md scale-95" : "text-neutral-700",
|
|
@@ -4969,13 +4971,13 @@ var init_AssetUpload = __esm({
|
|
|
4969
4971
|
}
|
|
4970
4972
|
)
|
|
4971
4973
|
] }),
|
|
4972
|
-
shouldShowDetails() && /* @__PURE__ */ (0,
|
|
4973
|
-
/* @__PURE__ */ (0,
|
|
4974
|
-
/* @__PURE__ */ (0,
|
|
4975
|
-
/* @__PURE__ */ (0,
|
|
4976
|
-
/* @__PURE__ */ (0,
|
|
4977
|
-
/* @__PURE__ */ (0,
|
|
4978
|
-
/* @__PURE__ */ (0,
|
|
4974
|
+
shouldShowDetails() && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "relative mt-4 rounded-md p-4 border-2 border-dotted border-gray-300 bg-gray-50", children: [
|
|
4975
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.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" }),
|
|
4976
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "flex flex-col gap-3", children: allValues.map((digitalAsset, index) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex justify-between items-start gap-5", children: [
|
|
4977
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm w-full", children: [
|
|
4978
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { children: [
|
|
4979
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-gray-500", children: "Title" }),
|
|
4980
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
4979
4981
|
"input",
|
|
4980
4982
|
{
|
|
4981
4983
|
type: "text",
|
|
@@ -4987,18 +4989,18 @@ var init_AssetUpload = __esm({
|
|
|
4987
4989
|
}
|
|
4988
4990
|
)
|
|
4989
4991
|
] }),
|
|
4990
|
-
digitalAsset.intrinsicWidth && digitalAsset.intrinsicHeight && /* @__PURE__ */ (0,
|
|
4991
|
-
/* @__PURE__ */ (0,
|
|
4992
|
-
/* @__PURE__ */ (0,
|
|
4992
|
+
digitalAsset.intrinsicWidth && digitalAsset.intrinsicHeight && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { children: [
|
|
4993
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-gray-500", children: "Resolution" }),
|
|
4994
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("p", { className: "font-medium text-gray-900 mt-3", children: [
|
|
4993
4995
|
digitalAsset.intrinsicWidth,
|
|
4994
4996
|
"\xD7",
|
|
4995
4997
|
digitalAsset.intrinsicHeight
|
|
4996
4998
|
] })
|
|
4997
4999
|
] }),
|
|
4998
|
-
(digitalAsset.assetUrl || digitalAsset.posterUrl) && /* @__PURE__ */ (0,
|
|
4999
|
-
/* @__PURE__ */ (0,
|
|
5000
|
-
/* @__PURE__ */ (0,
|
|
5001
|
-
getAssetType(digitalAsset) === "video" && digitalAsset.posterUrl && /* @__PURE__ */ (0,
|
|
5000
|
+
(digitalAsset.assetUrl || digitalAsset.posterUrl) && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { children: [
|
|
5001
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-gray-500", children: "Image / Poster" }),
|
|
5002
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex-shrink-0 flex flex-col gap-3 mt-1", children: [
|
|
5003
|
+
getAssetType(digitalAsset) === "video" && digitalAsset.posterUrl && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
5002
5004
|
"img",
|
|
5003
5005
|
{
|
|
5004
5006
|
src: AssetUtility_default.resolveUrl(props.serviceClient?.baseUrl, digitalAsset.posterUrl),
|
|
@@ -5006,7 +5008,7 @@ var init_AssetUpload = __esm({
|
|
|
5006
5008
|
className: "w-32 h-auto object-cover rounded border p-1"
|
|
5007
5009
|
}
|
|
5008
5010
|
),
|
|
5009
|
-
getAssetType(digitalAsset) === "image" && digitalAsset.assetUrl && /* @__PURE__ */ (0,
|
|
5011
|
+
getAssetType(digitalAsset) === "image" && digitalAsset.assetUrl && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
5010
5012
|
"img",
|
|
5011
5013
|
{
|
|
5012
5014
|
src: AssetUtility_default.resolveUrl(props.serviceClient?.baseUrl, digitalAsset.assetUrl),
|
|
@@ -5016,9 +5018,9 @@ var init_AssetUpload = __esm({
|
|
|
5016
5018
|
)
|
|
5017
5019
|
] })
|
|
5018
5020
|
] }),
|
|
5019
|
-
digitalAsset.assetUrl?.endsWith(".m3u8") && /* @__PURE__ */ (0,
|
|
5020
|
-
/* @__PURE__ */ (0,
|
|
5021
|
-
/* @__PURE__ */ (0,
|
|
5021
|
+
digitalAsset.assetUrl?.endsWith(".m3u8") && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "col-span-2", children: [
|
|
5022
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-gray-500", children: "HLS Link" }),
|
|
5023
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
5022
5024
|
Hyperlink,
|
|
5023
5025
|
{
|
|
5024
5026
|
href: digitalAsset.assetUrl,
|
|
@@ -5029,12 +5031,12 @@ var init_AssetUpload = __esm({
|
|
|
5029
5031
|
)
|
|
5030
5032
|
] })
|
|
5031
5033
|
] }),
|
|
5032
|
-
/* @__PURE__ */ (0,
|
|
5034
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
5033
5035
|
"span",
|
|
5034
5036
|
{
|
|
5035
5037
|
onClick: () => !isDisabled && deleteFile(index),
|
|
5036
5038
|
className: isDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
|
|
5037
|
-
children: /* @__PURE__ */ (0,
|
|
5039
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Icon_default, { className: "w-4 h-4 text-primary", name: "delete" })
|
|
5038
5040
|
}
|
|
5039
5041
|
)
|
|
5040
5042
|
] }, index)) })
|
|
@@ -5046,12 +5048,12 @@ var init_AssetUpload = __esm({
|
|
|
5046
5048
|
});
|
|
5047
5049
|
|
|
5048
5050
|
// src/components/controls/edit/SwitchInput.tsx
|
|
5049
|
-
var import_react55,
|
|
5051
|
+
var import_react55, import_jsx_runtime81, SwitchInput, SwitchInput_default;
|
|
5050
5052
|
var init_SwitchInput = __esm({
|
|
5051
5053
|
"src/components/controls/edit/SwitchInput.tsx"() {
|
|
5052
5054
|
"use strict";
|
|
5053
5055
|
import_react55 = __toESM(require("react"));
|
|
5054
|
-
|
|
5056
|
+
import_jsx_runtime81 = require("react/jsx-runtime");
|
|
5055
5057
|
SwitchInput = (props) => {
|
|
5056
5058
|
const textChangeHandler = (event) => {
|
|
5057
5059
|
let text = event.target.checked;
|
|
@@ -5068,28 +5070,28 @@ var init_SwitchInput = __esm({
|
|
|
5068
5070
|
if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
|
|
5069
5071
|
value = true;
|
|
5070
5072
|
}
|
|
5071
|
-
return /* @__PURE__ */ (0,
|
|
5072
|
-
/* @__PURE__ */ (0,
|
|
5073
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
5073
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react55.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex items-start justify-between gap-4 py-3", children: [
|
|
5074
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "min-w-0", children: [
|
|
5075
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
|
|
5074
5076
|
"label",
|
|
5075
5077
|
{
|
|
5076
5078
|
htmlFor: props.name,
|
|
5077
5079
|
className: "inline-block text-sm font-semibold text-slate-800",
|
|
5078
5080
|
children: [
|
|
5079
5081
|
props.attributes.label,
|
|
5080
|
-
props?.attributes?.required && /* @__PURE__ */ (0,
|
|
5082
|
+
props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
5081
5083
|
]
|
|
5082
5084
|
}
|
|
5083
5085
|
),
|
|
5084
|
-
/* @__PURE__ */ (0,
|
|
5086
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage || "" })
|
|
5085
5087
|
] }),
|
|
5086
|
-
/* @__PURE__ */ (0,
|
|
5088
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
|
|
5087
5089
|
"label",
|
|
5088
5090
|
{
|
|
5089
5091
|
htmlFor: props.name,
|
|
5090
5092
|
className: "relative inline-flex shrink-0 cursor-pointer items-center peer-disabled:cursor-not-allowed",
|
|
5091
5093
|
children: [
|
|
5092
|
-
/* @__PURE__ */ (0,
|
|
5094
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
5093
5095
|
"input",
|
|
5094
5096
|
{
|
|
5095
5097
|
type: "checkbox",
|
|
@@ -5102,13 +5104,13 @@ var init_SwitchInput = __esm({
|
|
|
5102
5104
|
className: "peer sr-only"
|
|
5103
5105
|
}
|
|
5104
5106
|
),
|
|
5105
|
-
/* @__PURE__ */ (0,
|
|
5107
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
5106
5108
|
"div",
|
|
5107
5109
|
{
|
|
5108
5110
|
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"
|
|
5109
5111
|
}
|
|
5110
5112
|
),
|
|
5111
|
-
/* @__PURE__ */ (0,
|
|
5113
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
5112
5114
|
"div",
|
|
5113
5115
|
{
|
|
5114
5116
|
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"
|
|
@@ -5206,13 +5208,13 @@ var init_DateTimeUtility = __esm({
|
|
|
5206
5208
|
});
|
|
5207
5209
|
|
|
5208
5210
|
// src/components/controls/edit/DateInput.tsx
|
|
5209
|
-
var import_react56,
|
|
5211
|
+
var import_react56, import_jsx_runtime82, DateInput, DateInput_default;
|
|
5210
5212
|
var init_DateInput = __esm({
|
|
5211
5213
|
"src/components/controls/edit/DateInput.tsx"() {
|
|
5212
5214
|
"use strict";
|
|
5213
5215
|
import_react56 = require("react");
|
|
5214
5216
|
init_DateTimeUtility();
|
|
5215
|
-
|
|
5217
|
+
import_jsx_runtime82 = require("react/jsx-runtime");
|
|
5216
5218
|
DateInput = (props) => {
|
|
5217
5219
|
const value = (0, import_react56.useMemo)(() => {
|
|
5218
5220
|
if (props.value === void 0 || props.value === null || props.value === "") {
|
|
@@ -5246,11 +5248,11 @@ var init_DateInput = __esm({
|
|
|
5246
5248
|
groupKey: props.groupKey
|
|
5247
5249
|
});
|
|
5248
5250
|
};
|
|
5249
|
-
return /* @__PURE__ */ (0,
|
|
5250
|
-
props.attributes?.label && /* @__PURE__ */ (0,
|
|
5251
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("label", { className: "block mb-1", children: [
|
|
5252
|
+
props.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-sm font-medium", children: props.attributes.label }),
|
|
5251
5253
|
" ",
|
|
5252
|
-
props.attributes?.label && props.attributes.required && /* @__PURE__ */ (0,
|
|
5253
|
-
/* @__PURE__ */ (0,
|
|
5254
|
+
props.attributes?.label && props.attributes.required && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
5255
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
5254
5256
|
"input",
|
|
5255
5257
|
{
|
|
5256
5258
|
type: "date",
|
|
@@ -5264,7 +5266,7 @@ var init_DateInput = __esm({
|
|
|
5264
5266
|
className: `peer input mt-1 py-1.5 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`
|
|
5265
5267
|
}
|
|
5266
5268
|
),
|
|
5267
|
-
/* @__PURE__ */ (0,
|
|
5269
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props.attributes?.errorMessage ?? "" })
|
|
5268
5270
|
] });
|
|
5269
5271
|
};
|
|
5270
5272
|
DateInput_default = DateInput;
|
|
@@ -5272,13 +5274,13 @@ var init_DateInput = __esm({
|
|
|
5272
5274
|
});
|
|
5273
5275
|
|
|
5274
5276
|
// src/components/controls/edit/RadioInput.tsx
|
|
5275
|
-
var import_react57,
|
|
5277
|
+
var import_react57, import_jsx_runtime83, RadioInput, RadioInput_default;
|
|
5276
5278
|
var init_RadioInput = __esm({
|
|
5277
5279
|
"src/components/controls/edit/RadioInput.tsx"() {
|
|
5278
5280
|
"use strict";
|
|
5279
5281
|
import_react57 = require("react");
|
|
5280
5282
|
init_Icon();
|
|
5281
|
-
|
|
5283
|
+
import_jsx_runtime83 = require("react/jsx-runtime");
|
|
5282
5284
|
RadioInput = (props) => {
|
|
5283
5285
|
const [list, setList] = (0, import_react57.useState)([]);
|
|
5284
5286
|
(0, import_react57.useEffect)(() => {
|
|
@@ -5323,22 +5325,22 @@ var init_RadioInput = __esm({
|
|
|
5323
5325
|
});
|
|
5324
5326
|
}
|
|
5325
5327
|
};
|
|
5326
|
-
return /* @__PURE__ */ (0,
|
|
5327
|
-
/* @__PURE__ */ (0,
|
|
5328
|
-
/* @__PURE__ */ (0,
|
|
5328
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "block", children: [
|
|
5329
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "text-sm font-medium", children: props.attributes?.label }),
|
|
5330
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "flex flex-col gap-3", children: list.map((item, index) => {
|
|
5329
5331
|
const itemValue = item[props.dataKeyFieldName];
|
|
5330
5332
|
const isSelected = String(itemValue) === String(props.value ?? "");
|
|
5331
5333
|
const isRecommended = props.dataRecommendedValue !== void 0 && String(itemValue) === String(props.dataRecommendedValue);
|
|
5332
5334
|
const resultClassName = isSelected ? isRecommended ? "bg-success" : props.dataRecommendedValue ? "bg-alert" : "border-transparent" : "border-transparent";
|
|
5333
5335
|
const iconName = isSelected && props.dataRecommendedValue ? isRecommended ? "checkCircle" : "xCircle" : void 0;
|
|
5334
5336
|
const inputId = `${props.name}-${props.index ?? 0}-id-${index}`;
|
|
5335
|
-
return /* @__PURE__ */ (0,
|
|
5337
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
5336
5338
|
"div",
|
|
5337
5339
|
{
|
|
5338
5340
|
className: `font-normal flex items-center justify-between gap-4 cursor-pointer border rounded p-2 ${resultClassName}`,
|
|
5339
5341
|
children: [
|
|
5340
|
-
/* @__PURE__ */ (0,
|
|
5341
|
-
/* @__PURE__ */ (0,
|
|
5342
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex gap-4 items-start", children: [
|
|
5343
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
5342
5344
|
"input",
|
|
5343
5345
|
{
|
|
5344
5346
|
type: "radio",
|
|
@@ -5352,15 +5354,15 @@ var init_RadioInput = __esm({
|
|
|
5352
5354
|
required: props.attributes?.required
|
|
5353
5355
|
}
|
|
5354
5356
|
),
|
|
5355
|
-
/* @__PURE__ */ (0,
|
|
5357
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("label", { className: "text-body-950 pr-2", htmlFor: inputId, children: item[props.dataTextFieldName] })
|
|
5356
5358
|
] }),
|
|
5357
|
-
iconName && /* @__PURE__ */ (0,
|
|
5359
|
+
iconName && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Icon_default, { className: "w-5 h-5 text-success", name: iconName })
|
|
5358
5360
|
]
|
|
5359
5361
|
},
|
|
5360
5362
|
String(itemValue)
|
|
5361
5363
|
);
|
|
5362
5364
|
}) }),
|
|
5363
|
-
/* @__PURE__ */ (0,
|
|
5365
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props.attributes?.errorMessage ?? "" })
|
|
5364
5366
|
] });
|
|
5365
5367
|
};
|
|
5366
5368
|
RadioInput_default = RadioInput;
|
|
@@ -5368,12 +5370,12 @@ var init_RadioInput = __esm({
|
|
|
5368
5370
|
});
|
|
5369
5371
|
|
|
5370
5372
|
// src/components/controls/edit/Switcher.tsx
|
|
5371
|
-
var import_react58,
|
|
5373
|
+
var import_react58, import_jsx_runtime84, Switcher, Switcher_default;
|
|
5372
5374
|
var init_Switcher = __esm({
|
|
5373
5375
|
"src/components/controls/edit/Switcher.tsx"() {
|
|
5374
5376
|
"use strict";
|
|
5375
5377
|
import_react58 = require("react");
|
|
5376
|
-
|
|
5378
|
+
import_jsx_runtime84 = require("react/jsx-runtime");
|
|
5377
5379
|
Switcher = (props) => {
|
|
5378
5380
|
const [list, setList] = (0, import_react58.useState)([]);
|
|
5379
5381
|
(0, import_react58.useEffect)(() => {
|
|
@@ -5417,9 +5419,9 @@ var init_Switcher = __esm({
|
|
|
5417
5419
|
});
|
|
5418
5420
|
};
|
|
5419
5421
|
const value = props.value === void 0 || props.value === null ? "" : String(props.value);
|
|
5420
|
-
return /* @__PURE__ */ (0,
|
|
5421
|
-
/* @__PURE__ */ (0,
|
|
5422
|
-
list.length === 0 ? /* @__PURE__ */ (0,
|
|
5422
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("label", { className: "block mb-1", children: [
|
|
5423
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "text-sm font-medium", children: props.attributes?.label }),
|
|
5424
|
+
list.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5423
5425
|
"input",
|
|
5424
5426
|
{
|
|
5425
5427
|
type: "text",
|
|
@@ -5432,7 +5434,7 @@ var init_Switcher = __esm({
|
|
|
5432
5434
|
disabled: props.attributes?.readOnly,
|
|
5433
5435
|
className: `peer input mt-1 py-1.5 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`
|
|
5434
5436
|
}
|
|
5435
|
-
) : /* @__PURE__ */ (0,
|
|
5437
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
5436
5438
|
"select",
|
|
5437
5439
|
{
|
|
5438
5440
|
name: props.name,
|
|
@@ -5443,8 +5445,8 @@ var init_Switcher = __esm({
|
|
|
5443
5445
|
disabled: props.attributes?.readOnly,
|
|
5444
5446
|
className: `peer select my-1 py-1 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`,
|
|
5445
5447
|
children: [
|
|
5446
|
-
/* @__PURE__ */ (0,
|
|
5447
|
-
list.map((item) => /* @__PURE__ */ (0,
|
|
5448
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("option", { value: "", children: props.attributes?.placeholder || "Select" }),
|
|
5449
|
+
list.map((item) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5448
5450
|
"option",
|
|
5449
5451
|
{
|
|
5450
5452
|
value: item[props.dataKeyFieldName],
|
|
@@ -5455,7 +5457,7 @@ var init_Switcher = __esm({
|
|
|
5455
5457
|
]
|
|
5456
5458
|
}
|
|
5457
5459
|
),
|
|
5458
|
-
/* @__PURE__ */ (0,
|
|
5460
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props.attributes?.errorMessage ?? "" })
|
|
5459
5461
|
] });
|
|
5460
5462
|
};
|
|
5461
5463
|
Switcher_default = Switcher;
|
|
@@ -5463,14 +5465,14 @@ var init_Switcher = __esm({
|
|
|
5463
5465
|
});
|
|
5464
5466
|
|
|
5465
5467
|
// src/components/controls/edit/ReferenceInput.tsx
|
|
5466
|
-
var
|
|
5468
|
+
var import_jsx_runtime85, ReferenceInput, ReferenceInput_default;
|
|
5467
5469
|
var init_ReferenceInput = __esm({
|
|
5468
5470
|
"src/components/controls/edit/ReferenceInput.tsx"() {
|
|
5469
5471
|
"use strict";
|
|
5470
5472
|
init_SelectWithSearchInput();
|
|
5471
|
-
|
|
5473
|
+
import_jsx_runtime85 = require("react/jsx-runtime");
|
|
5472
5474
|
ReferenceInput = (props) => {
|
|
5473
|
-
return /* @__PURE__ */ (0,
|
|
5475
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(SelectWithSearchInput_default, { ...props });
|
|
5474
5476
|
};
|
|
5475
5477
|
ReferenceInput_default = ReferenceInput;
|
|
5476
5478
|
}
|
|
@@ -5481,7 +5483,7 @@ var InputControlClient_exports = {};
|
|
|
5481
5483
|
__export(InputControlClient_exports, {
|
|
5482
5484
|
default: () => InputControlClient_default
|
|
5483
5485
|
});
|
|
5484
|
-
var import_react59,
|
|
5486
|
+
var import_react59, import_jsx_runtime86, InputControl, InputControlClient_default;
|
|
5485
5487
|
var init_InputControlClient = __esm({
|
|
5486
5488
|
"src/components/controls/edit/InputControlClient.tsx"() {
|
|
5487
5489
|
"use strict";
|
|
@@ -5510,7 +5512,7 @@ var init_InputControlClient = __esm({
|
|
|
5510
5512
|
init_RadioInput();
|
|
5511
5513
|
init_Switcher();
|
|
5512
5514
|
init_ReferenceInput();
|
|
5513
|
-
|
|
5515
|
+
import_jsx_runtime86 = require("react/jsx-runtime");
|
|
5514
5516
|
InputControl = import_react59.default.forwardRef(
|
|
5515
5517
|
(props, ref) => {
|
|
5516
5518
|
const ControlComponents = {
|
|
@@ -5539,7 +5541,7 @@ var init_InputControlClient = __esm({
|
|
|
5539
5541
|
[InputControlType_default.referenceInput]: ReferenceInput_default
|
|
5540
5542
|
};
|
|
5541
5543
|
const SelectedControlComponent = ControlComponents[props.controlType];
|
|
5542
|
-
return /* @__PURE__ */ (0,
|
|
5544
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react59.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
|
|
5543
5545
|
}
|
|
5544
5546
|
);
|
|
5545
5547
|
InputControl.displayName = "InputControl";
|
|
@@ -5565,7 +5567,7 @@ var DataBindingControls_exports = {};
|
|
|
5565
5567
|
__export(DataBindingControls_exports, {
|
|
5566
5568
|
default: () => DataBindingControls_default
|
|
5567
5569
|
});
|
|
5568
|
-
var import_react60, import_navigation,
|
|
5570
|
+
var import_react60, import_navigation, import_jsx_runtime87, humanize, escapeODataString, parseFacetSelections, buildFacetFilter, parseODataSearch, normalizeSortOption, DUMMY_FACETS, DUMMY_SORT_OPTIONS, DataBindingControls, DataBindingControls_default;
|
|
5569
5571
|
var init_DataBindingControls = __esm({
|
|
5570
5572
|
"src/components/pageRenderingEngine/nodes/DataBindingControls.tsx"() {
|
|
5571
5573
|
"use strict";
|
|
@@ -5574,7 +5576,7 @@ var init_DataBindingControls = __esm({
|
|
|
5574
5576
|
import_navigation = require("next/navigation");
|
|
5575
5577
|
init_InputControl();
|
|
5576
5578
|
init_InputControlType();
|
|
5577
|
-
|
|
5579
|
+
import_jsx_runtime87 = require("react/jsx-runtime");
|
|
5578
5580
|
humanize = (value) => value.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim();
|
|
5579
5581
|
escapeODataString = (value) => value.replace(/'/g, "''");
|
|
5580
5582
|
parseFacetSelections = (filter) => {
|
|
@@ -5723,8 +5725,8 @@ var init_DataBindingControls = __esm({
|
|
|
5723
5725
|
if (!shouldShowToolbar && !shouldShowFacets) {
|
|
5724
5726
|
return null;
|
|
5725
5727
|
}
|
|
5726
|
-
const renderFacetLinks = (field, values, stacked = false) => /* @__PURE__ */ (0,
|
|
5727
|
-
/* @__PURE__ */ (0,
|
|
5728
|
+
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: [
|
|
5729
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
5728
5730
|
"button",
|
|
5729
5731
|
{
|
|
5730
5732
|
type: "button",
|
|
@@ -5736,7 +5738,7 @@ var init_DataBindingControls = __esm({
|
|
|
5736
5738
|
),
|
|
5737
5739
|
values.map((facet) => {
|
|
5738
5740
|
const isSelected = selectedFacetValues.get(field) === facet.value;
|
|
5739
|
-
return /* @__PURE__ */ (0,
|
|
5741
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
|
|
5740
5742
|
"button",
|
|
5741
5743
|
{
|
|
5742
5744
|
type: "button",
|
|
@@ -5754,9 +5756,9 @@ var init_DataBindingControls = __esm({
|
|
|
5754
5756
|
);
|
|
5755
5757
|
})
|
|
5756
5758
|
] });
|
|
5757
|
-
return /* @__PURE__ */ (0,
|
|
5758
|
-
shouldShowToolbar && /* @__PURE__ */ (0,
|
|
5759
|
-
showSearchBar && /* @__PURE__ */ (0,
|
|
5759
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: mode === "toolbar" ? "mb-6" : "flex flex-col gap-2", children: [
|
|
5760
|
+
shouldShowToolbar && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
|
|
5761
|
+
showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "w-full max-w-xl", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
5760
5762
|
InputControl_default,
|
|
5761
5763
|
{
|
|
5762
5764
|
name: "searchText",
|
|
@@ -5767,9 +5769,9 @@ var init_DataBindingControls = __esm({
|
|
|
5767
5769
|
inputClasses: "!mt-0"
|
|
5768
5770
|
}
|
|
5769
5771
|
) }),
|
|
5770
|
-
hasSortControls && /* @__PURE__ */ (0,
|
|
5771
|
-
/* @__PURE__ */ (0,
|
|
5772
|
-
/* @__PURE__ */ (0,
|
|
5772
|
+
hasSortControls && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex items-center gap-2 text-sm", children: [
|
|
5773
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "font-medium", children: "Sort by" }),
|
|
5774
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
5773
5775
|
InputControl_default,
|
|
5774
5776
|
{
|
|
5775
5777
|
name: "sortOptions",
|
|
@@ -5790,10 +5792,10 @@ var init_DataBindingControls = __esm({
|
|
|
5790
5792
|
)
|
|
5791
5793
|
] })
|
|
5792
5794
|
] }),
|
|
5793
|
-
shouldShowFacets && facetGroups.length === 1 && /* @__PURE__ */ (0,
|
|
5794
|
-
shouldShowFacets && facetGroups.length > 1 && /* @__PURE__ */ (0,
|
|
5795
|
-
/* @__PURE__ */ (0,
|
|
5796
|
-
/* @__PURE__ */ (0,
|
|
5795
|
+
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]) }),
|
|
5796
|
+
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: [
|
|
5797
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("summary", { className: "cursor-pointer font-semibold", children: humanize(field) }),
|
|
5798
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "p-2", children: renderFacetLinks(field, values, true) })
|
|
5797
5799
|
] }, field)) })
|
|
5798
5800
|
] });
|
|
5799
5801
|
};
|
|
@@ -5806,13 +5808,13 @@ var Slider_exports = {};
|
|
|
5806
5808
|
__export(Slider_exports, {
|
|
5807
5809
|
default: () => Slider_default
|
|
5808
5810
|
});
|
|
5809
|
-
var import_react61,
|
|
5811
|
+
var import_react61, import_jsx_runtime88, Slider, ArrowButton, ProgressPill, Slider_default;
|
|
5810
5812
|
var init_Slider = __esm({
|
|
5811
5813
|
"src/components/Slider.tsx"() {
|
|
5812
5814
|
"use strict";
|
|
5813
5815
|
"use client";
|
|
5814
5816
|
import_react61 = __toESM(require("react"));
|
|
5815
|
-
|
|
5817
|
+
import_jsx_runtime88 = require("react/jsx-runtime");
|
|
5816
5818
|
Slider = ({
|
|
5817
5819
|
children,
|
|
5818
5820
|
slidesToShow = 4,
|
|
@@ -5909,7 +5911,7 @@ var init_Slider = __esm({
|
|
|
5909
5911
|
if (!import_react61.default.isValidElement(child)) return null;
|
|
5910
5912
|
const childProps = child.props;
|
|
5911
5913
|
const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
|
|
5912
|
-
return /* @__PURE__ */ (0,
|
|
5914
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
5913
5915
|
"div",
|
|
5914
5916
|
{
|
|
5915
5917
|
className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
|
|
@@ -5932,14 +5934,14 @@ var init_Slider = __esm({
|
|
|
5932
5934
|
return "bottom-4";
|
|
5933
5935
|
}
|
|
5934
5936
|
};
|
|
5935
|
-
return /* @__PURE__ */ (0,
|
|
5937
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
|
|
5936
5938
|
"div",
|
|
5937
5939
|
{
|
|
5938
5940
|
className: `relative w-full overflow-hidden ${className}`,
|
|
5939
5941
|
onMouseEnter: handleMouseEnter,
|
|
5940
5942
|
onMouseLeave: handleMouseLeave,
|
|
5941
5943
|
children: [
|
|
5942
|
-
/* @__PURE__ */ (0,
|
|
5944
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
5943
5945
|
"div",
|
|
5944
5946
|
{
|
|
5945
5947
|
className: "flex h-full",
|
|
@@ -5950,18 +5952,18 @@ var init_Slider = __esm({
|
|
|
5950
5952
|
children: slides
|
|
5951
5953
|
}
|
|
5952
5954
|
),
|
|
5953
|
-
show_arrows && /* @__PURE__ */ (0,
|
|
5954
|
-
/* @__PURE__ */ (0,
|
|
5955
|
+
show_arrows && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
|
|
5956
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
5955
5957
|
ArrowButton,
|
|
5956
5958
|
{
|
|
5957
5959
|
direction: "left",
|
|
5958
5960
|
onClick: prevSlide,
|
|
5959
5961
|
visible: infinite_scroll || currentSlide > 0,
|
|
5960
5962
|
className: arrowClassName,
|
|
5961
|
-
children: /* @__PURE__ */ (0,
|
|
5963
|
+
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" }) })
|
|
5962
5964
|
}
|
|
5963
5965
|
),
|
|
5964
|
-
/* @__PURE__ */ (0,
|
|
5966
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
|
|
5965
5967
|
ArrowButton,
|
|
5966
5968
|
{
|
|
5967
5969
|
direction: "right",
|
|
@@ -5969,13 +5971,13 @@ var init_Slider = __esm({
|
|
|
5969
5971
|
visible: infinite_scroll || currentSlide < maxSlide,
|
|
5970
5972
|
className: arrowClassName,
|
|
5971
5973
|
children: [
|
|
5972
|
-
/* @__PURE__ */ (0,
|
|
5974
|
+
/* @__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" }) }),
|
|
5973
5975
|
" "
|
|
5974
5976
|
]
|
|
5975
5977
|
}
|
|
5976
5978
|
)
|
|
5977
5979
|
] }),
|
|
5978
|
-
show_dots && /* @__PURE__ */ (0,
|
|
5980
|
+
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)(
|
|
5979
5981
|
ProgressPill,
|
|
5980
5982
|
{
|
|
5981
5983
|
active: index === currentSlide,
|
|
@@ -6001,7 +6003,7 @@ var init_Slider = __esm({
|
|
|
6001
6003
|
visible,
|
|
6002
6004
|
children,
|
|
6003
6005
|
className = ""
|
|
6004
|
-
}) => /* @__PURE__ */ (0,
|
|
6006
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
6005
6007
|
"button",
|
|
6006
6008
|
{
|
|
6007
6009
|
className: `
|
|
@@ -6088,7 +6090,7 @@ var init_Slider = __esm({
|
|
|
6088
6090
|
const renderProgressBar = () => {
|
|
6089
6091
|
if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
|
|
6090
6092
|
const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
|
|
6091
|
-
return /* @__PURE__ */ (0,
|
|
6093
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
6092
6094
|
"div",
|
|
6093
6095
|
{
|
|
6094
6096
|
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`,
|
|
@@ -6100,7 +6102,7 @@ var init_Slider = __esm({
|
|
|
6100
6102
|
};
|
|
6101
6103
|
const renderCumulativeFill = () => {
|
|
6102
6104
|
if (style === "cumulative" && isFilled && !isActive) {
|
|
6103
|
-
return /* @__PURE__ */ (0,
|
|
6105
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
6104
6106
|
"div",
|
|
6105
6107
|
{
|
|
6106
6108
|
className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
|
|
@@ -6110,7 +6112,7 @@ var init_Slider = __esm({
|
|
|
6110
6112
|
}
|
|
6111
6113
|
return null;
|
|
6112
6114
|
};
|
|
6113
|
-
return /* @__PURE__ */ (0,
|
|
6115
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
|
|
6114
6116
|
"button",
|
|
6115
6117
|
{
|
|
6116
6118
|
className: `${baseClasses} ${getStyleClasses()}`,
|
|
@@ -6614,7 +6616,8 @@ var ViewControlTypes = {
|
|
|
6614
6616
|
aiGeneratedSummary: "aiGeneratedSummary",
|
|
6615
6617
|
booleanView: "booleanView",
|
|
6616
6618
|
text: "text",
|
|
6617
|
-
commentRenderer: "commentRenderer"
|
|
6619
|
+
commentRenderer: "commentRenderer",
|
|
6620
|
+
avatar: "avatar"
|
|
6618
6621
|
};
|
|
6619
6622
|
var ViewControlTypes_default = ViewControlTypes;
|
|
6620
6623
|
|
|
@@ -6875,8 +6878,82 @@ var CommentRenderer = (0, import_dynamic7.default)(() => Promise.resolve().then(
|
|
|
6875
6878
|
});
|
|
6876
6879
|
var Commentrenderer_default = CommentRenderer;
|
|
6877
6880
|
|
|
6878
|
-
// src/components/controls/view/
|
|
6881
|
+
// src/components/controls/view/AvatarView.tsx
|
|
6879
6882
|
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
6883
|
+
var AVATAR_COLORS = [
|
|
6884
|
+
"#1abc9c",
|
|
6885
|
+
"#2ecc71",
|
|
6886
|
+
"#3498db",
|
|
6887
|
+
"#9b59b6",
|
|
6888
|
+
"#e67e22",
|
|
6889
|
+
"#e74c3c",
|
|
6890
|
+
"#16a085",
|
|
6891
|
+
"#27ae60",
|
|
6892
|
+
"#2980b9",
|
|
6893
|
+
"#8e44ad",
|
|
6894
|
+
"#f39c12",
|
|
6895
|
+
"#d35400",
|
|
6896
|
+
"#c0392b",
|
|
6897
|
+
"#7f8c8d",
|
|
6898
|
+
"#2c3e50"
|
|
6899
|
+
];
|
|
6900
|
+
var hashString = (text) => {
|
|
6901
|
+
let hash = 0;
|
|
6902
|
+
for (let i = 0; i < text.length; i += 1) {
|
|
6903
|
+
hash = (hash << 5) - hash + text.charCodeAt(i);
|
|
6904
|
+
hash |= 0;
|
|
6905
|
+
}
|
|
6906
|
+
return Math.abs(hash);
|
|
6907
|
+
};
|
|
6908
|
+
var getInitials = (text) => {
|
|
6909
|
+
const words = text.trim().split(/\s+/).filter(Boolean);
|
|
6910
|
+
if (words.length === 0) {
|
|
6911
|
+
return "";
|
|
6912
|
+
}
|
|
6913
|
+
if (words.length === 1) {
|
|
6914
|
+
return words[0].slice(0, 2).toUpperCase();
|
|
6915
|
+
}
|
|
6916
|
+
return (words[0][0] + words[words.length - 1][0]).toUpperCase();
|
|
6917
|
+
};
|
|
6918
|
+
var AvatarView = (props) => {
|
|
6919
|
+
const text = props.value === null || props.value === void 0 ? "" : String(props.value).trim();
|
|
6920
|
+
if (!text) {
|
|
6921
|
+
return null;
|
|
6922
|
+
}
|
|
6923
|
+
const initials = getInitials(text);
|
|
6924
|
+
const backgroundColor = AVATAR_COLORS[hashString(text) % AVATAR_COLORS.length];
|
|
6925
|
+
const size = props.width ?? "2rem";
|
|
6926
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
6927
|
+
"span",
|
|
6928
|
+
{
|
|
6929
|
+
className: "avatar-view",
|
|
6930
|
+
title: text,
|
|
6931
|
+
"aria-label": text,
|
|
6932
|
+
style: {
|
|
6933
|
+
display: "inline-flex",
|
|
6934
|
+
alignItems: "center",
|
|
6935
|
+
justifyContent: "center",
|
|
6936
|
+
width: size,
|
|
6937
|
+
height: size,
|
|
6938
|
+
borderRadius: "9999px",
|
|
6939
|
+
backgroundColor,
|
|
6940
|
+
color: "#fff",
|
|
6941
|
+
fontWeight: 600,
|
|
6942
|
+
fontSize: "0.75em",
|
|
6943
|
+
lineHeight: 1,
|
|
6944
|
+
textTransform: "uppercase",
|
|
6945
|
+
userSelect: "none",
|
|
6946
|
+
flexShrink: 0,
|
|
6947
|
+
overflow: "hidden"
|
|
6948
|
+
},
|
|
6949
|
+
children: initials
|
|
6950
|
+
}
|
|
6951
|
+
);
|
|
6952
|
+
};
|
|
6953
|
+
var AvatarView_default = AvatarView;
|
|
6954
|
+
|
|
6955
|
+
// src/components/controls/view/ViewControl.tsx
|
|
6956
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
6880
6957
|
var ViewControl = (props) => {
|
|
6881
6958
|
const ControlComponents = {
|
|
6882
6959
|
[ViewControlTypes_default.lineText]: LineTextView_default,
|
|
@@ -6904,15 +6981,16 @@ var ViewControl = (props) => {
|
|
|
6904
6981
|
[ViewControlTypes_default.aiGeneratedSummary]: AiGeneratedSummary_default,
|
|
6905
6982
|
[ViewControlTypes_default.booleanView]: BooleanView_default,
|
|
6906
6983
|
[ViewControlTypes_default.text]: LineTextView_default,
|
|
6907
|
-
[ViewControlTypes_default.commentRenderer]: Commentrenderer_default
|
|
6984
|
+
[ViewControlTypes_default.commentRenderer]: Commentrenderer_default,
|
|
6985
|
+
[ViewControlTypes_default.avatar]: AvatarView_default
|
|
6908
6986
|
};
|
|
6909
6987
|
const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
|
|
6910
|
-
return /* @__PURE__ */ (0,
|
|
6988
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react26.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
|
|
6911
6989
|
};
|
|
6912
6990
|
var ViewControl_default = ViewControl;
|
|
6913
6991
|
|
|
6914
6992
|
// src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
|
|
6915
|
-
var
|
|
6993
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
6916
6994
|
function getNestedProperty(obj, path) {
|
|
6917
6995
|
if (!obj || !path) return null;
|
|
6918
6996
|
if (path.includes(".")) {
|
|
@@ -6925,7 +7003,7 @@ function getNestedProperty(obj, path) {
|
|
|
6925
7003
|
}
|
|
6926
7004
|
const value = obj[path];
|
|
6927
7005
|
if (Array.isArray(value)) {
|
|
6928
|
-
return value.map((item, index) => /* @__PURE__ */ (0,
|
|
7006
|
+
return value.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { children: String(item) }, index));
|
|
6929
7007
|
}
|
|
6930
7008
|
return value;
|
|
6931
7009
|
}
|
|
@@ -6988,7 +7066,7 @@ var DatafieldNode = (props) => {
|
|
|
6988
7066
|
const dataType = props.node.dataType;
|
|
6989
7067
|
if (isEmptyValue) return null;
|
|
6990
7068
|
if (dataType === "rawContent") {
|
|
6991
|
-
return /* @__PURE__ */ (0,
|
|
7069
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
6992
7070
|
PageBodyRenderer_default,
|
|
6993
7071
|
{
|
|
6994
7072
|
rawBody: String(value ?? `@databound[${fieldName}]`),
|
|
@@ -7004,13 +7082,13 @@ var DatafieldNode = (props) => {
|
|
|
7004
7082
|
}
|
|
7005
7083
|
);
|
|
7006
7084
|
}
|
|
7007
|
-
return /* @__PURE__ */ (0,
|
|
7085
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
7008
7086
|
"span",
|
|
7009
7087
|
{
|
|
7010
7088
|
className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
|
|
7011
7089
|
style: styles,
|
|
7012
7090
|
title,
|
|
7013
|
-
children: /* @__PURE__ */ (0,
|
|
7091
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
7014
7092
|
ViewControl_default,
|
|
7015
7093
|
{
|
|
7016
7094
|
controlType: dataType,
|
|
@@ -7025,7 +7103,7 @@ var DatafieldNode = (props) => {
|
|
|
7025
7103
|
var DatafieldNode_default = DatafieldNode;
|
|
7026
7104
|
|
|
7027
7105
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
7028
|
-
var
|
|
7106
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
7029
7107
|
var ParagraphNode = (props) => {
|
|
7030
7108
|
const NodeTypes2 = {
|
|
7031
7109
|
["text"]: TextNode_default,
|
|
@@ -7045,9 +7123,9 @@ var ParagraphNode = (props) => {
|
|
|
7045
7123
|
const isInlineOnlyParent = props.parentTag === "summary";
|
|
7046
7124
|
const hasChildren = props.node.children && props.node.children.length > 0;
|
|
7047
7125
|
if (isInlineOnlyParent) {
|
|
7048
|
-
return /* @__PURE__ */ (0,
|
|
7126
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_jsx_runtime42.Fragment, { children: hasChildren && props.node.children.map((node, index) => {
|
|
7049
7127
|
const SelectedNode = NodeTypes2[node.type];
|
|
7050
|
-
return /* @__PURE__ */ (0,
|
|
7128
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react27.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
7051
7129
|
SelectedNode,
|
|
7052
7130
|
{
|
|
7053
7131
|
node,
|
|
@@ -7060,10 +7138,10 @@ var ParagraphNode = (props) => {
|
|
|
7060
7138
|
) }, index);
|
|
7061
7139
|
}) });
|
|
7062
7140
|
}
|
|
7063
|
-
return /* @__PURE__ */ (0,
|
|
7141
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: " " + formatClasses, children: [
|
|
7064
7142
|
hasChildren && props.node.children.map((node, index) => {
|
|
7065
7143
|
const SelectedNode = NodeTypes2[node.type];
|
|
7066
|
-
return /* @__PURE__ */ (0,
|
|
7144
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react27.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
7067
7145
|
SelectedNode,
|
|
7068
7146
|
{
|
|
7069
7147
|
node,
|
|
@@ -7075,14 +7153,14 @@ var ParagraphNode = (props) => {
|
|
|
7075
7153
|
}
|
|
7076
7154
|
) }, index);
|
|
7077
7155
|
}),
|
|
7078
|
-
!hasChildren && /* @__PURE__ */ (0,
|
|
7156
|
+
!hasChildren && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "py-1.5 lg:py-2" })
|
|
7079
7157
|
] });
|
|
7080
7158
|
};
|
|
7081
7159
|
var ParagraphNode_default = ParagraphNode;
|
|
7082
7160
|
|
|
7083
7161
|
// src/components/pageRenderingEngine/nodes/HeadingNode.tsx
|
|
7084
7162
|
var import_react28 = __toESM(require("react"));
|
|
7085
|
-
var
|
|
7163
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
7086
7164
|
var HeadingNode = (props) => {
|
|
7087
7165
|
const NodeTypes2 = {
|
|
7088
7166
|
["text"]: TextNode_default,
|
|
@@ -7098,12 +7176,12 @@ var HeadingNode = (props) => {
|
|
|
7098
7176
|
{
|
|
7099
7177
|
}
|
|
7100
7178
|
const formatClasses = FormatClass[props.node.format] || "";
|
|
7101
|
-
return /* @__PURE__ */ (0,
|
|
7179
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_jsx_runtime43.Fragment, { children: import_react28.default.createElement(
|
|
7102
7180
|
HeadingTag,
|
|
7103
7181
|
{ className: formatClasses },
|
|
7104
7182
|
props.node.children && props.node.children.map((childNode, index) => {
|
|
7105
7183
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
7106
|
-
return /* @__PURE__ */ (0,
|
|
7184
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react28.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, assetBaseUrl: props.assetBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
7107
7185
|
})
|
|
7108
7186
|
) });
|
|
7109
7187
|
};
|
|
@@ -7114,7 +7192,7 @@ var import_react30 = __toESM(require("react"));
|
|
|
7114
7192
|
|
|
7115
7193
|
// src/components/pageRenderingEngine/nodes/ListItemNode.tsx
|
|
7116
7194
|
var import_react29 = __toESM(require("react"));
|
|
7117
|
-
var
|
|
7195
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
7118
7196
|
var ListItemNode = (props) => {
|
|
7119
7197
|
const NodeTypes2 = {
|
|
7120
7198
|
text: TextNode_default,
|
|
@@ -7131,37 +7209,37 @@ var ListItemNode = (props) => {
|
|
|
7131
7209
|
liStyle.fontSize = match[1].trim();
|
|
7132
7210
|
}
|
|
7133
7211
|
}
|
|
7134
|
-
return /* @__PURE__ */ (0,
|
|
7212
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
|
|
7135
7213
|
const SelectedNode = NodeTypes2[node.type];
|
|
7136
7214
|
if (node.type === "linebreak") {
|
|
7137
7215
|
if (!foundFirstBreak) {
|
|
7138
7216
|
foundFirstBreak = true;
|
|
7139
|
-
return /* @__PURE__ */ (0,
|
|
7217
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", {}, index);
|
|
7140
7218
|
} else {
|
|
7141
|
-
return /* @__PURE__ */ (0,
|
|
7219
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "py-1 lg:py-2" }, index);
|
|
7142
7220
|
}
|
|
7143
7221
|
} else {
|
|
7144
7222
|
foundFirstBreak = false;
|
|
7145
|
-
return /* @__PURE__ */ (0,
|
|
7223
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react29.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
7146
7224
|
}
|
|
7147
7225
|
}) });
|
|
7148
7226
|
};
|
|
7149
7227
|
var ListItemNode_default = ListItemNode;
|
|
7150
7228
|
|
|
7151
7229
|
// src/components/pageRenderingEngine/nodes/ListNode.tsx
|
|
7152
|
-
var
|
|
7230
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
7153
7231
|
var ListNode = (props) => {
|
|
7154
7232
|
const NodeTypes2 = {
|
|
7155
7233
|
listitem: ListItemNode_default
|
|
7156
7234
|
};
|
|
7157
|
-
return /* @__PURE__ */ (0,
|
|
7158
|
-
props.node.listType == "bullet" && /* @__PURE__ */ (0,
|
|
7235
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_react30.default.Fragment, { children: [
|
|
7236
|
+
props.node.listType == "bullet" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("ul", { children: props.node.children && props.node.children.map((node, index) => {
|
|
7159
7237
|
const SelectedNode = NodeTypes2[node.type];
|
|
7160
|
-
return /* @__PURE__ */ (0,
|
|
7238
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react30.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
7161
7239
|
}) }),
|
|
7162
|
-
props.node.listType == "number" && /* @__PURE__ */ (0,
|
|
7240
|
+
props.node.listType == "number" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("ol", { children: props.node.children && props.node.children.map((node, index) => {
|
|
7163
7241
|
const SelectedNode = NodeTypes2[node.type];
|
|
7164
|
-
return /* @__PURE__ */ (0,
|
|
7242
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react30.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
7165
7243
|
}) })
|
|
7166
7244
|
] });
|
|
7167
7245
|
};
|
|
@@ -7169,16 +7247,16 @@ var ListNode_default = ListNode;
|
|
|
7169
7247
|
|
|
7170
7248
|
// src/components/pageRenderingEngine/nodes/QuoteNode.tsx
|
|
7171
7249
|
var import_react31 = __toESM(require("react"));
|
|
7172
|
-
var
|
|
7250
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
7173
7251
|
var QuoteNode = (props) => {
|
|
7174
7252
|
const NodeTypes2 = {
|
|
7175
7253
|
["text"]: TextNode_default,
|
|
7176
7254
|
["linebreak"]: LineBreakNode_default,
|
|
7177
7255
|
["link"]: LinkNode_default
|
|
7178
7256
|
};
|
|
7179
|
-
return /* @__PURE__ */ (0,
|
|
7257
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
|
|
7180
7258
|
const SelectedNode = NodeTypes2[node.type];
|
|
7181
|
-
return /* @__PURE__ */ (0,
|
|
7259
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react31.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
7182
7260
|
}) });
|
|
7183
7261
|
};
|
|
7184
7262
|
var QuoteNode_default = QuoteNode;
|
|
@@ -7186,11 +7264,11 @@ var QuoteNode_default = QuoteNode;
|
|
|
7186
7264
|
// src/components/pageRenderingEngine/nodes/CodeNode.tsx
|
|
7187
7265
|
var import_react33 = __toESM(require("react"));
|
|
7188
7266
|
var import_dynamic8 = __toESM(require("next/dynamic"));
|
|
7189
|
-
var
|
|
7267
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
7190
7268
|
var CopyButton2 = (0, import_dynamic8.default)(() => Promise.resolve().then(() => (init_CopyButton(), CopyButton_exports)), {
|
|
7191
7269
|
ssr: false,
|
|
7192
7270
|
// optional: fallback UI while loading
|
|
7193
|
-
loading: () => /* @__PURE__ */ (0,
|
|
7271
|
+
loading: () => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-gray-400 text-xs", children: "Copy" })
|
|
7194
7272
|
});
|
|
7195
7273
|
var CodeNode = (props) => {
|
|
7196
7274
|
const NodeTypes2 = {
|
|
@@ -7204,14 +7282,14 @@ var CodeNode = (props) => {
|
|
|
7204
7282
|
if (node.type === "link") return node.text || node.url || "";
|
|
7205
7283
|
return "";
|
|
7206
7284
|
}).join("") ?? "";
|
|
7207
|
-
return /* @__PURE__ */ (0,
|
|
7208
|
-
/* @__PURE__ */ (0,
|
|
7209
|
-
/* @__PURE__ */ (0,
|
|
7210
|
-
/* @__PURE__ */ (0,
|
|
7285
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
|
|
7286
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
|
|
7287
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { children: "Code Snippet" }),
|
|
7288
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(CopyButton2, { text: textContent })
|
|
7211
7289
|
] }),
|
|
7212
|
-
/* @__PURE__ */ (0,
|
|
7290
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.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) => {
|
|
7213
7291
|
const SelectedNode = NodeTypes2[node.type];
|
|
7214
|
-
return /* @__PURE__ */ (0,
|
|
7292
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react33.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
7215
7293
|
SelectedNode,
|
|
7216
7294
|
{
|
|
7217
7295
|
node,
|
|
@@ -7226,15 +7304,15 @@ var CodeNode = (props) => {
|
|
|
7226
7304
|
var CodeNode_default = CodeNode;
|
|
7227
7305
|
|
|
7228
7306
|
// src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
|
|
7229
|
-
var
|
|
7307
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
7230
7308
|
var HorizontalRuleNode = () => {
|
|
7231
|
-
return /* @__PURE__ */ (0,
|
|
7309
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("hr", {});
|
|
7232
7310
|
};
|
|
7233
7311
|
var HorizontalRuleNode_default = HorizontalRuleNode;
|
|
7234
7312
|
|
|
7235
7313
|
// src/components/pageRenderingEngine/nodes/WidgetNode.tsx
|
|
7236
7314
|
var import_react34 = __toESM(require("react"));
|
|
7237
|
-
var
|
|
7315
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
7238
7316
|
var WidgetNode = (props) => {
|
|
7239
7317
|
const getWidgetParameters = () => {
|
|
7240
7318
|
const widgetInputParameters = {
|
|
@@ -7298,7 +7376,7 @@ var WidgetNode = (props) => {
|
|
|
7298
7376
|
};
|
|
7299
7377
|
const widgetCode = props.node?.widgetCode;
|
|
7300
7378
|
if (!widgetCode) {
|
|
7301
|
-
return /* @__PURE__ */ (0,
|
|
7379
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, { children: "Invalid widget" });
|
|
7302
7380
|
}
|
|
7303
7381
|
const widgetParams = getWidgetParameters();
|
|
7304
7382
|
const WidgetRenderer = props.widgetRenderer;
|
|
@@ -7307,7 +7385,7 @@ var WidgetNode = (props) => {
|
|
|
7307
7385
|
}
|
|
7308
7386
|
return (
|
|
7309
7387
|
// eslint-disable-next-line react-hooks/static-components
|
|
7310
|
-
/* @__PURE__ */ (0,
|
|
7388
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react34.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
7311
7389
|
WidgetRenderer,
|
|
7312
7390
|
{
|
|
7313
7391
|
params: widgetParams,
|
|
@@ -7329,7 +7407,7 @@ var import_react62 = __toESM(require("react"));
|
|
|
7329
7407
|
|
|
7330
7408
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
7331
7409
|
var import_dynamic9 = __toESM(require("next/dynamic"));
|
|
7332
|
-
var
|
|
7410
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
7333
7411
|
var IframeClient2 = (0, import_dynamic9.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
7334
7412
|
ssr: false
|
|
7335
7413
|
});
|
|
@@ -7342,7 +7420,7 @@ var EmbedNode = (props) => {
|
|
|
7342
7420
|
} else {
|
|
7343
7421
|
src = props.node.embedSrc;
|
|
7344
7422
|
}
|
|
7345
|
-
return /* @__PURE__ */ (0,
|
|
7423
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(IframeClient2, { src }) });
|
|
7346
7424
|
};
|
|
7347
7425
|
var EmbedNode_default = EmbedNode;
|
|
7348
7426
|
|
|
@@ -7542,10 +7620,10 @@ var PathUtility = class {
|
|
|
7542
7620
|
var PathUtility_default = new PathUtility();
|
|
7543
7621
|
|
|
7544
7622
|
// src/components/NoDataFound.tsx
|
|
7545
|
-
var
|
|
7623
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
7546
7624
|
var NoDataFound = () => {
|
|
7547
|
-
return /* @__PURE__ */ (0,
|
|
7548
|
-
/* @__PURE__ */ (0,
|
|
7625
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
|
|
7626
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "mb-5", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
7549
7627
|
"svg",
|
|
7550
7628
|
{
|
|
7551
7629
|
className: "w-10 h-10",
|
|
@@ -7553,7 +7631,7 @@ var NoDataFound = () => {
|
|
|
7553
7631
|
stroke: "currentColor",
|
|
7554
7632
|
viewBox: "0 0 24 24",
|
|
7555
7633
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7556
|
-
children: /* @__PURE__ */ (0,
|
|
7634
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
7557
7635
|
"path",
|
|
7558
7636
|
{
|
|
7559
7637
|
strokeLinecap: "round",
|
|
@@ -7564,8 +7642,8 @@ var NoDataFound = () => {
|
|
|
7564
7642
|
)
|
|
7565
7643
|
}
|
|
7566
7644
|
) }) }),
|
|
7567
|
-
/* @__PURE__ */ (0,
|
|
7568
|
-
/* @__PURE__ */ (0,
|
|
7645
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
|
|
7646
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
|
|
7569
7647
|
] });
|
|
7570
7648
|
};
|
|
7571
7649
|
var NoDataFound_default = NoDataFound;
|
|
@@ -7573,7 +7651,7 @@ var NoDataFound_default = NoDataFound;
|
|
|
7573
7651
|
// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
|
|
7574
7652
|
init_AssetUtility();
|
|
7575
7653
|
var import_dynamic10 = __toESM(require("next/dynamic"));
|
|
7576
|
-
var
|
|
7654
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
7577
7655
|
var HlsPlayer4 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
|
|
7578
7656
|
var deviceToMediaQuery = (device) => {
|
|
7579
7657
|
switch (device) {
|
|
@@ -7729,8 +7807,8 @@ var ImageGalleryNode = (props) => {
|
|
|
7729
7807
|
right: "justify-end"
|
|
7730
7808
|
};
|
|
7731
7809
|
const formatClasses = FormatClass[props.node.format || ""] || "";
|
|
7732
|
-
return /* @__PURE__ */ (0,
|
|
7733
|
-
hlsSources.length > 0 && /* @__PURE__ */ (0,
|
|
7810
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
|
|
7811
|
+
hlsSources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
7734
7812
|
HlsPlayer4,
|
|
7735
7813
|
{
|
|
7736
7814
|
sources: hlsSources,
|
|
@@ -7745,7 +7823,7 @@ var ImageGalleryNode = (props) => {
|
|
|
7745
7823
|
styles: hlsStyles
|
|
7746
7824
|
}
|
|
7747
7825
|
) }),
|
|
7748
|
-
(staticFallback || staticSources.length > 0) && /* @__PURE__ */ (0,
|
|
7826
|
+
(staticFallback || staticSources.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, { children: staticFallback ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("picture", { children: [
|
|
7749
7827
|
DEVICE_ORDER.map((deviceKey) => {
|
|
7750
7828
|
const match = staticSources.find(
|
|
7751
7829
|
(img) => img.device === deviceKey
|
|
@@ -7761,7 +7839,7 @@ var ImageGalleryNode = (props) => {
|
|
|
7761
7839
|
if (!srcUrl) {
|
|
7762
7840
|
return null;
|
|
7763
7841
|
}
|
|
7764
|
-
return /* @__PURE__ */ (0,
|
|
7842
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
7765
7843
|
"source",
|
|
7766
7844
|
{
|
|
7767
7845
|
media: deviceToMediaQuery(match.device),
|
|
@@ -7786,7 +7864,7 @@ var ImageGalleryNode = (props) => {
|
|
|
7786
7864
|
if (img.borderRadius) {
|
|
7787
7865
|
styles.borderRadius = img.borderRadius;
|
|
7788
7866
|
}
|
|
7789
|
-
return /* @__PURE__ */ (0,
|
|
7867
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
7790
7868
|
"img",
|
|
7791
7869
|
{
|
|
7792
7870
|
loading: "lazy",
|
|
@@ -7801,7 +7879,7 @@ var ImageGalleryNode = (props) => {
|
|
|
7801
7879
|
})()
|
|
7802
7880
|
] }) : (
|
|
7803
7881
|
/* Case 2: Only device-specific images exist */
|
|
7804
|
-
/* @__PURE__ */ (0,
|
|
7882
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, { children: staticSources.map((img, index) => {
|
|
7805
7883
|
const resolved = resolveImage(img);
|
|
7806
7884
|
const imageUrl = resolved?.imageUrl;
|
|
7807
7885
|
if (!imageUrl) {
|
|
@@ -7828,7 +7906,7 @@ var ImageGalleryNode = (props) => {
|
|
|
7828
7906
|
default:
|
|
7829
7907
|
display = "block";
|
|
7830
7908
|
}
|
|
7831
|
-
return /* @__PURE__ */ (0,
|
|
7909
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
7832
7910
|
"img",
|
|
7833
7911
|
{
|
|
7834
7912
|
loading: "lazy",
|
|
@@ -7969,28 +8047,28 @@ var shouldRenderContainer = (node, dataItem, session) => {
|
|
|
7969
8047
|
|
|
7970
8048
|
// src/components/pageRenderingEngine/nodes/DocumentNode.tsx
|
|
7971
8049
|
init_AssetUtility();
|
|
7972
|
-
var
|
|
8050
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
7973
8051
|
var getNestedValue5 = (obj, path) => {
|
|
7974
8052
|
if (!obj || !path) return void 0;
|
|
7975
8053
|
return path.split(".").reduce((current, key) => {
|
|
7976
8054
|
return current && current[key] !== void 0 ? current[key] : void 0;
|
|
7977
8055
|
}, obj);
|
|
7978
8056
|
};
|
|
7979
|
-
var PdfIcon2 = () => /* @__PURE__ */ (0,
|
|
8057
|
+
var PdfIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
|
|
7980
8058
|
"svg",
|
|
7981
8059
|
{
|
|
7982
8060
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7983
8061
|
viewBox: "0 0 48 48",
|
|
7984
8062
|
className: "w-10 h-10",
|
|
7985
8063
|
children: [
|
|
7986
|
-
/* @__PURE__ */ (0,
|
|
8064
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
7987
8065
|
"path",
|
|
7988
8066
|
{
|
|
7989
8067
|
fill: "#e53935",
|
|
7990
8068
|
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"
|
|
7991
8069
|
}
|
|
7992
8070
|
),
|
|
7993
|
-
/* @__PURE__ */ (0,
|
|
8071
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
7994
8072
|
"path",
|
|
7995
8073
|
{
|
|
7996
8074
|
fill: "#fff",
|
|
@@ -8000,55 +8078,55 @@ var PdfIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
|
8000
8078
|
]
|
|
8001
8079
|
}
|
|
8002
8080
|
);
|
|
8003
|
-
var ExcelIcon2 = () => /* @__PURE__ */ (0,
|
|
8081
|
+
var ExcelIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
|
|
8004
8082
|
"svg",
|
|
8005
8083
|
{
|
|
8006
8084
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8007
8085
|
viewBox: "0 0 48 48",
|
|
8008
8086
|
className: "w-10 h-10",
|
|
8009
8087
|
children: [
|
|
8010
|
-
/* @__PURE__ */ (0,
|
|
8088
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8011
8089
|
"path",
|
|
8012
8090
|
{
|
|
8013
8091
|
fill: "#169154",
|
|
8014
8092
|
d: "M29,6H15.744C14.781,6,14,6.781,14,7.744v7.259h15V6z"
|
|
8015
8093
|
}
|
|
8016
8094
|
),
|
|
8017
|
-
/* @__PURE__ */ (0,
|
|
8095
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8018
8096
|
"path",
|
|
8019
8097
|
{
|
|
8020
8098
|
fill: "#18482a",
|
|
8021
8099
|
d: "M14,33.054v7.202C14,41.219,14.781,42,15.743,42H29v-8.946H14z"
|
|
8022
8100
|
}
|
|
8023
8101
|
),
|
|
8024
|
-
/* @__PURE__ */ (0,
|
|
8025
|
-
/* @__PURE__ */ (0,
|
|
8026
|
-
/* @__PURE__ */ (0,
|
|
8027
|
-
/* @__PURE__ */ (0,
|
|
8102
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { fill: "#0c8045", d: "M14 15.003H29V24.005000000000003H14z" }),
|
|
8103
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { fill: "#17472a", d: "M14 24.005H29V33.055H14z" }),
|
|
8104
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("g", { children: [
|
|
8105
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8028
8106
|
"path",
|
|
8029
8107
|
{
|
|
8030
8108
|
fill: "#29c27f",
|
|
8031
8109
|
d: "M42.256,6H29v9.003h15V7.744C44,6.781,43.219,6,42.256,6z"
|
|
8032
8110
|
}
|
|
8033
8111
|
),
|
|
8034
|
-
/* @__PURE__ */ (0,
|
|
8112
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8035
8113
|
"path",
|
|
8036
8114
|
{
|
|
8037
8115
|
fill: "#27663f",
|
|
8038
8116
|
d: "M29,33.054V42h13.257C43.219,42,44,41.219,44,40.257v-7.202H29z"
|
|
8039
8117
|
}
|
|
8040
8118
|
),
|
|
8041
|
-
/* @__PURE__ */ (0,
|
|
8042
|
-
/* @__PURE__ */ (0,
|
|
8119
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { fill: "#19ac65", d: "M29 15.003H44V24.005000000000003H29z" }),
|
|
8120
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { fill: "#129652", d: "M29 24.005H44V33.055H29z" })
|
|
8043
8121
|
] }),
|
|
8044
|
-
/* @__PURE__ */ (0,
|
|
8122
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8045
8123
|
"path",
|
|
8046
8124
|
{
|
|
8047
8125
|
fill: "#0c7238",
|
|
8048
8126
|
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"
|
|
8049
8127
|
}
|
|
8050
8128
|
),
|
|
8051
|
-
/* @__PURE__ */ (0,
|
|
8129
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8052
8130
|
"path",
|
|
8053
8131
|
{
|
|
8054
8132
|
fill: "#fff",
|
|
@@ -8058,7 +8136,7 @@ var ExcelIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
|
8058
8136
|
]
|
|
8059
8137
|
}
|
|
8060
8138
|
);
|
|
8061
|
-
var WordIcon2 = () => /* @__PURE__ */ (0,
|
|
8139
|
+
var WordIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
|
|
8062
8140
|
"svg",
|
|
8063
8141
|
{
|
|
8064
8142
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -8066,14 +8144,14 @@ var WordIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
|
8066
8144
|
className: "w-10 h-10",
|
|
8067
8145
|
baseProfile: "basic",
|
|
8068
8146
|
children: [
|
|
8069
|
-
/* @__PURE__ */ (0,
|
|
8147
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8070
8148
|
"path",
|
|
8071
8149
|
{
|
|
8072
8150
|
fill: "#283593",
|
|
8073
8151
|
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"
|
|
8074
8152
|
}
|
|
8075
8153
|
),
|
|
8076
|
-
/* @__PURE__ */ (0,
|
|
8154
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
|
|
8077
8155
|
"linearGradient",
|
|
8078
8156
|
{
|
|
8079
8157
|
id: "qh2LT5tehRDFkLLfb-odWa",
|
|
@@ -8084,19 +8162,19 @@ var WordIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
|
8084
8162
|
gradientTransform: "translate(0 -339.89)",
|
|
8085
8163
|
gradientUnits: "userSpaceOnUse",
|
|
8086
8164
|
children: [
|
|
8087
|
-
/* @__PURE__ */ (0,
|
|
8088
|
-
/* @__PURE__ */ (0,
|
|
8165
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("stop", { offset: "0", "stop-color": "#66c0ff" }),
|
|
8166
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("stop", { offset: ".26", "stop-color": "#0094f0" })
|
|
8089
8167
|
]
|
|
8090
8168
|
}
|
|
8091
8169
|
),
|
|
8092
|
-
/* @__PURE__ */ (0,
|
|
8170
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8093
8171
|
"path",
|
|
8094
8172
|
{
|
|
8095
8173
|
fill: "url(#qh2LT5tehRDFkLLfb-odWa)",
|
|
8096
8174
|
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"
|
|
8097
8175
|
}
|
|
8098
8176
|
),
|
|
8099
|
-
/* @__PURE__ */ (0,
|
|
8177
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8100
8178
|
"path",
|
|
8101
8179
|
{
|
|
8102
8180
|
fill: "#1e88e5",
|
|
@@ -8104,21 +8182,21 @@ var WordIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
|
8104
8182
|
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"
|
|
8105
8183
|
}
|
|
8106
8184
|
),
|
|
8107
|
-
/* @__PURE__ */ (0,
|
|
8185
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8108
8186
|
"path",
|
|
8109
8187
|
{
|
|
8110
8188
|
fill: "#00e5ff",
|
|
8111
8189
|
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"
|
|
8112
8190
|
}
|
|
8113
8191
|
),
|
|
8114
|
-
/* @__PURE__ */ (0,
|
|
8192
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8115
8193
|
"path",
|
|
8116
8194
|
{
|
|
8117
8195
|
fill: "#1565c0",
|
|
8118
8196
|
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"
|
|
8119
8197
|
}
|
|
8120
8198
|
),
|
|
8121
|
-
/* @__PURE__ */ (0,
|
|
8199
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8122
8200
|
"path",
|
|
8123
8201
|
{
|
|
8124
8202
|
fill: "#fff",
|
|
@@ -8128,42 +8206,42 @@ var WordIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
|
8128
8206
|
]
|
|
8129
8207
|
}
|
|
8130
8208
|
);
|
|
8131
|
-
var StandardIcon2 = () => /* @__PURE__ */ (0,
|
|
8209
|
+
var StandardIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
|
|
8132
8210
|
"svg",
|
|
8133
8211
|
{
|
|
8134
8212
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8135
8213
|
viewBox: "0 0 48 48",
|
|
8136
8214
|
className: "w-10 h-10",
|
|
8137
8215
|
children: [
|
|
8138
|
-
/* @__PURE__ */ (0,
|
|
8139
|
-
/* @__PURE__ */ (0,
|
|
8216
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
8217
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" })
|
|
8140
8218
|
]
|
|
8141
8219
|
}
|
|
8142
8220
|
);
|
|
8143
|
-
var PowerPointIcon2 = () => /* @__PURE__ */ (0,
|
|
8221
|
+
var PowerPointIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
|
|
8144
8222
|
"svg",
|
|
8145
8223
|
{
|
|
8146
8224
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8147
8225
|
viewBox: "0 0 48 48",
|
|
8148
8226
|
className: "w-10 h-10",
|
|
8149
8227
|
children: [
|
|
8150
|
-
/* @__PURE__ */ (0,
|
|
8228
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8151
8229
|
"path",
|
|
8152
8230
|
{
|
|
8153
8231
|
fill: "#dc4c2c",
|
|
8154
8232
|
d: "M8,24c0,9.941,8.059,18,18,18s18-8.059,18-18H26H8z"
|
|
8155
8233
|
}
|
|
8156
8234
|
),
|
|
8157
|
-
/* @__PURE__ */ (0,
|
|
8158
|
-
/* @__PURE__ */ (0,
|
|
8159
|
-
/* @__PURE__ */ (0,
|
|
8235
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { fill: "#f7a278", d: "M26,6v18h18C44,14.059,35.941,6,26,6z" }),
|
|
8236
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { fill: "#c06346", d: "M26,6C16.059,6,8,14.059,8,24h18V6z" }),
|
|
8237
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8160
8238
|
"path",
|
|
8161
8239
|
{
|
|
8162
8240
|
fill: "#9b341f",
|
|
8163
8241
|
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"
|
|
8164
8242
|
}
|
|
8165
8243
|
),
|
|
8166
|
-
/* @__PURE__ */ (0,
|
|
8244
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8167
8245
|
"path",
|
|
8168
8246
|
{
|
|
8169
8247
|
fill: "#fff",
|
|
@@ -8173,16 +8251,16 @@ var PowerPointIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
|
8173
8251
|
]
|
|
8174
8252
|
}
|
|
8175
8253
|
);
|
|
8176
|
-
var TextIcon2 = () => /* @__PURE__ */ (0,
|
|
8254
|
+
var TextIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime56.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,
|
|
8184
|
-
/* @__PURE__ */ (0,
|
|
8185
|
-
/* @__PURE__ */ (0,
|
|
8261
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
8262
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" }),
|
|
8263
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8186
8264
|
"path",
|
|
8187
8265
|
{
|
|
8188
8266
|
fill: "#1976D2",
|
|
@@ -8192,7 +8270,7 @@ var TextIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
|
8192
8270
|
]
|
|
8193
8271
|
}
|
|
8194
8272
|
);
|
|
8195
|
-
var ArchiveIcon2 = () => /* @__PURE__ */ (0,
|
|
8273
|
+
var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
|
|
8196
8274
|
"svg",
|
|
8197
8275
|
{
|
|
8198
8276
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -8202,14 +8280,14 @@ var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
|
8202
8280
|
version: "1.0",
|
|
8203
8281
|
className: "w-10 h-10",
|
|
8204
8282
|
children: [
|
|
8205
|
-
/* @__PURE__ */ (0,
|
|
8283
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("clipPath", { id: "273d29c8a6", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8206
8284
|
"path",
|
|
8207
8285
|
{
|
|
8208
8286
|
d: "M 8.90625 0 L 65.90625 0 L 65.90625 75 L 8.90625 75 Z M 8.90625 0 ",
|
|
8209
8287
|
"clip-rule": "nonzero"
|
|
8210
8288
|
}
|
|
8211
8289
|
) }) }),
|
|
8212
|
-
/* @__PURE__ */ (0,
|
|
8290
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("g", { "clip-path": "url(#273d29c8a6)", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8213
8291
|
"path",
|
|
8214
8292
|
{
|
|
8215
8293
|
fill: "#ff9100",
|
|
@@ -8218,7 +8296,7 @@ var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
|
8218
8296
|
"fill-rule": "nonzero"
|
|
8219
8297
|
}
|
|
8220
8298
|
) }),
|
|
8221
|
-
/* @__PURE__ */ (0,
|
|
8299
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8222
8300
|
"path",
|
|
8223
8301
|
{
|
|
8224
8302
|
fill: "#fbe9e7",
|
|
@@ -8227,7 +8305,7 @@ var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
|
8227
8305
|
"fill-rule": "nonzero"
|
|
8228
8306
|
}
|
|
8229
8307
|
),
|
|
8230
|
-
/* @__PURE__ */ (0,
|
|
8308
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8231
8309
|
"path",
|
|
8232
8310
|
{
|
|
8233
8311
|
fill: "#ffe0b2",
|
|
@@ -8236,7 +8314,7 @@ var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
|
8236
8314
|
"fill-rule": "nonzero"
|
|
8237
8315
|
}
|
|
8238
8316
|
),
|
|
8239
|
-
/* @__PURE__ */ (0,
|
|
8317
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8240
8318
|
"path",
|
|
8241
8319
|
{
|
|
8242
8320
|
fill: "#ffe0b2",
|
|
@@ -8245,7 +8323,7 @@ var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
|
8245
8323
|
"fill-rule": "nonzero"
|
|
8246
8324
|
}
|
|
8247
8325
|
),
|
|
8248
|
-
/* @__PURE__ */ (0,
|
|
8326
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8249
8327
|
"path",
|
|
8250
8328
|
{
|
|
8251
8329
|
fill: "#ffe0b2",
|
|
@@ -8320,8 +8398,8 @@ var DocumentNode = (props) => {
|
|
|
8320
8398
|
}
|
|
8321
8399
|
}
|
|
8322
8400
|
if (documents.length === 0) {
|
|
8323
|
-
return /* @__PURE__ */ (0,
|
|
8324
|
-
/* @__PURE__ */ (0,
|
|
8401
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "py-4 px-2 bg-neutral-weak border rounded text-center flex flex-col gap-2", children: [
|
|
8402
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "mx-auto w-10 h-10 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8325
8403
|
"svg",
|
|
8326
8404
|
{
|
|
8327
8405
|
className: "w-5 h-5",
|
|
@@ -8329,7 +8407,7 @@ var DocumentNode = (props) => {
|
|
|
8329
8407
|
stroke: "currentColor",
|
|
8330
8408
|
viewBox: "0 0 24 24",
|
|
8331
8409
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8332
|
-
children: /* @__PURE__ */ (0,
|
|
8410
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8333
8411
|
"path",
|
|
8334
8412
|
{
|
|
8335
8413
|
strokeLinecap: "round",
|
|
@@ -8340,11 +8418,11 @@ var DocumentNode = (props) => {
|
|
|
8340
8418
|
)
|
|
8341
8419
|
}
|
|
8342
8420
|
) }),
|
|
8343
|
-
/* @__PURE__ */ (0,
|
|
8344
|
-
/* @__PURE__ */ (0,
|
|
8421
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "text-sm font-medium", children: "No documents found" }),
|
|
8422
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "text-xs", children: "No records found. Data may be empty or not available at the moment." })
|
|
8345
8423
|
] }) });
|
|
8346
8424
|
}
|
|
8347
|
-
return /* @__PURE__ */ (0,
|
|
8425
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "", children: documents.map((doc, index) => {
|
|
8348
8426
|
const documentUrl = AssetUtility_default.resolveUrl(
|
|
8349
8427
|
props.assetBaseUrl,
|
|
8350
8428
|
doc.assetUrl
|
|
@@ -8362,16 +8440,16 @@ var DocumentNode = (props) => {
|
|
|
8362
8440
|
}
|
|
8363
8441
|
}
|
|
8364
8442
|
const { Icon: Icon2, extLabel } = getFileDetails2(documentUrl);
|
|
8365
|
-
return /* @__PURE__ */ (0,
|
|
8443
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
|
|
8366
8444
|
"div",
|
|
8367
8445
|
{
|
|
8368
8446
|
className: `flex items-center justify-between py-4 bg-default gap-4 ${index !== 0 ? "border-t" : ""}`,
|
|
8369
8447
|
children: [
|
|
8370
|
-
/* @__PURE__ */ (0,
|
|
8371
|
-
/* @__PURE__ */ (0,
|
|
8372
|
-
/* @__PURE__ */ (0,
|
|
8448
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center space-x-4", children: [
|
|
8449
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex items-center justify-center p-2 rounded bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon2, {}) }),
|
|
8450
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex items-baseline space-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("h4", { className: "text-base font-semibold", children: documentTitle }) })
|
|
8373
8451
|
] }),
|
|
8374
|
-
/* @__PURE__ */ (0,
|
|
8452
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
|
|
8375
8453
|
"a",
|
|
8376
8454
|
{
|
|
8377
8455
|
href: documentUrl,
|
|
@@ -8379,7 +8457,7 @@ var DocumentNode = (props) => {
|
|
|
8379
8457
|
rel: "noopener noreferrer",
|
|
8380
8458
|
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",
|
|
8381
8459
|
children: [
|
|
8382
|
-
/* @__PURE__ */ (0,
|
|
8460
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
|
|
8383
8461
|
"svg",
|
|
8384
8462
|
{
|
|
8385
8463
|
className: "w-4 h-4 mr-2",
|
|
@@ -8387,7 +8465,7 @@ var DocumentNode = (props) => {
|
|
|
8387
8465
|
stroke: "currentColor",
|
|
8388
8466
|
viewBox: "0 0 24 24",
|
|
8389
8467
|
children: [
|
|
8390
|
-
/* @__PURE__ */ (0,
|
|
8468
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8391
8469
|
"path",
|
|
8392
8470
|
{
|
|
8393
8471
|
strokeLinecap: "round",
|
|
@@ -8396,7 +8474,7 @@ var DocumentNode = (props) => {
|
|
|
8396
8474
|
d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
|
|
8397
8475
|
}
|
|
8398
8476
|
),
|
|
8399
|
-
/* @__PURE__ */ (0,
|
|
8477
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
8400
8478
|
"path",
|
|
8401
8479
|
{
|
|
8402
8480
|
strokeLinecap: "round",
|
|
@@ -8422,13 +8500,13 @@ var DocumentNode_default = DocumentNode;
|
|
|
8422
8500
|
|
|
8423
8501
|
// src/components/pageRenderingEngine/nodes/GoogleMapNode.tsx
|
|
8424
8502
|
var import_dynamic11 = __toESM(require("next/dynamic"));
|
|
8425
|
-
var
|
|
8503
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
8426
8504
|
var IframeClient3 = (0, import_dynamic11.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
8427
8505
|
ssr: false
|
|
8428
8506
|
});
|
|
8429
8507
|
var GoogleMapNode = (props) => {
|
|
8430
8508
|
let src = props.node.embedUrl;
|
|
8431
|
-
return /* @__PURE__ */ (0,
|
|
8509
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "google-map-container", children: src && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
8432
8510
|
IframeClient3,
|
|
8433
8511
|
{
|
|
8434
8512
|
src,
|
|
@@ -8440,7 +8518,7 @@ var GoogleMapNode = (props) => {
|
|
|
8440
8518
|
var GoogleMapNode_default = GoogleMapNode;
|
|
8441
8519
|
|
|
8442
8520
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
8443
|
-
var
|
|
8521
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
8444
8522
|
var Pagination2 = (0, import_dynamic13.default)(() => Promise.resolve().then(() => (init_Pagination(), Pagination_exports)), { ssr: true });
|
|
8445
8523
|
var DataBindingControls2 = (0, import_dynamic13.default)(() => Promise.resolve().then(() => (init_DataBindingControls(), DataBindingControls_exports)), {
|
|
8446
8524
|
ssr: true
|
|
@@ -8699,7 +8777,7 @@ var DivContainer = async (props) => {
|
|
|
8699
8777
|
response = await serviceClient.get(endpoint);
|
|
8700
8778
|
result = response?.result;
|
|
8701
8779
|
if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
|
|
8702
|
-
return /* @__PURE__ */ (0,
|
|
8780
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(NoDataFound_default, {});
|
|
8703
8781
|
}
|
|
8704
8782
|
if (dataBindingProperties.childCollectionName && props.dataitem) {
|
|
8705
8783
|
childCollectionData = getNestedValue6(
|
|
@@ -8719,7 +8797,7 @@ var DivContainer = async (props) => {
|
|
|
8719
8797
|
}
|
|
8720
8798
|
const SelectedNode = NodeTypes2[node.type];
|
|
8721
8799
|
if (!SelectedNode) return null;
|
|
8722
|
-
return /* @__PURE__ */ (0,
|
|
8800
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react62.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8723
8801
|
SelectedNode,
|
|
8724
8802
|
{
|
|
8725
8803
|
node,
|
|
@@ -8856,7 +8934,7 @@ var DivContainer = async (props) => {
|
|
|
8856
8934
|
dataBindingProperties?.showFacets || dataBindingProperties?.showSortOptions || dataBindingProperties?.showSearchBar
|
|
8857
8935
|
);
|
|
8858
8936
|
const WrapperComponent = Wrapper;
|
|
8859
|
-
const renderedContainer = /* @__PURE__ */ (0,
|
|
8937
|
+
const renderedContainer = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8860
8938
|
WrapperComponent,
|
|
8861
8939
|
{
|
|
8862
8940
|
id: guid,
|
|
@@ -8870,11 +8948,11 @@ var DivContainer = async (props) => {
|
|
|
8870
8948
|
item,
|
|
8871
8949
|
idx,
|
|
8872
8950
|
props.href ? void 0 : item?.links?.view
|
|
8873
|
-
)?.map((child, i) => /* @__PURE__ */ (0,
|
|
8951
|
+
)?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react62.default.Fragment, { children: child }, i)) : renderChildren2(props.node.children, props, item, idx)
|
|
8874
8952
|
)
|
|
8875
8953
|
}
|
|
8876
8954
|
);
|
|
8877
|
-
const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ (0,
|
|
8955
|
+
const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8878
8956
|
Pagination2,
|
|
8879
8957
|
{
|
|
8880
8958
|
path: props.path,
|
|
@@ -8882,15 +8960,15 @@ var DivContainer = async (props) => {
|
|
|
8882
8960
|
dataset: response
|
|
8883
8961
|
}
|
|
8884
8962
|
) : null;
|
|
8885
|
-
return /* @__PURE__ */ (0,
|
|
8886
|
-
/* @__PURE__ */ (0,
|
|
8963
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_react62.default.Fragment, { children: [
|
|
8964
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8887
8965
|
"style",
|
|
8888
8966
|
{
|
|
8889
8967
|
dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
|
|
8890
8968
|
}
|
|
8891
8969
|
),
|
|
8892
|
-
showDataBindingControls ? /* @__PURE__ */ (0,
|
|
8893
|
-
/* @__PURE__ */ (0,
|
|
8970
|
+
showDataBindingControls ? /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_react62.default.Fragment, { children: [
|
|
8971
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8894
8972
|
DataBindingControls2,
|
|
8895
8973
|
{
|
|
8896
8974
|
mode: "toolbar",
|
|
@@ -8902,18 +8980,18 @@ var DivContainer = async (props) => {
|
|
|
8902
8980
|
showSearchBar: dataBindingProperties?.showSearchBar
|
|
8903
8981
|
}
|
|
8904
8982
|
),
|
|
8905
|
-
/* @__PURE__ */ (0,
|
|
8983
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
|
|
8906
8984
|
"div",
|
|
8907
8985
|
{
|
|
8908
8986
|
className: dataBindingProperties?.showFacets ? "grid items-start gap-6 lg:grid-cols-[minmax(0,1fr)_18rem]" : void 0,
|
|
8909
8987
|
children: [
|
|
8910
|
-
/* @__PURE__ */ (0,
|
|
8988
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "min-w-0", children: [
|
|
8911
8989
|
renderedContainer,
|
|
8912
8990
|
paginationControl
|
|
8913
8991
|
] }),
|
|
8914
|
-
dataBindingProperties?.showFacets && /* @__PURE__ */ (0,
|
|
8915
|
-
/* @__PURE__ */ (0,
|
|
8916
|
-
/* @__PURE__ */ (0,
|
|
8992
|
+
dataBindingProperties?.showFacets && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("aside", { className: "border bg-default p-3 lg:sticky lg:top-[90px] lg:self-start", children: [
|
|
8993
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("h2", { className: "mb-2 text-lg font-semibold", children: "Filters" }),
|
|
8994
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8917
8995
|
DataBindingControls2,
|
|
8918
8996
|
{
|
|
8919
8997
|
mode: "facets",
|
|
@@ -8927,16 +9005,16 @@ var DivContainer = async (props) => {
|
|
|
8927
9005
|
]
|
|
8928
9006
|
}
|
|
8929
9007
|
)
|
|
8930
|
-
] }) : /* @__PURE__ */ (0,
|
|
9008
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_react62.default.Fragment, { children: [
|
|
8931
9009
|
renderedContainer,
|
|
8932
|
-
paginationControl && /* @__PURE__ */ (0,
|
|
9010
|
+
paginationControl && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { children: paginationControl })
|
|
8933
9011
|
] })
|
|
8934
9012
|
] });
|
|
8935
9013
|
};
|
|
8936
9014
|
var DivContainer_default = DivContainer;
|
|
8937
9015
|
|
|
8938
9016
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
8939
|
-
var
|
|
9017
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
8940
9018
|
var NodeTypes = {
|
|
8941
9019
|
["paragraph"]: ParagraphNode_default,
|
|
8942
9020
|
["heading"]: HeadingNode_default,
|
|
@@ -8974,14 +9052,14 @@ var PageBodyRenderer = (props) => {
|
|
|
8974
9052
|
}
|
|
8975
9053
|
return true;
|
|
8976
9054
|
};
|
|
8977
|
-
return /* @__PURE__ */ (0,
|
|
9055
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
8978
9056
|
{
|
|
8979
9057
|
}
|
|
8980
9058
|
const SelectedNode = NodeTypes[node.type];
|
|
8981
9059
|
if (!shouldRenderNode(node)) {
|
|
8982
9060
|
return null;
|
|
8983
9061
|
}
|
|
8984
|
-
return /* @__PURE__ */ (0,
|
|
9062
|
+
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)(
|
|
8985
9063
|
SelectedNode,
|
|
8986
9064
|
{
|
|
8987
9065
|
node,
|
|
@@ -8997,7 +9075,7 @@ var PageBodyRenderer = (props) => {
|
|
|
8997
9075
|
device: props.device,
|
|
8998
9076
|
widgetRenderer: props.widgetRenderer
|
|
8999
9077
|
}
|
|
9000
|
-
) }) : /* @__PURE__ */ (0,
|
|
9078
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
9001
9079
|
SelectedNode,
|
|
9002
9080
|
{
|
|
9003
9081
|
node,
|