@qoretechnologies/reqraft 0.10.66-pr.145.gcb1e59d → 0.10.66

package/dist/components/form/engine/compactRowStyles.d.ts

@@ -5,36 +5,55 @@ export declare const COMPACT_ROW_PAD_X = 10;
 export declare const COMPACT_ROW_GAP = 14;
 export declare const COMPACT_VALUE_LEFT: number;
 export declare const COMPACT_PANEL_LEFT: number;
-export declare const GROUP_INDENT = "10px";
 /**
- * Calm appearance: the inset of everything inside a section — rows, group
- * headings, the one-of sentence, and the section's own header label, so all of
- * them start on one left edge.
+ * The least room a row's value has beside its label (qorus#646, David: "on a narrow screen... put the wide output
+ * on a line below the header, slightly indented"). A form where the value column would be narrower stacks its rows:
+ * the label and the row's actions on the first line, the value under them, indented by
+ * `COMPACT_STACKED_VALUE_INDENT`.
  */
-export declare const CALM_SECTION_INSET = 16;
+export declare const COMPACT_MIN_VALUE_WIDTH = 320;
+/** How far a stacked row's value is indented under its label. */
+export declare const COMPACT_STACKED_VALUE_INDENT = 12;
 /**
- * The extra inset a calm section header's label needs to land on that edge:
- * Reqore pads a `normal` panel's title bar by `PADDING_FROM_SIZE.normal`, and
- * the label makes up the rest itself.
+ * Whether a form `width` wide stacks its rows: beside a label column `labelColumn` wide (the measured one,
+ * `LABEL_COL_VAR`), the row's gap and its padding, its value column would be under `COMPACT_MIN_VALUE_WIDTH`. With
+ * the widest labels (220px and their affordances) that is a form under about 600px; with the narrowest, about 500px.
  */
-export declare const CALM_SECTION_HEADER_INSET: number;
-export declare const LABEL_COL_MIN = 120;
+export declare const isCompactNarrow: (width: number, labelColumn: number) => boolean;
+export declare const GROUP_INDENT = "10px";
 export declare const LABEL_COL_MAX = 220;
 /**
- * Room reserved beside a field's NAME for the chrome that trails it, summed from
- * the parts rather than guessed: the required asterisk (10px), the `?` that opens
- * the long description (12px), and the two 3px gaps of `StyledRowLabel`.
+ * The narrowest label column, chrome included: a form of short names keeps the column it always had (a 120px floor
+ * under the name plus the 32px its chrome was reckoned at). The floor is the column's, not the name's: put under the
+ * name, it widened every form by the help button's real width, where only names that need the room should take it.
+ */
+export declare const LABEL_COLUMN_MIN = 152;
+/** The required asterisk beside a name, and the room it takes: the icon and its tiny left margin. */
+export declare const LABEL_ASTERISK_SIZE = 10;
+export declare const LABEL_ASTERISK_WIDTH: number;
+/**
+ * The help button beside a name: reqore's `tiny` button (26px), or `small` (32px) for a finger. It is a button in the
+ * tab order (qorus#646), so the room it takes is its own width, not the 12px of the icon it once was.
+ */
+export declare const LABEL_HELP_WIDTH: number;
+export declare const LABEL_HELP_WIDTH_TOUCH: number;
+/**
+ * Room reserved beside a field's NAME for the chrome that trails it, summed from the parts rather than guessed: the
+ * required asterisk, the help button and the two 3px gaps of the name's line.
  *
- * Added to the measured column AFTER the min/max clamp. Inside it, a label long
- * enough to reach the ceiling spends the allowance on itself and the `?` wraps to
- * a line of its own.
+ * Added to the measured column AFTER the min/max clamp. Inside it, a label long enough to reach the ceiling wraps,
+ * with the asterisk on its last line, after its last word, and the help at the column's right edge.
  *
- * The 4px of slack is not padding for its own sake: the measurement rounds (an
- * off-DOM `offsetWidth` is an integer) while the rendered text width is
- * fractional, so a column sized to the exact sum still wraps. Measured on an auth
- * profile — "Authentication Schemes" renders 152px of text and needs
- * 152+3+10+3+12 = 180, was given exactly 180, and wrapped anyway.
+ * It counted the help as the 12px icon it was before it became a button (26px): every name within 14px of the
+ * column's width put its asterisk on a line of its own under it (Foxhoundn, qlip #392: "The required asterisk on a
+ * new line is not good, keep it on the same line as the field name").
+ *
+ * The 4px of slack is not padding for its own sake: the measurement rounds (an off-DOM `offsetWidth` is an integer)
+ * while the rendered text width is fractional, so a column sized to the exact sum still wraps. Measured on an auth
+ * profile — "Authentication Schemes" renders 152px of text and, given exactly the sum, wrapped anyway.
  */
