@lotics/ui 46.8.0 → 46.8.1

package/docs/catalog.md

@@ -199,7 +199,10 @@ notion of adjustments or of three sides.
 - **The total is the sum of what is on screen.** Never a figure computed off a different array: a
   total that is not the sum of something visible is the one figure a reader cannot check.
 - **The row's verb sits in a fixed slot**, so the money column does not shift between a row that
-  can be removed and one that cannot. `locked` turns the editors into values for a settled charge.
+  can be removed and one that cannot. `locked` turns the editors into values for a settled charge
+  and silences EVERY verb on the band — the row's own and both money verbs. A verb on a figure
+  nobody can change is a control with nothing behind it, and a disabled one that merely repeats
+  the value beside it prints the same number twice on one line.
 - **Below its fork width** the name takes its own line and the arithmetic sits under it — a
   two-line row ON PURPOSE, measured on the band's own container because it lives in drawers as
   often as on pages. The arithmetic RIGHT-ALIGNS to the band there: laid out from the left it
@@ -1392,7 +1395,7 @@ source (`src/<module>.tsx`/`.ts`) is the API reference.
   it, and the row's own verb (`action`, usually removal) sits in a slot held open on every row —
   both so the money column cannot move between rows. `extra` carries a second control belonging
   to the charge (how it was paid); `warning` names a problem on the line that has it; `locked`
-  turns the editors into values for a settled band; `empty` speaks for a record nobody has priced
+  turns the editors into values for a settled band and draws no verb of any kind; `empty` speaks for a record nobody has priced
   yet. `formatMoney` is the BAND's, so two lines cannot disagree about a currency, and the `total`
   you pass must be the sum of the lines on screen. Below its fork width the row takes two lines
   with the arithmetic right-aligned to the band — see § "Money you are PRICING" for the full

package/examples/tpl_money.tsx

@@ -953,13 +953,34 @@ export function TplMoney() {
             stops. The section beat and the heading are what separate them. */}
         <Section>
           <SectionHeading>
-            <SectionHeadingTitle description="Locked turns the editors into values once the money is collected — the band stops being a form and becomes the record of what was charged, with no verb slot drawn.">
+            <SectionHeadingTitle description="Locked turns the editors into values once the money is collected — the band stops being a form and becomes the record of what was charged. Every verb goes with them: a caller keeps passing the same props, and the band draws none of them.">
               Settled
             </SectionHeadingTitle>
           </SectionHeading>
+          {/* The verbs are passed EXACTLY as the editable band passes them, which
+              is what a real caller does — the same JSX renders a charge before and
+              after the money is collected. The BAND is what decides they are not
+              drawn, so this section is also the check on that: a verb surviving
+              here is a control acting on a figure nobody can change, and a
+              disabled one repeating the value beside it prints the same number
+              twice on one line. */}
           <ChargeLines totalLabel="Collected" total={190_000} formatMoney={money}>
-            <ChargeLine label="Delivery runs" quantity={40} unitPrice={4_000} locked />
-            <ChargeLine label="Site cleaning" quantity={1} unitPrice={30_000} locked />
+            <ChargeLine
+              label="Delivery runs"
+              quantity={40}
+              unitPrice={4_000}
+              locked
+              unitPriceActions={<InlineButton title={money(CEILING_RATE)} accessibilityLabel="Apply the ceiling rate" disabled onPress={() => {}} />}
+              action={<IconButton icon="x" size="sm" color="danger" tooltip="Remove this charge" onPress={() => {}} />}
+            />
+            <ChargeLine
+              label="Site cleaning"
+              quantity={1}
+              unitPrice={30_000}
+              locked
+              unitPriceActions={<InlineButton title={money(CEILING_RATE)} accessibilityLabel="Apply the ceiling rate" disabled onPress={() => {}} />}
+              action={<IconButton icon="x" size="sm" color="danger" tooltip="Remove this charge" onPress={() => {}} />}
+            />
           </ChargeLines>
         </Section>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lotics/ui",
-  "version": "46.8.0",
+  "version": "46.8.1",
   "type": "module",
   "exports": {
     "./accordion": "./src/accordion.tsx",

package/src/charge_lines.tsx

@@ -103,7 +103,10 @@ export interface ChargeLineProps {
   /** The row's own verb, usually removal. Rendered in a fixed slot so the money
    *  column does not move between a row that has one and a row that does not. */
   action?: ReactNode;
-  /** Read-only band: editors become values, and no action slot is drawn. */
+  /** Read-only band: editors become values, and NO verb is drawn — not the row's
+   *  action and not either money verb. A verb on a figure nobody can change is a
+   *  control with nothing behind it, and a disabled one that merely repeats the
+   *  value beside it prints the same number twice. */
   locked?: boolean;
 }
 
@@ -252,7 +255,7 @@ export function ChargeLine(props: ChargeLineProps) {
           sharing this column with a row that has none. Width is the verb's own —
           the contract is that a caller passes it on every row and DISABLES it
           where it has nothing to do, which is what keeps the rows equal. */}
-      {!priced ? null : unitPriceActions}
+      {!priced || locked ? null : unitPriceActions}
       {/* The amount ENDS the expression it derives from. Put it on a second
           line and the reader parses left to right, then jumps back to find the
           answer — and it lands in no column, so the total below closes nothing. */}
@@ -276,7 +279,7 @@ export function ChargeLine(props: ChargeLineProps) {
       {/* The flat line's twin of `unitPriceActions`, on the figure a flat line
           actually edits — its amount. Same contract: pass it on every row and
           disable it where it has nothing to do. */}
-      {priced ? null : amountActions}
+      {priced || locked ? null : amountActions}
       {/* Held open whether or not this row has a verb, so the money column does
           not shift between a row that can be removed and one that cannot. */}
       <View style={styles.actionSlot}>{locked ? null : action}</View>