blixify-ui-web-mcp 0.1.46 → 0.1.47

package/lib/components/display/newTable/README.md

@@ -123,6 +123,36 @@ grey dashboard, but on a page that is already white it shows only a stray
 outline and a shadow floating for no reason. Through `DataTemplate` the flag is
 `bareSettings.bareFlatTable`.
 
+##### Changing a column
+
+`advSettings.onEditColumn` with `advSettings.getColumnSchema` puts a pencil
+beside the hide icon, revealed on hover — not on a math column, which opens its
+formula from its own pencil. It opens
+the add-column panel filled in from `getColumnSchema(columnId)` (the headers do
+not carry options or a reference target), and saving hands the changed column
+to `onEditColumn`. The id never changes, so the column's values stay attached;
+settings that belong to a type the column no longer has (options, a reference
+target) are dropped.
+
+The values already in the rows are never converted, so a column only changes to
+a type its existing values are always valid as — specific to general, never back
+(`handleGetEditableColumnTypes`): Phone or Email to Text or Long text, Single
+select to Text or Long text, Text, Long text and Markdown among themselves,
+Image to File and Images to Files. Text never becomes Phone, Email or Single
+select, whose values it may not meet. Any other column keeps its type; its name,
+options and reference target can still change.
+
+Options are edited as one comma-separated line. Unchanged, they are kept exactly
+as stored; changed, each option keeps its own colour and label
+(`listSelectionColour`, `listSelectionLabel`), which follow it by value. A list
+whose options contain a comma cannot be edited this way, and its options are
+left as they are. Settings of the old type, and those read from an old reference
+target, are dropped with the change. The pencil only shows where the built-in
+panel can show the column — with `onAddColumn` and no `renderAddColumnElements`,
+on a type the panel offers. Through `DataTemplate` (with `bareSettings.bareAddColumns`)
+it arrives at the same `organise.onAddColumns(model)` as adding one, with the
+column replaced in place.
+
 ##### Deleting a column
 
 `advSettings.onDeleteColumn` puts a bin beside the hide icon, revealed on hover.

package/lib/components/display/newTable/newTable.stories.tsx

@@ -205,6 +205,26 @@ const EditableWithAddColumn = () => {
             setColumns((previous) =>
               previous.filter((eachColumn) => eachColumn.key !== columnId),
             ),
+          // INFO: an app hands back its stored column definition; the story
+          // builds one from the header's own fields
+          getColumnSchema: (columnId: string) => {
+            const column: any = columns.find(
+              (eachColumn) => eachColumn.key === columnId,
+            );
+            if (!column) return undefined;
+            const { key, title, ...rest } = column;
+            return { ...rest, id: key, name: title, optional: true };
+          },
+          onEditColumn: (column: any) => {
+            setLastAdded(column);
+            setColumns((previous) =>
+              previous.map((eachColumn) =>
+                eachColumn.key === column.id
+                  ? { ...column, key: column.id, title: column.name }
+                  : eachColumn,
+              ),
+            );
+          },
         }}
       />
       {lastAdded && (
@@ -586,7 +606,7 @@ export const NewTable = () => {
 
       <StorySection
         title="Editable"
-        description="editable.active=true makes cells clickable for inline editing. The + at the end of the header row adds a column — name it, pick a type, and the field id is derived from the name. Reference types ask for their endpoint and label; list types ask for options. The new column is editable straight away."
+        description="editable.active=true makes cells clickable for inline editing. The + at the end of the header row adds a column — name it, pick a type, and the field id is derived from the name. Reference types ask for their endpoint and label; list types ask for options. The new column is editable straight away. Hover a header for ✎ (onEditColumn with getColumnSchema): the same panel, filled in, changes the column's name, type, options or reference under the same id."
       >
         <EditableWithAddColumn />
       </StorySection>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "blixify-ui-web-mcp",
-  "version": "0.1.46",
+  "version": "0.1.47",
   "license": "MIT",
   "main": "lib/mcp/server.js",
   "bin": {