@oxy.so/bloom 3.5.0 → 4.0.0

package/lib/module/tag-field/TagField.js

@@ -0,0 +1,449 @@
+"use strict";
+
+import { normalizeBloomSize } from "../appearance/legacy.js";
+import React, { useCallback, useId, useMemo, useRef, useState } from 'react';
+import { Platform, Pressable, TextInput, View } from 'react-native';
+import { Chip } from "../chip/index.js";
+import { useInheritedControl } from "../control-surface/index.js";
+import { useFieldMembership } from "../field/membership.js";
+import { DEFAULT_SIDE_OFFSET } from "../floating/constants.js";
+import { useMenuPalette } from "../floating/menu-palette.js";
+import { useInteractionState } from "../hooks/use-interaction-state.js";
+import { atoms as a, android, web } from "../styles/index.js";
+import { resolvePlaceholderColor, resolveShellPaint, SANS_FONT_FAMILY, TEXT_FIELD_GEOMETRY, TEXT_FIELD_INPUT_INSET, TEXT_FIELD_RADIUS, TEXT_FIELD_RING_WIDTH, TEXT_FIELD_STACK_GAP, TEXT_FIELD_TEXT, TEXT_FIELD_WEB_TRANSITION, useTextFieldPalette } from "../text-field/shared.js";
+import { Text } from "../typography/index.js";
+import { TAG_CHIP_RUNG, TAG_FIELD_GAP, TAG_FIELD_INPUT_MIN_WIDTH, TAG_FIELD_LIST_GAP, TAG_FIELD_LIST_PADDING, TAG_FIELD_LIST_RADIUS, TAG_FIELD_OPTION_GAP, TAG_FIELD_OPTION_MIN_HEIGHT, TAG_FIELD_OPTION_PADDING, TAG_FIELD_OPTION_RADIUS, TAG_FIELD_SHELL_INSET } from "./constants.js";
+import { commitTag, filterSuggestions, normalizeTag } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Tags as an input: the committed ones as removable chips, a caret after them,
+ * and the vocabulary offered underneath.
+ *
+ * THE FIELD IS A `text-field` BOX, not something that resembles one. The fill,
+ * the 10px radius, the 2px inset ring, the hover and focus rings, the invalid
+ * tint and the disabled tint are all `text-field/shared.ts`'s, resolved through
+ * `useTextFieldPalette()` for the surface this field actually lands on. The one
+ * thing that is copied rather than reused is the chrome ELEMENT — `TextField`
+ * paints its shell as an absolutely positioned overlay that is not exported as
+ * a part, and it has to be an overlay rather than a border on the flex box: a
+ * 2px border would take its width out of the content box and make an empty tag
+ * field 40 tall beside a 36-tall text field in the same form.
+ *
+ *   shell       `TEXT_FIELD_GEOMETRY[size]` — 36 (`medium`) / 32 (`small`) when
+ *               empty, to the pixel, and it GROWS as the chips wrap
+ *   chips       `Chip` at the rung that fills the shell's inner height, `subtle`
+ *               in the field's tone — the pill `mail-compose` puts a chosen
+ *               recipient in, without the avatar
+ *   input       flexes to the end of the last line, 120 minimum, and keeps its
+ *               placeholder whenever it is empty, so the field reads as a field
+ *               rather than as a box with pills in it
+ *   list        the menu vocabulary (`floating/`): panel surface, hairline,
+ *               dropdown shadow, 16px corner, 36-tall rows on a 10px corner
+ *
+ * **It is a `Field` member.** `useFieldMembership()` resolves the four things a
+ * form asks of a control, each with a direction that is silently wrong the other
+ * way round: the NAME defers to the field, `disabled` and `invalid` COMBINE with
+ * it, the id is the caller's then the field's, and `aria-describedby` is joined
+ * rather than replaced (`docs/composition.mdx` §Field).
+ *
+ * **A duplicate is rejected in silence** (`shared.ts`): the tag is already
+ * there, so the field is already in the state the typist asked for. Being FULL
+ * is the one refusal with a consequence, so it is the one reported back
+ * (`onMaxReached`) and the one the hint names.
+ *
+ * **A comma commits, wherever it comes from.** It is handled in the text change
+ * rather than in a key event, so it works on both platforms and a pasted
+ * `"a, b, c"` becomes three tags instead of one string with commas in it.
+ *
+ * Nothing here knows what a tag is FOR. A CRM's accounts, a task app's labels
+ * and a notes app's tags are the same control, and the day it learns about any
+ * one of them it stops being usable by the other two.
+ */
+
+const IS_WEB = Platform.OS === 'web';
+
+/** A DOM keyboard event as react-native-web hands it to `onKeyPress`. */
+
+/**
+ * React Native's `Role` union has no `listbox`; react-native-web passes the DOM
+ * `role` straight through, so it travels as a web-only prop and native takes
+ * the nearest thing it has.
+ */
+const LIST_ROLE = IS_WEB ? {
+  role: 'listbox'
+} : {
+  accessibilityRole: 'list'
+};
+
+/**
+ * `TextField`'s own input reset: react-native-web paints the browser's focus
+ * outline on the `<input>` itself, which would sit INSIDE the shell's ring and
+ * give the control two focus indicators.
+ */
+const WEB_INPUT_OUTLINE_RESET = IS_WEB ? {
+  outlineWidth: 0,
+  outlineStyle: 'none'
+} : undefined;
+
+/** `disabled:cursor-not-allowed`, as `TextField` spells it. */
+const WEB_INPUT_DISABLED_CURSOR = IS_WEB ? {
+  cursor: 'not-allowed'
+} : undefined;
+const DEFAULT_LABELS = {
+  remove: tag => `Remove ${tag}`,
+  full: max => `${max} maximum`,
+  suggestions: 'Suggestions'
+};
+export function TagField({
+  value,
+  onChange,
+  inputValue,
+  onInputValueChange,
+  placeholder,
+  suggestions,
+  maxSuggestions = 6,
+  allowCreate = true,
+  max,
+  onMaxReached,
+  normalize = normalizeTag,
+  tone = 'default',
+  size: sizeProp,
+  disabled = false,
+  invalid = false,
+  label,
+  accessibilityLabel,
+  nativeID,
+  labels: labelsProp,
+  style,
+  testID
+}) {
+  // The size vocabulary IS the density pair, so a `ControlSurface density="small"`
+  // around a filter row reaches this field exactly as it reaches the text fields
+  // beside it — `docs/composition.mdx` §Control presentation.
+  const size = useInheritedControl('density', normalizeBloomSize(sizeProp), 'md');
+  const palette = useTextFieldPalette();
+  const menu = useMenuPalette();
+  const labels = {
+    ...DEFAULT_LABELS,
+    ...labelsProp
+  };
+  const inputRef = useRef(null);
+  const reactId = useId();
+  const listId = `${nativeID ?? reactId}-suggestions`;
+
+  // The label is STACKED (the field's label sits above the box, and it is the
+  // same thing this control's own `label` says), so the field's wins.
+  const field = useFieldMembership({
+    accessibilityLabel,
+    label,
+    disabled,
+    invalid,
+    nativeID
+  });
+  const [ownText, setOwnText] = useState('');
+  const text = inputValue ?? ownText;
+  const setText = useCallback(next => {
+    if (inputValue === undefined) setOwnText(next);
+    onInputValueChange?.(next);
+  }, [inputValue, onInputValueChange]);
+  const {
+    state: hovered,
+    onIn: onHoverIn,
+    onOut: onHoverOut
+  } = useInteractionState();
+  const [focused, setFocused] = useState(false);
+  const [activeIndex, setActiveIndex] = useState(-1);
+  const full = max !== undefined && value.length >= max;
+  const known = useMemo(() => (suggestions ?? []).map(entry => typeof entry === 'string' ? entry : entry.value), [suggestions]);
+  const offered = useMemo(() => suggestions === undefined || full || field.disabled ? [] : filterSuggestions(suggestions, text, value, maxSuggestions), [suggestions, text, value, maxSuggestions, full, field.disabled]);
+  const listOpen = focused && offered.length > 0;
+  const add = useCallback(raw => {
+    const result = commitTag(value, raw, {
+      normalize,
+      max,
+      allowCreate,
+      known
+    });
+    if (result.rejected === 'full') onMaxReached?.();
+    if (result.next) onChange(result.next);
+    return result.next !== null;
+  }, [value, normalize, max, allowCreate, known, onMaxReached, onChange]);
+  const remove = useCallback(tag => onChange(value.filter(entry => entry !== tag)), [onChange, value]);
+
+  // A comma commits — in the CHANGE, not in a key event, so it works on both
+  // platforms and a pasted "a, b, c" becomes three tags.
+  const handleChangeText = useCallback(next => {
+    if (!next.includes(',')) {
+      setText(next);
+      setActiveIndex(-1);
+      return;
+    }
+    const parts = next.split(',');
+    const tail = parts.pop() ?? '';
+    let list = value;
+    for (const part of parts) {
+      const result = commitTag(list, part, {
+        normalize,
+        max,
+        allowCreate,
+        known
+      });
+      if (result.rejected === 'full') onMaxReached?.();
+      if (result.next) list = result.next;
+    }
+    if (list !== value) onChange(list);
+    setText(tail);
+    setActiveIndex(-1);
+  }, [setText, value, normalize, max, allowCreate, known, onMaxReached, onChange]);
+  const submit = useCallback(() => {
+    const chosen = activeIndex >= 0 ? offered[activeIndex] : undefined;
+    if (chosen) {
+      if (add(chosen.value)) setText('');
+      setActiveIndex(-1);
+      return;
+    }
+    if (add(text)) setText('');
+    setActiveIndex(-1);
+  }, [activeIndex, offered, add, text, setText]);
+  const handleKeyPress = useCallback(event => {
+    const native = event.nativeEvent;
+    // An IME candidate window owns Enter and the arrows while it is open.
+    if (native.isComposing === true) return;
+    if (native.key === 'Backspace' && text === '' && value.length > 0) {
+      const last = value[value.length - 1];
+      if (last !== undefined) remove(last);
+      return;
+    }
+    if (!IS_WEB) return;
+    if (offered.length > 0 && (native.key === 'ArrowDown' || native.key === 'ArrowUp')) {
+      event.preventDefault();
+      const step = native.key === 'ArrowDown' ? 1 : -1;
+      const from = activeIndex < 0 ? step > 0 ? -1 : 0 : activeIndex;
+      setActiveIndex((from + step + offered.length) % offered.length);
+      return;
+    }
+    if (native.key === 'Escape') {
+      event.preventDefault();
+      setActiveIndex(-1);
+      return;
+    }
+    if (native.key === 'Enter') {
+      event.preventDefault();
+      submit();
+    }
+  }, [text, value, remove, offered, activeIndex, submit]);
+  const geometry = TEXT_FIELD_GEOMETRY[size];
+  const state = {
+    hovered,
+    focused,
+    invalid: field.invalid,
+    disabled: field.disabled
+  };
+  const shell = resolveShellPaint(palette, state);
+  const placeholderColor = resolvePlaceholderColor(palette, state);
+  const hint = full && max !== undefined ? labels.full(max) : undefined;
+  const hintId = hint ? `${nativeID ?? reactId}-hint` : undefined;
+  const describedBy = [field.describedBy, hintId].filter(Boolean).join(' ') || undefined;
+  const listPanel = {
+    marginTop: DEFAULT_SIDE_OFFSET,
+    padding: TAG_FIELD_LIST_PADDING,
+    gap: TAG_FIELD_LIST_GAP,
+    borderRadius: TAG_FIELD_LIST_RADIUS,
+    borderWidth: 1,
+    borderColor: menu.border,
+    backgroundColor: menu.surface,
+    boxShadow: menu.shadow,
+    overflow: 'hidden'
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: style,
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        position: 'relative',
+        minHeight: geometry.height,
+        paddingVertical: TAG_FIELD_SHELL_INSET,
+        paddingHorizontal: geometry.paddingHorizontal,
+        flexDirection: 'row',
+        alignItems: 'center',
+        flexWrap: 'wrap',
+        gap: TAG_FIELD_GAP
+      }
+      // `TextField`'s own shell handlers: the whole box is the hit area for
+      // the caret, and hover lights the ring.
+      ,
+      ...(IS_WEB ? {
+        onClick: () => inputRef.current?.focus(),
+        onMouseOver: onHoverIn,
+        onMouseOut: onHoverOut
+      } : undefined),
+      testID: testID ? `${testID}-shell` : undefined,
+      children: [/*#__PURE__*/_jsx(View, {
+        pointerEvents: "none",
+        style: [a.z_10, a.absolute, a.inset_0, {
+          borderRadius: TEXT_FIELD_RADIUS,
+          borderWidth: TEXT_FIELD_RING_WIDTH,
+          ...shell
+        }, TEXT_FIELD_WEB_TRANSITION]
+      }), value.map(tag => /*#__PURE__*/_jsx(Chip, {
+        size: TAG_CHIP_RUNG[size],
+        variant: "subtle",
+        color: tone,
+        surface: shell.backgroundColor,
+        disabled: field.disabled,
+        style: a.z_20
+        // `Chip` owns the close button — its glyph, its slot, its hit slop
+        // and, since `closeLabel`, its NAME. A row of pills whose buttons
+        // are all called "Remove" gives a screen reader no way to say which
+        // one it is about; the tag is the subject.
+        ,
+        closeLabel: labels.remove(tag),
+        onClose: field.disabled ? undefined : () => remove(tag),
+        testID: testID ? `${testID}-chip-${tag}` : undefined,
+        children: tag
+      }, tag)), /*#__PURE__*/_jsx(TextInput, {
+        ref: inputRef,
+        value: text,
+        onChangeText: handleChangeText,
+        onSubmitEditing: submit,
+        onKeyPress: handleKeyPress,
+        onFocus: () => setFocused(true),
+        onBlur: () => {
+          setFocused(false);
+          setActiveIndex(-1);
+        },
+        editable: !field.disabled && !full
+        // Whenever the caret is empty, not only when the field is: a box of
+        // chips with no visible caret and no prompt does not read as an input
+        // at all, which is what made this control a container with pills in it.
+        ,
+        placeholder: text === '' ? placeholder : undefined,
+        placeholderTextColor: placeholderColor,
+        blurOnSubmit: false,
+        autoCorrect: false,
+        nativeID: field.nativeID,
+        accessibilityLabel: field.accessibilityLabel,
+        "aria-describedby": describedBy,
+        "aria-invalid": field.invalid || undefined,
+        "aria-disabled": field.disabled || undefined,
+        accessibilityState: {
+          disabled: field.disabled
+        },
+        role: "combobox",
+        "aria-expanded": listOpen,
+        "aria-controls": listOpen ? listId : undefined,
+        "aria-activedescendant": listOpen && activeIndex >= 0 ? `${listId}-${activeIndex}` : undefined,
+        "aria-autocomplete": "list",
+        style: [a.relative, a.z_20, {
+          flex: 1,
+          minWidth: TAG_FIELD_INPUT_MIN_WIDTH,
+          // The caret's line IS a chip's line, so a chip and the text being
+          // typed after it sit on one baseline.
+          height: geometry.height - 2 * TAG_FIELD_SHELL_INSET,
+          color: field.disabled ? palette.textDisabled : palette.text,
+          fontFamily: SANS_FONT_FAMILY,
+          fontSize: TEXT_FIELD_TEXT.fontSize,
+          fontWeight: TEXT_FIELD_TEXT.fontWeight,
+          // The same `pl-1` the text field's own control carries, so the
+          // caret of an empty tag field starts where its neighbour's does.
+          paddingLeft: TEXT_FIELD_INPUT_INSET,
+          paddingRight: 0,
+          paddingTop: 0,
+          paddingBottom: 0,
+          textAlignVertical: 'center'
+        },
+        // A single-line iOS `TextInput` with a `lineHeight` sits its glyphs
+        // low, so the 20px line box is web's alone.
+        web({
+          lineHeight: TEXT_FIELD_TEXT.lineHeight
+        }), android({
+          includeFontPadding: false
+        }), WEB_INPUT_OUTLINE_RESET, field.disabled ? WEB_INPUT_DISABLED_CURSOR : undefined],
+        testID: testID ? `${testID}-input` : undefined
+      })]
+    }), hint ? /*#__PURE__*/_jsx(Text, {
+      nativeID: hintId,
+      variant: "caption-1-medium",
+      style: {
+        paddingTop: 1,
+        marginTop: TEXT_FIELD_STACK_GAP,
+        color: palette.hint
+      },
+      testID: testID ? `${testID}-hint` : undefined,
+      children: hint
+    }) : null, listOpen ? /*#__PURE__*/_jsx(View, {
+      nativeID: listId,
+      ...LIST_ROLE,
+      accessibilityLabel: labels.suggestions,
+      style: listPanel,
+      testID: testID ? `${testID}-suggestions` : undefined,
+      children: offered.map((suggestion, index) => {
+        const active = index === activeIndex;
+        const row = {
+          flexDirection: 'row',
+          alignItems: 'center',
+          justifyContent: 'space-between',
+          gap: TAG_FIELD_OPTION_GAP,
+          minHeight: TAG_FIELD_OPTION_MIN_HEIGHT,
+          padding: TAG_FIELD_OPTION_PADDING,
+          borderRadius: TAG_FIELD_OPTION_RADIUS,
+          backgroundColor: active ? menu.rowHighlight : 'transparent',
+          cursor: 'pointer'
+        };
+        return /*#__PURE__*/_jsxs(Pressable, {
+          nativeID: `${listId}-${index}`,
+          ...(IS_WEB ? {
+            // The combobox holds focus and points at the active row
+            // with `aria-activedescendant`; an option that is its own
+            // tab stop would take the caret away from the text being
+            // typed. `focusable={false}` does NOT do it —
+            // react-native-web's `Pressable` still emits
+            // `tabindex="0"` — so it is the web attribute, spelled
+            // the way `Chip`'s roving row spells it.
+            tabIndex: -1,
+            // AND the press must not move focus. A mousedown on the
+            // row blurs the caret, `focused` goes false, the list
+            // unmounts under the pointer and the click that would
+            // have chosen the suggestion lands on nothing: measured
+            // in Chrome, every suggestion was unclickable while the
+            // keyboard path worked perfectly. Preventing the
+            // mousedown's default keeps the caret; the click still
+            // fires.
+            onMouseDown: event => event.preventDefault()
+          } : null),
+          role: "option",
+          "aria-selected": active,
+          accessibilityState: {
+            selected: active
+          },
+          accessibilityLabel: suggestion.label ?? suggestion.value,
+          onPress: () => {
+            if (add(suggestion.value)) setText('');
+            setActiveIndex(-1);
+            inputRef.current?.focus();
+          },
+          onHoverIn: () => setActiveIndex(index),
+          style: row,
+          testID: testID ? `${testID}-suggestion-${suggestion.value}` : undefined,
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "body-medium",
+            numberOfLines: 1,
+            style: {
+              color: menu.text,
+              flexShrink: 1
+            },
+            children: suggestion.label ?? suggestion.value
+          }), suggestion.meta !== undefined ? /*#__PURE__*/_jsx(Text, {
+            variant: "caption-1-medium",
+            style: {
+              color: menu.textSecondary
+            },
+            children: suggestion.meta
+          }) : null]
+        }, suggestion.value);
+      })
+    }) : null]
+  });
+}
+TagField.displayName = 'TagField';
+//# sourceMappingURL=TagField.js.map

