@hjmds/react 1.7.0 → 1.9.0

package/dist/sortable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortable.js","sourceRoot":"","sources":["../src/sortable.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useLayoutEffect, useRef, useState, useMemo, type ReactNode } from \"react\";\nimport { Accessibility, type DragStartEvent, type DragEndEvent } from \"@dnd-kit/dom\";\nimport { DragDropProvider } from \"@dnd-kit/react\";\nimport { useSortable, isSortable } from \"@dnd-kit/react/sortable\";\nimport { reorderIntent, validateItems, type SortableItem, type SortableLabels, type ReorderIntent } from \"@hjmds/design-contracts/components/interaction-adapters\";\nimport { Button } from \"./actions.js\";\nimport { useHjmTheme } from \"./provider.js\";\n\nexport type SortableCollectionProps = {\n  items: readonly SortableItem[]; label: string; labels: SortableLabels;\n  renderItem(item: SortableItem): ReactNode;\n  onCommit(intent: ReorderIntent): void; onCancel?(): void; disabled?: boolean;\n};\nfunction Row({ item, index, children, disabled, reduced, labels, move, count }: {\n  item: SortableItem; index: number; children: ReactNode; disabled: boolean; reduced: boolean;\n  labels: SortableLabels; move(to: number): void; count: number;\n}) {\n  const { ref, handleRef } = useSortable({ id: item.id, index, disabled: disabled || item.disabled === true,\n    ...(reduced ? { transition: null } : {}) });\n  return <li ref={ref} data-item-id={item.id} style={{ display: \"grid\", gridTemplateColumns: \"auto minmax(0, 1fr)\", alignItems: \"center\", gap: \"var(--hjm-space-sm)\", paddingBlock: \"var(--hjm-space-xs)\" }}>\n    <Button ref={handleRef} tone=\"ghost\" type=\"button\" disabled={disabled || item.disabled} aria-label={labels.handle(item)}\n      style={{ minWidth: 44, minHeight: 44, touchAction: \"none\", cursor: \"grab\" }}>⠿</Button>\n    <div style={{ minWidth: 0, overflowWrap: \"anywhere\" }}>{children}</div>\n    {/* Separate action line preserves readable item labels at 200% text in narrow hosts. */}\n    <div style={{ gridColumn: \"1 / -1\", display: \"flex\", flexWrap: \"wrap\", gap: \"var(--hjm-space-xs)\" }}>\n      <Button tone=\"ghost\" disabled={disabled || item.disabled || index === 0} onClick={() => move(index - 1)}>{labels.previous(item)}</Button>\n      <Button tone=\"ghost\" disabled={disabled || item.disabled || index === count - 1} onClick={() => move(index + 1)}>{labels.next(item)}</Button>\n    </div>\n  </li>;\n}\n/** Small controlled collections only; persistence and rollback belong to the host. */\nexport function SortableCollection(props: SortableCollectionProps) {\n  validateItems(props.items);\n  if (!props.label.trim()) throw new TypeError(\"SortableCollection needs a label\");\n  const { environment } = useHjmTheme();\n  const [announcement, setAnnouncement] = useState(\"\");\n  const latest = useRef(props); latest.current = props;\n  const accessibility = useMemo(() => Accessibility.configure({\n    screenReaderInstructions: { draggable: props.labels.instructions },\n    announcements: {\n      dragstart: ({ operation }: DragStartEvent) => {\n        const item = latest.current.items.find(i => i.id === operation.source?.id);\n        return item ? latest.current.labels.dragStart(item) : undefined;\n      },\n      dragend: ({ canceled }: DragEndEvent) => canceled ? latest.current.labels.dragCancel : undefined,\n      // HJM emits the accepted controlled position, never raw upstream IDs.\n      dragover: () => undefined, dragmove: () => undefined,\n    },\n  }), [props.labels.instructions]);\n  const plugins = useCallback((defaults: readonly unknown[]) => [...defaults.filter(plugin => plugin !== Accessibility), accessibility],\n    // A fresh function every render made the provider reassign manager.plugins on each render (2026-09-30 review).\n    [accessibility]) as unknown as NonNullable<Parameters<typeof DragDropProvider>[0][\"plugins\"]>;\n  const list = useRef<HTMLUListElement>(null);\n  // Moving a row re-parents its DOM node, and an edge move disables the pressed button: both dropped focus to\n  // <body> after a keyboard reorder. Refocus the moved row once the host has accepted the new order.\n  const refocus = useRef<{ id: string; direction: \"previous\" | \"next\" } | null>(null);\n  const snapshot = useRef(\"\");\n  const signature = JSON.stringify(props.items);\n  useLayoutEffect(() => {\n    const pending = refocus.current;\n    if (!pending) return;\n    const row = list.current?.querySelector<HTMLElement>(`[data-item-id=\"${CSS.escape(pending.id)}\"]`);\n    if (!row) return;\n    refocus.current = null;\n    const [handle, previous, next] = [...row.querySelectorAll<HTMLButtonElement>(\"button\")];\n    const preferred = pending.direction === \"previous\" ? previous : next;\n    const fallback = pending.direction === \"previous\" ? next : previous;\n    (preferred && !preferred.disabled ? preferred : fallback && !fallback.disabled ? fallback : handle)?.focus();\n    // Announce only once the controlled order reflects the move, never a proposed position.\n    const index = props.items.findIndex(item => item.id === pending.id);\n    if (index >= 0) setAnnouncement(props.labels.position(props.items[index]!, index + 1, props.items.length));\n  }, [signature]); // eslint-disable-line react-hooks/exhaustive-deps\n  const commit = (id: string, to: number, source: ReorderIntent[\"source\"]) => {\n    if (props.disabled) return;\n    const intent = reorderIntent(props.items, id, to, source);\n    if (!intent) {\n      // A rejected drag (fixed row in range, same index) must still end the host's drag session.\n      if (source === \"drag\") props.onCancel?.();\n      return;\n    }\n    if (source === \"keyboard\") refocus.current = { id, direction: intent.toIndex < intent.fromIndex ? \"previous\" : \"next\" };\n    else refocus.current = { id, direction: \"next\" };\n    props.onCommit(intent);\n  };\n  return <DragDropProvider plugins={plugins} onDragStart={() => { snapshot.current = signature; }} onDragEnd={event => {\n    if (event.canceled || snapshot.current !== signature) { props.onCancel?.(); return; }\n    const source = event.operation.source;\n    if (source && isSortable(source)) commit(String(source.id), source.index, \"drag\");\n  }}>\n    <ul ref={list} aria-label={props.label} style={{ listStyle: \"none\", margin: 0, padding: 0 }}>\n      {props.items.map((item, index) => <Row key={item.id} item={item} index={index} count={props.items.length}\n        disabled={props.disabled ?? false} reduced={environment.reducedMotion} labels={props.labels}\n        move={to => commit(item.id, to, \"keyboard\")}>{props.renderItem(item)}</Row>)}\n    </ul>\n    <span role=\"status\" style={{ position: \"absolute\", width: 1, height: 1, overflow: \"hidden\", clipPath: \"inset(50%)\" }}>{announcement}</span>\n  </DragDropProvider>;\n}\n"]}

