@levo-so/site-runtime 0.3.16 → 0.3.18

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.
@@ -0,0 +1,255 @@
1
+ import { r as e, t } from "./CollectionField-DCAXOmBN.js";
2
+ import { r as n } from "./ThemeProvider-DlFehjh1.js";
3
+ import { t as ee } from "./CollectionInput-BJ__qcbk.js";
4
+ import { a as r, i, n as a, r as o, t as s } from "./Popover-Cr0-X_ch.js";
5
+ import { FieldInterfaces as c } from "@levo-so/core";
6
+ import l from "dayjs";
7
+ import { c as te } from "react/compiler-runtime";
8
+ import { useEffect as u, useRef as d, useState as f } from "react";
9
+ import { useController as p } from "react-hook-form";
10
+ import m from "clsx";
11
+ import { jsx as h, jsxs as g } from "react/jsx-runtime";
12
+ import { IconCalendar as _, IconChevronDown as v, IconChevronLeft as y, IconChevronRight as b, IconX as ne } from "@tabler/icons-react";
13
+ import { DayPicker as re, getDefaultClassNames as x } from "react-day-picker";
14
+ //#region ../../libraries/react-collection/dist/widgets/dateTimeWidget/DateTimeWidget.cssm.js
15
+ var ie = "rpx4b10", ae = "rpx4b11", oe = "rpx4b12", se = "rpx4b14 _6o7s4x0", ce = "rpx4b15", le = "rpx4b17", ue = "rpx4b18", de = "rpx4b19", fe = "rpx4b1a", pe = "rpx4b1b", me = "rpx4b1c", he = "rpx4b1d", ge = "rpx4b1e", _e = "rpx4b1f", ve = "rpx4b1g", ye = "rpx4b1h", be = "rpx4b1i", xe = "rpx4b1j", Se = "rpx4b1k", Ce = "rpx4b1l", we = "rpx4b1m", Te = "rpx4b1n", Ee = "rpx4b1o", De = "rpx4b1p", Oe = "rpx4b1q", ke = "rpx4b1r", Ae = "rpx4b1s", je = "rpx4b1t", Me = "rpx4b1u", Ne = "rpx4b1v", Pe = (e) => {
16
+ if (e) {
17
+ let t = new Date(e);
18
+ return Number.isNaN(t.getTime()) ? null : t;
19
+ }
20
+ return null;
21
+ }, Fe = (e, t) => e ? t ? l(e).format("D MMMM, YYYY — h:mm A") : l(e).format("D MMMM, YYYY") : "", Ie = (e) => {
22
+ let t = te(19), { value: n, onChange: ee } = e, [r, i] = f(-1), a = d(null), o;
23
+ t[0] === n ? o = t[1] : (o = () => {
24
+ if (!n) return -1;
25
+ let e = n.getHours(), t = n.getMinutes();
26
+ return e * 4 + Math.floor(t / 15);
27
+ }, t[0] = n, t[1] = o);
28
+ let s = o, c, l;
29
+ t[2] === s ? (c = t[3], l = t[4]) : (c = () => {
30
+ let e = s();
31
+ e >= 0 && a.current && a.current.querySelector(`[data-time-index="${e}"]`)?.scrollIntoView({
32
+ block: "center",
33
+ behavior: "smooth"
34
+ });
35
+ }, l = [s], t[2] = s, t[3] = c, t[4] = l), u(c, l);
36
+ let p;
37
+ t[5] !== ee || t[6] !== n ? (p = (e, t) => {
38
+ let r = t * 15, a = n ? new Date(n) : /* @__PURE__ */ new Date();
39
+ a.setHours(e, r, 0, 0), ee(a), i(e * 4 + t);
40
+ }, t[5] = ee, t[6] = n, t[7] = p) : p = t[7];
41
+ let _ = p, v;
42
+ t[8] !== r || t[9] !== _ ? (v = (e) => {
43
+ e.stopPropagation();
44
+ let t = (e) => {
45
+ let t = a.current?.querySelector(`[data-time-index="${e}"]`);
46
+ t?.scrollIntoView({
47
+ block: "center",
48
+ behavior: "smooth"
49
+ }), t?.focus();
50
+ };
51
+ bb48: switch (e.key) {
52
+ case "ArrowUp": {
53
+ e.preventDefault();
54
+ let n = r - 1 < 0 ? 95 : r - 1;
55
+ i(n), t(n);
56
+ break bb48;
57
+ }
58
+ case "ArrowDown": {
59
+ e.preventDefault();
60
+ let n = r + 1 >= 96 ? 0 : r + 1;
61
+ i(n), t(n);
62
+ break bb48;
63
+ }
64
+ case "Enter":
65
+ e.preventDefault(), r >= 0 && _(Math.floor(r / 4), r % 4);
66
+ break bb48;
67
+ case "Escape": i(-1);
68
+ }
69
+ }, t[8] = r, t[9] = _, t[10] = v) : v = t[10];
70
+ let y = v, b = s(), ne;
71
+ t[11] === Symbol.for("react.memo_cache_sentinel") ? (ne = /* @__PURE__ */ h("div", {
72
+ className: je,
73
+ children: "Time"
74
+ }), t[11] = ne) : ne = t[11];
75
+ let re;
76
+ t[12] === Symbol.for("react.memo_cache_sentinel") ? (re = Array.from({ length: 24 }), t[12] = re) : re = t[12];
77
+ let x;
78
+ t[13] !== b || t[14] !== _ ? (x = re.map((e, t) => {
79
+ let n = t === 0 ? 12 : t > 12 ? t - 12 : t, ee = t >= 12 ? "PM" : "AM";
80
+ return Array.from({ length: 4 }).map((e, r) => {
81
+ let i = r * 15, a = t * 4 + r, o = a === b, s = `${n}:${i.toString().padStart(2, "0")} ${ee}`;
82
+ return /* @__PURE__ */ h("button", {
83
+ type: "button",
84
+ role: "option",
85
+ "aria-selected": o,
86
+ "data-time-index": a,
87
+ className: m(Ne, o && "rpx4b1w"),
88
+ onClick: () => _(t, r),
89
+ tabIndex: o ? 0 : -1,
90
+ children: s
91
+ }, a);
92
+ });
93
+ }), t[13] = b, t[14] = _, t[15] = x) : x = t[15];
94
+ let ie;
95
+ return t[16] !== y || t[17] !== x ? (ie = /* @__PURE__ */ g("div", {
96
+ className: Ae,
97
+ children: [ne, /* @__PURE__ */ h("div", {
98
+ ref: a,
99
+ className: Me,
100
+ onKeyDown: y,
101
+ tabIndex: 0,
102
+ role: "listbox",
103
+ "aria-label": "Select time",
104
+ children: x
105
+ })]
106
+ }), t[16] = y, t[17] = x, t[18] = ie) : ie = t[18], ie;
107
+ }, Le = (l) => {
108
+ let u = te(160), { field: d } = l, { key: v, label: y, helper_text: b, readonly: Ae } = d, je = v === void 0 ? "" : v, Me = y === void 0 ? "" : y, Ne = b === void 0 ? "" : b, Le = Ae === void 0 ? !1 : Ae, S = je, [ze, Be] = f(!1), C;
109
+ u[0] === d ? C = u[1] : (C = e(d), u[0] = d, u[1] = C);
110
+ let Ve;
111
+ u[2] !== S || u[3] !== C ? (Ve = {
112
+ name: S,
113
+ rules: C
114
+ }, u[2] = S, u[3] = C, u[4] = Ve) : Ve = u[4];
115
+ let { field: He, fieldState: Ue } = p(Ve), w, T, E, D, O;
116
+ u[5] === He ? (w = u[6], T = u[7], E = u[8], D = u[9], O = u[10]) : ({value: O, onBlur: w, onChange: T, ref: E, ...D} = He, u[5] = He, u[6] = w, u[7] = T, u[8] = E, u[9] = D, u[10] = O);
117
+ let We = !!d?.required, Ge = Ue?.error?.message, k = d?.field_interface === c.DateTimeWidget, A, Ke;
118
+ u[11] !== k || u[12] !== O ? (A = Pe(O), Ke = Fe(A, k), u[11] = k, u[12] = O, u[13] = A, u[14] = Ke) : (A = u[13], Ke = u[14]);
119
+ let qe = Ke, j, M, N, Je, P, F, I, L, R, z, B, V, H, U, W, G, K, q, Ye, Xe, Ze, Qe, $e, et, tt, nt, J, Y, rt, X, it, at, ot, st, ct, Z, lt, ut, dt, ft, pt, Q, mt;
120
+ if (u[15] !== qe || u[16] !== k || u[17] !== Ge || u[18] !== Ne || u[19] !== ze || u[20] !== We || u[21] !== Me || u[22] !== S || u[23] !== w || u[24] !== T || u[25] !== Le || u[26] !== E || u[27] !== D || u[28] !== A || u[29] !== O) {
121
+ let e = x(), n;
122
+ u[73] !== k || u[74] !== T || u[75] !== A ? (n = (e) => {
123
+ e && (k && A && e.setHours(A.getHours(), A.getMinutes(), 0, 0), T(e.toISOString()), k || Be(!1));
124
+ }, u[73] = k, u[74] = T, u[75] = A, u[76] = n) : n = u[76];
125
+ let c = n, l;
126
+ u[77] === T ? l = u[78] : (l = (e) => {
127
+ T(e.toISOString());
128
+ }, u[77] = T, u[78] = l), I = l;
129
+ let te;
130
+ u[79] === T ? te = u[80] : (te = (e) => {
131
+ e.preventDefault(), e.stopPropagation(), T(null);
132
+ }, u[79] = T, u[80] = te);
133
+ let d = te;
134
+ F = t, lt = Ne, ut = Le, dt = Ge, ft = S, pt = We, Q = Me, P = a, st = ze, ct = Be;
135
+ let f;
136
+ u[81] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ h(_, { size: 18 }), u[81] = f) : f = u[81];
137
+ let p;
138
+ u[82] !== d || u[83] !== O ? (p = O ? /* @__PURE__ */ h("button", {
139
+ type: "button",
140
+ onClick: d,
141
+ "aria-label": "Clear date",
142
+ className: oe,
143
+ children: /* @__PURE__ */ h(ne, { size: 14 })
144
+ }) : void 0, u[82] = d, u[83] = O, u[84] = p) : p = u[84], u[85] !== qe || u[86] !== S || u[87] !== w || u[88] !== E || u[89] !== D || u[90] !== p ? (Z = /* @__PURE__ */ h(r.Trigger, { render: /* @__PURE__ */ h("div", {
145
+ className: ie,
146
+ children: /* @__PURE__ */ h(ee, {
147
+ id: S,
148
+ ref: E,
149
+ value: qe,
150
+ readOnly: !0,
151
+ leftIcon: f,
152
+ rightIcon: p,
153
+ className: ae,
154
+ autoComplete: "off",
155
+ onBlur: w,
156
+ placeholder: "Select date",
157
+ ...D
158
+ })
159
+ }) }), u[85] = qe, u[86] = S, u[87] = w, u[88] = E, u[89] = D, u[90] = p, u[91] = Z) : Z = u[91], Je = i, N = o, at = "start", ot = 4, M = s, it = se;
160
+ let g = k && "rpx4b16";
161
+ u[92] === g ? X = u[93] : (X = m(ce, g), u[92] = g, u[93] = X), j = re, $e = "single", et = A || void 0, tt = c, nt = "dropdown", u[94] === Symbol.for("react.memo_cache_sentinel") ? (J = new Date((/* @__PURE__ */ new Date()).getFullYear() - 100, 0), u[94] = J) : J = u[94], u[95] === Symbol.for("react.memo_cache_sentinel") ? (Y = new Date((/* @__PURE__ */ new Date()).getFullYear() + 10, 11), u[95] = Y) : Y = u[95], rt = !0, mt = m(e.root, ue), L = de, R = fe, z = m(e.month_caption, pe), B = m(me, e.dropdowns), V = m(ge, e.dropdown), H = m(he, e.dropdown_root), U = m(_e, e.caption_label), W = m(ve, e.nav), G = m(ye, e.button_previous), K = m(be, e.button_next), q = m(xe, e.weekdays), Ye = m(Se, e.weekday), Xe = m(Ce, e.week), Ze = m(we, e.day), Qe = m(Te, e.day_button), u[15] = qe, u[16] = k, u[17] = Ge, u[18] = Ne, u[19] = ze, u[20] = We, u[21] = Me, u[22] = S, u[23] = w, u[24] = T, u[25] = Le, u[26] = E, u[27] = D, u[28] = A, u[29] = O, u[30] = j, u[31] = M, u[32] = N, u[33] = Je, u[34] = P, u[35] = F, u[36] = I, u[37] = L, u[38] = R, u[39] = z, u[40] = B, u[41] = V, u[42] = H, u[43] = U, u[44] = W, u[45] = G, u[46] = K, u[47] = q, u[48] = Ye, u[49] = Xe, u[50] = Ze, u[51] = Qe, u[52] = $e, u[53] = et, u[54] = tt, u[55] = nt, u[56] = J, u[57] = Y, u[58] = rt, u[59] = X, u[60] = it, u[61] = at, u[62] = ot, u[63] = st, u[64] = ct, u[65] = Z, u[66] = lt, u[67] = ut, u[68] = dt, u[69] = ft, u[70] = pt, u[71] = Q, u[72] = mt;
162
+ } else j = u[30], M = u[31], N = u[32], Je = u[33], P = u[34], F = u[35], I = u[36], L = u[37], R = u[38], z = u[39], B = u[40], V = u[41], H = u[42], U = u[43], W = u[44], G = u[45], K = u[46], q = u[47], Ye = u[48], Xe = u[49], Ze = u[50], Qe = u[51], $e = u[52], et = u[53], tt = u[54], nt = u[55], J = u[56], Y = u[57], rt = u[58], X = u[59], it = u[60], at = u[61], ot = u[62], st = u[63], ct = u[64], Z = u[65], lt = u[66], ut = u[67], dt = u[68], ft = u[69], pt = u[70], Q = u[71], mt = u[72];
163
+ let ht;
164
+ u[96] !== L || u[97] !== R || u[98] !== z || u[99] !== B || u[100] !== V || u[101] !== H || u[102] !== U || u[103] !== W || u[104] !== G || u[105] !== K || u[106] !== q || u[107] !== Ye || u[108] !== Xe || u[109] !== Ze || u[110] !== Qe || u[111] !== mt ? (ht = {
165
+ root: mt,
166
+ months: L,
167
+ month: R,
168
+ month_caption: z,
169
+ dropdowns: B,
170
+ dropdown: V,
171
+ dropdown_root: H,
172
+ caption_label: U,
173
+ nav: W,
174
+ button_previous: G,
175
+ button_next: K,
176
+ weekdays: q,
177
+ weekday: Ye,
178
+ week: Xe,
179
+ day: Ze,
180
+ day_button: Qe,
181
+ selected: Ee,
182
+ today: De,
183
+ outside: Oe,
184
+ disabled: ke
185
+ }, u[96] = L, u[97] = R, u[98] = z, u[99] = B, u[100] = V, u[101] = H, u[102] = U, u[103] = W, u[104] = G, u[105] = K, u[106] = q, u[107] = Ye, u[108] = Xe, u[109] = Ze, u[110] = Qe, u[111] = mt, u[112] = ht) : ht = u[112];
186
+ let gt;
187
+ u[113] === Symbol.for("react.memo_cache_sentinel") ? (gt = { Chevron: Re }, u[113] = gt) : gt = u[113];
188
+ let _t;
189
+ u[114] !== j || u[115] !== $e || u[116] !== et || u[117] !== tt || u[118] !== nt || u[119] !== J || u[120] !== Y || u[121] !== rt || u[122] !== ht ? (_t = /* @__PURE__ */ h(j, {
190
+ mode: $e,
191
+ selected: et,
192
+ onSelect: tt,
193
+ captionLayout: nt,
194
+ startMonth: J,
195
+ endMonth: Y,
196
+ showOutsideDays: rt,
197
+ classNames: ht,
198
+ components: gt
199
+ }), u[114] = j, u[115] = $e, u[116] = et, u[117] = tt, u[118] = nt, u[119] = J, u[120] = Y, u[121] = rt, u[122] = ht, u[123] = _t) : _t = u[123];
200
+ let vt;
201
+ u[124] !== k || u[125] !== I || u[126] !== A ? (vt = k && /* @__PURE__ */ h(Ie, {
202
+ value: A,
203
+ onChange: I
204
+ }), u[124] = k, u[125] = I, u[126] = A, u[127] = vt) : vt = u[127];
205
+ let yt;
206
+ u[128] !== X || u[129] !== _t || u[130] !== vt ? (yt = /* @__PURE__ */ g("div", {
207
+ className: X,
208
+ children: [_t, vt]
209
+ }), u[128] = X, u[129] = _t, u[130] = vt, u[131] = yt) : yt = u[131];
210
+ let bt;
211
+ u[132] === Symbol.for("react.memo_cache_sentinel") ? (bt = /* @__PURE__ */ h("div", {
212
+ className: le,
213
+ children: /* @__PURE__ */ h(n, {
214
+ variant: "ghost",
215
+ size: "sm",
216
+ onClick: () => Be(!1),
217
+ children: "Done"
218
+ })
219
+ }), u[132] = bt) : bt = u[132];
220
+ let xt;
221
+ u[133] !== M || u[134] !== it || u[135] !== yt ? (xt = /* @__PURE__ */ g(M, {
222
+ className: it,
223
+ children: [yt, bt]
224
+ }), u[133] = M, u[134] = it, u[135] = yt, u[136] = xt) : xt = u[136];
225
+ let St;
226
+ u[137] !== N || u[138] !== at || u[139] !== ot || u[140] !== xt ? (St = /* @__PURE__ */ h(N, {
227
+ align: at,
228
+ sideOffset: ot,
229
+ children: xt
230
+ }), u[137] = N, u[138] = at, u[139] = ot, u[140] = xt, u[141] = St) : St = u[141];
231
+ let Ct;
232
+ u[142] !== Je || u[143] !== St ? (Ct = /* @__PURE__ */ h(Je, { children: St }), u[142] = Je, u[143] = St, u[144] = Ct) : Ct = u[144];
233
+ let $;
234
+ u[145] !== P || u[146] !== st || u[147] !== ct || u[148] !== Z || u[149] !== Ct ? ($ = /* @__PURE__ */ g(P, {
235
+ open: st,
236
+ onOpenChange: ct,
237
+ children: [Z, Ct]
238
+ }), u[145] = P, u[146] = st, u[147] = ct, u[148] = Z, u[149] = Ct, u[150] = $) : $ = u[150];
239
+ let wt;
240
+ return u[151] !== F || u[152] !== lt || u[153] !== ut || u[154] !== dt || u[155] !== ft || u[156] !== pt || u[157] !== Q || u[158] !== $ ? (wt = /* @__PURE__ */ h(F, {
241
+ helperText: lt,
242
+ readOnly: ut,
243
+ error: dt,
244
+ htmlFor: ft,
245
+ isRequired: pt,
246
+ label: Q,
247
+ children: $
248
+ }), u[151] = F, u[152] = lt, u[153] = ut, u[154] = dt, u[155] = ft, u[156] = pt, u[157] = Q, u[158] = $, u[159] = wt) : wt = u[159], wt;
249
+ };
250
+ function Re(e) {
251
+ let { orientation: t } = e;
252
+ return t === "left" ? /* @__PURE__ */ h(y, { size: 16 }) : t === "right" ? /* @__PURE__ */ h(b, { size: 16 }) : /* @__PURE__ */ h(v, { size: 14 });
253
+ }
254
+ //#endregion
255
+ export { Le as default };
@@ -1,4 +1,4 @@
1
- import { r as e, t } from "./ThemeProvider-DutrjSTF.js";
1
+ import { r as e, t } from "./ThemeProvider-DlFehjh1.js";
2
2
  import { c as n } from "react/compiler-runtime";
3
3
  import r from "clsx";
4
4
  import { jsx as i, jsxs as a } from "react/jsx-runtime";