@dbcdk/react-components 0.0.194 → 0.0.196

package/dist/components/line-viewer/tokenizeLineFormat.cjs

@@ -1,34 +1,51 @@
 'use strict';
 
-const FIELD_LINE_PATTERN = /^(\S+)(\s+)(\S+)(\s+)(\*[\s\S]*)$/;
+const FIELD_LINE_PATTERN = /^(\d{3})(\s+)(?:((?!\*)\S+)(\s+))?(\*[\s\S]*)$/;
 const SUBFIELD_PATTERN = /\*(\S)([^*]*)/g;
+function tokenizeSubfields(text) {
+  const tokens = [];
+  SUBFIELD_PATTERN.lastIndex = 0;
+  let match;
+  let lastIndex = 0;
+  while (match = SUBFIELD_PATTERN.exec(text)) {
+    if (match.index > lastIndex) {
+      tokens.push({ type: "text", value: text.slice(lastIndex, match.index) });
+    }
+    tokens.push({ type: "subfieldMarker", value: "*" });
+    tokens.push({ type: "subfieldCode", value: match[1] });
+    tokens.push({ type: "value", value: match[2] });
+    lastIndex = SUBFIELD_PATTERN.lastIndex;
+  }
+  if (lastIndex < text.length) {
+    tokens.push({ type: "text", value: text.slice(lastIndex) });
+  }
+  return tokens;
+}
+function tokenizeContinuationLine(line, continuesValue) {
+  const tokens = tokenizeSubfields(line);
+  if (!continuesValue) return tokens;
+  return tokens.map((token) => token.type === "text" ? { ...token, type: "value" } : token);
+}
 function tokenizeFieldLine(line) {
   const match = FIELD_LINE_PATTERN.exec(line);
-  if (!match) return [{ type: "text", value: line }];
+  if (!match) return tokenizeContinuationLine(line, false);
   const [, tag, gap1, indicator, gap2, rest] = match;
   const tokens = [
     { type: "tag", value: tag },
-    { type: "whitespace", value: gap1 },
-    { type: "indicator", value: indicator },
-    { type: "whitespace", value: gap2 }
+    { type: "whitespace", value: gap1 }
   ];
-  SUBFIELD_PATTERN.lastIndex = 0;
-  let match2;
-  let lastIndex = 0;
-  while (match2 = SUBFIELD_PATTERN.exec(rest)) {
-    tokens.push({ type: "subfieldMarker", value: "*" });
-    tokens.push({ type: "subfieldCode", value: match2[1] });
-    tokens.push({ type: "value", value: match2[2] });
-    lastIndex = SUBFIELD_PATTERN.lastIndex;
-  }
-  if (lastIndex < rest.length) {
-    tokens.push({ type: "text", value: rest.slice(lastIndex) });
+  if (indicator !== void 0) {
+    tokens.push({ type: "indicator", value: indicator });
+    tokens.push({ type: "whitespace", value: gap2 });
   }
+  tokens.push(...tokenizeSubfields(rest));
   return tokens;
 }
 function tokenizeLineFormat(source) {
+  var _a;
   const tokens = [];
   const chunks = source.split(/(\n)/);
+  let continuesValue = false;
   for (const chunk of chunks) {
     if (chunk === "") continue;
     if (chunk === "\n") {
@@ -42,9 +59,12 @@ function tokenizeLineFormat(source) {
       if (leading) tokens.push({ type: "text", value: leading });
       tokens.push({ type: "terminator", value: "$" });
       if (trailing) tokens.push({ type: "text", value: trailing });
+      continuesValue = false;
       continue;
     }
-    tokens.push(...tokenizeFieldLine(chunk));
+    const lineTokens = FIELD_LINE_PATTERN.test(chunk) ? tokenizeFieldLine(chunk) : tokenizeContinuationLine(chunk, continuesValue);
+    tokens.push(...lineTokens);
+    continuesValue = ((_a = lineTokens[lineTokens.length - 1]) == null ? void 0 : _a.type) === "value";
   }
   return tokens;
 }

package/dist/components/line-viewer/tokenizeLineFormat.d.ts

@@ -4,11 +4,12 @@ export interface LineToken {
     value: string;
 }
 /**
- * Tokenizes a MARC-style "line format" record (field tag, indicators,
- * `*code value` subfields, terminated by a lone `$`) for syntax
+ * Tokenizes a MARC-style "line format" record (field tag, optional
+ * indicators, `*code value` subfields, terminated by a lone `$`) for syntax
  * highlighting without imposing a strict grammar. Preserves the source
  * exactly - concatenating every token's `value` reproduces the input - so a
- * wrapped continuation line or malformed field still displays as plain
- * text instead of breaking the tokenizer.
+ * wrapped continuation after a subfield value retains value styling, while a
+ * standalone malformed line displays as plain text instead of breaking the
+ * tokenizer.
  */
 export declare function tokenizeLineFormat(source: string): LineToken[];

package/dist/components/line-viewer/tokenizeLineFormat.js

@@ -1,32 +1,49 @@
-const FIELD_LINE_PATTERN = /^(\S+)(\s+)(\S+)(\s+)(\*[\s\S]*)$/;
+const FIELD_LINE_PATTERN = /^(\d{3})(\s+)(?:((?!\*)\S+)(\s+))?(\*[\s\S]*)$/;
 const SUBFIELD_PATTERN = /\*(\S)([^*]*)/g;
+function tokenizeSubfields(text) {
+  const tokens = [];
+  SUBFIELD_PATTERN.lastIndex = 0;
+  let match;
+  let lastIndex = 0;
+  while (match = SUBFIELD_PATTERN.exec(text)) {
+    if (match.index > lastIndex) {
+      tokens.push({ type: "text", value: text.slice(lastIndex, match.index) });
+    }
+    tokens.push({ type: "subfieldMarker", value: "*" });
+    tokens.push({ type: "subfieldCode", value: match[1] });
+    tokens.push({ type: "value", value: match[2] });
+    lastIndex = SUBFIELD_PATTERN.lastIndex;
+  }
+  if (lastIndex < text.length) {
+    tokens.push({ type: "text", value: text.slice(lastIndex) });
+  }
+  return tokens;
+}
+function tokenizeContinuationLine(line, continuesValue) {
+  const tokens = tokenizeSubfields(line);
+  if (!continuesValue) return tokens;
+  return tokens.map((token) => token.type === "text" ? { ...token, type: "value" } : token);
+}
 function tokenizeFieldLine(line) {
   const match = FIELD_LINE_PATTERN.exec(line);
-  if (!match) return [{ type: "text", value: line }];
+  if (!match) return tokenizeContinuationLine(line, false);
   const [, tag, gap1, indicator, gap2, rest] = match;
   const tokens = [
     { type: "tag", value: tag },
-    { type: "whitespace", value: gap1 },
-    { type: "indicator", value: indicator },
-    { type: "whitespace", value: gap2 }
+    { type: "whitespace", value: gap1 }
   ];
-  SUBFIELD_PATTERN.lastIndex = 0;
-  let match2;
-  let lastIndex = 0;
-  while (match2 = SUBFIELD_PATTERN.exec(rest)) {
-    tokens.push({ type: "subfieldMarker", value: "*" });
-    tokens.push({ type: "subfieldCode", value: match2[1] });
-    tokens.push({ type: "value", value: match2[2] });
-    lastIndex = SUBFIELD_PATTERN.lastIndex;
-  }
-  if (lastIndex < rest.length) {
-    tokens.push({ type: "text", value: rest.slice(lastIndex) });
+  if (indicator !== void 0) {
+    tokens.push({ type: "indicator", value: indicator });
+    tokens.push({ type: "whitespace", value: gap2 });
   }
+  tokens.push(...tokenizeSubfields(rest));
   return tokens;
 }
 function tokenizeLineFormat(source) {
+  var _a;
   const tokens = [];
   const chunks = source.split(/(\n)/);
+  let continuesValue = false;
   for (const chunk of chunks) {
     if (chunk === "") continue;
     if (chunk === "\n") {
@@ -40,9 +57,12 @@ function tokenizeLineFormat(source) {
       if (leading) tokens.push({ type: "text", value: leading });
       tokens.push({ type: "terminator", value: "$" });
       if (trailing) tokens.push({ type: "text", value: trailing });
+      continuesValue = false;
       continue;
     }
-    tokens.push(...tokenizeFieldLine(chunk));
+    const lineTokens = FIELD_LINE_PATTERN.test(chunk) ? tokenizeFieldLine(chunk) : tokenizeContinuationLine(chunk, continuesValue);
+    tokens.push(...lineTokens);
+    continuesValue = ((_a = lineTokens[lineTokens.length - 1]) == null ? void 0 : _a.type) === "value";
   }
   return tokens;
 }

package/dist/components/menu/Menu.cjs

@@ -192,13 +192,7 @@ const MenuCheckItem = React__namespace.forwardRef(
     className,
     ...liProps
   }, ref) => {
-    const isSelected = checked;
-    const interactiveClass = [
-      styles__default.default.interactiveChild,
-      styles__default.default.item,
-      active ? styles__default.default.active : "",
-      isSelected ? styles__default.default.selected : ""
-    ].filter(Boolean).join(" ");
+    const interactiveClass = [styles__default.default.interactiveChild, styles__default.default.item, active ? styles__default.default.active : ""].filter(Boolean).join(" ");
     return /* @__PURE__ */ jsxRuntime.jsx(
       "li",
       {
@@ -212,7 +206,6 @@ const MenuCheckItem = React__namespace.forwardRef(
             ref: interactiveRef,
             role: interactiveProps == null ? void 0 : interactiveProps.role,
             tabIndex: -1,
-            "aria-selected": isSelected || void 0,
             "aria-disabled": disabled || void 0,
             className: interactiveClass,
             ...interactiveProps,
@@ -265,12 +258,7 @@ const MenuRadioItem = React__namespace.forwardRef(
     ...liProps
   }, ref) => {
     var _a, _b;
-    const interactiveClass = [
-      styles__default.default.interactiveChild,
-      styles__default.default.item,
-      active ? styles__default.default.active : "",
-      checked ? styles__default.default.selected : ""
-    ].filter(Boolean).join(" ");
+    const interactiveClass = [styles__default.default.interactiveChild, styles__default.default.item, active ? styles__default.default.active : ""].filter(Boolean).join(" ");
     return /* @__PURE__ */ jsxRuntime.jsx(
       "li",
       {
@@ -285,7 +273,6 @@ const MenuRadioItem = React__namespace.forwardRef(
             role: (_a = interactiveProps == null ? void 0 : interactiveProps.role) != null ? _a : "menuitemradio",
             tabIndex: (_b = interactiveProps == null ? void 0 : interactiveProps.tabIndex) != null ? _b : 0,
             "aria-checked": checked || void 0,
-            "aria-selected": checked || void 0,
             "aria-disabled": disabled || void 0,
             className: interactiveClass,
             ...interactiveProps,
@@ -343,13 +330,7 @@ const MenuSwitchItem = React__namespace.forwardRef(
     className,
     ...liProps
   }, ref) => {
-    const isSelected = checked;
-    const interactiveClass = [
-      styles__default.default.interactiveChild,
-      styles__default.default.item,
-      active ? styles__default.default.active : "",
-      isSelected ? styles__default.default.selected : ""
-    ].filter(Boolean).join(" ");
+    const interactiveClass = [styles__default.default.interactiveChild, styles__default.default.item, active ? styles__default.default.active : ""].filter(Boolean).join(" ");
     return /* @__PURE__ */ jsxRuntime.jsx(
       "li",
       {
@@ -363,7 +344,6 @@ const MenuSwitchItem = React__namespace.forwardRef(
             ref: interactiveRef,
             role: interactiveProps == null ? void 0 : interactiveProps.role,
             tabIndex: -1,
-            "aria-selected": isSelected || void 0,
             "aria-disabled": disabled || void 0,
             className: interactiveClass,
             ...interactiveProps,

package/dist/components/menu/Menu.js

@@ -167,13 +167,7 @@ const MenuCheckItem = React.forwardRef(
     className,
     ...liProps
   }, ref) => {
-    const isSelected = checked;
-    const interactiveClass = [
-      styles.interactiveChild,
-      styles.item,
-      active ? styles.active : "",
-      isSelected ? styles.selected : ""
-    ].filter(Boolean).join(" ");
+    const interactiveClass = [styles.interactiveChild, styles.item, active ? styles.active : ""].filter(Boolean).join(" ");
     return /* @__PURE__ */ jsx(
       "li",
       {
@@ -187,7 +181,6 @@ const MenuCheckItem = React.forwardRef(
             ref: interactiveRef,
             role: interactiveProps == null ? void 0 : interactiveProps.role,
             tabIndex: -1,
-            "aria-selected": isSelected || void 0,
             "aria-disabled": disabled || void 0,
             className: interactiveClass,
             ...interactiveProps,
@@ -240,12 +233,7 @@ const MenuRadioItem = React.forwardRef(
     ...liProps
   }, ref) => {
     var _a, _b;
-    const interactiveClass = [
-      styles.interactiveChild,
-      styles.item,
-      active ? styles.active : "",
-      checked ? styles.selected : ""
-    ].filter(Boolean).join(" ");
+    const interactiveClass = [styles.interactiveChild, styles.item, active ? styles.active : ""].filter(Boolean).join(" ");
     return /* @__PURE__ */ jsx(
       "li",
       {
@@ -260,7 +248,6 @@ const MenuRadioItem = React.forwardRef(
             role: (_a = interactiveProps == null ? void 0 : interactiveProps.role) != null ? _a : "menuitemradio",
             tabIndex: (_b = interactiveProps == null ? void 0 : interactiveProps.tabIndex) != null ? _b : 0,
             "aria-checked": checked || void 0,
-            "aria-selected": checked || void 0,
             "aria-disabled": disabled || void 0,
             className: interactiveClass,
             ...interactiveProps,
@@ -318,13 +305,7 @@ const MenuSwitchItem = React.forwardRef(
     className,
     ...liProps
   }, ref) => {
-    const isSelected = checked;
-    const interactiveClass = [
-      styles.interactiveChild,
-      styles.item,
-      active ? styles.active : "",
-      isSelected ? styles.selected : ""
-    ].filter(Boolean).join(" ");
+    const interactiveClass = [styles.interactiveChild, styles.item, active ? styles.active : ""].filter(Boolean).join(" ");
     return /* @__PURE__ */ jsx(
       "li",
       {
@@ -338,7 +319,6 @@ const MenuSwitchItem = React.forwardRef(
             ref: interactiveRef,
             role: interactiveProps == null ? void 0 : interactiveProps.role,
             tabIndex: -1,
-            "aria-selected": isSelected || void 0,
             "aria-disabled": disabled || void 0,
             className: interactiveClass,
             ...interactiveProps,

package/dist/components/menu/Menu.module.css

@@ -184,9 +184,10 @@
   background-color: var(--color-bg-selected-hover);
 }
 
-/* Checked (legacy support; kept in case any interactive element still uses aria-checked) */
-.interactive[aria-checked='true'],
-.row > .interactiveChild[aria-checked='true'] {
+/* Checked (legacy support; kept in case any interactive element still uses aria-checked).
+   Menu.CheckItem/RadioItem/SwitchItem wrappers (.interactiveChild) are excluded on purpose:
+   their control already shows the checked state. */
+.interactive[aria-checked='true'] {
   background-color: var(--color-bg-selected);
   color: var(--color-fg-default);
 }

package/dist/components/metric-tile/MetricTile.cjs

@@ -1,8 +1,9 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
-var client = require('../../client');
+var Tooltip = require('../../components/overlay/tooltip/Tooltip');
 var styles = require('./MetricTile.module.css');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -88,7 +89,7 @@ const MetricTileBase = ({
       onClick == null ? void 0 : onClick();
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(client.Tooltip, { content: tooltip, placement: "bottom", children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, { content: tooltip, placement: "bottom", children: /* @__PURE__ */ jsxRuntime.jsxs(
     "span",
     {
       className: styles__default.default.tile,

package/dist/components/metric-tile/MetricTile.js

@@ -1,6 +1,7 @@
+'use client';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { Children, isValidElement } from 'react';
-import { Tooltip } from '../../client';
+import { Tooltip } from '../../components/overlay/tooltip/Tooltip';
 import styles from './MetricTile.module.css';
 
 function toSize(v) {

package/dist/components/overlay/tooltip/Tooltip.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
@@ -26,7 +27,9 @@ function Tooltip({
   open,
   offset = 8,
   delayOpenMs,
-  delayCloseMs
+  delayCloseMs,
+  focusOpenMode,
+  closeOnPointerDown
 }) {
   var _a;
   const { triggerProps } = useTooltipTrigger.useTooltipTrigger({
@@ -35,7 +38,9 @@ function Tooltip({
     offset,
     open,
     delayOpenMs,
-    delayCloseMs
+    delayCloseMs,
+    focusOpenMode,
+    closeOnPointerDown
   });
   if (!content) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   const child = children;

package/dist/components/overlay/tooltip/Tooltip.d.ts

@@ -8,5 +8,11 @@ export interface TooltipProps {
     offset?: number;
     delayOpenMs?: number;
     delayCloseMs?: number;
+    /**
+     * When the tooltip should open on focus: only for keyboard focus (default),
+     * for any focus (e.g. clicking into an input), or never.
+     */
+    focusOpenMode?: 'focus-visible' | 'any' | 'off';
+    closeOnPointerDown?: boolean;
 }
-export declare function Tooltip({ children, content, placement, open, offset, delayOpenMs, delayCloseMs, }: TooltipProps): ReactElement;
+export declare function Tooltip({ children, content, placement, open, offset, delayOpenMs, delayCloseMs, focusOpenMode, closeOnPointerDown, }: TooltipProps): ReactElement;

package/dist/components/overlay/tooltip/Tooltip.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { cloneElement } from 'react';
 import { useTooltipTrigger } from './useTooltipTrigger';
@@ -24,7 +25,9 @@ function Tooltip({
   open,
   offset = 8,
   delayOpenMs,
-  delayCloseMs
+  delayCloseMs,
+  focusOpenMode,
+  closeOnPointerDown
 }) {
   var _a;
   const { triggerProps } = useTooltipTrigger({
@@ -33,7 +36,9 @@ function Tooltip({
     offset,
     open,
     delayOpenMs,
-    delayCloseMs
+    delayCloseMs,
+    focusOpenMode,
+    closeOnPointerDown
   });
   if (!content) return /* @__PURE__ */ jsx(Fragment, { children });
   const child = children;

package/dist/components/overlay/tooltip/useTooltipTrigger.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');
@@ -24,6 +25,7 @@ function useTooltipTrigger(options) {
   const isOpen = isControlled ? !!open : uncontrolledOpen;
   const openTimer = react.useRef(null);
   const closeTimer = react.useRef(null);
+  const openedByFocusRef = react.useRef(false);
   const clearTimers = () => {
     if (openTimer.current) window.clearTimeout(openTimer.current);
     if (closeTimer.current) window.clearTimeout(closeTimer.current);
@@ -79,6 +81,7 @@ function useTooltipTrigger(options) {
   const onPointerLeave = () => {
     clearTimers();
     if (isControlled) return;
+    if (openedByFocusRef.current) return;
     closeTimer.current = window.setTimeout(() => setOpen(false), delayCloseMs);
   };
   const onPointerDown = () => {
@@ -89,12 +92,15 @@ function useTooltipTrigger(options) {
     clearTimers();
     if (focusOpenMode === "off") return;
     const shouldOpen = focusOpenMode === "any" || e.currentTarget.matches(":focus-visible");
-    if (!isControlled && shouldOpen) {
+    if (!shouldOpen) return;
+    openedByFocusRef.current = true;
+    if (!isControlled) {
       openTimer.current = window.setTimeout(() => setOpen(true), delayOpenMs);
     }
   };
   const onBlur = () => {
     clearTimers();
+    openedByFocusRef.current = false;
     if (!isControlled) setOpen(false);
   };
   return {

package/dist/components/overlay/tooltip/useTooltipTrigger.js

@@ -1,3 +1,4 @@
+'use client';
 import { useContext, useId, useRef, useState, useCallback, useEffect } from 'react';
 import { TooltipContext } from './TooltipProvider';
 
@@ -22,6 +23,7 @@ function useTooltipTrigger(options) {
   const isOpen = isControlled ? !!open : uncontrolledOpen;
   const openTimer = useRef(null);
   const closeTimer = useRef(null);
+  const openedByFocusRef = useRef(false);
   const clearTimers = () => {
     if (openTimer.current) window.clearTimeout(openTimer.current);
     if (closeTimer.current) window.clearTimeout(closeTimer.current);
@@ -77,6 +79,7 @@ function useTooltipTrigger(options) {
   const onPointerLeave = () => {
     clearTimers();
     if (isControlled) return;
+    if (openedByFocusRef.current) return;
     closeTimer.current = window.setTimeout(() => setOpen(false), delayCloseMs);
   };
   const onPointerDown = () => {
@@ -87,12 +90,15 @@ function useTooltipTrigger(options) {
     clearTimers();
     if (focusOpenMode === "off") return;
     const shouldOpen = focusOpenMode === "any" || e.currentTarget.matches(":focus-visible");
-    if (!isControlled && shouldOpen) {
+    if (!shouldOpen) return;
+    openedByFocusRef.current = true;
+    if (!isControlled) {
       openTimer.current = window.setTimeout(() => setOpen(true), delayOpenMs);
     }
   };
   const onBlur = () => {
     clearTimers();
+    openedByFocusRef.current = false;
     if (!isControlled) setOpen(false);
   };
   return {

package/dist/components/page-layout/PageLayout.module.css

@@ -1,6 +1,6 @@
 /* When PageLayout owns scrolling, the body shouldn't reserve scrollbar gutter space.
    This prevents the right-side gap that body { overflow-y: scroll } would otherwise create. */
-:global(body):has([data-contain-scrolling]) {
+:global(body):has(.root[data-contain-scrolling]) {
   overflow: hidden;
 }