package/dist/statistic-motion.d.ts

@@ -0,0 +1,12 @@
+import { type StatisticProps } from "./advanced-display.js";
+export type AnimatedStatisticProps = Omit<StatisticProps, "descriptor" | "renderValue"> & {
+    descriptor: Omit<StatisticProps["descriptor"], "value">;
+    value: number;
+    /** Explicit locale keeps server/client formatting deterministic. */
+    locale: string;
+    format?: Intl.NumberFormatOptions;
+    animated?: boolean;
+};
+/** NumberFlow stays outside the base Statistic graph and its accessible text. */
+export declare function AnimatedStatistic({ descriptor, value, locale, format, animated, ...props }: AnimatedStatisticProps): import("react").JSX.Element;
+//# sourceMappingURL=statistic-motion.d.ts.map

package/dist/statistic-motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"statistic-motion.d.ts","sourceRoot":"","sources":["../src/statistic-motion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvE,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,aAAa,CAAC,GAAG;IACxF,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,iFAAiF;AACjF,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAe,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,+BAgBzH"}

package/dist/statistic-motion.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import NumberFlow from "@number-flow/react";
+import { Statistic } from "./advanced-display.js";
+import { useHjmTheme } from "./provider.js";
+/** NumberFlow stays outside the base Statistic graph and its accessible text. */
+export function AnimatedStatistic({ descriptor, value, locale, format, animated = true, ...props }) {
+    const theme = useHjmTheme();
+    if (!Number.isFinite(value))
+        throw new TypeError("AnimatedStatistic value must be finite");
+    const formatter = new Intl.NumberFormat(locale, format);
+    const text = formatter.format(value);
+    // Upstream cannot animate non-Latin digits, RTL or exponent notation reliably.
+    // Preserve Intl output instead of transliterating the user's number format.
+    const canAnimate = animated && !theme.environment.reducedMotion &&
+        theme.environment.direction !== "rtl" && formatter.resolvedOptions().numberingSystem === "latn" &&
+        !/^(ar|fa|he|ur)(-|$)/i.test(locale) &&
+        !["scientific", "engineering"].includes(format?.notation ?? "standard");
+    const animatedFormat = { ...format, notation: format?.notation === "compact" ? "compact" : "standard" };
+    return _jsx(Statistic, { ...props, descriptor: { ...descriptor, value: text }, renderValue: () => canAnimate
+            ? _jsx(NumberFlow, { value: value, locales: locale, format: animatedFormat, respectMotionPreference: true })
+            : text });
+}
+//# sourceMappingURL=statistic-motion.js.map

