wimui 0.19.0 → 0.20.0
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/components/form/Button/button.module.cjs +1 -1
- package/dist/components/form/Button/button.module.js +2 -2
- package/dist/components/form/ColorInput/ColorInput.cjs +1 -1
- package/dist/components/form/ColorInput/ColorInput.d.ts +9 -1
- package/dist/components/form/ColorInput/ColorInput.js +36 -46
- package/dist/components/form/ColorInput/color-input.module.cjs +1 -1
- package/dist/components/form/ColorInput/color-input.module.js +4 -7
- package/dist/components/form/DateRangePicker/DateRangePicker.cjs +1 -1
- package/dist/components/form/DateRangePicker/DateRangePicker.js +36 -37
- package/dist/components/form/InputBase/input-base.module.cjs +1 -1
- package/dist/components/form/InputBase/input-base.module.js +1 -1
- package/dist/components/form/MultiSelect/MultiSelect.cjs +1 -1
- package/dist/components/form/MultiSelect/MultiSelect.js +1 -1
- package/dist/components/form/QueryBuilder/QueryBuilder.cjs +1 -1
- package/dist/components/form/QueryBuilder/QueryBuilder.d.ts +124 -1
- package/dist/components/form/QueryBuilder/QueryBuilder.js +87 -84
- package/dist/components/form/QueryBuilder/querybuilder.module.cjs +1 -1
- package/dist/components/form/QueryBuilder/querybuilder.module.js +1 -1
- package/dist/components/form/QueryBuilder/warn-unknown-operator.cjs +2 -0
- package/dist/components/form/QueryBuilder/warn-unknown-operator.d.ts +3 -0
- package/dist/components/form/QueryBuilder/warn-unknown-operator.js +4 -0
- package/dist/components/form/SmartSearchInput/SmartSearchInput.cjs +1 -1
- package/dist/components/form/SmartSearchInput/SmartSearchInput.js +4 -0
- package/dist/components/form/SmartSearchInput/smart-search-input.module.cjs +1 -1
- package/dist/components/form/SmartSearchInput/smart-search-input.module.js +5 -3
- package/dist/components/form/TagInput/TagInput.cjs +1 -1
- package/dist/components/form/TagInput/TagInput.js +1 -1
- package/dist/components/layout/Header/header.module.cjs +1 -1
- package/dist/components/layout/Header/header.module.js +4 -4
- package/dist/i18n/generated/keys.d.ts +1 -1
- package/dist/i18n/generated/resources.cjs +1 -1
- package/dist/i18n/generated/resources.js +18 -3
- package/dist/llms-full.txt +1 -1
- package/dist/llms.txt +1 -1
- package/dist/locales/en/components.json +19 -2
- package/dist/locales/ja/components.json +19 -2
- package/dist/locales/pt/components.json +19 -2
- package/dist/reset.css +1 -1
- package/dist/styles.css +2 -2
- package/dist/types/generated-tokens.d.ts +1 -1
- package/dist/wimui.umd.css +1 -1
- package/dist/wimui.umd.js +5 -5
- package/package.json +5 -4
|
@@ -9,11 +9,12 @@ import { Select as o } from "../Select/Select.js";
|
|
|
9
9
|
import { Switch as s } from "../Switch/Switch.js";
|
|
10
10
|
import { IconButton as c } from "../IconButton/IconButton.js";
|
|
11
11
|
import l from "./querybuilder.module.js";
|
|
12
|
-
import {
|
|
13
|
-
import p from "
|
|
14
|
-
import
|
|
12
|
+
import { warnUnknownOperator as u } from "./warn-unknown-operator.js";
|
|
13
|
+
import { useCallback as d, useId as f, useRef as p, useState as m } from "react";
|
|
14
|
+
import h from "classnames";
|
|
15
|
+
import { jsx as g, jsxs as _ } from "react/jsx-runtime";
|
|
15
16
|
//#region src/components/form/QueryBuilder/QueryBuilder.tsx
|
|
16
|
-
var
|
|
17
|
+
var v = 0, y = () => typeof window < "u" && window.__VRT__ ? (v += 1, `vrt-id-${v}`) : Math.random().toString(36).substring(2, 11), b = {
|
|
17
18
|
string: [
|
|
18
19
|
{
|
|
19
20
|
label: "Equals",
|
|
@@ -157,19 +158,19 @@ var g = 0, _ = () => typeof window < "u" && window.__VRT__ ? (g += 1, `vrt-id-${
|
|
|
157
158
|
key: "is_not_null"
|
|
158
159
|
}
|
|
159
160
|
]
|
|
160
|
-
},
|
|
161
|
-
let { t:
|
|
162
|
-
id:
|
|
161
|
+
}, x = ({ fields: v, query: x, defaultQuery: S, onChange: C, maxDepth: w = 3, className: ee, id: te, labels: T = {} }) => {
|
|
162
|
+
let { t: E } = e("components"), { ruleAdded: D = E("query.builder.rule_added"), groupAdded: O = E("query.builder.group_added"), removed: k = E("query.builder.removed"), ruleAriaLabel: A = E("query.builder.rule"), fieldAriaLabel: j = E("query.builder.field"), operatorAriaLabel: M = E("query.builder.operator"), valueAriaLabel: N = E("query.builder.value"), trueLabel: P = E("query.builder.true"), falseLabel: F = E("query.builder.false"), removeRuleAriaLabel: I = E("query.builder.remove_rule"), removeGroupAriaLabel: L = E("query.builder.remove_group"), addRuleLabel: R = E("query.builder.add_rule"), addGroupLabel: z = E("query.builder.add_group"), regionAriaLabel: B = E("query.builder.region_label"), combinatorAriaLabel: V = E("query.builder.combinator"), operators: H = {} } = T, U = f(), W = te || `wim-qb-${U}`, G = p(null), [K, q] = m(S || {
|
|
163
|
+
id: y(),
|
|
163
164
|
combinator: "and",
|
|
164
165
|
not: !1,
|
|
165
166
|
rules: []
|
|
166
|
-
}),
|
|
167
|
-
|
|
168
|
-
|
|
167
|
+
}), J = x === void 0 ? K : x, Y = d((e) => {
|
|
168
|
+
G.current && (G.current.textContent = "", setTimeout(() => {
|
|
169
|
+
G.current && (G.current.textContent = e);
|
|
169
170
|
}, 50));
|
|
170
|
-
}, []),
|
|
171
|
-
|
|
172
|
-
}, [
|
|
171
|
+
}, []), X = d((e) => {
|
|
172
|
+
x === void 0 && q(e), C?.(e);
|
|
173
|
+
}, [x, C]), Z = (e, t) => {
|
|
173
174
|
let n = (r) => r.id === e ? {
|
|
174
175
|
...r,
|
|
175
176
|
...t
|
|
@@ -180,10 +181,10 @@ var g = 0, _ = () => typeof window < "u" && window.__VRT__ ? (g += 1, `vrt-id-${
|
|
|
180
181
|
...t
|
|
181
182
|
} : "rules" in r ? n(r) : r)
|
|
182
183
|
};
|
|
183
|
-
|
|
184
|
-
},
|
|
185
|
-
let t =
|
|
186
|
-
id:
|
|
184
|
+
X(n(J));
|
|
185
|
+
}, ne = (e) => {
|
|
186
|
+
let t = v[0], n = {
|
|
187
|
+
id: y(),
|
|
187
188
|
field: t?.name || "",
|
|
188
189
|
operator: "=",
|
|
189
190
|
value: t?.type === "boolean" ? !1 : ""
|
|
@@ -194,10 +195,10 @@ var g = 0, _ = () => typeof window < "u" && window.__VRT__ ? (g += 1, `vrt-id-${
|
|
|
194
195
|
...t,
|
|
195
196
|
rules: t.rules.map((e) => "rules" in e ? r(e) : e)
|
|
196
197
|
};
|
|
197
|
-
|
|
198
|
-
},
|
|
198
|
+
X(r(J)), Y(D);
|
|
199
|
+
}, re = (e) => {
|
|
199
200
|
let t = {
|
|
200
|
-
id:
|
|
201
|
+
id: y(),
|
|
201
202
|
combinator: "and",
|
|
202
203
|
not: !1,
|
|
203
204
|
rules: []
|
|
@@ -208,23 +209,23 @@ var g = 0, _ = () => typeof window < "u" && window.__VRT__ ? (g += 1, `vrt-id-${
|
|
|
208
209
|
...r,
|
|
209
210
|
rules: r.rules.map((e) => "rules" in e ? n(e) : e)
|
|
210
211
|
};
|
|
211
|
-
|
|
212
|
+
X(n(J)), Y(O);
|
|
212
213
|
}, Q = (e) => {
|
|
213
214
|
let t = (n) => ({
|
|
214
215
|
...n,
|
|
215
216
|
rules: n.rules.filter((t) => t.id !== e).map((e) => "rules" in e ? t(e) : e)
|
|
216
217
|
});
|
|
217
|
-
|
|
218
|
-
}, $ = (e, n, r) => /* @__PURE__ */
|
|
218
|
+
X(t(J)), Y(k);
|
|
219
|
+
}, $ = (e, n, r) => /* @__PURE__ */ _("div", {
|
|
219
220
|
role: "group",
|
|
220
221
|
"aria-label": `${e.combinator.toUpperCase()} group`,
|
|
221
|
-
className:
|
|
222
|
+
className: h(l.group, n > 0 && l.nested, r && l.excluded),
|
|
222
223
|
children: [
|
|
223
|
-
/* @__PURE__ */
|
|
224
|
+
/* @__PURE__ */ _("div", {
|
|
224
225
|
className: l.groupHeader,
|
|
225
|
-
children: [/* @__PURE__ */
|
|
226
|
+
children: [/* @__PURE__ */ _("div", {
|
|
226
227
|
className: l.groupHeaderLeft,
|
|
227
|
-
children: [/* @__PURE__ */
|
|
228
|
+
children: [/* @__PURE__ */ g(a, {
|
|
228
229
|
size: "md",
|
|
229
230
|
options: [{
|
|
230
231
|
label: "AND",
|
|
@@ -234,78 +235,80 @@ var g = 0, _ = () => typeof window < "u" && window.__VRT__ ? (g += 1, `vrt-id-${
|
|
|
234
235
|
value: "or"
|
|
235
236
|
}],
|
|
236
237
|
value: e.combinator,
|
|
237
|
-
onChange: (t) =>
|
|
238
|
-
"aria-label":
|
|
238
|
+
onChange: (t) => Z(e.id, { combinator: t }),
|
|
239
|
+
"aria-label": V,
|
|
239
240
|
styles: {
|
|
240
241
|
root: l.segmentedControl,
|
|
241
242
|
item: l.segmentedControlItem,
|
|
242
243
|
slider: l.segmentedControlSlider
|
|
243
244
|
}
|
|
244
|
-
}), /* @__PURE__ */
|
|
245
|
+
}), /* @__PURE__ */ g(s, {
|
|
245
246
|
size: "md",
|
|
246
247
|
checked: e.not,
|
|
247
|
-
onChange: (t) =>
|
|
248
|
+
onChange: (t) => Z(e.id, { not: t.target.checked }),
|
|
248
249
|
children: "NOT"
|
|
249
250
|
})]
|
|
250
|
-
}), n > 0 && /* @__PURE__ */
|
|
251
|
+
}), n > 0 && /* @__PURE__ */ g(c, {
|
|
251
252
|
iconName: "TrashIcon",
|
|
252
|
-
"aria-label":
|
|
253
|
+
"aria-label": L,
|
|
253
254
|
variant: "ghost",
|
|
254
255
|
size: "md",
|
|
255
|
-
|
|
256
|
+
intent: "danger",
|
|
256
257
|
onClick: () => Q(e.id),
|
|
257
258
|
className: l.removeGroup
|
|
258
259
|
})]
|
|
259
260
|
}),
|
|
260
|
-
/* @__PURE__ */
|
|
261
|
+
/* @__PURE__ */ g("div", {
|
|
261
262
|
className: l.ruleList,
|
|
262
|
-
children: e.rules.map((e) => "rules" in e ? $(e, n + 1, r) :
|
|
263
|
+
children: e.rules.map((e) => "rules" in e ? $(e, n + 1, r) : ie(e))
|
|
263
264
|
}),
|
|
264
|
-
/* @__PURE__ */
|
|
265
|
+
/* @__PURE__ */ _("div", {
|
|
265
266
|
className: l.groupActions,
|
|
266
|
-
children: [/* @__PURE__ */
|
|
267
|
+
children: [/* @__PURE__ */ g(t, {
|
|
267
268
|
size: "md",
|
|
268
269
|
variant: "ghost",
|
|
269
270
|
icon: "PlusIcon",
|
|
270
|
-
onClick: () =>
|
|
271
|
-
children:
|
|
272
|
-
}), n <
|
|
271
|
+
onClick: () => ne(e.id),
|
|
272
|
+
children: R
|
|
273
|
+
}), n < w && /* @__PURE__ */ g(t, {
|
|
273
274
|
size: "md",
|
|
274
275
|
variant: "ghost",
|
|
275
276
|
icon: "PlusIcon",
|
|
276
|
-
onClick: () =>
|
|
277
|
-
children:
|
|
277
|
+
onClick: () => re(e.id),
|
|
278
|
+
children: z
|
|
278
279
|
})]
|
|
279
280
|
})
|
|
280
281
|
]
|
|
281
|
-
}, e.id),
|
|
282
|
-
let t =
|
|
282
|
+
}, e.id), ie = (e) => {
|
|
283
|
+
let t = v.find((t) => t.name === e.field)?.type || "string", a = b[t].map((e) => ({
|
|
283
284
|
...e,
|
|
284
|
-
label:
|
|
285
|
+
label: H[e.key] || e.label
|
|
285
286
|
})), s = (t) => {
|
|
286
|
-
let n =
|
|
287
|
-
|
|
287
|
+
let n = v.find((e) => e.name === t);
|
|
288
|
+
Z(e.id, {
|
|
288
289
|
field: t,
|
|
289
290
|
operator: "=",
|
|
290
291
|
value: n?.type === "boolean" ? !1 : ""
|
|
291
292
|
});
|
|
292
|
-
}
|
|
293
|
-
|
|
293
|
+
};
|
|
294
|
+
a.some((t) => t.value === e.operator) || u(e.operator, t, a.map((e) => e.value));
|
|
295
|
+
let d = e.operator === "is_null" || e.operator === "is_not_null";
|
|
296
|
+
return /* @__PURE__ */ g("div", {
|
|
294
297
|
className: l.rule,
|
|
295
298
|
role: "group",
|
|
296
|
-
"aria-label":
|
|
297
|
-
children: /* @__PURE__ */
|
|
299
|
+
"aria-label": A,
|
|
300
|
+
children: /* @__PURE__ */ _("div", {
|
|
298
301
|
className: l.ruleFields,
|
|
299
302
|
children: [
|
|
300
|
-
/* @__PURE__ */
|
|
303
|
+
/* @__PURE__ */ g(o, {
|
|
301
304
|
className: l.field,
|
|
302
|
-
options:
|
|
305
|
+
options: v.map((e) => ({
|
|
303
306
|
label: e.label,
|
|
304
307
|
value: e.name
|
|
305
308
|
})),
|
|
306
309
|
value: e.field,
|
|
307
310
|
onChange: s,
|
|
308
|
-
"aria-label":
|
|
311
|
+
"aria-label": j,
|
|
309
312
|
fullWidth: !0,
|
|
310
313
|
styles: {
|
|
311
314
|
root: l.select,
|
|
@@ -313,15 +316,15 @@ var g = 0, _ = () => typeof window < "u" && window.__VRT__ ? (g += 1, `vrt-id-${
|
|
|
313
316
|
inputBase: { root: l.inputBase }
|
|
314
317
|
}
|
|
315
318
|
}),
|
|
316
|
-
/* @__PURE__ */
|
|
319
|
+
/* @__PURE__ */ g(o, {
|
|
317
320
|
className: l.operator,
|
|
318
321
|
options: a.map((e) => ({
|
|
319
322
|
label: e.label,
|
|
320
323
|
value: e.value
|
|
321
324
|
})),
|
|
322
325
|
value: e.operator,
|
|
323
|
-
onChange: (t) =>
|
|
324
|
-
"aria-label":
|
|
326
|
+
onChange: (t) => Z(e.id, { operator: t }),
|
|
327
|
+
"aria-label": M,
|
|
325
328
|
fullWidth: !0,
|
|
326
329
|
styles: {
|
|
327
330
|
root: l.select,
|
|
@@ -329,46 +332,46 @@ var g = 0, _ = () => typeof window < "u" && window.__VRT__ ? (g += 1, `vrt-id-${
|
|
|
329
332
|
inputBase: { root: l.inputBase }
|
|
330
333
|
}
|
|
331
334
|
}),
|
|
332
|
-
!
|
|
335
|
+
!d && /* @__PURE__ */ g("div", {
|
|
333
336
|
className: l.value,
|
|
334
|
-
children: t === "number" ? /* @__PURE__ */
|
|
337
|
+
children: t === "number" ? /* @__PURE__ */ g(i, {
|
|
335
338
|
value: typeof e.value == "boolean" ? void 0 : e.value ?? void 0,
|
|
336
|
-
onChange: (t) =>
|
|
337
|
-
"aria-label":
|
|
338
|
-
}) : t === "date" ? /* @__PURE__ */
|
|
339
|
+
onChange: (t) => Z(e.id, { value: t.target.value }),
|
|
340
|
+
"aria-label": N
|
|
341
|
+
}) : t === "date" ? /* @__PURE__ */ g(r, {
|
|
339
342
|
value: typeof e.value == "string" || typeof e.value == "number" ? new Date(e.value) : void 0,
|
|
340
|
-
onChange: (t) =>
|
|
341
|
-
"aria-label":
|
|
342
|
-
}) : t === "boolean" ? /* @__PURE__ */
|
|
343
|
+
onChange: (t) => Z(e.id, { value: t ? t.toISOString() : "" }),
|
|
344
|
+
"aria-label": N
|
|
345
|
+
}) : t === "boolean" ? /* @__PURE__ */ g(o, {
|
|
343
346
|
options: [{
|
|
344
|
-
label:
|
|
347
|
+
label: P,
|
|
345
348
|
value: "true"
|
|
346
349
|
}, {
|
|
347
|
-
label:
|
|
350
|
+
label: F,
|
|
348
351
|
value: "false"
|
|
349
352
|
}],
|
|
350
353
|
value: String(e.value),
|
|
351
|
-
onChange: (t) =>
|
|
352
|
-
"aria-label":
|
|
354
|
+
onChange: (t) => Z(e.id, { value: t === "true" }),
|
|
355
|
+
"aria-label": N,
|
|
353
356
|
fullWidth: !0,
|
|
354
357
|
styles: {
|
|
355
358
|
root: l.select,
|
|
356
359
|
trigger: l.selectTrigger,
|
|
357
360
|
inputBase: { root: l.inputBase }
|
|
358
361
|
}
|
|
359
|
-
}) : /* @__PURE__ */
|
|
362
|
+
}) : /* @__PURE__ */ g(n, {
|
|
360
363
|
value: typeof e.value == "boolean" ? void 0 : e.value ?? void 0,
|
|
361
|
-
onChange: (t) =>
|
|
362
|
-
"aria-label":
|
|
364
|
+
onChange: (t) => Z(e.id, { value: t.target.value }),
|
|
365
|
+
"aria-label": N,
|
|
363
366
|
styles: { root: l.inputBase }
|
|
364
367
|
})
|
|
365
368
|
}),
|
|
366
|
-
/* @__PURE__ */
|
|
369
|
+
/* @__PURE__ */ g(c, {
|
|
367
370
|
iconName: "TrashIcon",
|
|
368
|
-
"aria-label":
|
|
371
|
+
"aria-label": I,
|
|
369
372
|
variant: "ghost",
|
|
370
373
|
size: "md",
|
|
371
|
-
|
|
374
|
+
intent: "danger",
|
|
372
375
|
onClick: () => Q(e.id),
|
|
373
376
|
className: l.removeRule
|
|
374
377
|
})
|
|
@@ -376,18 +379,18 @@ var g = 0, _ = () => typeof window < "u" && window.__VRT__ ? (g += 1, `vrt-id-${
|
|
|
376
379
|
})
|
|
377
380
|
}, e.id);
|
|
378
381
|
};
|
|
379
|
-
return /* @__PURE__ */
|
|
380
|
-
id:
|
|
382
|
+
return /* @__PURE__ */ _("div", {
|
|
383
|
+
id: W,
|
|
381
384
|
role: "region",
|
|
382
|
-
"aria-label":
|
|
383
|
-
className:
|
|
384
|
-
children: [/* @__PURE__ */
|
|
385
|
-
ref:
|
|
385
|
+
"aria-label": B,
|
|
386
|
+
className: h("wim-query-builder", l.root, ee),
|
|
387
|
+
children: [/* @__PURE__ */ g("div", {
|
|
388
|
+
ref: G,
|
|
386
389
|
"aria-live": "polite",
|
|
387
390
|
"aria-atomic": "true",
|
|
388
391
|
className: l.srOnly
|
|
389
|
-
}), $(
|
|
392
|
+
}), $(J, 0, !1)]
|
|
390
393
|
});
|
|
391
394
|
};
|
|
392
395
|
//#endregion
|
|
393
|
-
export {
|
|
396
|
+
export { x as QueryBuilder };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_10yu2_3`,t=`_removeRule_10yu2_16`,n=`_removeGroup_10yu2_17`,r=`_group_10yu2_52`,i=`_excluded_10yu2_65`,a=`_ruleList_10yu2_68`,o=`_nested_10yu2_72`,s=`_groupHeader_10yu2_79`,c=`_groupHeaderLeft_10yu2_90`,l=`_segmentedControl_10yu2_98`,u=`_segmentedControlItem_10yu2_103`,d=`_segmentedControlSlider_10yu2_108`,f=`_rule_10yu2_68`,p=`_slideIn_10yu2_1`,m=`_groupActions_10yu2_147`,h=`_ruleFields_10yu2_166`,g=`_operator_10yu2_182`,_=`_select_10yu2_185`,v=`_inputBase_10yu2_197`,y=`_selectTrigger_10yu2_198`,b=`_value_10yu2_206`,x=`_field_10yu2_223`,S=`_srOnly_10yu2_243`,C={root:e,removeRule:t,removeGroup:n,group:r,excluded:i,ruleList:a,nested:o,groupHeader:s,groupHeaderLeft:c,segmentedControl:l,segmentedControlItem:u,segmentedControlSlider:d,rule:f,slideIn:p,groupActions:m,ruleFields:h,operator:g,select:_,inputBase:v,selectTrigger:y,value:b,field:x,srOnly:S};exports.default=C,exports.excluded=i,exports.field=x,exports.group=r,exports.groupActions=m,exports.groupHeader=s,exports.groupHeaderLeft=c,exports.inputBase=v,exports.nested=o,exports.operator=g,exports.removeGroup=n,exports.removeRule=t,exports.root=e,exports.rule=f,exports.ruleFields=h,exports.ruleList=a,exports.segmentedControl=l,exports.segmentedControlItem=u,exports.segmentedControlSlider=d,exports.select=_,exports.selectTrigger=y,exports.slideIn=p,exports.srOnly=S,exports.value=b;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/form/QueryBuilder/querybuilder.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_root_10yu2_3", t = "_removeRule_10yu2_16", n = "_removeGroup_10yu2_17", r = "_group_10yu2_52", i = "_excluded_10yu2_65", a = "_ruleList_10yu2_68", o = "_nested_10yu2_72", s = "_groupHeader_10yu2_79", c = "_groupHeaderLeft_10yu2_90", l = "_segmentedControl_10yu2_98", u = "_segmentedControlItem_10yu2_103", d = "_segmentedControlSlider_10yu2_108", f = "_rule_10yu2_68", p = "_slideIn_10yu2_1", m = "_groupActions_10yu2_147", h = "_ruleFields_10yu2_166", g = "_operator_10yu2_182", _ = "_select_10yu2_185", v = "_inputBase_10yu2_197", y = "_selectTrigger_10yu2_198", b = "_value_10yu2_206", x = "_field_10yu2_223", S = "_srOnly_10yu2_243", C = {
|
|
4
4
|
root: e,
|
|
5
5
|
removeRule: t,
|
|
6
6
|
removeGroup: n,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../InputBase/InputBase.cjs"),r=require("../FieldTemplate/FieldTemplate.cjs"),i=require("../../../hooks/useAutoResize.cjs"),a=require("../../_internal/FieldCharacterCount/FieldCharacterCount.cjs"),o=require("./smart-search-input.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=(0,s.forwardRef)(({intent:e=`default`,variant:u=`outline`,fullWidth:d=!1,width:f,label:p,error:m,required:h,layout:g,maxRows:_=8,allowClear:v=!0,onClear:y,onSubmit:b,onChange:x,value:S,defaultValue:C=``,placeholder:w,disabled:T,className:E,id:D,maxLength:O,"aria-label":k,...A},j)=>{let{t:M}=t.useWimTranslation(`form`),N=S!==void 0,[P,F]=s.default.useState(C),I=N?S:P,L=i.useAutoResize(I,_);s.default.useImperativeHandle(j,()=>L.current);let R=(0,s.useId)(),z=D||`smart-search-${R}`,B=m?`${z}-error`:void 0,V=p?`${z}-label`:void 0,H=(0,s.useCallback)(e=>{let t=e.target.value;N||F(t),x?.(t)},[N,x]),U=(0,s.useCallback)(()=>{!I.trim()||T||b?.(I.trim())},[I,T,b]),W=(0,s.useCallback)(e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),U())},[U]),G=()=>{N||F(``),x?.(``),y?.(),L.current?.focus()},K=m?`danger`:e;return(0,l.jsx)(r.FieldTemplate,{label:p,error:m,required:h,layout:g,htmlFor:z,labelId:V,errorId:B,className:(0,c.default)(`wim-smart-search-input`,E,d&&o.default.fullWidth),children:(0,l.jsxs)(`div`,{className:o.default.container,children:[(0,l.jsx)(n.InputBase,{intent:K,variant:u,fullWidth:d,width:f,disabled:T,leftIcon:`SearchIcon`,allowClear:v,hasValue:!!I,onClear:G,children:(0,l.jsx)(`textarea`,{id:z,ref:L,className:(0,c.default)(o.default.textarea,o.default[u]),value:I,onChange:H,onKeyDown:W,placeholder:w,rows:1,disabled:T,maxLength:O,"aria-label":k??(p?void 0:M(`smart_search.input_label`)),...A})}),(0,l.jsx)(a.FieldCharacterCount,{count:I.length,maxLength:O,className:o.default.charCount})]})})});u.displayName=`SmartSearchInput`,exports.SmartSearchInput=u;
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../InputBase/InputBase.cjs"),r=require("../FieldTemplate/FieldTemplate.cjs"),i=require("../../../hooks/useAutoResize.cjs"),a=require("../../_internal/FieldCharacterCount/FieldCharacterCount.cjs"),o=require("./smart-search-input.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=(0,s.forwardRef)(({intent:e=`default`,variant:u=`outline`,fullWidth:d=!1,width:f,label:p,error:m,required:h,layout:g,maxRows:_=8,allowClear:v=!0,onClear:y,onSubmit:b,onChange:x,value:S,defaultValue:C=``,placeholder:w,disabled:T,className:E,id:D,maxLength:O,"aria-label":k,...A},j)=>{let{t:M}=t.useWimTranslation(`form`),N=S!==void 0,[P,F]=s.default.useState(C),I=N?S:P,L=i.useAutoResize(I,_);s.default.useImperativeHandle(j,()=>L.current);let R=(0,s.useId)(),z=D||`smart-search-${R}`,B=m?`${z}-error`:void 0,V=p?`${z}-label`:void 0,H=(0,s.useCallback)(e=>{let t=e.target.value;N||F(t),x?.(t)},[N,x]),U=(0,s.useCallback)(()=>{!I.trim()||T||b?.(I.trim())},[I,T,b]),W=(0,s.useCallback)(e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),U())},[U]),G=()=>{N||F(``),x?.(``),y?.(),L.current?.focus()},K=m?`danger`:e;return(0,l.jsx)(r.FieldTemplate,{label:p,error:m,required:h,layout:g,htmlFor:z,labelId:V,errorId:B,className:(0,c.default)(`wim-smart-search-input`,E,d&&o.default.fullWidth),children:(0,l.jsxs)(`div`,{className:o.default.container,children:[(0,l.jsx)(n.InputBase,{intent:K,variant:u,fullWidth:d,width:f,disabled:T,leftIcon:`SearchIcon`,styles:{icon:o.default.icon,icons:o.default.icons},allowClear:v,hasValue:!!I,onClear:G,children:(0,l.jsx)(`textarea`,{id:z,ref:L,className:(0,c.default)(o.default.textarea,o.default[u]),value:I,onChange:H,onKeyDown:W,placeholder:w,rows:1,disabled:T,maxLength:O,"aria-label":k??(p?void 0:M(`smart_search.input_label`)),...A})}),(0,l.jsx)(a.FieldCharacterCount,{count:I.length,maxLength:O,className:o.default.charCount})]})})});u.displayName=`SmartSearchInput`,exports.SmartSearchInput=u;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_container_1him2_3`,t=`_fullWidth_1him2_12`,n=`_textarea_1him2_15`,r=`_icon_1him2_50`,i=`_icons_1him2_50`,a=`_charCount_1him2_61`,o={container:e,fullWidth:t,textarea:n,icon:r,icons:i,charCount:a};exports.charCount=a,exports.container=e,exports.default=o,exports.fullWidth=t,exports.icon=r,exports.icons=i,exports.textarea=n;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/form/SmartSearchInput/smart-search-input.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_container_1him2_3", t = "_fullWidth_1him2_12", n = "_textarea_1him2_15", r = "_icon_1him2_50", i = "_icons_1him2_50", a = "_charCount_1him2_61", o = {
|
|
4
4
|
container: e,
|
|
5
5
|
fullWidth: t,
|
|
6
6
|
textarea: n,
|
|
7
|
-
|
|
7
|
+
icon: r,
|
|
8
|
+
icons: i,
|
|
9
|
+
charCount: a
|
|
8
10
|
};
|
|
9
11
|
//#endregion
|
|
10
|
-
export {
|
|
12
|
+
export { a as charCount, e as container, o as default, t as fullWidth, r as icon, i as icons, n as textarea };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../InputBase/InputBase.cjs"),r=require("../FieldTemplate/FieldTemplate.cjs"),i=require("../../data-display/Tag/Tag.cjs"),a=require("./tag-input.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=o.default.forwardRef(({value:e,defaultValue:l=[],onChange:u,placeholder:d,disabled:f=!1,intent:p=`default`,variant:m=`outline`,fullWidth:h=!1,width:g,label:_,error:v,required:y,layout:b,allowDelete:x=!0,maxTags:S,className:C,...w},T)=>{let[E,D]=(0,o.useState)(l),[O,k]=(0,o.useState)(``),A=(0,o.useRef)(null),j=e!==void 0,M=j?e:E,N=d,P=e=>{k(e.target.value)},F=e=>{let t=e.trim();if(!t)return;if(M.includes(t)){k(``);return}if(S&&M.length>=S)return;let n=[...M,t];j||D(n),u?.(n),k(``)},I=e=>{if(f||!x)return;let t=M.filter(t=>t!==e);j||D(t),u?.(t)},L=e=>{e.key===`Enter`||e.key===`,`?(e.preventDefault(),F(O)):e.key===`Backspace`&&O===``&&M.length>0&&I(M[M.length-1])},R=()=>{A.current?.focus()},{t:z}=t.useWimTranslation(`form`),B=(0,o.useId)(),V=w.id||`wim-tag-input-${B}`,H=v?`${V}-error`:void 0,U=_?`${V}-label`:void 0,W=v?`danger`:p;return(0,c.jsx)(r.FieldTemplate,{ref:T,label:_,error:v,required:y,layout:b,labelId:U,htmlFor:V,errorId:H,className:(0,s.default)(`wim-tag-input`,C),children:(0,c.jsx)(n.InputBase,{intent:W,variant:m,fullWidth:h,width:g,disabled:f,className:a.default.inputBase,styles:{inner:a.default.inputBaseInner},children:(0,c.jsx)(`div`,{className:(0,s.default)(a.default.container,{[a.default.disabled]:f}),onClick:R,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&R()},role:`presentation`,children:(0,c.jsxs)(`div`,{className:a.default.tagList,children:[M.map(e=>(0,c.jsx)(i.Tag,{variant:`solid`,intent:`
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../InputBase/InputBase.cjs"),r=require("../FieldTemplate/FieldTemplate.cjs"),i=require("../../data-display/Tag/Tag.cjs"),a=require("./tag-input.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=o.default.forwardRef(({value:e,defaultValue:l=[],onChange:u,placeholder:d,disabled:f=!1,intent:p=`default`,variant:m=`outline`,fullWidth:h=!1,width:g,label:_,error:v,required:y,layout:b,allowDelete:x=!0,maxTags:S,className:C,...w},T)=>{let[E,D]=(0,o.useState)(l),[O,k]=(0,o.useState)(``),A=(0,o.useRef)(null),j=e!==void 0,M=j?e:E,N=d,P=e=>{k(e.target.value)},F=e=>{let t=e.trim();if(!t)return;if(M.includes(t)){k(``);return}if(S&&M.length>=S)return;let n=[...M,t];j||D(n),u?.(n),k(``)},I=e=>{if(f||!x)return;let t=M.filter(t=>t!==e);j||D(t),u?.(t)},L=e=>{e.key===`Enter`||e.key===`,`?(e.preventDefault(),F(O)):e.key===`Backspace`&&O===``&&M.length>0&&I(M[M.length-1])},R=()=>{A.current?.focus()},{t:z}=t.useWimTranslation(`form`),B=(0,o.useId)(),V=w.id||`wim-tag-input-${B}`,H=v?`${V}-error`:void 0,U=_?`${V}-label`:void 0,W=v?`danger`:p;return(0,c.jsx)(r.FieldTemplate,{ref:T,label:_,error:v,required:y,layout:b,labelId:U,htmlFor:V,errorId:H,className:(0,s.default)(`wim-tag-input`,C),children:(0,c.jsx)(n.InputBase,{intent:W,variant:m,fullWidth:h,width:g,disabled:f,className:a.default.inputBase,styles:{inner:a.default.inputBaseInner},children:(0,c.jsx)(`div`,{className:(0,s.default)(a.default.container,{[a.default.disabled]:f}),onClick:R,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&R()},role:`presentation`,children:(0,c.jsxs)(`div`,{className:a.default.tagList,children:[M.map(e=>(0,c.jsx)(i.Tag,{variant:`solid`,intent:`neutral`,size:`sm`,disabled:f,onDelete:x&&!f?()=>I(e):void 0,className:a.default.tag,children:e},e)),(0,c.jsx)(`input`,{id:V,ref:A,type:`text`,value:O,onChange:P,onKeyDown:L,disabled:f,placeholder:M.length===0?N:``,className:a.default.input,"aria-invalid":W===`danger`,"aria-describedby":H,"aria-labelledby":_?U:void 0,"aria-label":_?void 0:z(`tag_input.input_label`),"aria-required":y})]})})})})});l.displayName=`TagInput`,exports.TagInput=l;
|
|
@@ -59,7 +59,7 @@ var f = a.forwardRef(({ value: a, defaultValue: f = [], onChange: p, placeholder
|
|
|
59
59
|
className: i.tagList,
|
|
60
60
|
children: [F.map((e) => /* @__PURE__ */ u(r, {
|
|
61
61
|
variant: "solid",
|
|
62
|
-
intent: "
|
|
62
|
+
intent: "neutral",
|
|
63
63
|
size: "sm",
|
|
64
64
|
disabled: h,
|
|
65
65
|
onDelete: w && !h ? () => z(e) : void 0,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_2krha_2`,t=`_fixed_2krha_13`,n=`_sticky_2krha_19`,r=`_bordered_2krha_24`,i=`_glass_2krha_27`,a=`_container_2krha_42`,o=`_fluid_2krha_52`,s=`_section_2krha_56`,c=`_start_2krha_61`,l=`_center_2krha_64`,u=`_end_2krha_67`,d={root:e,fixed:t,sticky:n,bordered:r,glass:i,"bg-surface":`_bg-surface_2krha_32`,"bg-surface-variant":`_bg-surface-variant_2krha_35`,"bg-transparent":`_bg-transparent_2krha_38`,container:a,fluid:o,section:s,start:c,center:l,end:u};exports.bordered=r,exports.center=l,exports.container=a,exports.default=d,exports.end=u,exports.fixed=t,exports.fluid=o,exports.glass=i,exports.root=e,exports.section=s,exports.start=c,exports.sticky=n;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/layout/Header/header.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_root_2krha_2", t = "_fixed_2krha_13", n = "_sticky_2krha_19", r = "_bordered_2krha_24", i = "_glass_2krha_27", a = "_container_2krha_42", o = "_fluid_2krha_52", s = "_section_2krha_56", c = "_start_2krha_61", l = "_center_2krha_64", u = "_end_2krha_67", d = {
|
|
4
4
|
root: e,
|
|
5
5
|
fixed: t,
|
|
6
6
|
sticky: n,
|
|
7
7
|
bordered: r,
|
|
8
8
|
glass: i,
|
|
9
|
-
"bg-surface": "_bg-
|
|
10
|
-
"bg-surface-variant": "_bg-surface-
|
|
11
|
-
"bg-transparent": "_bg-
|
|
9
|
+
"bg-surface": "_bg-surface_2krha_32",
|
|
10
|
+
"bg-surface-variant": "_bg-surface-variant_2krha_35",
|
|
11
|
+
"bg-transparent": "_bg-transparent_2krha_38",
|
|
12
12
|
container: a,
|
|
13
13
|
fluid: o,
|
|
14
14
|
section: s,
|