@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260326054115 → 0.8.1-dev.20260326061134
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +17 -12
- package/dist/index.d.ts +17 -12
- package/dist/index.js +637 -671
- package/dist/index.mjs +515 -549
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -12,23 +12,26 @@ function getWidget(code) {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
// src/components/controls/view/ViewControl.tsx
|
|
15
|
-
import
|
|
15
|
+
import React9 from "react";
|
|
16
16
|
|
|
17
17
|
// src/components/controls/view/ViewControlTypes.tsx
|
|
18
18
|
var ViewControlTypes = {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
19
|
+
lineText: "lineText",
|
|
20
|
+
asset: "asset",
|
|
21
|
+
multilineTextBullets: "multilineTextBullets",
|
|
22
|
+
money: "money",
|
|
23
|
+
date: "date",
|
|
24
|
+
time: "time",
|
|
25
|
+
datetime: "datetime",
|
|
26
|
+
number: "number",
|
|
27
|
+
multilineText: "multilineText",
|
|
28
|
+
moneyText: "moneyText",
|
|
29
|
+
percentage: "percentage",
|
|
30
|
+
statusBg: "statusBg",
|
|
31
|
+
progressIndicator: "progressIndicator",
|
|
32
|
+
timeUntilStarts: "timeUntilStarts",
|
|
33
|
+
timeUntilStartsStyled: "timeUntilStartsStyled",
|
|
34
|
+
aiGeneratedSummary: "aiGeneratedSummary"
|
|
32
35
|
};
|
|
33
36
|
var ViewControlTypes_default = ViewControlTypes;
|
|
34
37
|
|
|
@@ -49,8 +52,6 @@ var DateView = (props) => {
|
|
|
49
52
|
let timezone;
|
|
50
53
|
try {
|
|
51
54
|
const val = props.value && props.value.toString().includes("Z") ? props.value : props.value + "Z";
|
|
52
|
-
{
|
|
53
|
-
}
|
|
54
55
|
const parsedDate = new Date(val);
|
|
55
56
|
const timezoneOffset = parsedDate.getTimezoneOffset();
|
|
56
57
|
timezone = moment.tz.zone(moment.tz.guess())?.abbr(timezoneOffset);
|
|
@@ -88,147 +89,112 @@ var DateView = (props) => {
|
|
|
88
89
|
};
|
|
89
90
|
var DateView_default = DateView;
|
|
90
91
|
|
|
91
|
-
// src/components/controls/view/
|
|
92
|
+
// src/components/controls/view/LineTextView.tsx
|
|
92
93
|
import React3 from "react";
|
|
93
94
|
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
94
|
-
var BooleanView = (props) => {
|
|
95
|
-
const { value, customProps } = props;
|
|
96
|
-
const showOnlyTrueIcon = customProps?.showOnlyTrueIcon;
|
|
97
|
-
console.log("BooleanView Debug:", {
|
|
98
|
-
value,
|
|
99
|
-
type: typeof value,
|
|
100
|
-
customProps,
|
|
101
|
-
showOnlyTrueIcon
|
|
102
|
-
});
|
|
103
|
-
const booleanValue = React3.useMemo(() => {
|
|
104
|
-
if (typeof value === "boolean") return value;
|
|
105
|
-
if (typeof value === "string") {
|
|
106
|
-
return value.toLowerCase() === "true";
|
|
107
|
-
}
|
|
108
|
-
if (typeof value === "number") {
|
|
109
|
-
return value === 1;
|
|
110
|
-
}
|
|
111
|
-
return false;
|
|
112
|
-
}, [value]);
|
|
113
|
-
if (showOnlyTrueIcon) {
|
|
114
|
-
return /* @__PURE__ */ jsx3(React3.Fragment, { children: booleanValue === true && /* @__PURE__ */ jsx3(
|
|
115
|
-
"svg",
|
|
116
|
-
{
|
|
117
|
-
className: "w-15 h-8 text-green-600",
|
|
118
|
-
fill: "currentColor",
|
|
119
|
-
viewBox: "0 0 20 20",
|
|
120
|
-
children: /* @__PURE__ */ jsx3(
|
|
121
|
-
"path",
|
|
122
|
-
{
|
|
123
|
-
fillRule: "evenodd",
|
|
124
|
-
d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
|
|
125
|
-
clipRule: "evenodd"
|
|
126
|
-
}
|
|
127
|
-
)
|
|
128
|
-
}
|
|
129
|
-
) });
|
|
130
|
-
}
|
|
131
|
-
return /* @__PURE__ */ jsx3(React3.Fragment, { children: booleanValue ? "true" : "false" });
|
|
132
|
-
};
|
|
133
|
-
var BooleanView_default = BooleanView;
|
|
134
|
-
|
|
135
|
-
// src/components/controls/view/LineTextView.tsx
|
|
136
|
-
import React4 from "react";
|
|
137
|
-
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
138
95
|
var LineText = (props) => {
|
|
139
|
-
return /* @__PURE__ */
|
|
96
|
+
return /* @__PURE__ */ jsx3(React3.Fragment, { children: props.value });
|
|
140
97
|
};
|
|
141
98
|
var LineTextView_default = LineText;
|
|
142
99
|
|
|
143
|
-
// src/components/controls/view/EmailTextView.tsx
|
|
144
|
-
import React5 from "react";
|
|
145
|
-
import { jsx as jsx5 } from "react/jsx-runtime";
|
|
146
|
-
var EmailText = (props) => {
|
|
147
|
-
return /* @__PURE__ */ jsx5(React5.Fragment, { children: props.value });
|
|
148
|
-
};
|
|
149
|
-
var EmailTextView_default = EmailText;
|
|
150
|
-
|
|
151
|
-
// src/components/controls/view/StatusBgView.tsx
|
|
152
|
-
import React6 from "react";
|
|
153
|
-
import { jsx as jsx6 } from "react/jsx-runtime";
|
|
154
|
-
var StatusBg = (props) => {
|
|
155
|
-
return /* @__PURE__ */ jsx6(React6.Fragment, { children: props.value && props.value != "" && /* @__PURE__ */ jsx6("span", { className: "py-0.5 px-1.5 text-xs capitalize text-white font-semibold rounded bg-status bg-status-" + props.value, children: props.value }) });
|
|
156
|
-
};
|
|
157
|
-
var StatusBgView_default = StatusBg;
|
|
158
|
-
|
|
159
|
-
// src/components/controls/view/StatusView.tsx
|
|
160
|
-
import React7 from "react";
|
|
161
|
-
import { jsx as jsx7 } from "react/jsx-runtime";
|
|
162
|
-
var Status = (props) => {
|
|
163
|
-
return /* @__PURE__ */ jsx7(React7.Fragment, { children: /* @__PURE__ */ jsx7("span", { className: "capitalize font-semibold rounded text-status text-status-" + props.value, children: props.value }) });
|
|
164
|
-
};
|
|
165
|
-
var StatusView_default = Status;
|
|
166
|
-
|
|
167
100
|
// src/components/controls/view/MoneyView.tsx
|
|
168
|
-
import
|
|
169
|
-
import { jsx as
|
|
101
|
+
import React4 from "react";
|
|
102
|
+
import { jsx as jsx4, jsxs } from "react/jsx-runtime";
|
|
170
103
|
var Money = (props) => {
|
|
171
|
-
{
|
|
172
|
-
}
|
|
173
104
|
const parsedNumber = parseFloat(props.value);
|
|
174
|
-
return /* @__PURE__ */
|
|
175
|
-
/* @__PURE__ */
|
|
105
|
+
return /* @__PURE__ */ jsx4(React4.Fragment, { children: !Number.isNaN(parsedNumber) && /* @__PURE__ */ jsxs("span", { className: parsedNumber < 0 ? "text-alert" : "", children: [
|
|
106
|
+
/* @__PURE__ */ jsx4("span", { className: "mr-0.5", children: "\u20B9" }),
|
|
176
107
|
parsedNumber.toLocaleString()
|
|
177
108
|
] }) });
|
|
178
109
|
};
|
|
179
110
|
var MoneyView_default = Money;
|
|
180
111
|
|
|
181
112
|
// src/components/controls/view/MultilineTextBulletsView.tsx
|
|
182
|
-
import
|
|
183
|
-
import { jsx as
|
|
113
|
+
import React5 from "react";
|
|
114
|
+
import { jsx as jsx5 } from "react/jsx-runtime";
|
|
184
115
|
var MultilineTextBullets = (props) => {
|
|
185
|
-
{
|
|
186
|
-
}
|
|
187
116
|
const lines = props.value?.split("\\n");
|
|
188
|
-
return /* @__PURE__ */
|
|
189
|
-
return /* @__PURE__ */
|
|
117
|
+
return /* @__PURE__ */ jsx5(React5.Fragment, { children: /* @__PURE__ */ jsx5("ul", { className: "list-disc", children: lines && lines.map((line, index) => {
|
|
118
|
+
return /* @__PURE__ */ jsx5("li", { children: line }, index);
|
|
190
119
|
}) }) });
|
|
191
120
|
};
|
|
192
121
|
var MultilineTextBulletsView_default = MultilineTextBullets;
|
|
193
122
|
|
|
194
123
|
// src/components/controls/view/MultilineTextView.tsx
|
|
195
|
-
import
|
|
196
|
-
import { jsx as
|
|
124
|
+
import React6 from "react";
|
|
125
|
+
import { jsx as jsx6 } from "react/jsx-runtime";
|
|
197
126
|
var MultilineText = (props) => {
|
|
198
|
-
return /* @__PURE__ */
|
|
127
|
+
return /* @__PURE__ */ jsx6(React6.Fragment, { children: /* @__PURE__ */ jsx6("span", { className: "whitespace-pre-line", children: props.value }) });
|
|
199
128
|
};
|
|
200
129
|
var MultilineTextView_default = MultilineText;
|
|
201
130
|
|
|
131
|
+
// src/components/controls/view/PercentageView.tsx
|
|
132
|
+
import React7 from "react";
|
|
133
|
+
import { jsxs as jsxs2 } from "react/jsx-runtime";
|
|
134
|
+
var PercentageView = (props) => {
|
|
135
|
+
return /* @__PURE__ */ jsxs2(React7.Fragment, { children: [
|
|
136
|
+
props.value,
|
|
137
|
+
"%"
|
|
138
|
+
] });
|
|
139
|
+
};
|
|
140
|
+
var PercentageView_default = PercentageView;
|
|
141
|
+
|
|
142
|
+
// src/components/controls/view/ProgressIndicator.tsx
|
|
143
|
+
import React8 from "react";
|
|
144
|
+
import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
145
|
+
var ProgressIndicator = (props) => {
|
|
146
|
+
const percentage = 100;
|
|
147
|
+
const circumference = Math.PI * 56;
|
|
148
|
+
const offset = circumference * (1 - percentage / 100);
|
|
149
|
+
return /* @__PURE__ */ jsx7(React8.Fragment, { children: /* @__PURE__ */ jsxs3("div", { className: "relative w-48 h-48", children: [
|
|
150
|
+
/* @__PURE__ */ jsx7("div", { className: "absolute top-0 left-0 w-full h-full rounded-full border border-gray-200" }),
|
|
151
|
+
/* @__PURE__ */ jsx7("div", { className: "absolute top-0 left-0 w-full h-full rounded-full overflow-hidden", children: /* @__PURE__ */ jsx7("div", { className: "w-full h-full rounded-full border-t-8 border-green-500", style: { transform: `rotate(-90deg)`, clipPath: `inset(0px ${offset}px 0px 0px)` } }) }),
|
|
152
|
+
/* @__PURE__ */ jsx7("div", { className: "absolute top-0 left-0 w-full h-full flex items-center justify-center text-lg font-bold text-gray-800", children: /* @__PURE__ */ jsxs3("span", { children: [
|
|
153
|
+
percentage,
|
|
154
|
+
"%"
|
|
155
|
+
] }) })
|
|
156
|
+
] }) });
|
|
157
|
+
};
|
|
158
|
+
var ProgressIndicator_default = ProgressIndicator;
|
|
159
|
+
|
|
202
160
|
// src/components/controls/view/ViewControl.tsx
|
|
203
|
-
import { jsx as
|
|
204
|
-
var ViewControl =
|
|
161
|
+
import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
162
|
+
var ViewControl = React9.forwardRef(
|
|
205
163
|
(props, ref) => {
|
|
206
164
|
const ControlComponents = {
|
|
207
|
-
[ViewControlTypes_default.
|
|
208
|
-
[
|
|
209
|
-
[ViewControlTypes_default.
|
|
210
|
-
[ViewControlTypes_default.
|
|
211
|
-
[ViewControlTypes_default.
|
|
212
|
-
[ViewControlTypes_default.
|
|
213
|
-
[ViewControlTypes_default.
|
|
214
|
-
[ViewControlTypes_default.
|
|
215
|
-
[ViewControlTypes_default.
|
|
216
|
-
[ViewControlTypes_default.
|
|
217
|
-
|
|
165
|
+
[ViewControlTypes_default.lineText]: LineTextView_default,
|
|
166
|
+
// [ViewControlTypes.asset]: Asset,
|
|
167
|
+
[ViewControlTypes_default.multilineTextBullets]: MultilineTextBulletsView_default,
|
|
168
|
+
[ViewControlTypes_default.money]: MoneyView_default,
|
|
169
|
+
[ViewControlTypes_default.date]: DateView_default,
|
|
170
|
+
[ViewControlTypes_default.time]: DateView_default,
|
|
171
|
+
[ViewControlTypes_default.datetime]: DateView_default,
|
|
172
|
+
[ViewControlTypes_default.number]: NumberView_default,
|
|
173
|
+
[ViewControlTypes_default.multilineText]: MultilineTextView_default,
|
|
174
|
+
[ViewControlTypes_default.moneyText]: MoneyView_default,
|
|
175
|
+
[ViewControlTypes_default.percentage]: PercentageView_default,
|
|
176
|
+
// [ViewControlTypes.statusBg]: StatusBg,
|
|
177
|
+
[ViewControlTypes_default.progressIndicator]: ProgressIndicator_default
|
|
178
|
+
// [ViewControlTypes.timeUntilStarts]: TimeUntilStarts,
|
|
179
|
+
// [ViewControlTypes.timeUntilStartsStyled]: TimeUntilStartsStyled,
|
|
180
|
+
// [ViewControlTypes.aiGeneratedSummary]: AiGeneratedSummary,
|
|
218
181
|
};
|
|
219
182
|
const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
|
|
220
|
-
return /* @__PURE__ */
|
|
183
|
+
return /* @__PURE__ */ jsxs4(React9.Fragment, { children: [
|
|
184
|
+
props.controlType,
|
|
185
|
+
SelectedControlComponent ? /* @__PURE__ */ jsx8(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType
|
|
186
|
+
] });
|
|
221
187
|
}
|
|
222
188
|
);
|
|
223
189
|
ViewControl.displayName = "ViewControl";
|
|
224
190
|
var ViewControl_default = ViewControl;
|
|
225
191
|
|
|
226
192
|
// src/components/controls/edit/InputControl.tsx
|
|
227
|
-
import
|
|
193
|
+
import React29 from "react";
|
|
228
194
|
|
|
229
195
|
// src/components/controls/edit/MultilineTextInput.tsx
|
|
230
|
-
import
|
|
231
|
-
import { jsx as
|
|
196
|
+
import React10 from "react";
|
|
197
|
+
import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
232
198
|
var MultilineTextInput = (props) => {
|
|
233
199
|
const textChangeHandler = (event) => {
|
|
234
200
|
const text = event.target.value;
|
|
@@ -247,11 +213,11 @@ var MultilineTextInput = (props) => {
|
|
|
247
213
|
if (props.value !== void 0 && props.value !== null) {
|
|
248
214
|
value = props.value;
|
|
249
215
|
}
|
|
250
|
-
return /* @__PURE__ */
|
|
251
|
-
/* @__PURE__ */
|
|
216
|
+
return /* @__PURE__ */ jsx9(React10.Fragment, { children: /* @__PURE__ */ jsxs5("label", { className: "block mb-1", children: [
|
|
217
|
+
/* @__PURE__ */ jsx9("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
252
218
|
" ",
|
|
253
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */
|
|
254
|
-
/* @__PURE__ */
|
|
219
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx9("span", { className: "text-alert", children: "*" }),
|
|
220
|
+
/* @__PURE__ */ jsx9(
|
|
255
221
|
"textarea",
|
|
256
222
|
{
|
|
257
223
|
name: props.name,
|
|
@@ -268,14 +234,14 @@ var MultilineTextInput = (props) => {
|
|
|
268
234
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
|
|
269
235
|
}
|
|
270
236
|
),
|
|
271
|
-
/* @__PURE__ */
|
|
237
|
+
/* @__PURE__ */ jsx9("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
272
238
|
] }) });
|
|
273
239
|
};
|
|
274
240
|
var MultilineTextInput_default = MultilineTextInput;
|
|
275
241
|
|
|
276
242
|
// src/components/controls/edit/LineTextInput.tsx
|
|
277
|
-
import
|
|
278
|
-
import { jsx as
|
|
243
|
+
import React11 from "react";
|
|
244
|
+
import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
279
245
|
var LineTextInput = (props) => {
|
|
280
246
|
const textChangeHandler = (event) => {
|
|
281
247
|
const text = event.target.value;
|
|
@@ -294,11 +260,11 @@ var LineTextInput = (props) => {
|
|
|
294
260
|
if (props.value !== void 0 && props.value !== null) {
|
|
295
261
|
value = props.value;
|
|
296
262
|
}
|
|
297
|
-
return /* @__PURE__ */
|
|
298
|
-
props?.attributes?.label && /* @__PURE__ */
|
|
263
|
+
return /* @__PURE__ */ jsx10(React11.Fragment, { children: /* @__PURE__ */ jsxs6("label", { className: "block", children: [
|
|
264
|
+
props?.attributes?.label && /* @__PURE__ */ jsx10("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
|
|
299
265
|
" ",
|
|
300
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */
|
|
301
|
-
/* @__PURE__ */
|
|
266
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx10("span", { className: "text-alert", children: "*" }),
|
|
267
|
+
/* @__PURE__ */ jsx10(
|
|
302
268
|
"input",
|
|
303
269
|
{
|
|
304
270
|
type: "text",
|
|
@@ -320,14 +286,14 @@ var LineTextInput = (props) => {
|
|
|
320
286
|
`
|
|
321
287
|
}
|
|
322
288
|
),
|
|
323
|
-
/* @__PURE__ */
|
|
289
|
+
/* @__PURE__ */ jsx10("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
324
290
|
] }) });
|
|
325
291
|
};
|
|
326
292
|
var LineTextInput_default = LineTextInput;
|
|
327
293
|
|
|
328
294
|
// src/components/controls/edit/MoneyInput.tsx
|
|
329
|
-
import
|
|
330
|
-
import { jsx as
|
|
295
|
+
import React12 from "react";
|
|
296
|
+
import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
331
297
|
var MoneyInput = (props) => {
|
|
332
298
|
const textChangeHandler = (event) => {
|
|
333
299
|
const rawValue = event.target.value;
|
|
@@ -356,11 +322,11 @@ var MoneyInput = (props) => {
|
|
|
356
322
|
e.preventDefault();
|
|
357
323
|
}
|
|
358
324
|
};
|
|
359
|
-
return /* @__PURE__ */
|
|
360
|
-
/* @__PURE__ */
|
|
325
|
+
return /* @__PURE__ */ jsx11(React12.Fragment, { children: /* @__PURE__ */ jsxs7("label", { className: "block mb-1", children: [
|
|
326
|
+
/* @__PURE__ */ jsx11("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
361
327
|
" ",
|
|
362
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */
|
|
363
|
-
/* @__PURE__ */
|
|
328
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx11("span", { className: "text-alert", children: "*" }),
|
|
329
|
+
/* @__PURE__ */ jsx11(
|
|
364
330
|
"input",
|
|
365
331
|
{
|
|
366
332
|
type: "number",
|
|
@@ -380,7 +346,7 @@ var MoneyInput = (props) => {
|
|
|
380
346
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input"
|
|
381
347
|
}
|
|
382
348
|
),
|
|
383
|
-
/* @__PURE__ */
|
|
349
|
+
/* @__PURE__ */ jsx11("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
384
350
|
] }) });
|
|
385
351
|
};
|
|
386
352
|
var MoneyInput_default = MoneyInput;
|
|
@@ -411,7 +377,7 @@ var InputControlType_default = InputControlType;
|
|
|
411
377
|
|
|
412
378
|
// src/components/controls/edit/Select.tsx
|
|
413
379
|
import { useState, useEffect } from "react";
|
|
414
|
-
import { jsx as
|
|
380
|
+
import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
415
381
|
var Select = (props) => {
|
|
416
382
|
const [list, setList] = useState([]);
|
|
417
383
|
const getSafeValue = (val) => {
|
|
@@ -469,10 +435,10 @@ var Select = (props) => {
|
|
|
469
435
|
props.dataSourceDependsOn
|
|
470
436
|
]);
|
|
471
437
|
const value = getSafeValue(props.value);
|
|
472
|
-
return /* @__PURE__ */
|
|
473
|
-
props.attributes?.label && /* @__PURE__ */
|
|
474
|
-
props.attributes?.label && props.attributes?.required && /* @__PURE__ */
|
|
475
|
-
/* @__PURE__ */
|
|
438
|
+
return /* @__PURE__ */ jsxs8("label", { className: "block", children: [
|
|
439
|
+
props.attributes?.label && /* @__PURE__ */ jsx12("span", { className: "text-sm font-medium inline-block pb-1", children: props.attributes?.label }),
|
|
440
|
+
props.attributes?.label && props.attributes?.required && /* @__PURE__ */ jsx12("span", { className: "text-alert", children: "*" }),
|
|
441
|
+
/* @__PURE__ */ jsxs8(
|
|
476
442
|
"select",
|
|
477
443
|
{
|
|
478
444
|
name: props.name,
|
|
@@ -483,23 +449,23 @@ var Select = (props) => {
|
|
|
483
449
|
disabled: props.attributes?.readOnly,
|
|
484
450
|
className: "peer py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none",
|
|
485
451
|
children: [
|
|
486
|
-
/* @__PURE__ */
|
|
452
|
+
/* @__PURE__ */ jsx12("option", { value: "", children: props.attributes?.placeholder || "Select" }),
|
|
487
453
|
list.map((item, index) => {
|
|
488
454
|
const keyField = props.dataKeyFieldName;
|
|
489
455
|
const textField = props.dataTextFieldName;
|
|
490
|
-
return /* @__PURE__ */
|
|
456
|
+
return /* @__PURE__ */ jsx12("option", { value: item[keyField], children: item[textField] }, index);
|
|
491
457
|
})
|
|
492
458
|
]
|
|
493
459
|
}
|
|
494
460
|
),
|
|
495
|
-
/* @__PURE__ */
|
|
461
|
+
/* @__PURE__ */ jsx12("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props.attributes?.errorMessage || "" })
|
|
496
462
|
] });
|
|
497
463
|
};
|
|
498
464
|
var Select_default = Select;
|
|
499
465
|
|
|
500
466
|
// src/components/controls/edit/PercentageInput.tsx
|
|
501
|
-
import
|
|
502
|
-
import { jsx as
|
|
467
|
+
import React14 from "react";
|
|
468
|
+
import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
503
469
|
var PercentageInput = (props) => {
|
|
504
470
|
const textChangeHandler = (event) => {
|
|
505
471
|
const rawValue = event.target.value;
|
|
@@ -528,11 +494,11 @@ var PercentageInput = (props) => {
|
|
|
528
494
|
e.preventDefault();
|
|
529
495
|
}
|
|
530
496
|
};
|
|
531
|
-
return /* @__PURE__ */
|
|
532
|
-
/* @__PURE__ */
|
|
497
|
+
return /* @__PURE__ */ jsx13(React14.Fragment, { children: /* @__PURE__ */ jsxs9("label", { className: "block mb-1", children: [
|
|
498
|
+
/* @__PURE__ */ jsx13("span", { className: "text-sm font-medium ", children: props?.attributes?.label ? props?.attributes?.label + " %" : "" }),
|
|
533
499
|
" ",
|
|
534
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */
|
|
535
|
-
/* @__PURE__ */
|
|
500
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx13("span", { className: "text-alert", children: "*" }),
|
|
501
|
+
/* @__PURE__ */ jsx13(
|
|
536
502
|
"input",
|
|
537
503
|
{
|
|
538
504
|
type: "number",
|
|
@@ -551,14 +517,14 @@ var PercentageInput = (props) => {
|
|
|
551
517
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input"
|
|
552
518
|
}
|
|
553
519
|
),
|
|
554
|
-
/* @__PURE__ */
|
|
520
|
+
/* @__PURE__ */ jsx13("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
555
521
|
] }) });
|
|
556
522
|
};
|
|
557
523
|
var PercentageInput_default = PercentageInput;
|
|
558
524
|
|
|
559
525
|
// src/components/controls/edit/PhoneInput.tsx
|
|
560
|
-
import
|
|
561
|
-
import { jsx as
|
|
526
|
+
import React15 from "react";
|
|
527
|
+
import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
562
528
|
var PhoneInput = (props) => {
|
|
563
529
|
const textChangeHandler = (event) => {
|
|
564
530
|
const text = event.target.value;
|
|
@@ -577,11 +543,11 @@ var PhoneInput = (props) => {
|
|
|
577
543
|
if (props.value !== void 0 && props.value !== null) {
|
|
578
544
|
value = props.value;
|
|
579
545
|
}
|
|
580
|
-
return /* @__PURE__ */
|
|
581
|
-
/* @__PURE__ */
|
|
582
|
-
/* @__PURE__ */
|
|
583
|
-
/* @__PURE__ */
|
|
584
|
-
/* @__PURE__ */
|
|
546
|
+
return /* @__PURE__ */ jsx14(React15.Fragment, { children: /* @__PURE__ */ jsxs10("label", { className: "block mb-1", children: [
|
|
547
|
+
/* @__PURE__ */ jsx14("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
548
|
+
/* @__PURE__ */ jsxs10("div", { className: "flex items-center bg-gray-100 rounded border border-gray-300 \n focus-within:border-indigo-300 focus-within:ring focus-within:ring-indigo-200 focus-within:ring-opacity-50", children: [
|
|
549
|
+
/* @__PURE__ */ jsx14("span", { className: "px-3 text-gray-700", children: props.prefix }),
|
|
550
|
+
/* @__PURE__ */ jsx14(
|
|
585
551
|
"input",
|
|
586
552
|
{
|
|
587
553
|
type: "text",
|
|
@@ -599,14 +565,14 @@ var PhoneInput = (props) => {
|
|
|
599
565
|
}
|
|
600
566
|
)
|
|
601
567
|
] }),
|
|
602
|
-
/* @__PURE__ */
|
|
568
|
+
/* @__PURE__ */ jsx14("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
603
569
|
] }) });
|
|
604
570
|
};
|
|
605
571
|
var PhoneInput_default = PhoneInput;
|
|
606
572
|
|
|
607
573
|
// src/components/controls/edit/NumberInput.tsx
|
|
608
|
-
import
|
|
609
|
-
import { jsx as
|
|
574
|
+
import React16 from "react";
|
|
575
|
+
import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
610
576
|
var NumberInput = (props) => {
|
|
611
577
|
const textChangeHandler = (event) => {
|
|
612
578
|
const text = event.target.value;
|
|
@@ -629,11 +595,11 @@ var NumberInput = (props) => {
|
|
|
629
595
|
if (props.value !== void 0 && props.value !== null) {
|
|
630
596
|
value = props.value;
|
|
631
597
|
}
|
|
632
|
-
return /* @__PURE__ */
|
|
633
|
-
props?.attributes?.label && /* @__PURE__ */
|
|
598
|
+
return /* @__PURE__ */ jsx15(React16.Fragment, { children: /* @__PURE__ */ jsxs11("label", { className: "block", children: [
|
|
599
|
+
props?.attributes?.label && /* @__PURE__ */ jsx15("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
|
|
634
600
|
" ",
|
|
635
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */
|
|
636
|
-
/* @__PURE__ */
|
|
601
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx15("span", { className: "text-alert", children: "*" }),
|
|
602
|
+
/* @__PURE__ */ jsx15(
|
|
637
603
|
"input",
|
|
638
604
|
{
|
|
639
605
|
type: "number",
|
|
@@ -652,14 +618,14 @@ var NumberInput = (props) => {
|
|
|
652
618
|
className: "peer py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
653
619
|
}
|
|
654
620
|
),
|
|
655
|
-
/* @__PURE__ */
|
|
621
|
+
/* @__PURE__ */ jsx15("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
656
622
|
] }) });
|
|
657
623
|
};
|
|
658
624
|
var NumberInput_default = NumberInput;
|
|
659
625
|
|
|
660
626
|
// src/components/controls/edit/CheckboxInput.tsx
|
|
661
|
-
import
|
|
662
|
-
import { jsx as
|
|
627
|
+
import React17 from "react";
|
|
628
|
+
import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
663
629
|
var CheckboxInput = (props) => {
|
|
664
630
|
const textChangeHandler = (event) => {
|
|
665
631
|
let text = event.target.checked;
|
|
@@ -678,11 +644,11 @@ var CheckboxInput = (props) => {
|
|
|
678
644
|
if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
|
|
679
645
|
value = true;
|
|
680
646
|
}
|
|
681
|
-
return /* @__PURE__ */
|
|
682
|
-
/* @__PURE__ */
|
|
647
|
+
return /* @__PURE__ */ jsx16(React17.Fragment, { children: /* @__PURE__ */ jsxs12("label", { className: "block mb-1", children: [
|
|
648
|
+
/* @__PURE__ */ jsx16("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
683
649
|
" ",
|
|
684
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */
|
|
685
|
-
/* @__PURE__ */
|
|
650
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx16("span", { className: "text-alert", children: "*" }),
|
|
651
|
+
/* @__PURE__ */ jsx16(
|
|
686
652
|
"input",
|
|
687
653
|
{
|
|
688
654
|
type: "checkbox",
|
|
@@ -699,14 +665,14 @@ var CheckboxInput = (props) => {
|
|
|
699
665
|
className: "peer mt-1 py-1.5 block rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
700
666
|
}
|
|
701
667
|
),
|
|
702
|
-
/* @__PURE__ */
|
|
668
|
+
/* @__PURE__ */ jsx16("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
703
669
|
] }) });
|
|
704
670
|
};
|
|
705
671
|
var CheckboxInput_default = CheckboxInput;
|
|
706
672
|
|
|
707
673
|
// src/components/controls/edit/OtpInput.tsx
|
|
708
|
-
import
|
|
709
|
-
import { jsx as
|
|
674
|
+
import React18 from "react";
|
|
675
|
+
import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
710
676
|
var OtpInput = (props) => {
|
|
711
677
|
const textChangeHandler = (event) => {
|
|
712
678
|
const text = event.target.value;
|
|
@@ -728,9 +694,9 @@ var OtpInput = (props) => {
|
|
|
728
694
|
if (props.value !== void 0 && props.value !== null) {
|
|
729
695
|
value = props.value;
|
|
730
696
|
}
|
|
731
|
-
return /* @__PURE__ */
|
|
732
|
-
/* @__PURE__ */
|
|
733
|
-
/* @__PURE__ */
|
|
697
|
+
return /* @__PURE__ */ jsx17(React18.Fragment, { children: /* @__PURE__ */ jsxs13("label", { htmlFor: props.name, className: "block mb-1 w-full", children: [
|
|
698
|
+
/* @__PURE__ */ jsx17("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
699
|
+
/* @__PURE__ */ jsx17(
|
|
734
700
|
"input",
|
|
735
701
|
{
|
|
736
702
|
type: "text",
|
|
@@ -750,7 +716,7 @@ var OtpInput = (props) => {
|
|
|
750
716
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm tracking-[1.25em] text-center\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
|
|
751
717
|
}
|
|
752
718
|
),
|
|
753
|
-
/* @__PURE__ */
|
|
719
|
+
/* @__PURE__ */ jsx17("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
754
720
|
] }) });
|
|
755
721
|
};
|
|
756
722
|
var OtpInput_default = OtpInput;
|
|
@@ -832,8 +798,8 @@ var DateTimeUtility = class {
|
|
|
832
798
|
var DateTimeUtility_default = DateTimeUtility;
|
|
833
799
|
|
|
834
800
|
// src/components/controls/edit/DateTimeInput.tsx
|
|
835
|
-
import
|
|
836
|
-
import { jsx as
|
|
801
|
+
import React19 from "react";
|
|
802
|
+
import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
837
803
|
var DateTimeInput = (props) => {
|
|
838
804
|
const textChangeHandler = (event) => {
|
|
839
805
|
const localDate = new Date(event.target.value);
|
|
@@ -868,12 +834,12 @@ var DateTimeInput = (props) => {
|
|
|
868
834
|
timeZoneAbbr = now2.toLocaleTimeString("en", { timeZoneName: "short" }).split(" ")[2];
|
|
869
835
|
localvalue = localDate?.toISOString()?.slice(0, 16);
|
|
870
836
|
}
|
|
871
|
-
return /* @__PURE__ */
|
|
872
|
-
/* @__PURE__ */
|
|
837
|
+
return /* @__PURE__ */ jsx18(React19.Fragment, { children: /* @__PURE__ */ jsxs14("label", { className: "block mb-1", children: [
|
|
838
|
+
/* @__PURE__ */ jsx18("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
873
839
|
" ",
|
|
874
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */
|
|
875
|
-
/* @__PURE__ */
|
|
876
|
-
/* @__PURE__ */
|
|
840
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx18("span", { className: "text-alert", children: "*" }),
|
|
841
|
+
/* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
|
|
842
|
+
/* @__PURE__ */ jsx18(
|
|
877
843
|
"input",
|
|
878
844
|
{
|
|
879
845
|
type: "datetime-local",
|
|
@@ -890,18 +856,18 @@ var DateTimeInput = (props) => {
|
|
|
890
856
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
891
857
|
}
|
|
892
858
|
),
|
|
893
|
-
/* @__PURE__ */
|
|
859
|
+
/* @__PURE__ */ jsx18("span", { children: timeZoneAbbr })
|
|
894
860
|
] }),
|
|
895
|
-
/* @__PURE__ */
|
|
861
|
+
/* @__PURE__ */ jsx18("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
896
862
|
] }) });
|
|
897
863
|
};
|
|
898
864
|
var DateTimeInput_default = DateTimeInput;
|
|
899
865
|
|
|
900
866
|
// src/components/controls/edit/ColorInput.tsx
|
|
901
|
-
import
|
|
902
|
-
import { jsx as
|
|
867
|
+
import React20, { useEffect as useEffect2 } from "react";
|
|
868
|
+
import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
903
869
|
var ColorInput = (props) => {
|
|
904
|
-
const [color, setColor] =
|
|
870
|
+
const [color, setColor] = React20.useState("#3b82f6");
|
|
905
871
|
useEffect2(() => {
|
|
906
872
|
if (props.value !== void 0 && props.value !== null) {
|
|
907
873
|
if (typeof props.value === "string") {
|
|
@@ -921,11 +887,11 @@ var ColorInput = (props) => {
|
|
|
921
887
|
});
|
|
922
888
|
}
|
|
923
889
|
};
|
|
924
|
-
return /* @__PURE__ */
|
|
925
|
-
/* @__PURE__ */
|
|
890
|
+
return /* @__PURE__ */ jsxs15("label", { className: "block mb-1", children: [
|
|
891
|
+
/* @__PURE__ */ jsx19("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
926
892
|
" ",
|
|
927
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */
|
|
928
|
-
/* @__PURE__ */
|
|
893
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx19("span", { className: "text-alert", children: "*" }),
|
|
894
|
+
/* @__PURE__ */ jsx19(
|
|
929
895
|
"input",
|
|
930
896
|
{
|
|
931
897
|
type: "color",
|
|
@@ -938,14 +904,14 @@ var ColorInput = (props) => {
|
|
|
938
904
|
className: `w-[88px] h-12 block cursor-pointer focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50`
|
|
939
905
|
}
|
|
940
906
|
),
|
|
941
|
-
props?.attributes?.errorMessage && /* @__PURE__ */
|
|
907
|
+
props?.attributes?.errorMessage && /* @__PURE__ */ jsx19("p", { className: "mt-1 text-alert text-sm", children: props.attributes.errorMessage })
|
|
942
908
|
] });
|
|
943
909
|
};
|
|
944
910
|
var ColorInput_default = ColorInput;
|
|
945
911
|
|
|
946
912
|
// src/components/controls/edit/SelectWithSearchInput.tsx
|
|
947
913
|
import { useEffect as useEffect3, useRef, useState as useState2 } from "react";
|
|
948
|
-
import { jsx as
|
|
914
|
+
import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
949
915
|
var SelectWithSearchInput = (props) => {
|
|
950
916
|
const [isOpen, setIsOpen] = useState2(false);
|
|
951
917
|
const [searchTerm, setSearchTerm] = useState2("");
|
|
@@ -1016,12 +982,12 @@ var SelectWithSearchInput = (props) => {
|
|
|
1016
982
|
});
|
|
1017
983
|
}
|
|
1018
984
|
}, [highlightedIndex]);
|
|
1019
|
-
return /* @__PURE__ */
|
|
1020
|
-
/* @__PURE__ */
|
|
985
|
+
return /* @__PURE__ */ jsxs16("div", { className: "relative", children: [
|
|
986
|
+
/* @__PURE__ */ jsx20("label", { children: props.attributes?.label }),
|
|
1021
987
|
" ",
|
|
1022
|
-
props?.attributes?.required && /* @__PURE__ */
|
|
1023
|
-
/* @__PURE__ */
|
|
1024
|
-
/* @__PURE__ */
|
|
988
|
+
props?.attributes?.required && /* @__PURE__ */ jsx20("span", { className: "text-alert", children: "*" }),
|
|
989
|
+
/* @__PURE__ */ jsxs16("div", { className: "relative", children: [
|
|
990
|
+
/* @__PURE__ */ jsx20(
|
|
1025
991
|
"input",
|
|
1026
992
|
{
|
|
1027
993
|
type: "text",
|
|
@@ -1037,13 +1003,13 @@ var SelectWithSearchInput = (props) => {
|
|
|
1037
1003
|
className: "peer py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
1038
1004
|
}
|
|
1039
1005
|
),
|
|
1040
|
-
/* @__PURE__ */
|
|
1006
|
+
/* @__PURE__ */ jsx20(
|
|
1041
1007
|
"button",
|
|
1042
1008
|
{
|
|
1043
1009
|
type: "button",
|
|
1044
1010
|
onClick: () => setIsOpen(!isOpen),
|
|
1045
1011
|
className: "absolute right-2 top-3 h-5 w-5 text-gray-500 focus:outline-none",
|
|
1046
|
-
children: /* @__PURE__ */
|
|
1012
|
+
children: /* @__PURE__ */ jsx20(
|
|
1047
1013
|
"svg",
|
|
1048
1014
|
{
|
|
1049
1015
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1052,7 +1018,7 @@ var SelectWithSearchInput = (props) => {
|
|
|
1052
1018
|
strokeWidth: 1.5,
|
|
1053
1019
|
stroke: "currentColor",
|
|
1054
1020
|
className: "w-full h-full",
|
|
1055
|
-
children: /* @__PURE__ */
|
|
1021
|
+
children: /* @__PURE__ */ jsx20(
|
|
1056
1022
|
"path",
|
|
1057
1023
|
{
|
|
1058
1024
|
strokeLinecap: "round",
|
|
@@ -1065,12 +1031,12 @@ var SelectWithSearchInput = (props) => {
|
|
|
1065
1031
|
}
|
|
1066
1032
|
)
|
|
1067
1033
|
] }),
|
|
1068
|
-
isOpen && /* @__PURE__ */
|
|
1034
|
+
isOpen && /* @__PURE__ */ jsx20(
|
|
1069
1035
|
"div",
|
|
1070
1036
|
{
|
|
1071
1037
|
ref: dropdownRef,
|
|
1072
1038
|
className: "absolute z-10 mt-2 w-full bg-white border border-gray-200 rounded-md shadow-lg max-h-48 overflow-y-auto",
|
|
1073
|
-
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */
|
|
1039
|
+
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ jsx20(
|
|
1074
1040
|
"button",
|
|
1075
1041
|
{
|
|
1076
1042
|
onClick: (e) => handleSelect(e, item),
|
|
@@ -1078,10 +1044,10 @@ var SelectWithSearchInput = (props) => {
|
|
|
1078
1044
|
role: "option",
|
|
1079
1045
|
tabIndex: -1,
|
|
1080
1046
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
1081
|
-
children: /* @__PURE__ */
|
|
1047
|
+
children: /* @__PURE__ */ jsx20("span", { children: item[props.dataTextFieldName] })
|
|
1082
1048
|
},
|
|
1083
1049
|
item[props.dataKeyFieldName]
|
|
1084
|
-
)) : /* @__PURE__ */
|
|
1050
|
+
)) : /* @__PURE__ */ jsx20("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
1085
1051
|
}
|
|
1086
1052
|
)
|
|
1087
1053
|
] });
|
|
@@ -1089,7 +1055,7 @@ var SelectWithSearchInput = (props) => {
|
|
|
1089
1055
|
var SelectWithSearchInput_default = SelectWithSearchInput;
|
|
1090
1056
|
|
|
1091
1057
|
// src/components/Button.tsx
|
|
1092
|
-
import
|
|
1058
|
+
import React24, { useState as useState4 } from "react";
|
|
1093
1059
|
|
|
1094
1060
|
// src/components/ToastService.tsx
|
|
1095
1061
|
var ToastService = class _ToastService {
|
|
@@ -1146,8 +1112,8 @@ var progressClasses = /* @__PURE__ */ new Map([
|
|
|
1146
1112
|
import { useState as useState3 } from "react";
|
|
1147
1113
|
|
|
1148
1114
|
// src/components/ClientButton.tsx
|
|
1149
|
-
import
|
|
1150
|
-
import { jsx as
|
|
1115
|
+
import React22 from "react";
|
|
1116
|
+
import { jsx as jsx21 } from "react/jsx-runtime";
|
|
1151
1117
|
var ClientButton = (props) => {
|
|
1152
1118
|
const execute = async (event) => {
|
|
1153
1119
|
if (props.onClick !== void 0) {
|
|
@@ -1157,7 +1123,7 @@ var ClientButton = (props) => {
|
|
|
1157
1123
|
}
|
|
1158
1124
|
};
|
|
1159
1125
|
let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
|
|
1160
|
-
return /* @__PURE__ */
|
|
1126
|
+
return /* @__PURE__ */ jsx21(React22.Fragment, { children: /* @__PURE__ */ jsx21(
|
|
1161
1127
|
"button",
|
|
1162
1128
|
{
|
|
1163
1129
|
type: "button",
|
|
@@ -1170,7 +1136,7 @@ var ClientButton = (props) => {
|
|
|
1170
1136
|
var ClientButton_default = ClientButton;
|
|
1171
1137
|
|
|
1172
1138
|
// src/components/Confirm.tsx
|
|
1173
|
-
import { Fragment, jsx as
|
|
1139
|
+
import { Fragment, jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
1174
1140
|
var Confirm = ({ message, onConfirm, onCancel }) => {
|
|
1175
1141
|
const [showModal, setShowModal] = useState3(true);
|
|
1176
1142
|
const handleConfirmAction = () => {
|
|
@@ -1185,13 +1151,13 @@ var Confirm = ({ message, onConfirm, onCancel }) => {
|
|
|
1185
1151
|
onCancel();
|
|
1186
1152
|
}
|
|
1187
1153
|
};
|
|
1188
|
-
return /* @__PURE__ */
|
|
1189
|
-
/* @__PURE__ */
|
|
1190
|
-
/* @__PURE__ */
|
|
1191
|
-
/* @__PURE__ */
|
|
1192
|
-
/* @__PURE__ */
|
|
1193
|
-
/* @__PURE__ */
|
|
1194
|
-
/* @__PURE__ */
|
|
1154
|
+
return /* @__PURE__ */ jsx22(Fragment, { children: showModal && /* @__PURE__ */ jsxs17("div", { className: "fixed inset-0 flex items-center justify-center z-50", children: [
|
|
1155
|
+
/* @__PURE__ */ jsx22("div", { className: "absolute inset-0 bg-black opacity-70" }),
|
|
1156
|
+
/* @__PURE__ */ jsxs17("div", { className: "bg-white rounded-md p-6 w-2/6 shadow border z-50", children: [
|
|
1157
|
+
/* @__PURE__ */ jsx22("p", { className: "text-xl font-medium mb-4", children: "Confirmation" }),
|
|
1158
|
+
/* @__PURE__ */ jsx22("p", { className: "mb-4", children: message }),
|
|
1159
|
+
/* @__PURE__ */ jsxs17("div", { className: "flex justify-end gap-8", children: [
|
|
1160
|
+
/* @__PURE__ */ jsx22(
|
|
1195
1161
|
ClientButton_default,
|
|
1196
1162
|
{
|
|
1197
1163
|
onClick: handleCancelAction,
|
|
@@ -1199,7 +1165,7 @@ var Confirm = ({ message, onConfirm, onCancel }) => {
|
|
|
1199
1165
|
children: "Cancel"
|
|
1200
1166
|
}
|
|
1201
1167
|
),
|
|
1202
|
-
/* @__PURE__ */
|
|
1168
|
+
/* @__PURE__ */ jsx22(
|
|
1203
1169
|
ClientButton_default,
|
|
1204
1170
|
{
|
|
1205
1171
|
onClick: handleConfirmAction,
|
|
@@ -1215,7 +1181,7 @@ var Confirm_default = Confirm;
|
|
|
1215
1181
|
}
|
|
1216
1182
|
|
|
1217
1183
|
// src/components/Button.tsx
|
|
1218
|
-
import { jsx as
|
|
1184
|
+
import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
1219
1185
|
var Button = (props) => {
|
|
1220
1186
|
const [inProgress, setInProgress] = useState4(false);
|
|
1221
1187
|
const [isActionPerformed, setIsActionPerformed] = useState4(false);
|
|
@@ -1264,14 +1230,14 @@ var Button = (props) => {
|
|
|
1264
1230
|
return new Promise((resolve) => {
|
|
1265
1231
|
const onConfirm = () => resolve(true);
|
|
1266
1232
|
const onCancel = () => resolve(false);
|
|
1267
|
-
setShowModal(/* @__PURE__ */
|
|
1233
|
+
setShowModal(/* @__PURE__ */ jsx23(Confirm_default, { message: props.confirmationMessage, onConfirm, onCancel }));
|
|
1268
1234
|
});
|
|
1269
1235
|
};
|
|
1270
1236
|
let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
|
|
1271
1237
|
let progressClass = props.ButtonType ? progressClasses.get(props.ButtonType) : progressClasses.get("Primary" /* Solid */);
|
|
1272
1238
|
const isDisabled = inProgress || isActionPerformed && props.oneTimeAction;
|
|
1273
|
-
return /* @__PURE__ */
|
|
1274
|
-
/* @__PURE__ */
|
|
1239
|
+
return /* @__PURE__ */ jsxs18(React24.Fragment, { children: [
|
|
1240
|
+
/* @__PURE__ */ jsxs18(
|
|
1275
1241
|
"button",
|
|
1276
1242
|
{
|
|
1277
1243
|
type: "submit",
|
|
@@ -1281,9 +1247,9 @@ var Button = (props) => {
|
|
|
1281
1247
|
className: buttonClass + " relative " + props.className,
|
|
1282
1248
|
children: [
|
|
1283
1249
|
isActionPerformed && props.oneTimeAction && responseMessage ? responseMessage : props.children,
|
|
1284
|
-
inProgress && /* @__PURE__ */
|
|
1285
|
-
/* @__PURE__ */
|
|
1286
|
-
/* @__PURE__ */
|
|
1250
|
+
inProgress && /* @__PURE__ */ jsx23(React24.Fragment, { children: props.hideProgressIndicator === true ? /* @__PURE__ */ jsx23("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ jsxs18("svg", { className: "animate-spin ml-2 mr-3 h-5 w-5 " + progressClass, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
|
|
1251
|
+
/* @__PURE__ */ jsx23("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
|
|
1252
|
+
/* @__PURE__ */ jsx23("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
|
|
1287
1253
|
] }) })
|
|
1288
1254
|
]
|
|
1289
1255
|
}
|
|
@@ -1294,13 +1260,13 @@ var Button = (props) => {
|
|
|
1294
1260
|
var Button_default = Button;
|
|
1295
1261
|
|
|
1296
1262
|
// src/components/controls/edit/SelectWithSearchPanel.tsx
|
|
1297
|
-
import
|
|
1263
|
+
import React25, {
|
|
1298
1264
|
useEffect as useEffect4,
|
|
1299
1265
|
useRef as useRef2,
|
|
1300
1266
|
useState as useState5,
|
|
1301
1267
|
useCallback
|
|
1302
1268
|
} from "react";
|
|
1303
|
-
import { jsx as
|
|
1269
|
+
import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
1304
1270
|
var SelectWithSearchPanel = (props) => {
|
|
1305
1271
|
const [isOpen, setIsOpen] = useState5(false);
|
|
1306
1272
|
const [searchTerm, setSearchTerm] = useState5("");
|
|
@@ -1436,9 +1402,9 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1436
1402
|
console.log("Form Data:", formData);
|
|
1437
1403
|
return formData;
|
|
1438
1404
|
}, []);
|
|
1439
|
-
return /* @__PURE__ */
|
|
1440
|
-
/* @__PURE__ */
|
|
1441
|
-
/* @__PURE__ */
|
|
1405
|
+
return /* @__PURE__ */ jsxs19("div", { className: "relative", children: [
|
|
1406
|
+
/* @__PURE__ */ jsx24("label", { className: "text-sm mb-1 font-medium", children: props.attributes?.label }),
|
|
1407
|
+
/* @__PURE__ */ jsx24("div", { children: /* @__PURE__ */ jsx24(
|
|
1442
1408
|
"input",
|
|
1443
1409
|
{
|
|
1444
1410
|
type: "text",
|
|
@@ -1452,14 +1418,14 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1452
1418
|
disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none`
|
|
1453
1419
|
}
|
|
1454
1420
|
) }),
|
|
1455
|
-
/* @__PURE__ */
|
|
1456
|
-
/* @__PURE__ */
|
|
1457
|
-
/* @__PURE__ */
|
|
1421
|
+
/* @__PURE__ */ jsx24("div", { ref: containerRef, children: isOpen && /* @__PURE__ */ jsxs19(React25.Fragment, { children: [
|
|
1422
|
+
/* @__PURE__ */ jsxs19("div", { className: "fixed z-50 right-0 bg-white top-[62px] w-1/4 border-l border-gray-200", children: [
|
|
1423
|
+
/* @__PURE__ */ jsx24("div", { className: "flex flex-col p-2 bg-accent-950 text-white", children: /* @__PURE__ */ jsxs19("h5", { className: "text-md text-white font-medium", children: [
|
|
1458
1424
|
"Select a",
|
|
1459
1425
|
" ",
|
|
1460
1426
|
props.attributes?.label || props.attributes?.heading
|
|
1461
1427
|
] }) }),
|
|
1462
|
-
/* @__PURE__ */
|
|
1428
|
+
/* @__PURE__ */ jsx24("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200 h-10", children: props.createFields && props.createFields.length > 0 && /* @__PURE__ */ jsx24(
|
|
1463
1429
|
"button",
|
|
1464
1430
|
{
|
|
1465
1431
|
type: "button",
|
|
@@ -1472,12 +1438,12 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1472
1438
|
}
|
|
1473
1439
|
) })
|
|
1474
1440
|
] }),
|
|
1475
|
-
isCreateOpen && /* @__PURE__ */
|
|
1476
|
-
/* @__PURE__ */
|
|
1441
|
+
isCreateOpen && /* @__PURE__ */ jsxs19("div", { className: "fixed right-0 w-1/4 h-full top-[62px] bg-white shadow-lg border-l border-gray-200 z-50", children: [
|
|
1442
|
+
/* @__PURE__ */ jsx24("div", { className: "flex flex-col p-2 bg-accent-950", children: /* @__PURE__ */ jsxs19("h5", { className: "text-md font-medium text-white", children: [
|
|
1477
1443
|
"Create New ",
|
|
1478
1444
|
props.attributes?.label
|
|
1479
1445
|
] }) }),
|
|
1480
|
-
/* @__PURE__ */
|
|
1446
|
+
/* @__PURE__ */ jsx24("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200", children: /* @__PURE__ */ jsx24(
|
|
1481
1447
|
"button",
|
|
1482
1448
|
{
|
|
1483
1449
|
type: "button",
|
|
@@ -1486,10 +1452,10 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1486
1452
|
children: "Close"
|
|
1487
1453
|
}
|
|
1488
1454
|
) }),
|
|
1489
|
-
/* @__PURE__ */
|
|
1490
|
-
props.createFields?.map((field) => /* @__PURE__ */
|
|
1491
|
-
/* @__PURE__ */
|
|
1492
|
-
/* @__PURE__ */
|
|
1455
|
+
/* @__PURE__ */ jsxs19("div", { className: "p-4", children: [
|
|
1456
|
+
props.createFields?.map((field) => /* @__PURE__ */ jsxs19("div", { className: "mb-4", children: [
|
|
1457
|
+
/* @__PURE__ */ jsx24("label", { className: "text-sm mb-1 font-medium block", children: field.label }),
|
|
1458
|
+
/* @__PURE__ */ jsx24(
|
|
1493
1459
|
"input",
|
|
1494
1460
|
{
|
|
1495
1461
|
type: field.type,
|
|
@@ -1505,7 +1471,7 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1505
1471
|
}
|
|
1506
1472
|
)
|
|
1507
1473
|
] }, field.name)),
|
|
1508
|
-
/* @__PURE__ */
|
|
1474
|
+
/* @__PURE__ */ jsxs19(Button_default, { onClick: async () => {
|
|
1509
1475
|
handleSaveModal();
|
|
1510
1476
|
return { isSuccessful: true };
|
|
1511
1477
|
}, className: "w-full", children: [
|
|
@@ -1514,13 +1480,13 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1514
1480
|
] })
|
|
1515
1481
|
] })
|
|
1516
1482
|
] }),
|
|
1517
|
-
/* @__PURE__ */
|
|
1483
|
+
/* @__PURE__ */ jsx24(
|
|
1518
1484
|
"div",
|
|
1519
1485
|
{
|
|
1520
1486
|
ref: listRef,
|
|
1521
1487
|
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",
|
|
1522
1488
|
style: { height: "calc(100vh - 130px)" },
|
|
1523
|
-
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */
|
|
1489
|
+
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ jsx24("div", { children: /* @__PURE__ */ jsx24(
|
|
1524
1490
|
"button",
|
|
1525
1491
|
{
|
|
1526
1492
|
onClick: (e) => {
|
|
@@ -1530,9 +1496,9 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1530
1496
|
role: "option",
|
|
1531
1497
|
tabIndex: -1,
|
|
1532
1498
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
1533
|
-
children: /* @__PURE__ */
|
|
1499
|
+
children: /* @__PURE__ */ jsx24("span", { children: getNestedValue3(item, props.dataTextFieldName) })
|
|
1534
1500
|
}
|
|
1535
|
-
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */
|
|
1501
|
+
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ jsx24("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
1536
1502
|
}
|
|
1537
1503
|
)
|
|
1538
1504
|
] }) })
|
|
@@ -1541,11 +1507,11 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1541
1507
|
var SelectWithSearchPanel_default = SelectWithSearchPanel;
|
|
1542
1508
|
|
|
1543
1509
|
// src/components/controls/edit/BooleanSelect.tsx
|
|
1544
|
-
import
|
|
1510
|
+
import React26, {
|
|
1545
1511
|
useState as useState6,
|
|
1546
1512
|
useEffect as useEffect5
|
|
1547
1513
|
} from "react";
|
|
1548
|
-
import { jsx as
|
|
1514
|
+
import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
1549
1515
|
var BooleanSelect = (props) => {
|
|
1550
1516
|
const [list, setList] = useState6();
|
|
1551
1517
|
const textChangeHandler = (event) => {
|
|
@@ -1594,11 +1560,11 @@ var BooleanSelect = (props) => {
|
|
|
1594
1560
|
if (props.value !== void 0 && props.value !== null) {
|
|
1595
1561
|
value = props.value;
|
|
1596
1562
|
}
|
|
1597
|
-
return /* @__PURE__ */
|
|
1598
|
-
/* @__PURE__ */
|
|
1563
|
+
return /* @__PURE__ */ jsx25(React26.Fragment, { children: /* @__PURE__ */ jsxs20("label", { className: "block", children: [
|
|
1564
|
+
/* @__PURE__ */ jsx25("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1599
1565
|
" ",
|
|
1600
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */
|
|
1601
|
-
/* @__PURE__ */
|
|
1566
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx25("span", { className: "text-alert", children: "*" }),
|
|
1567
|
+
/* @__PURE__ */ jsxs20(
|
|
1602
1568
|
"select",
|
|
1603
1569
|
{
|
|
1604
1570
|
name: props.name,
|
|
@@ -1610,9 +1576,9 @@ var BooleanSelect = (props) => {
|
|
|
1610
1576
|
disabled: props?.attributes?.readOnly,
|
|
1611
1577
|
className: "peer mt-1 py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n ",
|
|
1612
1578
|
children: [
|
|
1613
|
-
/* @__PURE__ */
|
|
1579
|
+
/* @__PURE__ */ jsx25("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
|
|
1614
1580
|
list && list.map((item, i) => {
|
|
1615
|
-
return /* @__PURE__ */
|
|
1581
|
+
return /* @__PURE__ */ jsx25(
|
|
1616
1582
|
"option",
|
|
1617
1583
|
{
|
|
1618
1584
|
className: "fac-select-option",
|
|
@@ -1625,14 +1591,14 @@ var BooleanSelect = (props) => {
|
|
|
1625
1591
|
]
|
|
1626
1592
|
}
|
|
1627
1593
|
),
|
|
1628
|
-
/* @__PURE__ */
|
|
1594
|
+
/* @__PURE__ */ jsx25("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1629
1595
|
] }) });
|
|
1630
1596
|
};
|
|
1631
1597
|
var BooleanSelect_default = BooleanSelect;
|
|
1632
1598
|
|
|
1633
1599
|
// src/components/controls/edit/EmailInput.tsx
|
|
1634
|
-
import
|
|
1635
|
-
import { jsx as
|
|
1600
|
+
import React27 from "react";
|
|
1601
|
+
import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
1636
1602
|
var EmailInput = (props) => {
|
|
1637
1603
|
const textChangeHandler = (event) => {
|
|
1638
1604
|
const text = event.target.value;
|
|
@@ -1657,11 +1623,11 @@ var EmailInput = (props) => {
|
|
|
1657
1623
|
if (props.value !== void 0 && props.value !== null) {
|
|
1658
1624
|
value = props.value;
|
|
1659
1625
|
}
|
|
1660
|
-
return /* @__PURE__ */
|
|
1661
|
-
/* @__PURE__ */
|
|
1626
|
+
return /* @__PURE__ */ jsx26(React27.Fragment, { children: /* @__PURE__ */ jsxs21("label", { className: "block mb-1", children: [
|
|
1627
|
+
/* @__PURE__ */ jsx26("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
|
|
1662
1628
|
" ",
|
|
1663
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */
|
|
1664
|
-
/* @__PURE__ */
|
|
1629
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx26("span", { className: "text-alert", children: "*" }),
|
|
1630
|
+
/* @__PURE__ */ jsx26(
|
|
1665
1631
|
"input",
|
|
1666
1632
|
{
|
|
1667
1633
|
type: "email",
|
|
@@ -1677,14 +1643,14 @@ var EmailInput = (props) => {
|
|
|
1677
1643
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus-within:border-neutral-300 focus-within:ring focus-within:ring-neutral-300 focus-within:ring-opacity-50 transition-all duration-500 ease-in-out"
|
|
1678
1644
|
}
|
|
1679
1645
|
),
|
|
1680
|
-
/* @__PURE__ */
|
|
1646
|
+
/* @__PURE__ */ jsx26("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 mb-0 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1681
1647
|
] }) });
|
|
1682
1648
|
};
|
|
1683
1649
|
var EmailInput_default = EmailInput;
|
|
1684
1650
|
|
|
1685
1651
|
// src/components/controls/edit/TimeInput.tsx
|
|
1686
|
-
import
|
|
1687
|
-
import { jsx as
|
|
1652
|
+
import React28 from "react";
|
|
1653
|
+
import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
1688
1654
|
var TimeInput = (props) => {
|
|
1689
1655
|
const timeChangeHandler = (event) => {
|
|
1690
1656
|
const timeValue = event.target.value;
|
|
@@ -1697,10 +1663,10 @@ var TimeInput = (props) => {
|
|
|
1697
1663
|
});
|
|
1698
1664
|
}
|
|
1699
1665
|
};
|
|
1700
|
-
return /* @__PURE__ */
|
|
1701
|
-
/* @__PURE__ */
|
|
1702
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */
|
|
1703
|
-
/* @__PURE__ */
|
|
1666
|
+
return /* @__PURE__ */ jsx27(React28.Fragment, { children: /* @__PURE__ */ jsxs22("label", { className: "block mb-1", children: [
|
|
1667
|
+
/* @__PURE__ */ jsx27("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
1668
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx27("span", { className: "text-alert", children: "*" }),
|
|
1669
|
+
/* @__PURE__ */ jsx27("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx27(
|
|
1704
1670
|
"input",
|
|
1705
1671
|
{
|
|
1706
1672
|
type: "time",
|
|
@@ -1713,14 +1679,14 @@ var TimeInput = (props) => {
|
|
|
1713
1679
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none"
|
|
1714
1680
|
}
|
|
1715
1681
|
) }),
|
|
1716
|
-
/* @__PURE__ */
|
|
1682
|
+
/* @__PURE__ */ jsx27("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ?? "" })
|
|
1717
1683
|
] }) });
|
|
1718
1684
|
};
|
|
1719
1685
|
var TimeInput_default = TimeInput;
|
|
1720
1686
|
|
|
1721
1687
|
// src/components/controls/edit/InputControl.tsx
|
|
1722
|
-
import { jsx as
|
|
1723
|
-
var InputControl =
|
|
1688
|
+
import { jsx as jsx28 } from "react/jsx-runtime";
|
|
1689
|
+
var InputControl = React29.forwardRef(
|
|
1724
1690
|
(props, ref) => {
|
|
1725
1691
|
const ControlComponents = {
|
|
1726
1692
|
[InputControlType_default.lineTextInput]: LineTextInput_default,
|
|
@@ -1741,58 +1707,58 @@ var InputControl = React31.forwardRef(
|
|
|
1741
1707
|
[InputControlType_default.timeInput]: TimeInput_default
|
|
1742
1708
|
};
|
|
1743
1709
|
const SelectedControlComponent = ControlComponents[props.controlType];
|
|
1744
|
-
return /* @__PURE__ */
|
|
1710
|
+
return /* @__PURE__ */ jsx28(React29.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx28(SelectedControlComponent, { ...props }) : "Control not found" });
|
|
1745
1711
|
}
|
|
1746
1712
|
);
|
|
1747
1713
|
InputControl.displayName = "InputControl";
|
|
1748
1714
|
var InputControl_default = InputControl;
|
|
1749
1715
|
|
|
1750
1716
|
// src/components/dataForm/DataList.tsx
|
|
1751
|
-
import
|
|
1717
|
+
import React32, { useEffect as useEffect6, useState as useState7, useCallback as useCallback2, useReducer } from "react";
|
|
1752
1718
|
import { useRouter } from "next/navigation";
|
|
1753
1719
|
|
|
1754
1720
|
// src/components/dataForm/NoContentView.tsx
|
|
1755
|
-
import
|
|
1756
|
-
import { jsx as
|
|
1721
|
+
import React30 from "react";
|
|
1722
|
+
import { jsx as jsx29 } from "react/jsx-runtime";
|
|
1757
1723
|
var NoContentView = (props) => {
|
|
1758
|
-
return /* @__PURE__ */
|
|
1724
|
+
return /* @__PURE__ */ jsx29(React30.Fragment, { children: props.isDataFound === false && props.children });
|
|
1759
1725
|
};
|
|
1760
1726
|
var NoContentView_default = NoContentView;
|
|
1761
1727
|
|
|
1762
1728
|
// src/components/dataForm/ContentView.tsx
|
|
1763
|
-
import
|
|
1764
|
-
import { jsx as
|
|
1729
|
+
import React31 from "react";
|
|
1730
|
+
import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
1765
1731
|
var ContentView = (props) => {
|
|
1766
|
-
return /* @__PURE__ */
|
|
1767
|
-
props.isDataFound == null && /* @__PURE__ */
|
|
1768
|
-
/* @__PURE__ */
|
|
1769
|
-
/* @__PURE__ */
|
|
1770
|
-
/* @__PURE__ */
|
|
1771
|
-
/* @__PURE__ */
|
|
1772
|
-
/* @__PURE__ */
|
|
1732
|
+
return /* @__PURE__ */ jsxs23(React31.Fragment, { children: [
|
|
1733
|
+
props.isDataFound == null && /* @__PURE__ */ jsx30("div", { className: "", children: /* @__PURE__ */ jsxs23("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
1734
|
+
/* @__PURE__ */ jsxs23("div", { className: "flex items-center mb-4", children: [
|
|
1735
|
+
/* @__PURE__ */ jsx30("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
1736
|
+
/* @__PURE__ */ jsxs23("div", { className: "ml-2", children: [
|
|
1737
|
+
/* @__PURE__ */ jsx30("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
1738
|
+
/* @__PURE__ */ jsx30("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
1773
1739
|
] })
|
|
1774
1740
|
] }),
|
|
1775
|
-
/* @__PURE__ */
|
|
1776
|
-
/* @__PURE__ */
|
|
1777
|
-
/* @__PURE__ */
|
|
1778
|
-
/* @__PURE__ */
|
|
1779
|
-
/* @__PURE__ */
|
|
1780
|
-
/* @__PURE__ */
|
|
1781
|
-
/* @__PURE__ */
|
|
1741
|
+
/* @__PURE__ */ jsxs23("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
1742
|
+
/* @__PURE__ */ jsxs23("div", { className: "animate-pulse", children: [
|
|
1743
|
+
/* @__PURE__ */ jsx30("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
1744
|
+
/* @__PURE__ */ jsx30("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
1745
|
+
/* @__PURE__ */ jsx30("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
1746
|
+
/* @__PURE__ */ jsx30("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
1747
|
+
/* @__PURE__ */ jsx30("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
1782
1748
|
] }),
|
|
1783
|
-
/* @__PURE__ */
|
|
1784
|
-
/* @__PURE__ */
|
|
1785
|
-
/* @__PURE__ */
|
|
1786
|
-
/* @__PURE__ */
|
|
1787
|
-
/* @__PURE__ */
|
|
1788
|
-
/* @__PURE__ */
|
|
1749
|
+
/* @__PURE__ */ jsxs23("div", { className: "animate-pulse", children: [
|
|
1750
|
+
/* @__PURE__ */ jsx30("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
1751
|
+
/* @__PURE__ */ jsx30("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
1752
|
+
/* @__PURE__ */ jsx30("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
1753
|
+
/* @__PURE__ */ jsx30("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
1754
|
+
/* @__PURE__ */ jsx30("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
1789
1755
|
] }),
|
|
1790
|
-
/* @__PURE__ */
|
|
1791
|
-
/* @__PURE__ */
|
|
1792
|
-
/* @__PURE__ */
|
|
1793
|
-
/* @__PURE__ */
|
|
1794
|
-
/* @__PURE__ */
|
|
1795
|
-
/* @__PURE__ */
|
|
1756
|
+
/* @__PURE__ */ jsxs23("div", { className: "animate-pulse", children: [
|
|
1757
|
+
/* @__PURE__ */ jsx30("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
1758
|
+
/* @__PURE__ */ jsx30("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
1759
|
+
/* @__PURE__ */ jsx30("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
1760
|
+
/* @__PURE__ */ jsx30("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
1761
|
+
/* @__PURE__ */ jsx30("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
1796
1762
|
] })
|
|
1797
1763
|
] })
|
|
1798
1764
|
] }) }),
|
|
@@ -1803,7 +1769,7 @@ var ContentView_default = ContentView;
|
|
|
1803
1769
|
|
|
1804
1770
|
// src/components/dataForm/Hyperlink.tsx
|
|
1805
1771
|
import Link from "next/link";
|
|
1806
|
-
import { Fragment as Fragment2, jsx as
|
|
1772
|
+
import { Fragment as Fragment2, jsx as jsx31 } from "react/jsx-runtime";
|
|
1807
1773
|
function Hyperlink(props) {
|
|
1808
1774
|
let linkClass = props.linkType ? buttonClasses.get(props.linkType) : "";
|
|
1809
1775
|
const target = props?.href?.startsWith("http") ? "_blank" : "_self";
|
|
@@ -1811,7 +1777,7 @@ function Hyperlink(props) {
|
|
|
1811
1777
|
if (target == "_blank") {
|
|
1812
1778
|
additionalProps.rel = "noopener noreferrer";
|
|
1813
1779
|
}
|
|
1814
|
-
return /* @__PURE__ */
|
|
1780
|
+
return /* @__PURE__ */ jsx31(Fragment2, { children: props.href ? /* @__PURE__ */ jsx31(
|
|
1815
1781
|
Link,
|
|
1816
1782
|
{
|
|
1817
1783
|
href: props.href,
|
|
@@ -1821,7 +1787,7 @@ function Hyperlink(props) {
|
|
|
1821
1787
|
target,
|
|
1822
1788
|
children: props.children
|
|
1823
1789
|
}
|
|
1824
|
-
) : props.isHeading ? /* @__PURE__ */
|
|
1790
|
+
) : props.isHeading ? /* @__PURE__ */ jsx31("h5", { className: props.className + "inline-block", children: props.children }) : /* @__PURE__ */ jsx31("span", { className: props.className, children: props.children }) });
|
|
1825
1791
|
}
|
|
1826
1792
|
|
|
1827
1793
|
// src/clients/OdataBuilder.tsx
|
|
@@ -1979,30 +1945,30 @@ var OdataBuilder = class {
|
|
|
1979
1945
|
};
|
|
1980
1946
|
|
|
1981
1947
|
// src/svg/chevron-updown.tsx
|
|
1982
|
-
import { jsx as
|
|
1948
|
+
import { jsx as jsx32 } from "react/jsx-runtime";
|
|
1983
1949
|
var ChevronUpDown = (props) => {
|
|
1984
|
-
return /* @__PURE__ */
|
|
1950
|
+
return /* @__PURE__ */ jsx32("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__ */ jsx32("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) });
|
|
1985
1951
|
};
|
|
1986
1952
|
var chevron_updown_default = ChevronUpDown;
|
|
1987
1953
|
|
|
1988
1954
|
// src/svg/chevron-down.tsx
|
|
1989
|
-
import { jsx as
|
|
1955
|
+
import { jsx as jsx33 } from "react/jsx-runtime";
|
|
1990
1956
|
var ChevronDown = (props) => {
|
|
1991
|
-
return /* @__PURE__ */
|
|
1957
|
+
return /* @__PURE__ */ jsx33("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__ */ jsx33("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) });
|
|
1992
1958
|
};
|
|
1993
1959
|
var chevron_down_default = ChevronDown;
|
|
1994
1960
|
|
|
1995
1961
|
// src/svg/chevron-up.tsx
|
|
1996
|
-
import { jsx as
|
|
1962
|
+
import { jsx as jsx34 } from "react/jsx-runtime";
|
|
1997
1963
|
var ChevronUp = (props) => {
|
|
1998
|
-
return /* @__PURE__ */
|
|
1964
|
+
return /* @__PURE__ */ jsx34("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__ */ jsx34("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) });
|
|
1999
1965
|
};
|
|
2000
1966
|
var chevron_up_default = ChevronUp;
|
|
2001
1967
|
|
|
2002
1968
|
// src/svg/plus.tsx
|
|
2003
|
-
import { jsx as
|
|
1969
|
+
import { jsx as jsx35 } from "react/jsx-runtime";
|
|
2004
1970
|
var Plus = (props) => {
|
|
2005
|
-
return /* @__PURE__ */
|
|
1971
|
+
return /* @__PURE__ */ jsx35("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__ */ jsx35("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) });
|
|
2006
1972
|
};
|
|
2007
1973
|
var plus_default = Plus;
|
|
2008
1974
|
|
|
@@ -2016,14 +1982,14 @@ var Icons = {
|
|
|
2016
1982
|
var Icons_default = Icons;
|
|
2017
1983
|
|
|
2018
1984
|
// src/svg/Icon.tsx
|
|
2019
|
-
import { jsx as
|
|
1985
|
+
import { jsx as jsx36 } from "react/jsx-runtime";
|
|
2020
1986
|
var Icon = ({ name, className, ...props }) => {
|
|
2021
1987
|
const IconComponent = Icons_default[name];
|
|
2022
1988
|
if (!IconComponent) {
|
|
2023
1989
|
console.error(`Icon "${name}" not found.`);
|
|
2024
1990
|
return null;
|
|
2025
1991
|
}
|
|
2026
|
-
return /* @__PURE__ */
|
|
1992
|
+
return /* @__PURE__ */ jsx36(IconComponent, { ...props, className });
|
|
2027
1993
|
};
|
|
2028
1994
|
var Icon_default = Icon;
|
|
2029
1995
|
|
|
@@ -2072,7 +2038,7 @@ function FormReducer(state, action) {
|
|
|
2072
2038
|
var FormReducer_default = FormReducer;
|
|
2073
2039
|
|
|
2074
2040
|
// src/components/dataForm/DataList.tsx
|
|
2075
|
-
import { Fragment as Fragment3, jsx as
|
|
2041
|
+
import { Fragment as Fragment3, jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
2076
2042
|
var DataList = (props) => {
|
|
2077
2043
|
console.log(props.dataset, "datasetssssss");
|
|
2078
2044
|
const router = useRouter();
|
|
@@ -2095,7 +2061,7 @@ var DataList = (props) => {
|
|
|
2095
2061
|
if (path.includes(".")) {
|
|
2096
2062
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
2097
2063
|
} else if (Array.isArray(obj[path])) {
|
|
2098
|
-
return obj[path].map((item, index) => /* @__PURE__ */
|
|
2064
|
+
return obj[path].map((item, index) => /* @__PURE__ */ jsx37("div", { children: item }, index));
|
|
2099
2065
|
} else {
|
|
2100
2066
|
return obj[path];
|
|
2101
2067
|
}
|
|
@@ -2151,30 +2117,30 @@ var DataList = (props) => {
|
|
|
2151
2117
|
const renderPageNumbers = () => {
|
|
2152
2118
|
if (pages <= 10) {
|
|
2153
2119
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
2154
|
-
(page) => /* @__PURE__ */
|
|
2120
|
+
(page) => /* @__PURE__ */ jsx37(React32.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx37(
|
|
2155
2121
|
Hyperlink,
|
|
2156
2122
|
{
|
|
2157
2123
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
2158
2124
|
href: builder.getNewPageUrl(page),
|
|
2159
2125
|
children: page
|
|
2160
2126
|
}
|
|
2161
|
-
) : /* @__PURE__ */
|
|
2127
|
+
) : /* @__PURE__ */ jsx37("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
|
|
2162
2128
|
);
|
|
2163
2129
|
} else {
|
|
2164
2130
|
const showFirstPages = activePageNumber <= 5;
|
|
2165
2131
|
const showLastPages = activePageNumber > pages - 5;
|
|
2166
2132
|
if (showFirstPages) {
|
|
2167
|
-
return /* @__PURE__ */
|
|
2168
|
-
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */
|
|
2133
|
+
return /* @__PURE__ */ jsxs24(Fragment3, { children: [
|
|
2134
|
+
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ jsx37(React32.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx37(
|
|
2169
2135
|
Hyperlink,
|
|
2170
2136
|
{
|
|
2171
2137
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
2172
2138
|
href: builder.getNewPageUrl(page),
|
|
2173
2139
|
children: page
|
|
2174
2140
|
}
|
|
2175
|
-
) : /* @__PURE__ */
|
|
2176
|
-
/* @__PURE__ */
|
|
2177
|
-
/* @__PURE__ */
|
|
2141
|
+
) : /* @__PURE__ */ jsx37("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
|
|
2142
|
+
/* @__PURE__ */ jsx37("span", { className: "px-2 py-1", children: "..." }),
|
|
2143
|
+
/* @__PURE__ */ jsx37(
|
|
2178
2144
|
Hyperlink,
|
|
2179
2145
|
{
|
|
2180
2146
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2182,7 +2148,7 @@ var DataList = (props) => {
|
|
|
2182
2148
|
children: pages - 1
|
|
2183
2149
|
}
|
|
2184
2150
|
),
|
|
2185
|
-
/* @__PURE__ */
|
|
2151
|
+
/* @__PURE__ */ jsx37(
|
|
2186
2152
|
Hyperlink,
|
|
2187
2153
|
{
|
|
2188
2154
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2190,7 +2156,7 @@ var DataList = (props) => {
|
|
|
2190
2156
|
children: pages
|
|
2191
2157
|
}
|
|
2192
2158
|
),
|
|
2193
|
-
/* @__PURE__ */
|
|
2159
|
+
/* @__PURE__ */ jsx37("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs24(
|
|
2194
2160
|
"select",
|
|
2195
2161
|
{
|
|
2196
2162
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -2202,18 +2168,18 @@ var DataList = (props) => {
|
|
|
2202
2168
|
}
|
|
2203
2169
|
},
|
|
2204
2170
|
children: [
|
|
2205
|
-
/* @__PURE__ */
|
|
2171
|
+
/* @__PURE__ */ jsx37("option", { className: "", value: "", children: "Jump to" }),
|
|
2206
2172
|
Array.from(
|
|
2207
2173
|
{ length: Math.max(0, pages - 10) },
|
|
2208
2174
|
(_, index) => index + 9
|
|
2209
|
-
).map((page) => /* @__PURE__ */
|
|
2175
|
+
).map((page) => /* @__PURE__ */ jsx37("option", { value: page, children: page }, page))
|
|
2210
2176
|
]
|
|
2211
2177
|
}
|
|
2212
2178
|
) })
|
|
2213
2179
|
] });
|
|
2214
2180
|
} else if (showLastPages) {
|
|
2215
|
-
return /* @__PURE__ */
|
|
2216
|
-
/* @__PURE__ */
|
|
2181
|
+
return /* @__PURE__ */ jsxs24(Fragment3, { children: [
|
|
2182
|
+
/* @__PURE__ */ jsx37(
|
|
2217
2183
|
Hyperlink,
|
|
2218
2184
|
{
|
|
2219
2185
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2221,7 +2187,7 @@ var DataList = (props) => {
|
|
|
2221
2187
|
children: "1"
|
|
2222
2188
|
}
|
|
2223
2189
|
),
|
|
2224
|
-
/* @__PURE__ */
|
|
2190
|
+
/* @__PURE__ */ jsx37(
|
|
2225
2191
|
Hyperlink,
|
|
2226
2192
|
{
|
|
2227
2193
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2229,21 +2195,21 @@ var DataList = (props) => {
|
|
|
2229
2195
|
children: "2"
|
|
2230
2196
|
}
|
|
2231
2197
|
),
|
|
2232
|
-
/* @__PURE__ */
|
|
2198
|
+
/* @__PURE__ */ jsx37("span", { className: "px-2 py-1", children: "..." }),
|
|
2233
2199
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
2234
|
-
(page) => /* @__PURE__ */
|
|
2200
|
+
(page) => /* @__PURE__ */ jsx37(React32.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx37(
|
|
2235
2201
|
Hyperlink,
|
|
2236
2202
|
{
|
|
2237
2203
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
2238
2204
|
href: builder.getNewPageUrl(page),
|
|
2239
2205
|
children: page
|
|
2240
2206
|
}
|
|
2241
|
-
) : /* @__PURE__ */
|
|
2207
|
+
) : /* @__PURE__ */ jsx37("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
|
|
2242
2208
|
)
|
|
2243
2209
|
] });
|
|
2244
2210
|
} else {
|
|
2245
|
-
return /* @__PURE__ */
|
|
2246
|
-
/* @__PURE__ */
|
|
2211
|
+
return /* @__PURE__ */ jsxs24(Fragment3, { children: [
|
|
2212
|
+
/* @__PURE__ */ jsx37(
|
|
2247
2213
|
Hyperlink,
|
|
2248
2214
|
{
|
|
2249
2215
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2251,7 +2217,7 @@ var DataList = (props) => {
|
|
|
2251
2217
|
children: "1"
|
|
2252
2218
|
}
|
|
2253
2219
|
),
|
|
2254
|
-
/* @__PURE__ */
|
|
2220
|
+
/* @__PURE__ */ jsx37(
|
|
2255
2221
|
Hyperlink,
|
|
2256
2222
|
{
|
|
2257
2223
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2259,20 +2225,20 @@ var DataList = (props) => {
|
|
|
2259
2225
|
children: "2"
|
|
2260
2226
|
}
|
|
2261
2227
|
),
|
|
2262
|
-
/* @__PURE__ */
|
|
2228
|
+
/* @__PURE__ */ jsx37("span", { className: "px-2 py-1", children: "..." }),
|
|
2263
2229
|
Array.from(
|
|
2264
2230
|
{ length: 5 },
|
|
2265
2231
|
(_, index) => activePageNumber - 2 + index
|
|
2266
|
-
).map((page) => /* @__PURE__ */
|
|
2232
|
+
).map((page) => /* @__PURE__ */ jsx37(React32.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx37(
|
|
2267
2233
|
Hyperlink,
|
|
2268
2234
|
{
|
|
2269
2235
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
2270
2236
|
href: builder.getNewPageUrl(page),
|
|
2271
2237
|
children: page
|
|
2272
2238
|
}
|
|
2273
|
-
) : /* @__PURE__ */
|
|
2274
|
-
/* @__PURE__ */
|
|
2275
|
-
/* @__PURE__ */
|
|
2239
|
+
) : /* @__PURE__ */ jsx37("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
|
|
2240
|
+
/* @__PURE__ */ jsx37("span", { className: "px-2 py-1", children: "..." }),
|
|
2241
|
+
/* @__PURE__ */ jsx37(
|
|
2276
2242
|
Hyperlink,
|
|
2277
2243
|
{
|
|
2278
2244
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2280,7 +2246,7 @@ var DataList = (props) => {
|
|
|
2280
2246
|
children: pages - 1
|
|
2281
2247
|
}
|
|
2282
2248
|
),
|
|
2283
|
-
/* @__PURE__ */
|
|
2249
|
+
/* @__PURE__ */ jsx37(
|
|
2284
2250
|
Hyperlink,
|
|
2285
2251
|
{
|
|
2286
2252
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2288,7 +2254,7 @@ var DataList = (props) => {
|
|
|
2288
2254
|
children: pages
|
|
2289
2255
|
}
|
|
2290
2256
|
),
|
|
2291
|
-
/* @__PURE__ */
|
|
2257
|
+
/* @__PURE__ */ jsx37("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs24(
|
|
2292
2258
|
"select",
|
|
2293
2259
|
{
|
|
2294
2260
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -2300,8 +2266,8 @@ var DataList = (props) => {
|
|
|
2300
2266
|
}
|
|
2301
2267
|
},
|
|
2302
2268
|
children: [
|
|
2303
|
-
/* @__PURE__ */
|
|
2304
|
-
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */
|
|
2269
|
+
/* @__PURE__ */ jsx37("option", { value: "", children: "Jump to" }),
|
|
2270
|
+
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ jsx37("option", { value: page, children: page }, page))
|
|
2305
2271
|
]
|
|
2306
2272
|
}
|
|
2307
2273
|
) })
|
|
@@ -2309,16 +2275,16 @@ var DataList = (props) => {
|
|
|
2309
2275
|
}
|
|
2310
2276
|
}
|
|
2311
2277
|
};
|
|
2312
|
-
return /* @__PURE__ */
|
|
2313
|
-
/* @__PURE__ */
|
|
2314
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */
|
|
2278
|
+
return /* @__PURE__ */ jsxs24(React32.Fragment, { children: [
|
|
2279
|
+
/* @__PURE__ */ jsxs24(ContentView_default, { isDataFound, children: [
|
|
2280
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs24(
|
|
2315
2281
|
"div",
|
|
2316
2282
|
{
|
|
2317
2283
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md border-b border-neutral-200 sticky top-0`,
|
|
2318
2284
|
children: [
|
|
2319
|
-
props.title ? /* @__PURE__ */
|
|
2320
|
-
/* @__PURE__ */
|
|
2321
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */
|
|
2285
|
+
props.title ? /* @__PURE__ */ jsx37("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx37("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ jsx37("div", {}),
|
|
2286
|
+
/* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
|
|
2287
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx37(
|
|
2322
2288
|
InputControl_default,
|
|
2323
2289
|
{
|
|
2324
2290
|
name: filter.name,
|
|
@@ -2333,15 +2299,15 @@ var DataList = (props) => {
|
|
|
2333
2299
|
},
|
|
2334
2300
|
filter.name
|
|
2335
2301
|
)),
|
|
2336
|
-
props.addLinkHref && /* @__PURE__ */
|
|
2302
|
+
props.addLinkHref && /* @__PURE__ */ jsxs24(
|
|
2337
2303
|
Hyperlink,
|
|
2338
2304
|
{
|
|
2339
2305
|
className: "gap-1",
|
|
2340
2306
|
linkType: "Primary" /* Solid */,
|
|
2341
2307
|
href: props.addLinkHref,
|
|
2342
2308
|
children: [
|
|
2343
|
-
/* @__PURE__ */
|
|
2344
|
-
/* @__PURE__ */
|
|
2309
|
+
/* @__PURE__ */ jsx37(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
2310
|
+
/* @__PURE__ */ jsx37("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
2345
2311
|
]
|
|
2346
2312
|
}
|
|
2347
2313
|
)
|
|
@@ -2349,8 +2315,8 @@ var DataList = (props) => {
|
|
|
2349
2315
|
]
|
|
2350
2316
|
}
|
|
2351
2317
|
),
|
|
2352
|
-
/* @__PURE__ */
|
|
2353
|
-
/* @__PURE__ */
|
|
2318
|
+
/* @__PURE__ */ jsx37("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ jsxs24("table", { className: "w-full divide-y divide-gray-200", children: [
|
|
2319
|
+
/* @__PURE__ */ jsx37("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ jsx37("tr", { children: props?.columns?.map((column) => {
|
|
2354
2320
|
let url = builder.getNewOrderByUrl(column.name);
|
|
2355
2321
|
let icon = "chevronUpDown";
|
|
2356
2322
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -2360,36 +2326,36 @@ var DataList = (props) => {
|
|
|
2360
2326
|
icon = "chevronUp";
|
|
2361
2327
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
2362
2328
|
}
|
|
2363
|
-
return /* @__PURE__ */
|
|
2329
|
+
return /* @__PURE__ */ jsx37(
|
|
2364
2330
|
"th",
|
|
2365
2331
|
{
|
|
2366
|
-
className: "px-6 py-3 text-left font-medium cursor-pointer bg-neutral-soft " + column.width + (column.controlType == ViewControlTypes_default.
|
|
2367
|
-
children: /* @__PURE__ */
|
|
2368
|
-
/* @__PURE__ */
|
|
2369
|
-
column.enableSorting && /* @__PURE__ */
|
|
2332
|
+
className: "px-6 py-3 text-left font-medium cursor-pointer bg-neutral-soft " + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
|
|
2333
|
+
children: /* @__PURE__ */ jsx37(Hyperlink, { href: url, className: "!text-neutral-contrast ", children: /* @__PURE__ */ jsxs24("span", { className: "flex items-center space-x-1", children: [
|
|
2334
|
+
/* @__PURE__ */ jsx37("span", { className: "text-black", children: column.label }),
|
|
2335
|
+
column.enableSorting && /* @__PURE__ */ jsx37(Icon_default, { className: "w-4 h-4", name: icon })
|
|
2370
2336
|
] }) })
|
|
2371
2337
|
},
|
|
2372
2338
|
column.name
|
|
2373
2339
|
);
|
|
2374
2340
|
}) }) }),
|
|
2375
|
-
/* @__PURE__ */
|
|
2341
|
+
/* @__PURE__ */ jsx37("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
2376
2342
|
let validityClass = "";
|
|
2377
2343
|
console.log("dataitem", dataitem);
|
|
2378
2344
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
2379
2345
|
validityClass = "bg-alert-200";
|
|
2380
2346
|
}
|
|
2381
|
-
return /* @__PURE__ */
|
|
2347
|
+
return /* @__PURE__ */ jsx37("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
|
|
2382
2348
|
console.log("column", column);
|
|
2383
|
-
return /* @__PURE__ */
|
|
2349
|
+
return /* @__PURE__ */ jsx37(React32.Fragment, { children: /* @__PURE__ */ jsx37(
|
|
2384
2350
|
"td",
|
|
2385
2351
|
{
|
|
2386
|
-
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.
|
|
2387
|
-
children: column.addhref === true ? /* @__PURE__ */
|
|
2352
|
+
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
2353
|
+
children: column.addhref === true ? /* @__PURE__ */ jsx37(
|
|
2388
2354
|
Hyperlink,
|
|
2389
2355
|
{
|
|
2390
2356
|
className: "",
|
|
2391
2357
|
href: `https://${dataitem[column.name]}`,
|
|
2392
|
-
children: /* @__PURE__ */
|
|
2358
|
+
children: /* @__PURE__ */ jsx37(
|
|
2393
2359
|
ViewControl_default,
|
|
2394
2360
|
{
|
|
2395
2361
|
controlType: column.controlType,
|
|
@@ -2402,11 +2368,11 @@ var DataList = (props) => {
|
|
|
2402
2368
|
}
|
|
2403
2369
|
)
|
|
2404
2370
|
}
|
|
2405
|
-
) : column.showAsLink ? /* @__PURE__ */
|
|
2371
|
+
) : column.showAsLink ? /* @__PURE__ */ jsx37(
|
|
2406
2372
|
Hyperlink,
|
|
2407
2373
|
{
|
|
2408
2374
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
2409
|
-
children: /* @__PURE__ */
|
|
2375
|
+
children: /* @__PURE__ */ jsx37(
|
|
2410
2376
|
ViewControl_default,
|
|
2411
2377
|
{
|
|
2412
2378
|
controlType: column.controlType,
|
|
@@ -2416,7 +2382,7 @@ var DataList = (props) => {
|
|
|
2416
2382
|
}
|
|
2417
2383
|
)
|
|
2418
2384
|
}
|
|
2419
|
-
) : /* @__PURE__ */
|
|
2385
|
+
) : /* @__PURE__ */ jsx37(
|
|
2420
2386
|
ViewControl_default,
|
|
2421
2387
|
{
|
|
2422
2388
|
controlType: column.controlType,
|
|
@@ -2430,10 +2396,10 @@ var DataList = (props) => {
|
|
|
2430
2396
|
}) }, index);
|
|
2431
2397
|
}) })
|
|
2432
2398
|
] }) }),
|
|
2433
|
-
/* @__PURE__ */
|
|
2434
|
-
/* @__PURE__ */
|
|
2435
|
-
/* @__PURE__ */
|
|
2436
|
-
activePageNumber > 1 && /* @__PURE__ */
|
|
2399
|
+
/* @__PURE__ */ jsx37("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between", children: [
|
|
2400
|
+
/* @__PURE__ */ jsx37("div", { className: "text-gray-700", children: label }),
|
|
2401
|
+
/* @__PURE__ */ jsxs24("div", { className: "flex space-x-2 items-center", children: [
|
|
2402
|
+
activePageNumber > 1 && /* @__PURE__ */ jsx37(
|
|
2437
2403
|
Hyperlink,
|
|
2438
2404
|
{
|
|
2439
2405
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -2441,9 +2407,9 @@ var DataList = (props) => {
|
|
|
2441
2407
|
children: "Prev"
|
|
2442
2408
|
}
|
|
2443
2409
|
),
|
|
2444
|
-
activePageNumber <= 1 && /* @__PURE__ */
|
|
2410
|
+
activePageNumber <= 1 && /* @__PURE__ */ jsx37("div", { className: "px-3 py-1 rounded-l-md border border-gray-300 bg-gray-200 text-gray-500 hover:bg-gray-200", children: "Prev" }),
|
|
2445
2411
|
renderPageNumbers(),
|
|
2446
|
-
activePageNumber < pages && /* @__PURE__ */
|
|
2412
|
+
activePageNumber < pages && /* @__PURE__ */ jsx37(
|
|
2447
2413
|
Hyperlink,
|
|
2448
2414
|
{
|
|
2449
2415
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -2451,19 +2417,19 @@ var DataList = (props) => {
|
|
|
2451
2417
|
children: "Next"
|
|
2452
2418
|
}
|
|
2453
2419
|
),
|
|
2454
|
-
activePageNumber >= pages && /* @__PURE__ */
|
|
2420
|
+
activePageNumber >= pages && /* @__PURE__ */ jsx37("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
|
|
2455
2421
|
] })
|
|
2456
2422
|
] }) })
|
|
2457
2423
|
] }),
|
|
2458
|
-
/* @__PURE__ */
|
|
2459
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */
|
|
2424
|
+
/* @__PURE__ */ jsxs24(NoContentView_default, { isDataFound, children: [
|
|
2425
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs24(
|
|
2460
2426
|
"div",
|
|
2461
2427
|
{
|
|
2462
2428
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md border-b border-neutral-200`,
|
|
2463
2429
|
children: [
|
|
2464
|
-
props.title ? /* @__PURE__ */
|
|
2465
|
-
/* @__PURE__ */
|
|
2466
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */
|
|
2430
|
+
props.title ? /* @__PURE__ */ jsx37("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx37("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ jsx37("div", {}),
|
|
2431
|
+
/* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
|
|
2432
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx37(
|
|
2467
2433
|
InputControl_default,
|
|
2468
2434
|
{
|
|
2469
2435
|
name: filter.name,
|
|
@@ -2478,15 +2444,15 @@ var DataList = (props) => {
|
|
|
2478
2444
|
},
|
|
2479
2445
|
filter.name
|
|
2480
2446
|
)),
|
|
2481
|
-
props.addLinkHref && /* @__PURE__ */
|
|
2447
|
+
props.addLinkHref && /* @__PURE__ */ jsxs24(
|
|
2482
2448
|
Hyperlink,
|
|
2483
2449
|
{
|
|
2484
2450
|
className: "gap-1",
|
|
2485
2451
|
linkType: "Primary" /* Solid */,
|
|
2486
2452
|
href: props.addLinkHref,
|
|
2487
2453
|
children: [
|
|
2488
|
-
/* @__PURE__ */
|
|
2489
|
-
/* @__PURE__ */
|
|
2454
|
+
/* @__PURE__ */ jsx37(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
2455
|
+
/* @__PURE__ */ jsx37("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
2490
2456
|
]
|
|
2491
2457
|
}
|
|
2492
2458
|
)
|
|
@@ -2494,8 +2460,8 @@ var DataList = (props) => {
|
|
|
2494
2460
|
]
|
|
2495
2461
|
}
|
|
2496
2462
|
),
|
|
2497
|
-
/* @__PURE__ */
|
|
2498
|
-
/* @__PURE__ */
|
|
2463
|
+
/* @__PURE__ */ jsxs24("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
|
|
2464
|
+
/* @__PURE__ */ jsx37("div", { children: /* @__PURE__ */ jsx37("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ jsx37("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsx37("tr", { children: props?.columns?.map((column) => {
|
|
2499
2465
|
let url = builder.getNewOrderByUrl(column.name);
|
|
2500
2466
|
let icon = "chevronUpDown";
|
|
2501
2467
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -2505,19 +2471,19 @@ var DataList = (props) => {
|
|
|
2505
2471
|
icon = "chevronUp";
|
|
2506
2472
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
2507
2473
|
}
|
|
2508
|
-
return /* @__PURE__ */
|
|
2474
|
+
return /* @__PURE__ */ jsx37(
|
|
2509
2475
|
"th",
|
|
2510
2476
|
{
|
|
2511
|
-
className: "px-6 py-3 text-left font-medium cursor-pointer bg-neutral-soft " + column.width + (column.controlType == ViewControlTypes_default.
|
|
2512
|
-
children: /* @__PURE__ */
|
|
2513
|
-
/* @__PURE__ */
|
|
2514
|
-
column.enableSorting && /* @__PURE__ */
|
|
2477
|
+
className: "px-6 py-3 text-left font-medium cursor-pointer bg-neutral-soft " + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
|
|
2478
|
+
children: /* @__PURE__ */ jsx37(Hyperlink, { href: url, className: "text-body-950", children: /* @__PURE__ */ jsxs24("span", { className: "flex items-center space-x-1", children: [
|
|
2479
|
+
/* @__PURE__ */ jsx37("span", { children: column.label }),
|
|
2480
|
+
column.enableSorting && /* @__PURE__ */ jsx37(Icon_default, { className: "w-4 h-4", name: icon })
|
|
2515
2481
|
] }) })
|
|
2516
2482
|
},
|
|
2517
2483
|
column.name
|
|
2518
2484
|
);
|
|
2519
2485
|
}) }) }) }) }),
|
|
2520
|
-
/* @__PURE__ */
|
|
2486
|
+
/* @__PURE__ */ jsx37("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
|
|
2521
2487
|
] })
|
|
2522
2488
|
] })
|
|
2523
2489
|
] });
|
|
@@ -2525,13 +2491,13 @@ var DataList = (props) => {
|
|
|
2525
2491
|
var DataList_default = DataList;
|
|
2526
2492
|
|
|
2527
2493
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
2528
|
-
import
|
|
2494
|
+
import React45 from "react";
|
|
2529
2495
|
|
|
2530
2496
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
2531
|
-
import
|
|
2497
|
+
import React34 from "react";
|
|
2532
2498
|
|
|
2533
2499
|
// src/components/pageRenderingEngine/nodes/TextNode.tsx
|
|
2534
|
-
import { jsx as
|
|
2500
|
+
import { jsx as jsx38 } from "react/jsx-runtime";
|
|
2535
2501
|
var TextNode = (props) => {
|
|
2536
2502
|
function cssStringToJson(cssString) {
|
|
2537
2503
|
const styleObject = {};
|
|
@@ -2591,22 +2557,22 @@ var TextNode = (props) => {
|
|
|
2591
2557
|
const displayText = props.linkText ? props.linkText : props.node.text;
|
|
2592
2558
|
return (
|
|
2593
2559
|
// @ts-expect-error custom code
|
|
2594
|
-
/* @__PURE__ */
|
|
2560
|
+
/* @__PURE__ */ jsx38("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: props.dataitem && props.linkText ? displayText : props.dataitem ? replacePlaceholders(props.node.text, props.dataitem) : props.node.text })
|
|
2595
2561
|
);
|
|
2596
2562
|
};
|
|
2597
2563
|
var TextNode_default = TextNode;
|
|
2598
2564
|
|
|
2599
2565
|
// src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
|
|
2600
|
-
import { jsx as
|
|
2566
|
+
import { jsx as jsx39 } from "react/jsx-runtime";
|
|
2601
2567
|
var LineBreakNode = () => {
|
|
2602
|
-
return /* @__PURE__ */
|
|
2568
|
+
return /* @__PURE__ */ jsx39("div", { className: "py-0.5 lg:py-1.5" });
|
|
2603
2569
|
};
|
|
2604
2570
|
var LineBreakNode_default = LineBreakNode;
|
|
2605
2571
|
|
|
2606
2572
|
// src/components/pageRenderingEngine/nodes/LinkNode.tsx
|
|
2607
|
-
import
|
|
2573
|
+
import React33 from "react";
|
|
2608
2574
|
import Link2 from "next/link";
|
|
2609
|
-
import { jsx as
|
|
2575
|
+
import { jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
2610
2576
|
var LinkNode = (props) => {
|
|
2611
2577
|
const NodeTypes2 = {
|
|
2612
2578
|
["text"]: TextNode_default
|
|
@@ -2614,21 +2580,21 @@ var LinkNode = (props) => {
|
|
|
2614
2580
|
{
|
|
2615
2581
|
}
|
|
2616
2582
|
let formatClasses = props.node.cssClass || "";
|
|
2617
|
-
return /* @__PURE__ */
|
|
2583
|
+
return /* @__PURE__ */ jsxs25(Link2, { className: formatClasses, href: props.node.url, title: props.node.title, children: [
|
|
2618
2584
|
props.node.children && props.node.children.map((node, index) => {
|
|
2619
2585
|
const SelectedNode = NodeTypes2[node.type];
|
|
2620
|
-
return /* @__PURE__ */
|
|
2586
|
+
return /* @__PURE__ */ jsx40(React33.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx40(SelectedNode, { node }) }, index);
|
|
2621
2587
|
}),
|
|
2622
|
-
props.node.children.length == 0 && /* @__PURE__ */
|
|
2588
|
+
props.node.children.length == 0 && /* @__PURE__ */ jsx40("br", {})
|
|
2623
2589
|
] });
|
|
2624
2590
|
};
|
|
2625
2591
|
var LinkNode_default = LinkNode;
|
|
2626
2592
|
|
|
2627
2593
|
// src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
|
|
2628
|
-
import { jsx as
|
|
2594
|
+
import { jsx as jsx41 } from "react/jsx-runtime";
|
|
2629
2595
|
var SVGIconNode = ({ node }) => {
|
|
2630
2596
|
if (!node?.svgCode) return null;
|
|
2631
|
-
return /* @__PURE__ */
|
|
2597
|
+
return /* @__PURE__ */ jsx41(
|
|
2632
2598
|
"span",
|
|
2633
2599
|
{
|
|
2634
2600
|
style: {
|
|
@@ -2645,7 +2611,7 @@ var SVGIconNode_default = SVGIconNode;
|
|
|
2645
2611
|
|
|
2646
2612
|
// src/components/pageRenderingEngine/nodes/EquationNode.tsx
|
|
2647
2613
|
import katex from "katex";
|
|
2648
|
-
import { jsx as
|
|
2614
|
+
import { jsx as jsx42 } from "react/jsx-runtime";
|
|
2649
2615
|
var EquationNode = ({ node }) => {
|
|
2650
2616
|
const { equation, inline } = node;
|
|
2651
2617
|
let html = "";
|
|
@@ -2660,7 +2626,7 @@ var EquationNode = ({ node }) => {
|
|
|
2660
2626
|
});
|
|
2661
2627
|
}
|
|
2662
2628
|
if (inline) {
|
|
2663
|
-
return /* @__PURE__ */
|
|
2629
|
+
return /* @__PURE__ */ jsx42(
|
|
2664
2630
|
"span",
|
|
2665
2631
|
{
|
|
2666
2632
|
className: "katex-inline",
|
|
@@ -2668,7 +2634,7 @@ var EquationNode = ({ node }) => {
|
|
|
2668
2634
|
}
|
|
2669
2635
|
);
|
|
2670
2636
|
}
|
|
2671
|
-
return /* @__PURE__ */
|
|
2637
|
+
return /* @__PURE__ */ jsx42(
|
|
2672
2638
|
"div",
|
|
2673
2639
|
{
|
|
2674
2640
|
className: "katex-block my-3 text-center",
|
|
@@ -2679,7 +2645,7 @@ var EquationNode = ({ node }) => {
|
|
|
2679
2645
|
var EquationNode_default = EquationNode;
|
|
2680
2646
|
|
|
2681
2647
|
// src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
|
|
2682
|
-
import { jsx as
|
|
2648
|
+
import { jsx as jsx43 } from "react/jsx-runtime";
|
|
2683
2649
|
function getNestedProperty(obj, path) {
|
|
2684
2650
|
if (!obj || !path) return null;
|
|
2685
2651
|
if (path.includes(".")) {
|
|
@@ -2692,7 +2658,7 @@ function getNestedProperty(obj, path) {
|
|
|
2692
2658
|
}
|
|
2693
2659
|
const value = obj[path];
|
|
2694
2660
|
if (Array.isArray(value)) {
|
|
2695
|
-
return value.map((item, index) => /* @__PURE__ */
|
|
2661
|
+
return value.map((item, index) => /* @__PURE__ */ jsx43("div", { children: String(item) }, index));
|
|
2696
2662
|
}
|
|
2697
2663
|
return value;
|
|
2698
2664
|
}
|
|
@@ -2753,7 +2719,7 @@ var DatafieldNode = (props) => {
|
|
|
2753
2719
|
const dataType = props.node.dataType;
|
|
2754
2720
|
if (isEmptyValue) return null;
|
|
2755
2721
|
if (dataType === "rawContent") {
|
|
2756
|
-
return /* @__PURE__ */
|
|
2722
|
+
return /* @__PURE__ */ jsx43(
|
|
2757
2723
|
PageBodyRenderer_default,
|
|
2758
2724
|
{
|
|
2759
2725
|
rawBody: String(value ?? `@databound[${fieldName}]`),
|
|
@@ -2768,12 +2734,12 @@ var DatafieldNode = (props) => {
|
|
|
2768
2734
|
}
|
|
2769
2735
|
);
|
|
2770
2736
|
}
|
|
2771
|
-
return /* @__PURE__ */
|
|
2737
|
+
return /* @__PURE__ */ jsx43(
|
|
2772
2738
|
"span",
|
|
2773
2739
|
{
|
|
2774
2740
|
className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
|
|
2775
2741
|
style: styles,
|
|
2776
|
-
children: /* @__PURE__ */
|
|
2742
|
+
children: /* @__PURE__ */ jsx43(
|
|
2777
2743
|
ViewControl_default,
|
|
2778
2744
|
{
|
|
2779
2745
|
controlType: dataType,
|
|
@@ -2786,7 +2752,7 @@ var DatafieldNode = (props) => {
|
|
|
2786
2752
|
var DatafieldNode_default = DatafieldNode;
|
|
2787
2753
|
|
|
2788
2754
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
2789
|
-
import { Fragment as Fragment4, jsx as
|
|
2755
|
+
import { Fragment as Fragment4, jsx as jsx44, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
2790
2756
|
var ParagraphNode = (props) => {
|
|
2791
2757
|
const NodeTypes2 = {
|
|
2792
2758
|
["text"]: TextNode_default,
|
|
@@ -2806,9 +2772,9 @@ var ParagraphNode = (props) => {
|
|
|
2806
2772
|
const isInlineOnlyParent = props.parentTag === "summary";
|
|
2807
2773
|
const hasChildren = props.node.children && props.node.children.length > 0;
|
|
2808
2774
|
if (isInlineOnlyParent) {
|
|
2809
|
-
return /* @__PURE__ */
|
|
2775
|
+
return /* @__PURE__ */ jsx44(Fragment4, { children: hasChildren && props.node.children.map((node, index) => {
|
|
2810
2776
|
const SelectedNode = NodeTypes2[node.type];
|
|
2811
|
-
return /* @__PURE__ */
|
|
2777
|
+
return /* @__PURE__ */ jsx44(React34.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx44(
|
|
2812
2778
|
SelectedNode,
|
|
2813
2779
|
{
|
|
2814
2780
|
node,
|
|
@@ -2820,10 +2786,10 @@ var ParagraphNode = (props) => {
|
|
|
2820
2786
|
) }, index);
|
|
2821
2787
|
}) });
|
|
2822
2788
|
}
|
|
2823
|
-
return /* @__PURE__ */
|
|
2789
|
+
return /* @__PURE__ */ jsxs26("div", { className: " " + formatClasses, children: [
|
|
2824
2790
|
hasChildren && props.node.children.map((node, index) => {
|
|
2825
2791
|
const SelectedNode = NodeTypes2[node.type];
|
|
2826
|
-
return /* @__PURE__ */
|
|
2792
|
+
return /* @__PURE__ */ jsx44(React34.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx44(
|
|
2827
2793
|
SelectedNode,
|
|
2828
2794
|
{
|
|
2829
2795
|
node,
|
|
@@ -2834,14 +2800,14 @@ var ParagraphNode = (props) => {
|
|
|
2834
2800
|
}
|
|
2835
2801
|
) }, index);
|
|
2836
2802
|
}),
|
|
2837
|
-
!hasChildren && /* @__PURE__ */
|
|
2803
|
+
!hasChildren && /* @__PURE__ */ jsx44("div", { className: "py-1.5 lg:py-2" })
|
|
2838
2804
|
] });
|
|
2839
2805
|
};
|
|
2840
2806
|
var ParagraphNode_default = ParagraphNode;
|
|
2841
2807
|
|
|
2842
2808
|
// src/components/pageRenderingEngine/nodes/HeadingNode.tsx
|
|
2843
|
-
import
|
|
2844
|
-
import { Fragment as Fragment5, jsx as
|
|
2809
|
+
import React35 from "react";
|
|
2810
|
+
import { Fragment as Fragment5, jsx as jsx45 } from "react/jsx-runtime";
|
|
2845
2811
|
var HeadingNode = (props) => {
|
|
2846
2812
|
const NodeTypes2 = {
|
|
2847
2813
|
["text"]: TextNode_default,
|
|
@@ -2857,23 +2823,23 @@ var HeadingNode = (props) => {
|
|
|
2857
2823
|
{
|
|
2858
2824
|
}
|
|
2859
2825
|
const formatClasses = FormatClass[props.node.format] || "";
|
|
2860
|
-
return /* @__PURE__ */
|
|
2826
|
+
return /* @__PURE__ */ jsx45(Fragment5, { children: React35.createElement(
|
|
2861
2827
|
HeadingTag,
|
|
2862
2828
|
{ className: formatClasses },
|
|
2863
2829
|
props.node.children && props.node.children.map((childNode, index) => {
|
|
2864
2830
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
2865
|
-
return /* @__PURE__ */
|
|
2831
|
+
return /* @__PURE__ */ jsx45(React35.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx45(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
2866
2832
|
})
|
|
2867
2833
|
) });
|
|
2868
2834
|
};
|
|
2869
2835
|
var HeadingNode_default = HeadingNode;
|
|
2870
2836
|
|
|
2871
2837
|
// src/components/pageRenderingEngine/nodes/ListNode.tsx
|
|
2872
|
-
import
|
|
2838
|
+
import React37 from "react";
|
|
2873
2839
|
|
|
2874
2840
|
// src/components/pageRenderingEngine/nodes/ListItemNode.tsx
|
|
2875
|
-
import
|
|
2876
|
-
import { jsx as
|
|
2841
|
+
import React36 from "react";
|
|
2842
|
+
import { jsx as jsx46 } from "react/jsx-runtime";
|
|
2877
2843
|
var ListItemNode = (props) => {
|
|
2878
2844
|
const NodeTypes2 = {
|
|
2879
2845
|
text: TextNode_default,
|
|
@@ -2890,66 +2856,66 @@ var ListItemNode = (props) => {
|
|
|
2890
2856
|
liStyle.fontSize = match[1].trim();
|
|
2891
2857
|
}
|
|
2892
2858
|
}
|
|
2893
|
-
return /* @__PURE__ */
|
|
2859
|
+
return /* @__PURE__ */ jsx46("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
|
|
2894
2860
|
const SelectedNode = NodeTypes2[node.type];
|
|
2895
2861
|
if (node.type === "linebreak") {
|
|
2896
2862
|
if (!foundFirstBreak) {
|
|
2897
2863
|
foundFirstBreak = true;
|
|
2898
|
-
return /* @__PURE__ */
|
|
2864
|
+
return /* @__PURE__ */ jsx46("div", {}, index);
|
|
2899
2865
|
} else {
|
|
2900
|
-
return /* @__PURE__ */
|
|
2866
|
+
return /* @__PURE__ */ jsx46("div", { className: "py-1 lg:py-2" }, index);
|
|
2901
2867
|
}
|
|
2902
2868
|
} else {
|
|
2903
2869
|
foundFirstBreak = false;
|
|
2904
|
-
return /* @__PURE__ */
|
|
2870
|
+
return /* @__PURE__ */ jsx46(React36.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx46(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
2905
2871
|
}
|
|
2906
2872
|
}) });
|
|
2907
2873
|
};
|
|
2908
2874
|
var ListItemNode_default = ListItemNode;
|
|
2909
2875
|
|
|
2910
2876
|
// src/components/pageRenderingEngine/nodes/ListNode.tsx
|
|
2911
|
-
import { jsx as
|
|
2877
|
+
import { jsx as jsx47, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
2912
2878
|
var ListNode = (props) => {
|
|
2913
2879
|
const NodeTypes2 = {
|
|
2914
2880
|
listitem: ListItemNode_default
|
|
2915
2881
|
};
|
|
2916
|
-
return /* @__PURE__ */
|
|
2917
|
-
props.node.listType == "bullet" && /* @__PURE__ */
|
|
2882
|
+
return /* @__PURE__ */ jsxs27(React37.Fragment, { children: [
|
|
2883
|
+
props.node.listType == "bullet" && /* @__PURE__ */ jsx47("ul", { children: props.node.children && props.node.children.map((node, index) => {
|
|
2918
2884
|
const SelectedNode = NodeTypes2[node.type];
|
|
2919
|
-
return /* @__PURE__ */
|
|
2885
|
+
return /* @__PURE__ */ jsx47(React37.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx47(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
2920
2886
|
}) }),
|
|
2921
|
-
props.node.listType == "number" && /* @__PURE__ */
|
|
2887
|
+
props.node.listType == "number" && /* @__PURE__ */ jsx47("ol", { children: props.node.children && props.node.children.map((node, index) => {
|
|
2922
2888
|
const SelectedNode = NodeTypes2[node.type];
|
|
2923
|
-
return /* @__PURE__ */
|
|
2889
|
+
return /* @__PURE__ */ jsx47(React37.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx47(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
2924
2890
|
}) })
|
|
2925
2891
|
] });
|
|
2926
2892
|
};
|
|
2927
2893
|
var ListNode_default = ListNode;
|
|
2928
2894
|
|
|
2929
2895
|
// src/components/pageRenderingEngine/nodes/QuoteNode.tsx
|
|
2930
|
-
import
|
|
2931
|
-
import { jsx as
|
|
2896
|
+
import React38 from "react";
|
|
2897
|
+
import { jsx as jsx48 } from "react/jsx-runtime";
|
|
2932
2898
|
var QuoteNode = (props) => {
|
|
2933
2899
|
const NodeTypes2 = {
|
|
2934
2900
|
["text"]: TextNode_default,
|
|
2935
2901
|
["linebreak"]: LineBreakNode_default,
|
|
2936
2902
|
["link"]: LinkNode_default
|
|
2937
2903
|
};
|
|
2938
|
-
return /* @__PURE__ */
|
|
2904
|
+
return /* @__PURE__ */ jsx48("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
|
|
2939
2905
|
const SelectedNode = NodeTypes2[node.type];
|
|
2940
|
-
return /* @__PURE__ */
|
|
2906
|
+
return /* @__PURE__ */ jsx48(React38.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx48(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
2941
2907
|
}) });
|
|
2942
2908
|
};
|
|
2943
2909
|
var QuoteNode_default = QuoteNode;
|
|
2944
2910
|
|
|
2945
2911
|
// src/components/pageRenderingEngine/nodes/CodeNode.tsx
|
|
2946
|
-
import
|
|
2912
|
+
import React39 from "react";
|
|
2947
2913
|
import dynamic from "next/dynamic";
|
|
2948
|
-
import { jsx as
|
|
2914
|
+
import { jsx as jsx49, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
2949
2915
|
var CopyButton = dynamic(() => import("./CopyButton-XONTQQW7.mjs"), {
|
|
2950
2916
|
ssr: false,
|
|
2951
2917
|
// optional: fallback UI while loading
|
|
2952
|
-
loading: () => /* @__PURE__ */
|
|
2918
|
+
loading: () => /* @__PURE__ */ jsx49("span", { className: "text-gray-400 text-xs", children: "Copy" })
|
|
2953
2919
|
});
|
|
2954
2920
|
var CodeNode = (props) => {
|
|
2955
2921
|
const NodeTypes2 = {
|
|
@@ -2963,14 +2929,14 @@ var CodeNode = (props) => {
|
|
|
2963
2929
|
if (node.type === "link") return node.text || node.url || "";
|
|
2964
2930
|
return "";
|
|
2965
2931
|
}).join("") ?? "";
|
|
2966
|
-
return /* @__PURE__ */
|
|
2967
|
-
/* @__PURE__ */
|
|
2968
|
-
/* @__PURE__ */
|
|
2969
|
-
/* @__PURE__ */
|
|
2932
|
+
return /* @__PURE__ */ jsxs28("div", { children: [
|
|
2933
|
+
/* @__PURE__ */ jsxs28("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
|
|
2934
|
+
/* @__PURE__ */ jsx49("span", { children: "Code Snippet" }),
|
|
2935
|
+
/* @__PURE__ */ jsx49(CopyButton, { text: textContent })
|
|
2970
2936
|
] }),
|
|
2971
|
-
/* @__PURE__ */
|
|
2937
|
+
/* @__PURE__ */ jsx49("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) => {
|
|
2972
2938
|
const SelectedNode = NodeTypes2[node.type];
|
|
2973
|
-
return /* @__PURE__ */
|
|
2939
|
+
return /* @__PURE__ */ jsx49(React39.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx49(
|
|
2974
2940
|
SelectedNode,
|
|
2975
2941
|
{
|
|
2976
2942
|
node,
|
|
@@ -2985,14 +2951,14 @@ var CodeNode = (props) => {
|
|
|
2985
2951
|
var CodeNode_default = CodeNode;
|
|
2986
2952
|
|
|
2987
2953
|
// src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
|
|
2988
|
-
import { jsx as
|
|
2954
|
+
import { jsx as jsx50 } from "react/jsx-runtime";
|
|
2989
2955
|
var HorizontalRuleNode = () => {
|
|
2990
|
-
return /* @__PURE__ */
|
|
2956
|
+
return /* @__PURE__ */ jsx50("hr", {});
|
|
2991
2957
|
};
|
|
2992
2958
|
var HorizontalRuleNode_default = HorizontalRuleNode;
|
|
2993
2959
|
|
|
2994
2960
|
// src/components/pageRenderingEngine/nodes/ImageNode.tsx
|
|
2995
|
-
import
|
|
2961
|
+
import React40 from "react";
|
|
2996
2962
|
|
|
2997
2963
|
// src/components/utilities/AssetUtility.tsx
|
|
2998
2964
|
var AssetUtility = class {
|
|
@@ -3009,7 +2975,7 @@ var AssetUtility = class {
|
|
|
3009
2975
|
// return `https://cdn.g-assets.com/${domainName}`;
|
|
3010
2976
|
// }
|
|
3011
2977
|
static getAssetFullPath(apiBaseUrl, relativePath) {
|
|
3012
|
-
|
|
2978
|
+
const domainName = apiBaseUrl.replace("https://", "");
|
|
3013
2979
|
return `https://cdn.g-assets.com/${domainName}/${relativePath}`;
|
|
3014
2980
|
}
|
|
3015
2981
|
};
|
|
@@ -3019,7 +2985,7 @@ var AssetUtility_default = AssetUtility;
|
|
|
3019
2985
|
import dynamic2 from "next/dynamic";
|
|
3020
2986
|
|
|
3021
2987
|
// src/components/DeviceAssetSelector.tsx
|
|
3022
|
-
import { jsx as
|
|
2988
|
+
import { jsx as jsx51 } from "react/jsx-runtime";
|
|
3023
2989
|
var DeviceAssetSelector = ({
|
|
3024
2990
|
assets,
|
|
3025
2991
|
assetBaseUrl,
|
|
@@ -3094,7 +3060,7 @@ var DeviceAssetSelector = ({
|
|
|
3094
3060
|
const formatClasses = FormatClass[nodeProps?.format || ""] || "";
|
|
3095
3061
|
const renderMedia = () => {
|
|
3096
3062
|
if (isHls) {
|
|
3097
|
-
return /* @__PURE__ */
|
|
3063
|
+
return /* @__PURE__ */ jsx51(
|
|
3098
3064
|
HlsPlayer_default,
|
|
3099
3065
|
{
|
|
3100
3066
|
assetUrl: resolvedAssetUrl,
|
|
@@ -3111,7 +3077,7 @@ var DeviceAssetSelector = ({
|
|
|
3111
3077
|
} else {
|
|
3112
3078
|
return (
|
|
3113
3079
|
/* eslint-disable-next-line @next/next/no-img-element */
|
|
3114
|
-
/* @__PURE__ */
|
|
3080
|
+
/* @__PURE__ */ jsx51(
|
|
3115
3081
|
"img",
|
|
3116
3082
|
{
|
|
3117
3083
|
style: styles,
|
|
@@ -3127,17 +3093,17 @@ var DeviceAssetSelector = ({
|
|
|
3127
3093
|
}
|
|
3128
3094
|
};
|
|
3129
3095
|
if (width) {
|
|
3130
|
-
return /* @__PURE__ */
|
|
3096
|
+
return /* @__PURE__ */ jsx51("div", { style: { width }, children: renderMedia() });
|
|
3131
3097
|
}
|
|
3132
3098
|
if (nodeProps?.format) {
|
|
3133
|
-
return /* @__PURE__ */
|
|
3099
|
+
return /* @__PURE__ */ jsx51("div", { className: `flex ${formatClasses}`, children: renderMedia() });
|
|
3134
3100
|
}
|
|
3135
3101
|
return renderMedia();
|
|
3136
3102
|
};
|
|
3137
3103
|
var DeviceAssetSelector_default = DeviceAssetSelector;
|
|
3138
3104
|
|
|
3139
3105
|
// src/components/pageRenderingEngine/nodes/ImageNode.tsx
|
|
3140
|
-
import { Fragment as Fragment6, jsx as
|
|
3106
|
+
import { Fragment as Fragment6, jsx as jsx52 } from "react/jsx-runtime";
|
|
3141
3107
|
var HlsPlayer = dynamic2(() => import("./HlsPlayer-FFEIK6FG.mjs"), {
|
|
3142
3108
|
ssr: false
|
|
3143
3109
|
});
|
|
@@ -3180,7 +3146,7 @@ var ImageNode = (props) => {
|
|
|
3180
3146
|
console.error("Error parsing assets in ImageNode:", error);
|
|
3181
3147
|
}
|
|
3182
3148
|
if (assets && assets.length > 0) {
|
|
3183
|
-
return /* @__PURE__ */
|
|
3149
|
+
return /* @__PURE__ */ jsx52(Fragment6, { children: /* @__PURE__ */ jsx52(
|
|
3184
3150
|
DeviceAssetSelector_default,
|
|
3185
3151
|
{
|
|
3186
3152
|
device: props.device,
|
|
@@ -3229,7 +3195,7 @@ var ImageNode = (props) => {
|
|
|
3229
3195
|
const isHls = imageUrl?.endsWith(".m3u8");
|
|
3230
3196
|
const renderMedia = () => {
|
|
3231
3197
|
if (isHls) {
|
|
3232
|
-
return /* @__PURE__ */
|
|
3198
|
+
return /* @__PURE__ */ jsx52(
|
|
3233
3199
|
HlsPlayer,
|
|
3234
3200
|
{
|
|
3235
3201
|
assetUrl: imageUrl,
|
|
@@ -3244,7 +3210,7 @@ var ImageNode = (props) => {
|
|
|
3244
3210
|
}
|
|
3245
3211
|
);
|
|
3246
3212
|
} else {
|
|
3247
|
-
return /* @__PURE__ */
|
|
3213
|
+
return /* @__PURE__ */ jsx52(React40.Fragment, { children: /* @__PURE__ */ jsx52(
|
|
3248
3214
|
"img",
|
|
3249
3215
|
{
|
|
3250
3216
|
style: styles,
|
|
@@ -3259,14 +3225,14 @@ var ImageNode = (props) => {
|
|
|
3259
3225
|
}
|
|
3260
3226
|
};
|
|
3261
3227
|
if (props.node.width) {
|
|
3262
|
-
return /* @__PURE__ */
|
|
3228
|
+
return /* @__PURE__ */ jsx52("div", { className: `flex ${formatClasses}`, children: renderMedia() });
|
|
3263
3229
|
}
|
|
3264
3230
|
return renderMedia();
|
|
3265
3231
|
};
|
|
3266
3232
|
var ImageNode_default = ImageNode;
|
|
3267
3233
|
|
|
3268
3234
|
// src/components/pageRenderingEngine/nodes/WidgetNode.tsx
|
|
3269
|
-
import { Fragment as Fragment7, jsx as
|
|
3235
|
+
import { Fragment as Fragment7, jsx as jsx53, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
3270
3236
|
var WidgetNode = (props) => {
|
|
3271
3237
|
const getWidgetParameters = () => {
|
|
3272
3238
|
const widgetInputParameters = {
|
|
@@ -3323,14 +3289,14 @@ var WidgetNode = (props) => {
|
|
|
3323
3289
|
};
|
|
3324
3290
|
const widgetCode = props.node?.widgetCode;
|
|
3325
3291
|
if (!widgetCode) {
|
|
3326
|
-
return /* @__PURE__ */
|
|
3292
|
+
return /* @__PURE__ */ jsx53(Fragment7, { children: "Invalid widget" });
|
|
3327
3293
|
}
|
|
3328
3294
|
const SelectedWidget = getWidget(widgetCode);
|
|
3329
3295
|
if (!SelectedWidget) {
|
|
3330
3296
|
if (process.env.NODE_ENV !== "production") {
|
|
3331
3297
|
console.warn("Widget not found:", widgetCode);
|
|
3332
3298
|
}
|
|
3333
|
-
return /* @__PURE__ */
|
|
3299
|
+
return /* @__PURE__ */ jsxs29(Fragment7, { children: [
|
|
3334
3300
|
"Widget not found: ",
|
|
3335
3301
|
widgetCode
|
|
3336
3302
|
] });
|
|
@@ -3338,7 +3304,7 @@ var WidgetNode = (props) => {
|
|
|
3338
3304
|
const widgetParams = getWidgetParameters();
|
|
3339
3305
|
return (
|
|
3340
3306
|
// eslint-disable-next-line react-hooks/static-components
|
|
3341
|
-
/* @__PURE__ */
|
|
3307
|
+
/* @__PURE__ */ jsx53(
|
|
3342
3308
|
SelectedWidget,
|
|
3343
3309
|
{
|
|
3344
3310
|
params: widgetParams,
|
|
@@ -3354,12 +3320,12 @@ var WidgetNode = (props) => {
|
|
|
3354
3320
|
var WidgetNode_default = WidgetNode;
|
|
3355
3321
|
|
|
3356
3322
|
// src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
|
|
3357
|
-
import
|
|
3323
|
+
import React41, { useRef as useRef3, useReducer as useReducer2, useCallback as useCallback3, useEffect as useEffect7 } from "react";
|
|
3358
3324
|
|
|
3359
3325
|
// src/components/pageRenderingEngine/nodes/InputControlNode.tsx
|
|
3360
|
-
import { jsx as
|
|
3326
|
+
import { jsx as jsx54 } from "react/jsx-runtime";
|
|
3361
3327
|
var InputControlNode = (props) => {
|
|
3362
|
-
return /* @__PURE__ */
|
|
3328
|
+
return /* @__PURE__ */ jsx54("div", { children: /* @__PURE__ */ jsx54(
|
|
3363
3329
|
InputControl_default,
|
|
3364
3330
|
{
|
|
3365
3331
|
name: props.node.name,
|
|
@@ -3593,7 +3559,7 @@ var ServiceClient = class {
|
|
|
3593
3559
|
var ServiceClient_default = ServiceClient;
|
|
3594
3560
|
|
|
3595
3561
|
// src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
|
|
3596
|
-
import { jsx as
|
|
3562
|
+
import { jsx as jsx55, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
3597
3563
|
var FormContainerNode = (props) => {
|
|
3598
3564
|
const NodeTypes2 = {
|
|
3599
3565
|
["input-control"]: InputControlNode_default
|
|
@@ -3623,12 +3589,12 @@ var FormContainerNode = (props) => {
|
|
|
3623
3589
|
};
|
|
3624
3590
|
fetchInitialData();
|
|
3625
3591
|
}, [props.apiBaseUrl, props.node, props.session, props.routeParameters]);
|
|
3626
|
-
return /* @__PURE__ */
|
|
3592
|
+
return /* @__PURE__ */ jsxs30("form", { className: "group space-y-6 pb-6 overflow-y-auto", noValidate: true, ref: formRef, children: [
|
|
3627
3593
|
node.children && node.children.map((node2, index) => {
|
|
3628
3594
|
{
|
|
3629
3595
|
}
|
|
3630
3596
|
const SelectedNode = NodeTypes2[node2.type];
|
|
3631
|
-
return /* @__PURE__ */
|
|
3597
|
+
return /* @__PURE__ */ jsx55(React41.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ jsx55(
|
|
3632
3598
|
InputControlNode_default,
|
|
3633
3599
|
{
|
|
3634
3600
|
value: formState.inputValues[node2.name],
|
|
@@ -3637,17 +3603,17 @@ var FormContainerNode = (props) => {
|
|
|
3637
3603
|
}
|
|
3638
3604
|
) }, index);
|
|
3639
3605
|
}),
|
|
3640
|
-
node.children.length == 0 && /* @__PURE__ */
|
|
3606
|
+
node.children.length == 0 && /* @__PURE__ */ jsx55("div", { className: "py-0.5 lg:py-1.5" })
|
|
3641
3607
|
] });
|
|
3642
3608
|
};
|
|
3643
3609
|
var FormContainerNode_default = FormContainerNode;
|
|
3644
3610
|
|
|
3645
3611
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
3646
|
-
import
|
|
3612
|
+
import React44 from "react";
|
|
3647
3613
|
|
|
3648
3614
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
3649
3615
|
import dynamic3 from "next/dynamic";
|
|
3650
|
-
import { jsx as
|
|
3616
|
+
import { jsx as jsx56 } from "react/jsx-runtime";
|
|
3651
3617
|
var IframeClient = dynamic3(() => import("./IframeClient-J22NMEVY.mjs"), {
|
|
3652
3618
|
ssr: false
|
|
3653
3619
|
});
|
|
@@ -3660,13 +3626,13 @@ var EmbedNode = (props) => {
|
|
|
3660
3626
|
} else {
|
|
3661
3627
|
src = props.node.embedSrc;
|
|
3662
3628
|
}
|
|
3663
|
-
return /* @__PURE__ */
|
|
3629
|
+
return /* @__PURE__ */ jsx56("div", { className: "aspect-video", children: src && /* @__PURE__ */ jsx56(IframeClient, { src }) });
|
|
3664
3630
|
};
|
|
3665
3631
|
var EmbedNode_default = EmbedNode;
|
|
3666
3632
|
|
|
3667
3633
|
// src/components/Slider.tsx
|
|
3668
|
-
import
|
|
3669
|
-
import { Fragment as Fragment8, jsx as
|
|
3634
|
+
import React42, { useState as useState8, useEffect as useEffect8, Children, cloneElement } from "react";
|
|
3635
|
+
import { Fragment as Fragment8, jsx as jsx57, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
3670
3636
|
var Slider = ({
|
|
3671
3637
|
children,
|
|
3672
3638
|
slidesToShow = 4,
|
|
@@ -3760,10 +3726,10 @@ var Slider = ({
|
|
|
3760
3726
|
};
|
|
3761
3727
|
const translateX = -currentSlide * (100 / slidesToShowState);
|
|
3762
3728
|
const slides = Children.map(children, (child, index) => {
|
|
3763
|
-
if (!
|
|
3729
|
+
if (!React42.isValidElement(child)) return null;
|
|
3764
3730
|
const childProps = child.props;
|
|
3765
3731
|
const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
|
|
3766
|
-
return /* @__PURE__ */
|
|
3732
|
+
return /* @__PURE__ */ jsx57(
|
|
3767
3733
|
"div",
|
|
3768
3734
|
{
|
|
3769
3735
|
className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
|
|
@@ -3786,14 +3752,14 @@ var Slider = ({
|
|
|
3786
3752
|
return "bottom-4";
|
|
3787
3753
|
}
|
|
3788
3754
|
};
|
|
3789
|
-
return /* @__PURE__ */
|
|
3755
|
+
return /* @__PURE__ */ jsxs31(
|
|
3790
3756
|
"div",
|
|
3791
3757
|
{
|
|
3792
3758
|
className: `relative w-full overflow-hidden ${className}`,
|
|
3793
3759
|
onMouseEnter: handleMouseEnter,
|
|
3794
3760
|
onMouseLeave: handleMouseLeave,
|
|
3795
3761
|
children: [
|
|
3796
|
-
/* @__PURE__ */
|
|
3762
|
+
/* @__PURE__ */ jsx57(
|
|
3797
3763
|
"div",
|
|
3798
3764
|
{
|
|
3799
3765
|
className: "flex h-full",
|
|
@@ -3804,18 +3770,18 @@ var Slider = ({
|
|
|
3804
3770
|
children: slides
|
|
3805
3771
|
}
|
|
3806
3772
|
),
|
|
3807
|
-
show_arrows && /* @__PURE__ */
|
|
3808
|
-
/* @__PURE__ */
|
|
3773
|
+
show_arrows && /* @__PURE__ */ jsxs31(Fragment8, { children: [
|
|
3774
|
+
/* @__PURE__ */ jsx57(
|
|
3809
3775
|
ArrowButton,
|
|
3810
3776
|
{
|
|
3811
3777
|
direction: "left",
|
|
3812
3778
|
onClick: prevSlide,
|
|
3813
3779
|
visible: infinite_scroll || currentSlide > 0,
|
|
3814
3780
|
className: arrowClassName,
|
|
3815
|
-
children: /* @__PURE__ */
|
|
3781
|
+
children: /* @__PURE__ */ jsx57("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__ */ jsx57("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
|
|
3816
3782
|
}
|
|
3817
3783
|
),
|
|
3818
|
-
/* @__PURE__ */
|
|
3784
|
+
/* @__PURE__ */ jsxs31(
|
|
3819
3785
|
ArrowButton,
|
|
3820
3786
|
{
|
|
3821
3787
|
direction: "right",
|
|
@@ -3823,13 +3789,13 @@ var Slider = ({
|
|
|
3823
3789
|
visible: infinite_scroll || currentSlide < maxSlide,
|
|
3824
3790
|
className: arrowClassName,
|
|
3825
3791
|
children: [
|
|
3826
|
-
/* @__PURE__ */
|
|
3792
|
+
/* @__PURE__ */ jsx57("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__ */ jsx57("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
|
|
3827
3793
|
" "
|
|
3828
3794
|
]
|
|
3829
3795
|
}
|
|
3830
3796
|
)
|
|
3831
3797
|
] }),
|
|
3832
|
-
show_dots && /* @__PURE__ */
|
|
3798
|
+
show_dots && /* @__PURE__ */ jsx57("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__ */ jsx57(
|
|
3833
3799
|
ProgressPill,
|
|
3834
3800
|
{
|
|
3835
3801
|
active: index === currentSlide,
|
|
@@ -3855,7 +3821,7 @@ var ArrowButton = ({
|
|
|
3855
3821
|
visible,
|
|
3856
3822
|
children,
|
|
3857
3823
|
className = ""
|
|
3858
|
-
}) => /* @__PURE__ */
|
|
3824
|
+
}) => /* @__PURE__ */ jsx57(
|
|
3859
3825
|
"button",
|
|
3860
3826
|
{
|
|
3861
3827
|
className: `
|
|
@@ -3942,7 +3908,7 @@ var ProgressPill = ({
|
|
|
3942
3908
|
const renderProgressBar = () => {
|
|
3943
3909
|
if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
|
|
3944
3910
|
const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
|
|
3945
|
-
return /* @__PURE__ */
|
|
3911
|
+
return /* @__PURE__ */ jsx57(
|
|
3946
3912
|
"div",
|
|
3947
3913
|
{
|
|
3948
3914
|
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`,
|
|
@@ -3954,7 +3920,7 @@ var ProgressPill = ({
|
|
|
3954
3920
|
};
|
|
3955
3921
|
const renderCumulativeFill = () => {
|
|
3956
3922
|
if (style === "cumulative" && isFilled && !isActive) {
|
|
3957
|
-
return /* @__PURE__ */
|
|
3923
|
+
return /* @__PURE__ */ jsx57(
|
|
3958
3924
|
"div",
|
|
3959
3925
|
{
|
|
3960
3926
|
className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
|
|
@@ -3964,7 +3930,7 @@ var ProgressPill = ({
|
|
|
3964
3930
|
}
|
|
3965
3931
|
return null;
|
|
3966
3932
|
};
|
|
3967
|
-
return /* @__PURE__ */
|
|
3933
|
+
return /* @__PURE__ */ jsxs31(
|
|
3968
3934
|
"button",
|
|
3969
3935
|
{
|
|
3970
3936
|
className: `${baseClasses} ${getStyleClasses()}`,
|
|
@@ -4140,10 +4106,10 @@ var PathUtility = class {
|
|
|
4140
4106
|
var PathUtility_default = new PathUtility();
|
|
4141
4107
|
|
|
4142
4108
|
// src/components/NoDataFound.tsx
|
|
4143
|
-
import { jsx as
|
|
4109
|
+
import { jsx as jsx58, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
4144
4110
|
var NoDataFound = () => {
|
|
4145
|
-
return /* @__PURE__ */
|
|
4146
|
-
/* @__PURE__ */
|
|
4111
|
+
return /* @__PURE__ */ jsxs32("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
|
|
4112
|
+
/* @__PURE__ */ jsx58("div", { className: "mb-5", children: /* @__PURE__ */ jsx58("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ jsx58(
|
|
4147
4113
|
"svg",
|
|
4148
4114
|
{
|
|
4149
4115
|
className: "w-10 h-10",
|
|
@@ -4151,7 +4117,7 @@ var NoDataFound = () => {
|
|
|
4151
4117
|
stroke: "currentColor",
|
|
4152
4118
|
viewBox: "0 0 24 24",
|
|
4153
4119
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4154
|
-
children: /* @__PURE__ */
|
|
4120
|
+
children: /* @__PURE__ */ jsx58(
|
|
4155
4121
|
"path",
|
|
4156
4122
|
{
|
|
4157
4123
|
strokeLinecap: "round",
|
|
@@ -4162,15 +4128,15 @@ var NoDataFound = () => {
|
|
|
4162
4128
|
)
|
|
4163
4129
|
}
|
|
4164
4130
|
) }) }),
|
|
4165
|
-
/* @__PURE__ */
|
|
4166
|
-
/* @__PURE__ */
|
|
4131
|
+
/* @__PURE__ */ jsx58("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
|
|
4132
|
+
/* @__PURE__ */ jsx58("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
|
|
4167
4133
|
] });
|
|
4168
4134
|
};
|
|
4169
4135
|
var NoDataFound_default = NoDataFound;
|
|
4170
4136
|
|
|
4171
4137
|
// src/components/Pagination.tsx
|
|
4172
4138
|
import { useMemo } from "react";
|
|
4173
|
-
import { jsx as
|
|
4139
|
+
import { jsx as jsx59, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
4174
4140
|
var Pagination = (props) => {
|
|
4175
4141
|
const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
|
|
4176
4142
|
const builder = useMemo(() => {
|
|
@@ -4214,7 +4180,7 @@ var Pagination = (props) => {
|
|
|
4214
4180
|
return range;
|
|
4215
4181
|
};
|
|
4216
4182
|
const paginationRange = getPaginationRange();
|
|
4217
|
-
const PageButton = ({ page, children }) => /* @__PURE__ */
|
|
4183
|
+
const PageButton = ({ page, children }) => /* @__PURE__ */ jsx59(
|
|
4218
4184
|
Hyperlink,
|
|
4219
4185
|
{
|
|
4220
4186
|
linkType: "Link" /* Link */,
|
|
@@ -4229,9 +4195,9 @@ var Pagination = (props) => {
|
|
|
4229
4195
|
);
|
|
4230
4196
|
const NavigationButton = ({ page, disabled, children }) => {
|
|
4231
4197
|
if (disabled) {
|
|
4232
|
-
return /* @__PURE__ */
|
|
4198
|
+
return /* @__PURE__ */ jsx59("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 });
|
|
4233
4199
|
}
|
|
4234
|
-
return /* @__PURE__ */
|
|
4200
|
+
return /* @__PURE__ */ jsx59(
|
|
4235
4201
|
Hyperlink,
|
|
4236
4202
|
{
|
|
4237
4203
|
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",
|
|
@@ -4241,35 +4207,35 @@ var Pagination = (props) => {
|
|
|
4241
4207
|
);
|
|
4242
4208
|
};
|
|
4243
4209
|
if (totalPages <= 1 && totalItems === 0) return null;
|
|
4244
|
-
return /* @__PURE__ */
|
|
4245
|
-
/* @__PURE__ */
|
|
4246
|
-
/* @__PURE__ */
|
|
4210
|
+
return /* @__PURE__ */ jsxs33("div", { className: "py-6 border-t bg-default", children: [
|
|
4211
|
+
/* @__PURE__ */ jsxs33("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
|
|
4212
|
+
/* @__PURE__ */ jsxs33("div", { className: "text-sm", children: [
|
|
4247
4213
|
"Showing ",
|
|
4248
|
-
/* @__PURE__ */
|
|
4214
|
+
/* @__PURE__ */ jsxs33("span", { className: "font-semibold", children: [
|
|
4249
4215
|
startItem,
|
|
4250
4216
|
"-",
|
|
4251
4217
|
endItem
|
|
4252
4218
|
] }),
|
|
4253
4219
|
" ",
|
|
4254
4220
|
"out of ",
|
|
4255
|
-
/* @__PURE__ */
|
|
4221
|
+
/* @__PURE__ */ jsx59("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
|
|
4256
4222
|
" results"
|
|
4257
4223
|
] }),
|
|
4258
|
-
totalPages > 1 && /* @__PURE__ */
|
|
4259
|
-
/* @__PURE__ */
|
|
4224
|
+
totalPages > 1 && /* @__PURE__ */ jsxs33("div", { className: "flex items-center space-x-1", children: [
|
|
4225
|
+
/* @__PURE__ */ jsxs33(
|
|
4260
4226
|
NavigationButton,
|
|
4261
4227
|
{
|
|
4262
4228
|
page: activePageNumber - 1,
|
|
4263
4229
|
disabled: activePageNumber === 1,
|
|
4264
4230
|
children: [
|
|
4265
|
-
/* @__PURE__ */
|
|
4266
|
-
/* @__PURE__ */
|
|
4231
|
+
/* @__PURE__ */ jsx59("span", { children: /* @__PURE__ */ jsx59(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
|
|
4232
|
+
/* @__PURE__ */ jsx59("span", { className: "text-sm", children: "Prev" })
|
|
4267
4233
|
]
|
|
4268
4234
|
}
|
|
4269
4235
|
),
|
|
4270
4236
|
paginationRange.map((item, index) => {
|
|
4271
4237
|
if (item === "...") {
|
|
4272
|
-
return /* @__PURE__ */
|
|
4238
|
+
return /* @__PURE__ */ jsx59(
|
|
4273
4239
|
"span",
|
|
4274
4240
|
{
|
|
4275
4241
|
className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
|
|
@@ -4279,23 +4245,23 @@ var Pagination = (props) => {
|
|
|
4279
4245
|
);
|
|
4280
4246
|
}
|
|
4281
4247
|
const page = item;
|
|
4282
|
-
return /* @__PURE__ */
|
|
4248
|
+
return /* @__PURE__ */ jsx59(PageButton, { page, children: page }, page);
|
|
4283
4249
|
}),
|
|
4284
|
-
/* @__PURE__ */
|
|
4250
|
+
/* @__PURE__ */ jsxs33(
|
|
4285
4251
|
NavigationButton,
|
|
4286
4252
|
{
|
|
4287
4253
|
page: activePageNumber + 1,
|
|
4288
4254
|
disabled: activePageNumber === totalPages,
|
|
4289
4255
|
children: [
|
|
4290
|
-
/* @__PURE__ */
|
|
4291
|
-
/* @__PURE__ */
|
|
4256
|
+
/* @__PURE__ */ jsx59("span", { className: "text-sm", children: "Next" }),
|
|
4257
|
+
/* @__PURE__ */ jsx59("span", { children: /* @__PURE__ */ jsx59(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
|
|
4292
4258
|
]
|
|
4293
4259
|
}
|
|
4294
4260
|
)
|
|
4295
4261
|
] }),
|
|
4296
|
-
showJumpToPage && totalPages > 5 && /* @__PURE__ */
|
|
4297
|
-
/* @__PURE__ */
|
|
4298
|
-
/* @__PURE__ */
|
|
4262
|
+
showJumpToPage && totalPages > 5 && /* @__PURE__ */ jsxs33("div", { className: "flex items-center space-x-2", children: [
|
|
4263
|
+
/* @__PURE__ */ jsx59("span", { className: "text-sm", children: "Go to:" }),
|
|
4264
|
+
/* @__PURE__ */ jsx59("div", { className: "relative", children: /* @__PURE__ */ jsx59(
|
|
4299
4265
|
"input",
|
|
4300
4266
|
{
|
|
4301
4267
|
type: "number",
|
|
@@ -4316,9 +4282,9 @@ var Pagination = (props) => {
|
|
|
4316
4282
|
) })
|
|
4317
4283
|
] })
|
|
4318
4284
|
] }),
|
|
4319
|
-
showPageSizeSelector && /* @__PURE__ */
|
|
4320
|
-
/* @__PURE__ */
|
|
4321
|
-
/* @__PURE__ */
|
|
4285
|
+
showPageSizeSelector && /* @__PURE__ */ jsx59("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-center space-x-2", children: [
|
|
4286
|
+
/* @__PURE__ */ jsx59("span", { className: "text-sm", children: "Show:" }),
|
|
4287
|
+
/* @__PURE__ */ jsx59("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ jsx59(
|
|
4322
4288
|
Hyperlink,
|
|
4323
4289
|
{
|
|
4324
4290
|
className: `
|
|
@@ -4330,7 +4296,7 @@ var Pagination = (props) => {
|
|
|
4330
4296
|
},
|
|
4331
4297
|
size
|
|
4332
4298
|
)) }),
|
|
4333
|
-
/* @__PURE__ */
|
|
4299
|
+
/* @__PURE__ */ jsx59("span", { className: "text-sm", children: "per page" })
|
|
4334
4300
|
] }) })
|
|
4335
4301
|
] });
|
|
4336
4302
|
};
|
|
@@ -4338,7 +4304,7 @@ var Pagination_default = Pagination;
|
|
|
4338
4304
|
|
|
4339
4305
|
// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
|
|
4340
4306
|
import dynamic4 from "next/dynamic";
|
|
4341
|
-
import { jsx as
|
|
4307
|
+
import { jsx as jsx60 } from "react/jsx-runtime";
|
|
4342
4308
|
var HlsPlayer1 = dynamic4(() => import("./HlsPlayer-FFEIK6FG.mjs"), {
|
|
4343
4309
|
ssr: false
|
|
4344
4310
|
});
|
|
@@ -4375,7 +4341,7 @@ var ImageGalleryNode = (props) => {
|
|
|
4375
4341
|
right: "justify-end"
|
|
4376
4342
|
};
|
|
4377
4343
|
const formatClasses = FormatClass[props.node.format || ""] || "";
|
|
4378
|
-
return /* @__PURE__ */
|
|
4344
|
+
return /* @__PURE__ */ jsx60("div", { className: `flex flex-wrap gap-4 ${formatClasses}`, children: visibleImages.map((img, idx) => {
|
|
4379
4345
|
const imageUrl = resolveImageUrl(img.imageUrl);
|
|
4380
4346
|
if (!imageUrl) return null;
|
|
4381
4347
|
const posterUrl = resolvePosterUrl(img.posterUrl);
|
|
@@ -4383,7 +4349,7 @@ var ImageGalleryNode = (props) => {
|
|
|
4383
4349
|
const intrinsicHeight = parseMaybeNumber(img.intrinsicHeight);
|
|
4384
4350
|
const isHls = imageUrl.endsWith(".m3u8");
|
|
4385
4351
|
const alt = img.title || "Gallery image";
|
|
4386
|
-
return /* @__PURE__ */
|
|
4352
|
+
return /* @__PURE__ */ jsx60("div", { className: "max-w-full", children: isHls ? /* @__PURE__ */ jsx60(
|
|
4387
4353
|
HlsPlayer1,
|
|
4388
4354
|
{
|
|
4389
4355
|
assetUrl: imageUrl,
|
|
@@ -4398,7 +4364,7 @@ var ImageGalleryNode = (props) => {
|
|
|
4398
4364
|
}
|
|
4399
4365
|
) : (
|
|
4400
4366
|
/* eslint-disable-next-line @next/next/no-img-element */
|
|
4401
|
-
/* @__PURE__ */
|
|
4367
|
+
/* @__PURE__ */ jsx60(
|
|
4402
4368
|
"img",
|
|
4403
4369
|
{
|
|
4404
4370
|
loading: "lazy",
|
|
@@ -4415,7 +4381,7 @@ var ImageGalleryNode = (props) => {
|
|
|
4415
4381
|
var ImageGalleryNode_default = ImageGalleryNode;
|
|
4416
4382
|
|
|
4417
4383
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
4418
|
-
import { jsx as
|
|
4384
|
+
import { jsx as jsx61, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
4419
4385
|
function toCamelCase(str) {
|
|
4420
4386
|
return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
|
|
4421
4387
|
}
|
|
@@ -4598,7 +4564,7 @@ var DivContainer = async (props) => {
|
|
|
4598
4564
|
response = await serviceClient.get(endpoint);
|
|
4599
4565
|
result = response?.result;
|
|
4600
4566
|
if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
|
|
4601
|
-
return /* @__PURE__ */
|
|
4567
|
+
return /* @__PURE__ */ jsx61(NoDataFound_default, {});
|
|
4602
4568
|
}
|
|
4603
4569
|
if (dataBindingProperties.childCollectionName && props.dataitem) {
|
|
4604
4570
|
childCollectionData = getNestedValue2(props.dataitem, dataBindingProperties.childCollectionName);
|
|
@@ -4610,7 +4576,7 @@ var DivContainer = async (props) => {
|
|
|
4610
4576
|
}
|
|
4611
4577
|
const SelectedNode = NodeTypes2[node.type];
|
|
4612
4578
|
if (!SelectedNode) return null;
|
|
4613
|
-
return /* @__PURE__ */
|
|
4579
|
+
return /* @__PURE__ */ jsx61(React44.Fragment, { children: /* @__PURE__ */ jsx61(
|
|
4614
4580
|
SelectedNode,
|
|
4615
4581
|
{
|
|
4616
4582
|
node,
|
|
@@ -4710,9 +4676,9 @@ var DivContainer = async (props) => {
|
|
|
4710
4676
|
props.node.autoFormat && "auto-format",
|
|
4711
4677
|
props.node.bgClass
|
|
4712
4678
|
].filter(Boolean).join(" ");
|
|
4713
|
-
return /* @__PURE__ */
|
|
4714
|
-
/* @__PURE__ */
|
|
4715
|
-
/* @__PURE__ */
|
|
4679
|
+
return /* @__PURE__ */ jsxs34(React44.Fragment, { children: [
|
|
4680
|
+
/* @__PURE__ */ jsx61("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
|
|
4681
|
+
/* @__PURE__ */ jsx61(React44.Fragment, { children: /* @__PURE__ */ jsx61(
|
|
4716
4682
|
Wrapper,
|
|
4717
4683
|
{
|
|
4718
4684
|
id: guid,
|
|
@@ -4721,18 +4687,18 @@ var DivContainer = async (props) => {
|
|
|
4721
4687
|
...wrapperProps,
|
|
4722
4688
|
children: dataToRender.map(
|
|
4723
4689
|
(item, idx) => item?.links?.view && renderLink ? renderChildren(props.node.children, props, item, idx, props.href ? void 0 : item?.links?.view)?.map(
|
|
4724
|
-
(child, i) => /* @__PURE__ */
|
|
4690
|
+
(child, i) => /* @__PURE__ */ jsx61(React44.Fragment, { children: child }, i)
|
|
4725
4691
|
) : renderChildren(props.node.children, props, item, idx)
|
|
4726
4692
|
)
|
|
4727
4693
|
}
|
|
4728
4694
|
) }),
|
|
4729
|
-
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */
|
|
4695
|
+
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx61("div", { children: /* @__PURE__ */ jsx61(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
|
|
4730
4696
|
] });
|
|
4731
4697
|
};
|
|
4732
4698
|
var DivContainer_default = DivContainer;
|
|
4733
4699
|
|
|
4734
4700
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
4735
|
-
import { jsx as
|
|
4701
|
+
import { jsx as jsx62 } from "react/jsx-runtime";
|
|
4736
4702
|
var NodeTypes = {
|
|
4737
4703
|
["paragraph"]: ParagraphNode_default,
|
|
4738
4704
|
["heading"]: HeadingNode_default,
|
|
@@ -4760,11 +4726,11 @@ var PageBodyRenderer = (props) => {
|
|
|
4760
4726
|
if (pageBodyTree && pageBodyTree.root) {
|
|
4761
4727
|
rootNode = pageBodyTree.root;
|
|
4762
4728
|
}
|
|
4763
|
-
return /* @__PURE__ */
|
|
4729
|
+
return /* @__PURE__ */ jsx62(React45.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
4764
4730
|
{
|
|
4765
4731
|
}
|
|
4766
4732
|
const SelectedNode = NodeTypes[node.type];
|
|
4767
|
-
return /* @__PURE__ */
|
|
4733
|
+
return /* @__PURE__ */ jsx62(React45.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx62(React45.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx62(React45.Fragment, { children: /* @__PURE__ */ jsx62(
|
|
4768
4734
|
SelectedNode,
|
|
4769
4735
|
{
|
|
4770
4736
|
node,
|
|
@@ -4779,7 +4745,7 @@ var PageBodyRenderer = (props) => {
|
|
|
4779
4745
|
assetBaseUrl: props.assetBaseUrl,
|
|
4780
4746
|
device: props.device
|
|
4781
4747
|
}
|
|
4782
|
-
) }) : /* @__PURE__ */
|
|
4748
|
+
) }) : /* @__PURE__ */ jsx62(React45.Fragment, { children: /* @__PURE__ */ jsx62(
|
|
4783
4749
|
SelectedNode,
|
|
4784
4750
|
{
|
|
4785
4751
|
node,
|