@botiverse/raft-ui 0.32.0 → 0.32.1
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/CHANGELOG.md +7 -0
- package/dist/wip.mjs +14 -4
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
## [0.32.1](https://github.com/botiverse/raft-design/compare/v0.32.0...v0.32.1) (2026-10-23)
|
|
2
|
+
|
|
3
|
+
### Fixed
|
|
4
|
+
|
|
5
|
+
- **ChoiceList** (wip): a row's name or description line that is cut off has its whole text as its `title` while it is cut off, so a long description can still be read with a mouse. ([#783](https://github.com/botiverse/raft-design/pull/783))
|
|
6
|
+
- Docs: https://raft-design.botiverse.build/components/choice-list/
|
|
7
|
+
|
|
1
8
|
## [0.32.0](https://github.com/botiverse/raft-design/compare/v0.31.0...v0.32.0) (2026-10-23)
|
|
2
9
|
|
|
3
10
|
### Added
|
package/dist/wip.mjs
CHANGED
|
@@ -2379,6 +2379,16 @@ function isDrawn(line) {
|
|
|
2379
2379
|
function descriptionLines(description) {
|
|
2380
2380
|
return (Array.isArray(description) ? description : [description]).filter(isDrawn);
|
|
2381
2381
|
}
|
|
2382
|
+
function CutLine({ id, slot, className, children }) {
|
|
2383
|
+
const ref = useOverflowTitle();
|
|
2384
|
+
return /* @__PURE__ */ jsx("span", {
|
|
2385
|
+
ref,
|
|
2386
|
+
id,
|
|
2387
|
+
"data-slot": slot,
|
|
2388
|
+
className,
|
|
2389
|
+
children
|
|
2390
|
+
});
|
|
2391
|
+
}
|
|
2382
2392
|
const NOT_TEXT_INPUTS = /* @__PURE__ */ new Set([
|
|
2383
2393
|
"button",
|
|
2384
2394
|
"checkbox",
|
|
@@ -2539,16 +2549,16 @@ function ChoiceList(props) {
|
|
|
2539
2549
|
/* @__PURE__ */ jsxs("span", {
|
|
2540
2550
|
"data-slot": "choice-list-body",
|
|
2541
2551
|
className: slots.body(),
|
|
2542
|
-
children: [/* @__PURE__ */ jsx(
|
|
2552
|
+
children: [/* @__PURE__ */ jsx(CutLine, {
|
|
2543
2553
|
id: `${id}-label`,
|
|
2544
|
-
|
|
2554
|
+
slot: "choice-list-label",
|
|
2545
2555
|
className: slots.label(),
|
|
2546
2556
|
children: item.label
|
|
2547
2557
|
}), lines.length > 0 ? /* @__PURE__ */ jsx("span", {
|
|
2548
2558
|
id: `${id}-description`,
|
|
2549
2559
|
className: "contents",
|
|
2550
|
-
children: lines.map((line, index) => /* @__PURE__ */ jsx(
|
|
2551
|
-
|
|
2560
|
+
children: lines.map((line, index) => /* @__PURE__ */ jsx(CutLine, {
|
|
2561
|
+
slot: "choice-list-description",
|
|
2552
2562
|
className: slots.description(),
|
|
2553
2563
|
children: line
|
|
2554
2564
|
}, index))
|