blixify-ui-web-mcp 0.1.66 → 0.1.67
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.
|
@@ -478,7 +478,9 @@ A calendar tab has no view settings panel (it has no columns, sort or pages). Ro
|
|
|
478
478
|
|
|
479
479
|
Under `bareNewDTW` the grid hides `Grid`'s own page buttons and renders the same `NewPagination` footer as the table and list views.
|
|
480
480
|
|
|
481
|
-
Set `organise.viewId="grid"` (or add an `extendedTabs` entry with `viewType="grid"`) to render records as
|
|
481
|
+
Set `organise.viewId="grid"` (or add an `extendedTabs` entry with `viewType="grid"`) to render records as cards. Use `bareSettings.bareListGridComponent` to fully customise each card, or use the built-in grid. `viewImage` is optional: point it at an image or multipleImage column to show a picture on each card, or leave it empty for cards with only the title and fields. The Add Tab modal offers **Grid** on every space, and shows the Preview Image picker only when the space has an image column.
|
|
482
|
+
|
|
483
|
+
The list, kanban and grid items show the view's visible columns in column order, with the table's cell renderers. The title column is the item's title, the grid's image column is its picture, and a column with nothing stored is left out. A button, timer or rating is always shown. Each item carries the edit pencil (only for users who can update) and the comment bubble (when `edit.activityLog` is on) beside its title.
|
|
482
484
|
|
|
483
485
|
```tsx
|
|
484
486
|
<DataTemplate
|
|
@@ -17,6 +17,10 @@ Sectioned card board. Desktop: horizontal columns. Mobile: tab switcher between
|
|
|
17
17
|
|
|
18
18
|
`mobileView` swaps the column row for a tab rail with one column visible. The first column is selected as soon as columns exist (data usually arrives after the first render). `className` styles the desktop column row only — the stacked phone layout ignores it, so a `flex` / `inline-flex` passed for the desktop row cannot turn the phone view into a row. Rail, count badges, hint text and the default card follow `darkMode`.
|
|
19
19
|
|
|
20
|
+
## Edit pencil and comment bubble
|
|
21
|
+
|
|
22
|
+
`onCardEdit(id)` and `onCardActivity(id)` add an edit pencil and a comment bubble to the default card's header. Neither opens the card or starts a drag. Under `bareNewDTW`, DataTemplate passes the pencil only to users who can update records.
|
|
23
|
+
|
|
20
24
|
## Lane colours
|
|
21
25
|
|
|
22
26
|
Each lane carries an accent colour: a coloured top border and a matching dot beside its title (and on its tab in the phone view). Colours come from a fixed palette in lane order. `Unassigned` is always grey and is left out of the order, so switching `nullColumn` on does not change any other lane's colour. When `columns` is passed, a column's own `color` (any CSS colour) is used as it is.
|
|
@@ -66,6 +66,10 @@ The legacy `List` renders **every** extra key on an item. `NewList` renders only
|
|
|
66
66
|
|
|
67
67
|
ChatDashboard's conversation list uses all four.
|
|
68
68
|
|
|
69
|
+
## Edit pencil and comment bubble
|
|
70
|
+
|
|
71
|
+
`onRowEdit(id)` and `onRowActivity(id)` add an edit pencil and a comment bubble beside each item's title. Neither opens the row or follows its link, and neither makes the row taller. Under `bareNewDTW`, DataTemplate passes the pencil only to users who can update records.
|
|
72
|
+
|
|
69
73
|
## Status
|
|
70
74
|
|
|
71
75
|
🚧 **Scaffold only.** Implementation lands in follow-up commits per #1714.
|
|
@@ -6,6 +6,8 @@ Tabular display with a List-shaped mobile breakpoint. The architectural key: **`
|
|
|
6
6
|
|
|
7
7
|
Pass `onRowActivity={(id) => ...}` to show a keyboard-accessible chat button at the right of the first visible cell (beside the title on mobile cards). It stops row navigation and does not enter inline editing. When no left pins are configured, the first ungrouped column is pinned automatically; existing pin configurations are preserved. DTW wires this callback automatically when `edit.activityLog` is enabled with `bareNewDTW`.
|
|
8
8
|
|
|
9
|
+
Pass `onRowEdit={(id) => ...}` as well to put an edit pencil before the chat button, at the same size and colour. Both sit over the cell's right padding, so the row does not grow. DTW passes it only when the user can update records (`edit.allEditable`) and opens the record's edit form with `handleNavigate("update", id, "general")`.
|
|
10
|
+
|
|
9
11
|
## Adding a row
|
|
10
12
|
|
|
11
13
|
With `addable.active`, a `+` row at the bottom starts a new record where the click lands. While it is filled in, ✓ and ✕ sit in the Actions column and **Save** and **Cancel** are repeated under the row, held at the left edge as the table scrolls sideways. Enter saves and opens the next row, Escape cancels, and clicking another row saves it.
|