+export declare const labelAffordanceWidth: (coarse?: boolean) => number;
+/** The room beside a name for a mouse's pointer; a finger's help is wider (`labelAffordanceWidth(true)`). */
 export declare const LABEL_AFFORDANCE_WIDTH: number;
 export declare const LABEL_COL_VAR = "--readfirst-label-col";
 export declare const LABEL_COL = "var(--readfirst-label-col, 220px)";
@@ -50,6 +69,17 @@ export declare const StyledClusterNode: any;
 export declare const StyledEditCard: any;
 export declare const StyledLabelBlock: any;
 export declare const StyledRowLabel: any;
+/**
+ * An option's name, its asterisk and its help: one group.
+ *
+ * In a row's label column (`$fill`) it is the column's width: the name on the left, wrapping, and the help at the
+ * column's right edge, so every row's (?) is on one line down the form rather than a step after each name
+ * (Foxhoundn, qlip #392: "please right align the question mark to get rid of the stair-case look"). The help is on
+ * the name's first line.
+ */
+export declare const StyledLabelName: any;
+/** A name's asterisk: after a word joiner, which no line breaks at, so it is on the line of the name's last word. */
+export declare const StyledLabelAsterisk: any;
 export declare const StyledLabelDesc: any;
 export declare const StyledCardHeading: any;
 export declare const StyledCardLabel: any;
@@ -60,18 +90,13 @@ export declare const StyledActionSlot: any;
 export declare const StyledColumn: any;
 export declare const StyledRowInset: any;
 /**
- * The stack literal text renders in: source, ids, tokens, data strings.
- *
- * Defined HERE rather than taken from reqore's `ReqoreFonts.mono`, which is the
- * same stack. Reqore is a peer dependency at `>=0.71.16` and that export arrived
- * later, so reading it would crash every consumer inside the declared range —
- * the whole form preview lost over a font choice. One local constant costs
- * nothing and keeps the code preview and the schema view's data values
- * identical, which is the only reason to share it in the first place.
+ * The stack literal text renders in: source, ids, tokens, data strings - reqore's own (`ReqoreFonts.mono`), as
+ * the expression editor's, so the code preview, the schema view's data values and the editor's text are one face.
+ * It has been in reqore since 0.72.7, below the peer range (`>=0.74.0`). Never the bare generic `monospace`:
+ * that is the browser's default fixed-width font (Courier in Chrome on macOS), larger than the text beside it.
  */
-export declare const MONO_FONT_STACK = "ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace";
+export declare const MONO_FONT_STACK: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace";
 export declare const StyledCodePreview: any;
-export declare const StyledColorSwatch: any;
 export declare const StyledGroupBody: any;
 export declare const StyledAbsorbedField: any;
 export declare const StyledAbsorbedLabel: any;