package/dist/statistic-motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"statistic-motion.js","sourceRoot":"","sources":["../src/statistic-motion.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAuB,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAW5C,iFAAiF;AACjF,MAAM,UAAU,iBAAiB,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,KAAK,EAA0B;IACxH,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAC5B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,MAAM,IAAI,SAAS,CAAC,wCAAwC,CAAC,CAAC;IAC3F,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxD,MAAM,IAAI,GAAG,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACrC,+EAA+E;IAC/E,4EAA4E;IAC5E,MAAM,UAAU,GAAG,QAAQ,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa;QAC7D,KAAK,CAAC,WAAW,CAAC,SAAS,KAAK,KAAK,IAAI,SAAS,CAAC,eAAe,EAAE,CAAC,eAAe,KAAK,MAAM;QAC/F,CAAC,sBAAsB,CAAC,IAAI,CAAC,MAAM,CAAC;QACpC,CAAC,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,IAAI,UAAU,CAAC,CAAC;IAC1E,MAAM,cAAc,GAAG,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,SAAkB,CAAC,CAAC,CAAC,UAAmB,EAAE,CAAC;IAC1H,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,UAAU,EAAE,EAAE,GAAG,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,EACrE,WAAW,EAAE,GAAG,EAAE,CAAC,UAAU;YAC3B,CAAC,CAAC,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,uBAAuB,SAAG;YAC/F,CAAC,CAAC,IAAI,GAAI,CAAC;AACjB,CAAC","sourcesContent":["import NumberFlow from \"@number-flow/react\";\nimport { Statistic, type StatisticProps } from \"./advanced-display.js\";\nimport { useHjmTheme } from \"./provider.js\";\n\nexport type AnimatedStatisticProps = Omit<StatisticProps, \"descriptor\" | \"renderValue\"> & {\n  descriptor: Omit<StatisticProps[\"descriptor\"], \"value\">;\n  value: number;\n  /** Explicit locale keeps server/client formatting deterministic. */\n  locale: string;\n  format?: Intl.NumberFormatOptions;\n  animated?: boolean;\n};\n\n/** NumberFlow stays outside the base Statistic graph and its accessible text. */\nexport function AnimatedStatistic({ descriptor, value, locale, format, animated = true, ...props }: AnimatedStatisticProps) {\n  const theme = useHjmTheme();\n  if (!Number.isFinite(value)) throw new TypeError(\"AnimatedStatistic value must be finite\");\n  const formatter = new Intl.NumberFormat(locale, format);\n  const text = formatter.format(value);\n  // Upstream cannot animate non-Latin digits, RTL or exponent notation reliably.\n  // Preserve Intl output instead of transliterating the user's number format.\n  const canAnimate = animated && !theme.environment.reducedMotion &&\n    theme.environment.direction !== \"rtl\" && formatter.resolvedOptions().numberingSystem === \"latn\" &&\n    !/^(ar|fa|he|ur)(-|$)/i.test(locale) &&\n    ![\"scientific\", \"engineering\"].includes(format?.notation ?? \"standard\");\n  const animatedFormat = { ...format, notation: format?.notation === \"compact\" ? \"compact\" as const : \"standard\" as const };\n  return <Statistic {...props} descriptor={{ ...descriptor, value: text }}\n    renderValue={() => canAnimate\n      ? <NumberFlow value={value} locales={locale} format={animatedFormat} respectMotionPreference />\n      : text} />;\n}\n"]}