wimui 0.19.0 → 0.21.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/charts/AreaChart/AreaChart.cjs +1 -1
- package/dist/components/charts/AreaChart/AreaChart.d.ts +9 -2
- package/dist/components/charts/AreaChart/AreaChart.js +13 -29
- package/dist/components/charts/AreaChart/area-chart.module.cjs +1 -1
- package/dist/components/charts/AreaChart/area-chart.module.js +1 -1
- package/dist/components/charts/BarChart/BarChart.cjs +1 -1
- package/dist/components/charts/BarChart/BarChart.d.ts +9 -2
- package/dist/components/charts/BarChart/BarChart.js +12 -7
- package/dist/components/charts/BarChart/bar-chart.module.cjs +1 -1
- package/dist/components/charts/BarChart/bar-chart.module.js +1 -1
- package/dist/components/charts/FunnelChart/FunnelChart.cjs +1 -1
- package/dist/components/charts/FunnelChart/FunnelChart.js +36 -28
- package/dist/components/charts/FunnelChart/funnel-chart.module.cjs +1 -1
- package/dist/components/charts/FunnelChart/funnel-chart.module.js +1 -1
- package/dist/components/charts/GaugeChart/gauge-chart.module.cjs +1 -1
- package/dist/components/charts/GaugeChart/gauge-chart.module.js +1 -1
- package/dist/components/charts/Heatmap/Heatmap.cjs +1 -1
- package/dist/components/charts/Heatmap/Heatmap.js +11 -4
- package/dist/components/charts/Heatmap/heatmap.module.cjs +1 -1
- package/dist/components/charts/Heatmap/heatmap.module.js +1 -1
- package/dist/components/charts/LineChart/LineChart.cjs +1 -1
- package/dist/components/charts/LineChart/LineChart.d.ts +9 -2
- package/dist/components/charts/LineChart/LineChart.js +5 -3
- package/dist/components/charts/LineChart/line-chart.module.cjs +1 -1
- package/dist/components/charts/LineChart/line-chart.module.js +1 -1
- package/dist/components/charts/PieChart/PieChart.cjs +1 -1
- package/dist/components/charts/PieChart/PieChart.js +3 -2
- package/dist/components/charts/PieChart/pie-chart.module.cjs +1 -1
- package/dist/components/charts/PieChart/pie-chart.module.js +1 -1
- package/dist/components/charts/RadarChart/RadarChart.cjs +1 -1
- package/dist/components/charts/RadarChart/RadarChart.js +6 -2
- package/dist/components/charts/RadarChart/radar-chart.module.cjs +1 -1
- package/dist/components/charts/RadarChart/radar-chart.module.js +1 -1
- package/dist/components/charts/ScatterChart/ScatterChart.cjs +1 -1
- package/dist/components/charts/ScatterChart/ScatterChart.d.ts +12 -1
- package/dist/components/charts/ScatterChart/ScatterChart.js +10 -7
- package/dist/components/charts/ScatterChart/scatter-chart.module.cjs +1 -1
- package/dist/components/charts/ScatterChart/scatter-chart.module.js +1 -1
- package/dist/components/charts/Sparkline/Sparkline.cjs +1 -1
- package/dist/components/charts/Sparkline/Sparkline.js +62 -80
- package/dist/components/charts/Sparkline/sparkline.module.cjs +1 -1
- package/dist/components/charts/Sparkline/sparkline.module.js +1 -1
- package/dist/components/charts/Treemap/Treemap.cjs +1 -1
- package/dist/components/charts/Treemap/Treemap.js +87 -59
- 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/helpers.cjs +1 -1
- package/dist/components/helpers.d.ts +9 -0
- package/dist/components/helpers.js +2 -11
- package/dist/components/layout/Dashboard/Dashboard.cjs +1 -1
- package/dist/components/layout/Dashboard/Dashboard.d.ts +8 -0
- package/dist/components/layout/Dashboard/Dashboard.js +47 -42
- package/dist/components/layout/Dashboard/dashboard.module.cjs +1 -1
- package/dist/components/layout/Dashboard/dashboard.module.js +13 -13
- 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 +22 -3
- 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 +6 -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=[`var(--wim-color-chart-primary)`,`var(--wim-color-chart-info)`,`var(--wim-color-chart-success)`,`var(--wim-color-chart-warning)`,`var(--wim-color-chart-danger)`,`var(--wim-color-chart-secondary)`,`var(--wim-color-text-tertiary)`,`var(--wim-color-disabled)`],t=
|
|
2
|
+
var e=[`var(--wim-color-chart-primary)`,`var(--wim-color-chart-info)`,`var(--wim-color-chart-success)`,`var(--wim-color-chart-warning)`,`var(--wim-color-chart-danger)`,`var(--wim-color-chart-secondary)`,`var(--wim-color-text-tertiary)`,`var(--wim-color-disabled)`],t={axis:{stroke:`var(--wim-color-text-disabled)`,fontSize:12},grid:{stroke:`var(--wim-color-border-secondary)`,strokeDasharray:`3 3`},tooltip:{contentStyle:{backgroundColor:`var(--wim-color-glass-bg)`,border:`1px solid var(--wim-color-glass-border)`,borderRadius:`var(--wim-radius-md)`,fontSize:`var(--wim-font-size-sm)`,backdropFilter:`blur(8px)`,color:`var(--wim-color-text-primary)`},cursor:{fill:`var(--wim-color-text-primary)`,stroke:`var(--wim-color-border)`,strokeWidth:1,fillOpacity:.05,strokeOpacity:.5}}};exports.CHART_COLORS=e,exports.CHART_THEME=t;
|
|
@@ -33,3 +33,12 @@ export declare const CHART_THEME: {
|
|
|
33
33
|
};
|
|
34
34
|
};
|
|
35
35
|
};
|
|
36
|
+
/**
|
|
37
|
+
* 軸の範囲(recharts の domain と同じ書き方)。T134 で追加。
|
|
38
|
+
* 0 起点が要るのは面積で比べる図(棒)だけで、折れ線や散布図は
|
|
39
|
+
* データに合わせたほうが差が読める。
|
|
40
|
+
*/
|
|
41
|
+
export type ChartAxisDomain = [
|
|
42
|
+
number | "auto" | "dataMin" | (string & {}),
|
|
43
|
+
number | "auto" | "dataMax" | (string & {})
|
|
44
|
+
];
|
|
@@ -9,16 +9,7 @@ var e = [
|
|
|
9
9
|
"var(--wim-color-chart-secondary)",
|
|
10
10
|
"var(--wim-color-text-tertiary)",
|
|
11
11
|
"var(--wim-color-disabled)"
|
|
12
|
-
], t =
|
|
13
|
-
"var(--wim-color-text-on-chart-primary)",
|
|
14
|
-
"var(--wim-color-text-on-chart-info)",
|
|
15
|
-
"var(--wim-color-text-on-chart-success)",
|
|
16
|
-
"var(--wim-color-text-on-chart-warning)",
|
|
17
|
-
"var(--wim-color-text-on-chart-danger)",
|
|
18
|
-
"var(--wim-color-text-on-chart-secondary)",
|
|
19
|
-
"var(--wim-color-text-primary)",
|
|
20
|
-
"var(--wim-color-text-primary)"
|
|
21
|
-
], n = {
|
|
12
|
+
], t = {
|
|
22
13
|
axis: {
|
|
23
14
|
stroke: "var(--wim-color-text-disabled)",
|
|
24
15
|
fontSize: 12
|
|
@@ -46,4 +37,4 @@ var e = [
|
|
|
46
37
|
}
|
|
47
38
|
};
|
|
48
39
|
//#endregion
|
|
49
|
-
export { e as CHART_COLORS, t as
|
|
40
|
+
export { e as CHART_COLORS, t as CHART_THEME };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/close.cjs"),r=require("../../../icon/edit.cjs"),i=require("../../../icon/plus.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("../../data-display/Card/Card.cjs"),s=require("../../form/Button/Button.cjs"),c=require("./dashboard.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=(0,l.createContext)(null),p=()=>{let e=(0,l.useContext)(f);if(!e)throw Error(`Dashboard subcomponents must be used within Dashboard`);return e},m=l.default.forwardRef(({widgets:e,editable:n,defaultEditable:o=!1,onEditChange:p,onRemove:m,onAdd:g,columns:_=3,gap:v=`md`,showEditToggle:y
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/close.cjs"),r=require("../../../icon/edit.cjs"),i=require("../../../icon/plus.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("../../data-display/Card/Card.cjs"),s=require("../../form/Button/Button.cjs"),c=require("./dashboard.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=(0,l.createContext)(null),p=()=>{let e=(0,l.useContext)(f);if(!e)throw Error(`Dashboard subcomponents must be used within Dashboard`);return e},m=l.default.forwardRef(({widgets:e,editable:n,defaultEditable:o=!1,onEditChange:p,onRemove:m,onAdd:g,columns:_=3,gap:v=`md`,showEditToggle:y,titleLevel:b=3,label:x,className:S,style:C,children:w,...T},E)=>{let{t:D}=t.useWimTranslation(`components`),O=n!==void 0,[k,A]=(0,l.useState)(o),j=O?n:k,M=(0,l.useCallback)(()=>{let e=!j;O||A(e),p?.(e)},[j,O,p]),N={"--dashboard-columns":_,...C},P=y??(n!==void 0||o||m!==void 0||g!==void 0),F=(0,l.useMemo)(()=>({editable:j??!1,onRemove:m,titleLevel:b}),[j,m,b]);return(0,d.jsx)(f.Provider,{value:F,children:(0,d.jsxs)(`div`,{ref:E,className:(0,u.default)(`wim-dashboard`,c.default.root,S),"aria-label":x??D(`dashboard_widget.label`),...T,children:[(x||P)&&(0,d.jsxs)(`div`,{className:c.default.header,children:[x&&(0,d.jsx)(`h2`,{className:c.default.heading,children:x}),P&&(0,d.jsx)(s.Button,{size:`sm`,variant:j?`solid`:`outline`,intent:`default`,className:void 0,onClick:M,"aria-pressed":j,"aria-label":D(j?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`),icon:(0,d.jsx)(a.Icon,{component:r.default,size:`sm`}),children:D(j?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`)})]}),(0,d.jsxs)(`div`,{className:(0,u.default)(c.default.grid,c.default[`gap-${v}`]),style:N,role:`region`,"aria-label":D(`dashboard_widget.grid_label`),children:[e?e.map(e=>(0,d.jsx)(h,{widget:e},e.id)):w,j&&g&&(0,d.jsx)(s.Button,{asChild:!0,className:c.default.addButton,onClick:g,"aria-label":D(`dashboard_widget.add_widget`),children:(0,d.jsxs)(`button`,{type:`button`,children:[(0,d.jsx)(a.Icon,{component:i.default,size:`md`}),(0,d.jsx)(`span`,{children:D(`dashboard_widget.add_widget`)})]})})]})]})})});m.displayName=`Dashboard`;var h=({widget:e,className:r,...i})=>{let{editable:l,onRemove:f,titleLevel:m}=p(),h=`h${m}`,{t:g}=t.useWimTranslation(`components`),{id:_,title:v,description:y,content:b,span:x=1,rowSpan:S=1}=e;return(0,d.jsxs)(o.Card,{variant:`outline`,padding:`md`,radius:`md`,className:(0,u.default)(c.default.widget,c.default[`span-${x}`],c.default[`row-${S}`],{[c.default.editMode]:l},r),style:{"--widget-span":x,"--widget-row-span":S},...i,children:[(0,d.jsxs)(`div`,{className:c.default.widgetHeader,children:[(0,d.jsxs)(`div`,{className:c.default.widgetMeta,children:[(0,d.jsx)(h,{className:c.default.widgetTitle,children:v}),y&&(0,d.jsx)(`p`,{className:c.default.widgetDescription,children:y})]}),l&&f&&(0,d.jsx)(s.Button,{size:`sm`,variant:`ghost`,intent:`danger`,className:c.default.removeButton,onClick:()=>f(_),"aria-label":g(`dashboard_widget.remove_widget`,{title:v}),icon:(0,d.jsx)(a.Icon,{component:n.default,size:`sm`})})]}),(0,d.jsx)(`div`,{className:c.default.widgetContent,children:b})]})};h.displayName=`DashboardWidgetCard`,exports.Dashboard=m,exports.DashboardWidgetCard=h;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
/** ウィジェットの見出しに使う段。ページ側の見出しに合わせる(T140)。 */
|
|
3
|
+
export type DashboardTitleLevel = 2 | 3 | 4 | 5 | 6;
|
|
2
4
|
export interface DashboardWidget {
|
|
3
5
|
id: string;
|
|
4
6
|
title: string;
|
|
@@ -28,6 +30,12 @@ export interface DashboardProps extends Omit<React.ComponentPropsWithoutRef<"div
|
|
|
28
30
|
gap?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
29
31
|
/** Show the edit toggle button in the header. Default: true. */
|
|
30
32
|
showEditToggle?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Heading level for the widget titles. Match it to the page: a dashboard
|
|
35
|
+
* under an `h1` needs `2`, one under an `h2` section keeps `3`.
|
|
36
|
+
* @default 3
|
|
37
|
+
*/
|
|
38
|
+
titleLevel?: DashboardTitleLevel;
|
|
31
39
|
/** Dashboard heading label. */
|
|
32
40
|
label?: string;
|
|
33
41
|
}
|