package/dist/components/form/engine/compactRowStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compactRowStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/form/engine/compactRowStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAoC,MAAM,EAAE,MAAM,+CAA+C,CAAC;AAKzG,eAAO,MAAM,UAAU,EAAE,MAAc,CAAC;AAOxC,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,eAAO,MAAM,kBAAkB,QAA0D,CAAC;AAE1F,eAAO,MAAM,kBAAkB,QAA0B,CAAC;AAI1D,eAAO,MAAM,YAAY,SAA2B,CAAC;AACrD;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,QAAgD,CAAC;AASvF,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,aAAa,MAAoB,CAAC;AAC/C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,sBAAsB,QAAsB,CAAC;AAC1D,eAAO,MAAM,aAAa,0BAA0B,CAAC;AACrD,eAAO,MAAM,SAAS,sCAAkD,CAAC;AACzE,eAAO,MAAM,cAAc,mDAAuE,CAAC;AAQnG,eAAO,MAAM,kBAAkB,KAqJ9B,CAAC;AAIF,eAAO,MAAM,iBAAiB,KAW7B,CAAC;AACF,eAAO,MAAM,qBAAqB,KAKjC,CAAC;AAMF,eAAO,MAAM,eAAe,KAyD3B,CAAC;AAMF,eAAO,MAAM,wBAAwB,KAuBpC,CAAC;AACF,eAAO,MAAM,2BAA2B,KAoBvC,CAAC;AASF,eAAO,MAAM,yBAAyB,KAiBrC,CAAC;AAQF,eAAO,MAAM,iBAAiB,KAwB7B,CAAC;AAEF,eAAO,MAAM,cAAc,KA4B1B,CAAC;AAGF,eAAO,MAAM,gBAAgB,KAK5B,CAAC;AAEF,eAAO,MAAM,cAAc,KAW1B,CAAC;AAMF,eAAO,MAAM,eAAe,KAO3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,KAI7B,CAAC;AAIF,eAAO,MAAM,eAAe,KAO3B,CAAC;AAIF,eAAO,MAAM,cAAc,KA2D1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,KAQ5B,CAAC;AAMF,eAAO,MAAM,eAAe,KAO3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,KAK5B,CAAC;AAEF,eAAO,MAAM,YAAY,KAGxB,CAAC;AAKF,eAAO,MAAM,cAAc,KAI1B,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,2FAC8D,CAAC;AAO3F,eAAO,MAAM,iBAAiB,KAa7B,CAAC;AAGF,eAAO,MAAM,iBAAiB,KAO7B,CAAC;AAEF,eAAO,MAAM,eAAe,KAga3B,CAAC;AAWF,eAAO,MAAM,mBAAmB,KAQ/B,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAG/B,CAAC"}
+{"version":3,"file":"compactRowStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/form/engine/compactRowStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAA6B,MAAM,EAAE,MAAM,+CAA+C,CAAC;AAKlG,eAAO,MAAM,UAAU,EAAE,MAAc,CAAC;AAOxC,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,eAAO,MAAM,kBAAkB,QAA0D,CAAC;AAE1F,eAAO,MAAM,kBAAkB,QAA0B,CAAC;AAC1D;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAC3C,iEAAiE;AACjE,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAC/C;;;;GAIG;AACH,eAAO,MAAM,eAAe,UAAW,MAAM,eAAe,MAAM,KAAG,OACsB,CAAC;AAI5F,eAAO,MAAM,YAAY,SAA2B,CAAC;AAUrD,eAAO,MAAM,aAAa,MAAoB,CAAC;AAC/C;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,qGAAqG;AACrG,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,eAAO,MAAM,oBAAoB,QAA0B,CAAC;AAC5D;;;GAGG;AACH,eAAO,MAAM,gBAAgB,QAAkB,CAAC;AAChD,eAAO,MAAM,sBAAsB,QAAmB,CAAC;AACvD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,oBAAoB,wBAAqB,MACmC,CAAC;AAC1F,6GAA6G;AAC7G,eAAO,MAAM,sBAAsB,QAAyB,CAAC;AAC7D,eAAO,MAAM,aAAa,0BAA0B,CAAC;AACrD,eAAO,MAAM,SAAS,sCAAkD,CAAC;AACzE,eAAO,MAAM,cAAc,mDAAuE,CAAC;AAQnG,eAAO,MAAM,kBAAkB,KA4I9B,CAAC;AAIF,eAAO,MAAM,iBAAiB,KAM7B,CAAC;AACF,eAAO,MAAM,qBAAqB,KAKjC,CAAC;AAMF,eAAO,MAAM,eAAe,KAsC3B,CAAC;AAMF,eAAO,MAAM,wBAAwB,KAapC,CAAC;AACF,eAAO,MAAM,2BAA2B,KAUvC,CAAC;AAKF,eAAO,MAAM,yBAAyB,KAOrC,CAAC;AAQF,eAAO,MAAM,iBAAiB,KAwB7B,CAAC;AAEF,eAAO,MAAM,cAAc,KAkB1B,CAAC;AAGF,eAAO,MAAM,gBAAgB,KAK5B,CAAC;AAqBF,eAAO,MAAM,cAAc,KAgB1B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,KAqC3B,CAAC;AAEF,qHAAqH;AACrH,eAAO,MAAM,mBAAmB,KAE/B,CAAC;AAMF,eAAO,MAAM,eAAe,KAO3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,KAI7B,CAAC;AAIF,eAAO,MAAM,eAAe,KAU3B,CAAC;AAIF,eAAO,MAAM,cAAc,KAgF1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,KAQ5B,CAAC;AAMF,eAAO,MAAM,eAAe,KAO3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,KAK5B,CAAC;AAEF,eAAO,MAAM,YAAY,KAGxB,CAAC;AAKF,eAAO,MAAM,cAAc,KAI1B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,eAAe,uFAAmB,CAAC;AAOhD,eAAO,MAAM,iBAAiB,KAa7B,CAAC;AAEF,eAAO,MAAM,eAAe,KAuU3B,CAAC;AAWF,eAAO,MAAM,mBAAmB,KAQ/B,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAG/B,CAAC"}