package/lib/module/tag-field/TagField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["normalizeBloomSize","React","useCallback","useId","useMemo","useRef","useState","Platform","Pressable","TextInput","View","Chip","useInheritedControl","useFieldMembership","DEFAULT_SIDE_OFFSET","useMenuPalette","useInteractionState","atoms","a","android","web","resolvePlaceholderColor","resolveShellPaint","SANS_FONT_FAMILY","TEXT_FIELD_GEOMETRY","TEXT_FIELD_INPUT_INSET","TEXT_FIELD_RADIUS","TEXT_FIELD_RING_WIDTH","TEXT_FIELD_STACK_GAP","TEXT_FIELD_TEXT","TEXT_FIELD_WEB_TRANSITION","useTextFieldPalette","Text","TAG_CHIP_RUNG","TAG_FIELD_GAP","TAG_FIELD_INPUT_MIN_WIDTH","TAG_FIELD_LIST_GAP","TAG_FIELD_LIST_PADDING","TAG_FIELD_LIST_RADIUS","TAG_FIELD_OPTION_GAP","TAG_FIELD_OPTION_MIN_HEIGHT","TAG_FIELD_OPTION_PADDING","TAG_FIELD_OPTION_RADIUS","TAG_FIELD_SHELL_INSET","commitTag","filterSuggestions","normalizeTag","jsx","_jsx","jsxs","_jsxs","IS_WEB","OS","LIST_ROLE","role","accessibilityRole","WEB_INPUT_OUTLINE_RESET","outlineWidth","outlineStyle","undefined","WEB_INPUT_DISABLED_CURSOR","cursor","DEFAULT_LABELS","remove","tag","full","max","suggestions","TagField","value","onChange","inputValue","onInputValueChange","placeholder","maxSuggestions","allowCreate","onMaxReached","normalize","tone","size","sizeProp","disabled","invalid","label","accessibilityLabel","nativeID","labels","labelsProp","style","testID","palette","menu","inputRef","reactId","listId","field","ownText","setOwnText","text","setText","next","state","hovered","onIn","onHoverIn","onOut","onHoverOut","focused","setFocused","activeIndex","setActiveIndex","length","known","map","entry","offered","listOpen","add","raw","result","rejected","filter","handleChangeText","includes","parts","split","tail","pop","list","part","submit","chosen","handleKeyPress","event","native","nativeEvent","isComposing","key","last","preventDefault","step","from","geometry","shell","placeholderColor","hint","hintId","describedBy","Boolean","join","listPanel","marginTop","padding","gap","borderRadius","borderWidth","borderColor","border","backgroundColor","surface","boxShadow","shadow","overflow","children","position","minHeight","height","paddingVertical","paddingHorizontal","flexDirection","alignItems","flexWrap","onClick","current","focus","onMouseOver","onMouseOut","pointerEvents","z_10","absolute","inset_0","variant","color","z_20","closeLabel","onClose","ref","onChangeText","onSubmitEditing","onKeyPress","onFocus","onBlur","editable","placeholderTextColor","blurOnSubmit","autoCorrect","accessibilityState","relative","flex","minWidth","textDisabled","fontFamily","fontSize","fontWeight","paddingLeft","paddingRight","paddingTop","paddingBottom","textAlignVertical","lineHeight","includeFontPadding","suggestion","index","active","row","justifyContent","rowHighlight","tabIndex","onMouseDown","selected","onPress","numberOfLines","flexShrink","meta","textSecondary","displayName"],"sourceRoot":"../../../src","sources":["tag-field/TagField.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/tag-field/constants.js

@@ -0,0 +1,65 @@
+"use strict";
+
+/**
+ * `TagField`'s geometry — the numbers that make the field one of `text-field`'s
+ * boxes rather than a lookalike, and the suggestion list one of Bloom's menus.
+ *
+ * They are literals here rather than inline in the component because two of
+ * them are CONSEQUENCES of `text-field`'s own table and go wrong in silence if
+ * they drift: the shell's vertical inset and the chip rung have to add back up
+ * to the rung height the field beside it is, or an empty `TagField` and an
+ * empty `TextFieldInput` in the same form are two different heights — which is
+ * exactly how this control stopped reading as a field.
+ */
+
+/**
+ * Room above and below a line of chips, inside the shell.
+ *
+ * The input is `TEXT_FIELD_GEOMETRY[size].height - 2 * this`, so an EMPTY tag
+ * field is exactly the text field's rung: 4 + 28 + 4 = 36 on `medium`.
+ */
+export const TAG_FIELD_SHELL_INSET = 4;
+
+/** Between two chips, and between the last chip and the caret. */
+export const TAG_FIELD_GAP = 6;
+
+/**
+ * The caret's floor. Below it the input wraps to a line of its own rather than
+ * shrinking to a slot too narrow to read what is being typed in.
+ */
+export const TAG_FIELD_INPUT_MIN_WIDTH = 120;
+
+/**
+ * The chip rung that FILLS the shell's inner height: `large` (28) inside the 36
+ * rung, `medium` (24) inside the 32 one. Not a smaller pill floating in the
+ * box — a chosen thing sits on the same line the caret does, which is what
+ * `mail-compose`'s recipient chips do inside their own row.
+ */
+export const TAG_CHIP_RUNG = {
+  medium: 'large',
+  small: 'medium',
+  xs: 'small',
+  sm: 'medium',
+  md: 'large',
+  lg: 'xl'
+};
+
+/* -------------------------------------------------------------------------- */
+/*  The suggestion list — the menu vocabulary, in normal flow                  */
+/* -------------------------------------------------------------------------- */
+
+/** `rounded-radius-16` — the corner every anchored Bloom surface takes. */
+export const TAG_FIELD_LIST_RADIUS = 16;
+/** `p-space-8` — the listbox panel's inset (`floating/constants.ts`). */
+export const TAG_FIELD_LIST_PADDING = 8;
+/** The panel's own row rhythm (`gap-space-4`). */
+export const TAG_FIELD_LIST_GAP = 4;
+/** `rounded-[10px]` — the menu row's corner. */
+export const TAG_FIELD_OPTION_RADIUS = 10;
+/** `p-space-8` — 8 on every side, which is what makes a one-line row 36 tall. */
+export const TAG_FIELD_OPTION_PADDING = 8;
+/** `gap-space-8` between a row's label and its meta. */
+export const TAG_FIELD_OPTION_GAP = 8;
+/** One menu row: 8 + a 20px line box + 8. */
+export const TAG_FIELD_OPTION_MIN_HEIGHT = 36;
+//# sourceMappingURL=constants.js.map

package/lib/module/tag-field/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TAG_FIELD_SHELL_INSET","TAG_FIELD_GAP","TAG_FIELD_INPUT_MIN_WIDTH","TAG_CHIP_RUNG","medium","small","xs","sm","md","lg","TAG_FIELD_LIST_RADIUS","TAG_FIELD_LIST_PADDING","TAG_FIELD_LIST_GAP","TAG_FIELD_OPTION_RADIUS","TAG_FIELD_OPTION_PADDING","TAG_FIELD_OPTION_GAP","TAG_FIELD_OPTION_MIN_HEIGHT"],"sourceRoot":"../../../src","sources":["tag-field/constants.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,qBAAqB,GAAG,CAAC;;AAEtC;AACA,OAAO,MAAMC,aAAa,GAAG,CAAC;;AAE9B;AACA;AACA;AACA;AACA,OAAO,MAAMC,yBAAyB,GAAG,GAAG;;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAuD,GAAG;EACrEC,MAAM,EAAE,OAAO;EACfC,KAAK,EAAE,QAAQ;EACfC,EAAE,EAAE,OAAO;EACXC,EAAE,EAAE,QAAQ;EACZC,EAAE,EAAE,OAAO;EACXC,EAAE,EAAE;AACN,CAAC;;AAED;AACA;AACA;;AAEA;AACA,OAAO,MAAMC,qBAAqB,GAAG,EAAE;AACvC;AACA,OAAO,MAAMC,sBAAsB,GAAG,CAAC;AACvC;AACA,OAAO,MAAMC,kBAAkB,GAAG,CAAC;AACnC;AACA,OAAO,MAAMC,uBAAuB,GAAG,EAAE;AACzC;AACA,OAAO,MAAMC,wBAAwB,GAAG,CAAC;AACzC;AACA,OAAO,MAAMC,oBAAoB,GAAG,CAAC;AACrC;AACA,OAAO,MAAMC,2BAA2B,GAAG,EAAE","ignoreList":[]}

package/lib/module/tag-field/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { TagField } from "./TagField.js";
+export { commitTag, filterSuggestions, isDuplicate, normalizeTag, toSuggestion } from "./shared.js";
+//# sourceMappingURL=index.js.map

package/lib/module/tag-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TagField","commitTag","filterSuggestions","isDuplicate","normalizeTag","toSuggestion"],"sourceRoot":"../../../src","sources":["tag-field/index.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,eAAY;AACrC,SAASC,SAAS,EAAEC,iBAAiB,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,QAAQ,aAAU","ignoreList":[]}

package/lib/module/tag-field/shared.js

@@ -0,0 +1,100 @@
+"use strict";
+
+/**
+ * The three decisions a tag input makes that have nothing to do with rendering:
+ * what a typed string BECOMES, whether it may be added, and what to offer next.
+ *
+ * They are here because every one of them is a silent failure in a component
+ * test: a duplicate that is added anyway renders a perfectly ordinary second
+ * chip, and a suggestion list that forgot to exclude what is already committed
+ * renders a perfectly ordinary list.
+ */
+
+/** The default normalisation: surrounding whitespace is not part of a tag. */
+export function normalizeTag(raw) {
+  return raw.trim();
+}
+
+/** A bare string suggestion is shorthand for `{ value }`. */
+export function toSuggestion(entry) {
+  return typeof entry === 'string' ? {
+    value: entry
+  } : entry;
+}
+
+/**
+ * Whether `candidate` is already in `value`.
+ *
+ * Case-INSENSITIVE, because "Design" and "design" are one tag to everybody
+ * except a string comparison, and a list that holds both is the bug a tag input
+ * exists to prevent. Callers that want them distinct pass their own `normalize`
+ * — which runs first, and can encode any answer including this one.
+ */
+export function isDuplicate(value, candidate) {
+  const key = candidate.toLocaleLowerCase();
+  return value.some(tag => tag.toLocaleLowerCase() === key);
+}
+/**
+ * Try to commit one typed string.
+ *
+ * **A duplicate is rejected QUIETLY.** No error, no shake, no hint: the tag the
+ * user asked for is already there, so the field is already in the state they
+ * wanted and telling them off for it is noise. Being FULL is the one refusal
+ * with a consequence a caller may want to announce, so it is the one that is
+ * named back.
+ */
+export function commitTag(value, raw, options = {}) {
+  const {
+    normalize = normalizeTag,
+    max,
+    allowCreate = true,
+    known
+  } = options;
+  const tag = normalize(raw);
+  if (tag === '') return {
+    next: null,
+    rejected: 'empty'
+  };
+  if (isDuplicate(value, tag)) return {
+    next: null,
+    rejected: 'duplicate'
+  };
+  if (!allowCreate) {
+    const inVocabulary = (known ?? []).some(entry => entry.toLocaleLowerCase() === tag.toLocaleLowerCase());
+    if (!inVocabulary) return {
+      next: null,
+      rejected: 'unknown'
+    };
+  }
+  if (max !== undefined && value.length >= max) return {
+    next: null,
+    rejected: 'full'
+  };
+  return {
+    next: [...value, tag]
+  };
+}
+
+/**
+ * What to offer, given what is typed and what is already committed.
+ *
+ * Committed tags are excluded — offering one that is already a chip is offering
+ * a no-op. The match is a case-insensitive SUBSTRING rather than a prefix: tag
+ * vocabularies are compound ("Q3 planning", "planning — legacy") and a prefix
+ * match hides the entry the typist was looking for.
+ */
+export function filterSuggestions(suggestions, query, committed, limit) {
+  const q = query.trim().toLocaleLowerCase();
+  const out = [];
+  for (const entry of suggestions) {
+    const suggestion = toSuggestion(entry);
+    if (isDuplicate(committed, suggestion.value)) continue;
+    if (q !== '' && !`${suggestion.value} ${suggestion.label ?? ''}`.toLocaleLowerCase().includes(q)) {
+      continue;
+    }
+    out.push(suggestion);
+    if (out.length >= limit) break;
+  }
+  return out;
+}
+//# sourceMappingURL=shared.js.map