@northstar-js/react 0.0.0-stage → 0.2.0

package/dist/navigation.d.ts

@@ -0,0 +1,100 @@
+import type { Material } from './provider.js';
+import { type Expand } from './internal/expand.js';
+/** `line` (default): a glacier underline that slides between tabs. `glass` / `solid`: a sliding pill behind the label. */
+export type TabsIndicator = 'line' | Material;
+export interface TabsRootProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange'> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    orientation?: 'horizontal' | 'vertical';
+    /** How the selected tab is marked. Default `line`. */
+    indicator?: TabsIndicator;
+    /** Cross-fade panels with the View Transitions API where supported. Default false. */
+    transition?: boolean;
+    /** Sliding-pill tabs (`glass`, `solid`) are pills by default; `rounded` opts out to tight corners. */
+    shape?: 'pill' | 'rounded';
+}
+declare function TabsRoot({ value, defaultValue, onValueChange, orientation, indicator, transition, shape, className, ...rest }: TabsRootProps): import("react/jsx-runtime").JSX.Element;
+declare function TabsList({ className, onKeyDown, children, ...rest }: React.HTMLAttributes<HTMLDivElement> & {
+    label?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    value: string;
+    /** Leading icon (decorative). */
+    icon?: React.ReactNode;
+    /**
+     * Icon tabs: with `icon`, `true` shows the icon and eases the label open on
+     * hover, keyboard focus and while selected (always on touch). `always`
+     * keeps it open. Default false.
+     */
+    expand?: Expand;
+}
+declare function TabsTrigger({ value, icon, expand, className, onClick, children, ...rest }: TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
+export interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: string;
+    /** Keep the panel mounted when hidden. */
+    forceMount?: boolean;
+}
+declare function TabsContent({ value, forceMount, className, ...rest }: TabsContentProps): import("react/jsx-runtime").JSX.Element | null;
+/** Tabs with automatic activation: arrow keys move and select, Home/End jump. */
+export declare const Tabs: {
+    Root: typeof TabsRoot;
+    List: typeof TabsList;
+    Trigger: typeof TabsTrigger;
+    Content: typeof TabsContent;
+};
+export interface BreadcrumbItem {
+    label: React.ReactNode;
+    href?: string;
+    /** Shown in place of the label while the crumb is collapsed. */
+    icon?: React.ReactNode;
+}
+export interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement> {
+    items: BreadcrumbItem[];
+    /**
+     * Collapse the crumbs between the first and the current one to their icon
+     * (or an ellipsis); each eases open to its full label on hover and keyboard
+     * focus, and every crumb opens while focus is in the trail. The full labels
+     * stay in the accessibility tree. Default false.
+     */
+    collapse?: boolean;
+}
+export declare function Breadcrumbs({ items, collapse, className, ...rest }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'> {
+    pageCount: number;
+    page?: number;
+    defaultPage?: number;
+    onPageChange?: (page: number) => void;
+    /** Pages shown either side of the current one. */
+    siblings?: number;
+    /**
+     * Previous and next are icon-first: the arrow shows and "Previous page" /
+     * "Next page" ease open on hover and focus. `always` keeps the words, false
+     * keeps arrows only (named by aria-label). Default true.
+     */
+    expand?: Expand;
+    /** Page and step buttons are pills (single pages are circles); `rounded` opts out. */
+    shape?: 'pill' | 'rounded';
+}
+export declare function Pagination({ pageCount, page, defaultPage, onPageChange, siblings, expand, shape, className, ...rest }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+export interface SidebarProps extends React.HTMLAttributes<HTMLElement> {
+    label?: string;
+    /** Icon rail: items show their icon and the rail eases open to full labels on hover and focus. */
+    collapsed?: boolean;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+}
+export declare function Sidebar({ label, collapsed, header, footer, className, children, ...rest }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+export interface SidebarSectionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: React.ReactNode;
+}
+export declare function SidebarSection({ title, className, children, ...rest }: SidebarSectionProps): import("react/jsx-runtime").JSX.Element;
+export interface SidebarItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    icon?: React.ReactNode;
+    active?: boolean;
+    /** Trailing count or badge. */
+    meta?: React.ReactNode;
+}
+export declare function SidebarItem({ icon, active, meta, className, children, ...rest }: SidebarItemProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=navigation.d.ts.map

package/dist/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../src/navigation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAM9C,OAAO,EAAuC,KAAK,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAaxF,0HAA0H;AAC1H,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,CAAC;AAQ9C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC;IAC5G,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,sDAAsD;IACtD,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sGAAsG;IACtG,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B;AAED,iBAAS,QAAQ,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,WAA0B,EAAE,SAAkB,EAAE,UAAkB,EAAE,KAAc,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,2CAc9K;AAwCD,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,2CAyBvH;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrF,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAc,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CA0B5G;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,iBAAS,WAAW,CAAC,EAAE,KAAK,EAAE,UAAkB,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,kDAevF;AAED,iFAAiF;AACjF,eAAO,MAAM,IAAI;;;;;CAAiF,CAAC;AAInG,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzE,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAgB,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CAmC5F;AAID,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC1F,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sFAAsF;IACtF,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B;AAcD,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,QAAY,EAAE,MAAa,EAAE,KAAc,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAmC1J;AA6BD,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kGAAkG;IAClG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,SAAiB,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,2CAS/G;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC9F,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,mBAAmB,2CAY1F;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,MAAc,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CAczG"}

package/dist/navigation.js

@@ -0,0 +1,154 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useId, useLayoutEffect, useRef } from 'react';
+import { useNorthstar } from './provider.js';
+import { rovingKeyDown } from './internal/layers.js';
+import { withViewTransition } from './motion.js';
+import { cx, useControllable } from './internal/util.js';
+import { ChevronLeft, ChevronRight } from './internal/icons.js';
+import { ExpandIcon, ExpandLabel, expandHost } from './internal/expand.js';
+const useIsoLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
+const TabsContext = createContext(null);
+function useTabs(name) {
+    const v = useContext(TabsContext);
+    if (!v)
+        throw new Error(`<${name}> must be used inside <Tabs.Root>`);
+    return v;
+}
+function TabsRoot({ value, defaultValue, onValueChange, orientation = 'horizontal', indicator = 'line', transition = false, shape = 'pill', className, ...rest }) {
+    const [v, setRaw] = useControllable(value, defaultValue ?? '', onValueChange);
+    const root = useRef(null);
+    const setV = (next) => {
+        if (next === v)
+            return;
+        if (transition)
+            withViewTransition(() => setRaw(next), root.current?.querySelector(':scope > .ns-tabs__content, :scope .ns-tabs__content'));
+        else
+            setRaw(next);
+    };
+    const baseId = `ns-tabs-${useId().replace(/:/g, '')}`;
+    return (_jsx(TabsContext.Provider, { value: { value: v, setValue: setV, baseId, orientation, indicator }, children: _jsx("div", { ...rest, ref: root, className: cx('ns-tabs', `ns-tabs--${orientation}`, transition && 'ns-tabs--vt', indicator !== 'line' && 'ns-tabs--pill', indicator === 'glass' && 'ns-tabs--glass', shape === 'rounded' && 'ns-tabs--rounded', className) }) }));
+}
+/**
+ * Measures the selected tab and moves the indicator with a transform written
+ * straight to the element: no re-render, and a spring transition in CSS. Until
+ * it has measured (server HTML, no layout) each selected tab draws its own mark.
+ */
+function useIndicator(list, mark, value) {
+    useIsoLayoutEffect(() => {
+        const el = list.current;
+        const ind = mark.current;
+        if (!el || !ind)
+            return;
+        let frame = 0;
+        const place = () => {
+            const tab = el.querySelector('[role="tab"][aria-selected="true"]');
+            if (!tab || tab.offsetWidth === 0) {
+                el.removeAttribute('data-indicator');
+                return;
+            }
+            ind.style.width = `${tab.offsetWidth}px`;
+            ind.style.height = `${tab.offsetHeight}px`;
+            ind.style.transform = `translate(${tab.offsetLeft}px, ${tab.offsetTop}px)`;
+            // The first placement jumps into position; later ones slide.
+            if (!el.hasAttribute('data-indicator')) {
+                el.setAttribute('data-indicator', 'placed');
+                frame = requestAnimationFrame(() => el.setAttribute('data-indicator', 'ready'));
+            }
+        };
+        place();
+        const ro = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(place);
+        ro?.observe(el);
+        // Icon-first tabs change width as their labels ease open; follow them.
+        el.querySelectorAll('[role="tab"]').forEach((t) => ro?.observe(t));
+        return () => {
+            ro?.disconnect();
+            cancelAnimationFrame(frame);
+        };
+    }, [value]);
+}
+function TabsList({ className, onKeyDown, children, ...rest }) {
+    const ctx = useTabs('Tabs.List');
+    const { label, ...props } = rest;
+    const list = useRef(null);
+    const mark = useRef(null);
+    useIndicator(list, mark, ctx.value);
+    return (_jsxs("div", { role: "tablist", "aria-label": label, "aria-orientation": ctx.orientation, ...props, ref: list, className: cx('ns-tabs__list', className), onKeyDown: (e) => {
+            onKeyDown?.(e);
+            const t = rovingKeyDown(e, '[role="tab"]', ctx.orientation);
+            const v = t?.getAttribute('data-value');
+            if (v)
+                ctx.setValue(v);
+        }, children: [_jsx("span", { ref: mark, className: "ns-tabs__indicator", "aria-hidden": "true" }), children] }));
+}
+function TabsTrigger({ value, icon, expand = false, className, onClick, children, ...rest }) {
+    const ctx = useTabs('Tabs.Trigger');
+    const selected = ctx.value === value;
+    const hasIcon = icon !== undefined && icon !== null && icon !== false;
+    const host = hasIcon ? expandHost(expand) : {};
+    return (_jsxs("button", { type: "button", role: "tab", id: `${ctx.baseId}-tab-${value}`, "aria-selected": selected, "aria-controls": `${ctx.baseId}-panel-${value}`, tabIndex: selected ? 0 : -1, "data-value": value, "data-expand": host['data-expand'], ...rest, className: cx('ns-tabs__trigger', hasIcon && 'ns-tabs__trigger--icon', host.className, className), onClick: (e) => {
+            onClick?.(e);
+            ctx.setValue(value);
+        }, children: [hasIcon && _jsx(ExpandIcon, { className: "ns-tabs__icon", children: icon }), host.className ? _jsx(ExpandLabel, { className: "ns-tabs__label", children: children }) : children] }));
+}
+function TabsContent({ value, forceMount = false, className, ...rest }) {
+    const ctx = useTabs('Tabs.Content');
+    const selected = ctx.value === value;
+    if (!selected && !forceMount)
+        return null;
+    return (_jsx("div", { role: "tabpanel", id: `${ctx.baseId}-panel-${value}`, "aria-labelledby": `${ctx.baseId}-tab-${value}`, tabIndex: 0, hidden: !selected, ...rest, className: cx('ns-tabs__content', className) }));
+}
+/** Tabs with automatic activation: arrow keys move and select, Home/End jump. */
+export const Tabs = { Root: TabsRoot, List: TabsList, Trigger: TabsTrigger, Content: TabsContent };
+export function Breadcrumbs({ items, collapse = false, className, ...rest }) {
+    const { messages } = useNorthstar();
+    return (_jsx("nav", { "aria-label": messages.breadcrumbs, ...rest, className: cx('ns-breadcrumbs', collapse && 'ns-breadcrumbs--collapse', className), children: _jsx("ol", { children: items.map((item, i) => {
+                const last = i === items.length - 1;
+                const folded = collapse && i > 0 && !last;
+                const body = folded ? (_jsxs(_Fragment, { children: [_jsx(ExpandIcon, { className: "ns-breadcrumbs__icon", children: item.icon ?? _jsx("span", { className: "ns-breadcrumbs__more", children: "\u2026" }) }), _jsx(ExpandLabel, { children: item.label })] })) : (item.label);
+                const host = folded ? expandHost(true) : {};
+                return (_jsxs("li", { className: host.className, "data-expand": host['data-expand'], children: [last || !item.href ? (_jsx("span", { "aria-current": last ? 'page' : undefined, children: body })) : (_jsx("a", { href: item.href, children: body })), !last && (_jsx("span", { className: "ns-breadcrumbs__sep", "aria-hidden": "true", children: "/" }))] }, i));
+            }) }) }));
+}
+function range(page, count, siblings) {
+    const out = [];
+    const from = Math.max(2, page - siblings);
+    const to = Math.min(count - 1, page + siblings);
+    out.push(1);
+    if (from > 2)
+        out.push('gap');
+    for (let i = from; i <= to; i++)
+        out.push(i);
+    if (to < count - 1)
+        out.push('gap');
+    if (count > 1)
+        out.push(count);
+    return out;
+}
+export function Pagination({ pageCount, page, defaultPage, onPageChange, siblings = 1, expand = true, shape = 'pill', className, ...rest }) {
+    const { messages } = useNorthstar();
+    const [p, setP] = useControllable(page, defaultPage ?? 1, onPageChange);
+    const go = (n) => setP(Math.min(pageCount, Math.max(1, n)));
+    return (_jsxs("nav", { "aria-label": messages.pagination, ...rest, className: cx('ns-pagination', shape === 'rounded' && 'ns-pagination--rounded', className), children: [_jsx(PageStep, { expand: expand, label: messages.previousPage, disabled: p <= 1, onClick: () => go(p - 1), children: _jsx(ChevronLeft, {}) }), _jsx("ul", { children: range(p, pageCount, siblings).map((n, i) => n === 'gap' ? (_jsx("li", { className: "ns-pagination__gap", "aria-hidden": "true", children: "\u2026" }, `gap-${i}`)) : (_jsx("li", { children: _jsx("button", { type: "button", className: "ns-button ns-button--ghost ns-size-sm ns-pagination__page", "aria-label": messages.page(n), "aria-current": n === p ? 'page' : undefined, onClick: () => go(n), children: n }) }, n))) }), _jsx(PageStep, { expand: expand, end: true, label: messages.nextPage, disabled: p >= pageCount, onClick: () => go(p + 1), children: _jsx(ChevronRight, {}) })] }));
+}
+function PageStep({ expand, end = false, label, disabled, onClick, children }) {
+    if (!expand) {
+        return (_jsx("button", { type: "button", className: "ns-button ns-button--ghost ns-size-sm ns-icon-button", "aria-label": label, disabled: disabled, onClick: onClick, children: children }));
+    }
+    const host = expandHost(expand);
+    const icon = _jsx(ExpandIcon, { children: children });
+    const text = _jsx(ExpandLabel, { side: end ? 'end' : 'start', children: label });
+    return (_jsxs("button", { type: "button", className: cx('ns-button ns-button--ghost ns-size-sm ns-icon-button ns-icon-button--expand ns-button--expand ns-pagination__step', host.className), "data-expand": host['data-expand'], disabled: disabled, onClick: onClick, children: [end ? text : icon, end ? icon : text] }));
+}
+export function Sidebar({ label, collapsed = false, header, footer, className, children, ...rest }) {
+    const { messages } = useNorthstar();
+    return (_jsxs("nav", { "aria-label": label ?? messages.sidebar, ...rest, className: cx('ns-sidebar', collapsed && 'ns-sidebar--collapsed', className), children: [header && _jsx("div", { className: "ns-sidebar__header", children: header }), _jsx("div", { className: "ns-sidebar__body", children: children }), footer && _jsx("div", { className: "ns-sidebar__footer", children: footer })] }));
+}
+export function SidebarSection({ title, className, children, ...rest }) {
+    const id = useId();
+    return (_jsxs("div", { role: "group", "aria-labelledby": title ? id : undefined, ...rest, className: cx('ns-sidebar__section', className), children: [title && (_jsx("div", { id: id, className: "ns-sidebar__title", children: title })), _jsx("ul", { children: children })] }));
+}
+export function SidebarItem({ icon, active = false, meta, className, children, ...rest }) {
+    return (_jsx("li", { children: _jsxs("a", { "aria-current": active ? 'page' : undefined, ...rest, className: cx('ns-sidebar__item', className), children: [icon && (_jsx("span", { className: "ns-sidebar__icon", "aria-hidden": "true", children: icon })), _jsx(ExpandLabel, { className: "ns-sidebar__text", children: children }), meta !== undefined && _jsx("span", { className: "ns-sidebar__meta", children: meta })] }) }));
+}
+//# sourceMappingURL=navigation.js.map

package/dist/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../src/navigation.tsx"],"names":[],"mappings":"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"}

package/dist/northstar/BriefForm.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from 'react';
+import { type WithMessages } from './messages.js';
+export interface BriefValue {
+    title: string;
+    /** The decision the study informs. */
+    decision: string;
+    objectives: string[];
+}
+export interface BriefFormProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange'>, WithMessages {
+    value?: BriefValue;
+    defaultValue?: BriefValue;
+    onValueChange?: (value: BriefValue) => void;
+    /** Most objectives a study may carry. Default 5. */
+    maxObjectives?: number;
+    /** Per-objective meta, e.g. "3 items". */
+    objectiveMeta?: (index: number) => ReactNode;
+    /** Shown above the objectives (a template picker, say). */
+    toolbar?: ReactNode;
+    readOnly?: boolean;
+}
+/** The Brief tab: study name, the decision it informs, and its objectives. */
+export declare function BriefForm({ value, defaultValue, onValueChange, maxObjectives, objectiveMeta, toolbar, readOnly, messages, className, ...rest }: BriefFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BriefForm.d.ts.map

package/dist/northstar/BriefForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BriefForm.d.ts","sourceRoot":"","sources":["../../src/northstar/BriefForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAEjE,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC,EAAE,YAAY;IAC3H,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5C,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC7C,2DAA2D;IAC3D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID,8EAA8E;AAC9E,wBAAgB,SAAS,CAAC,EACxB,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,aAAiB,EAAE,aAAa,EAAE,OAAO,EAAE,QAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAC9H,EAAE,cAAc,2CA8FhB"}

package/dist/northstar/BriefForm.js

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useRef } from 'react';
+import { Button } from '../actions.js';
+import { cx, useControllable } from '../internal/util.js';
+import { studyMessages } from './messages.js';
+const EMPTY = { title: '', decision: '', objectives: [] };
+/** The Brief tab: study name, the decision it informs, and its objectives. */
+export function BriefForm({ value, defaultValue, onValueChange, maxObjectives = 5, objectiveMeta, toolbar, readOnly = false, messages, className, ...rest }) {
+    const m = studyMessages(messages);
+    const [v, setV] = useControllable(value, defaultValue ?? EMPTY, onValueChange);
+    const headingId = `ns-brief-${useId().replace(/:/g, '')}`;
+    const list = useRef(null);
+    const patch = (p) => setV({ ...v, ...p });
+    const focusRow = (i) => requestAnimationFrame(() => list.current?.querySelectorAll('input')[i]?.focus());
+    const add = () => {
+        if (v.objectives.length >= maxObjectives)
+            return;
+        patch({ objectives: [...v.objectives, ''] });
+        focusRow(v.objectives.length);
+    };
+    const remove = (i) => {
+        patch({ objectives: v.objectives.filter((_, j) => j !== i) });
+        focusRow(Math.max(0, i - 1));
+    };
+    const full = v.objectives.length >= maxObjectives;
+    return (_jsxs("div", { ...rest, className: cx('ns-brief', className), children: [_jsxs("div", { className: "ns-brief__head", children: [_jsx("input", { className: "ns-brief__title", "aria-label": m.studyName, value: v.title, readOnly: readOnly, onChange: (e) => patch({ title: e.target.value }) }), _jsx("textarea", { className: "ns-brief__decision", rows: 2, "aria-label": m.decision, placeholder: m.decisionPlaceholder, value: v.decision, readOnly: readOnly, onChange: (e) => patch({ decision: e.target.value }) })] }), toolbar && _jsx("div", { className: "ns-brief__toolbar", children: toolbar }), _jsxs("section", { className: "ns-study-panel", "aria-labelledby": headingId, children: [_jsxs("div", { className: "ns-study-panel__head", children: [_jsx("h2", { id: headingId, className: "ns-study-panel__title", children: m.objectives }), _jsx("span", { className: "ns-study-hint", children: m.objectiveCount(v.objectives.length, maxObjectives) }), !readOnly && (_jsx(Button, { variant: "ghost", size: "sm", className: "ns-study-panel__action", onClick: add, disabled: full, children: m.addObjective }))] }), _jsxs("div", { ref: list, role: "list", children: [v.objectives.map((o, i) => (_jsxs("div", { role: "listitem", className: "ns-study-row", children: [_jsxs("span", { className: "ns-study-id", "aria-hidden": "true", children: ["O", i + 1] }), _jsx("input", { className: "ns-study-row__input", "aria-label": m.objectiveLabel(i), value: o, readOnly: readOnly, onChange: (e) => patch({ objectives: v.objectives.map((x, j) => (j === i ? e.target.value : x)) }), onKeyDown: (e) => {
+                                            if (readOnly)
+                                                return;
+                                            if (e.key === 'Enter') {
+                                                e.preventDefault();
+                                                add();
+                                            }
+                                            else if (e.key === 'Backspace' && o === '' && v.objectives.length > 0) {
+                                                e.preventDefault();
+                                                remove(i);
+                                            }
+                                        } }), objectiveMeta && _jsx("span", { className: "ns-tag", children: objectiveMeta(i) }), !readOnly && (_jsx("button", { type: "button", className: "ns-study-icon-button", "aria-label": m.removeObjective(i), onClick: () => remove(i), children: _jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", "aria-hidden": "true", children: _jsx("path", { d: "M3 3l6 6M9 3l-6 6" }) }) }))] }, i))), !readOnly && !full && (_jsxs("div", { role: "listitem", className: "ns-study-row", children: [_jsxs("span", { className: "ns-study-id", "aria-hidden": "true", children: ["O", v.objectives.length + 1] }), _jsx("button", { type: "button", className: "ns-study-row__ghost", onClick: add, children: m.objectivePlaceholder })] }))] })] }), _jsx("span", { className: "ns-study-hint", children: m.objectivesHint })] }));
+}
+//# sourceMappingURL=BriefForm.js.map

package/dist/northstar/BriefForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BriefForm.js","sourceRoot":"","sources":["../../src/northstar/BriefForm.tsx"],"names":[],"mappings":"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"}

package/dist/northstar/ExportMenu.d.ts

@@ -0,0 +1,16 @@
+import { type WithMessages } from './messages.js';
+export type ExportFormat = 'pdf' | 'spec' | 'csv';
+export interface ExportMenuProps extends WithMessages {
+    onExport: (format: ExportFormat) => void;
+    /** Which formats to offer, in order. Default all three. */
+    formats?: ExportFormat[];
+    /** Formats shown but not available yet. */
+    disabledFormats?: ExportFormat[];
+    disabled?: boolean;
+    className?: string;
+    /** Icon-first trigger: the export icon shows and "Export" eases open on hover, focus and while open. `always` keeps it. Default false. */
+    expand?: boolean | 'always';
+}
+/** Export a finished study: PDF report, report spec, or responses as CSV. */
+export declare function ExportMenu({ onExport, formats, disabledFormats, disabled, className, expand, messages }: ExportMenuProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExportMenu.d.ts.map

package/dist/northstar/ExportMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportMenu.d.ts","sourceRoot":"","sources":["../../src/northstar/ExportMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAEjE,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;AAElD,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,2DAA2D;IAC3D,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,2CAA2C;IAC3C,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0IAA0I;IAC1I,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC7B;AAED,6EAA6E;AAC7E,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAgC,EAAE,eAAoB,EAAE,QAAgB,EAAE,SAAS,EAAE,MAAc,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAqBtK"}

package/dist/northstar/ExportMenu.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@northstar-js/icons';
+import { Menu } from '../overlays.js';
+import { studyMessages } from './messages.js';
+/** Export a finished study: PDF report, report spec, or responses as CSV. */
+export function ExportMenu({ onExport, formats = ['pdf', 'spec', 'csv'], disabledFormats = [], disabled = false, className, expand = false, messages }) {
+    const m = studyMessages(messages);
+    return (_jsxs(Menu.Root, { children: [_jsx(Menu.Trigger, { className: ['ns-button ns-button--secondary ns-size-md ns-export-menu', className].filter(Boolean).join(' '), disabled: disabled, icon: _jsx(Icon, { name: "export", size: 14 }), expand: expand, children: m.export }), _jsx(Menu.Content, { align: "end", children: formats.map((f) => (_jsx(Menu.Item, { onSelect: () => onExport(f), disabled: disabledFormats.includes(f), children: m.exportFormats[f] }, f))) })] }));
+}
+//# sourceMappingURL=ExportMenu.js.map

package/dist/northstar/ExportMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportMenu.js","sourceRoot":"","sources":["../../src/northstar/ExportMenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,aAAa,EAAqB,MAAM,eAAe,CAAC;AAgBjE,6EAA6E;AAC7E,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,eAAe,GAAG,EAAE,EAAE,QAAQ,GAAG,KAAK,EAAE,SAAS,EAAE,MAAM,GAAG,KAAK,EAAE,QAAQ,EAAmB;IACrK,MAAM,CAAC,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IAClC,OAAO,CACL,MAAC,IAAI,CAAC,IAAI,eACR,KAAC,IAAI,CAAC,OAAO,IACX,SAAS,EAAE,CAAC,0DAA0D,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC5G,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,GAAI,EACtC,MAAM,EAAE,MAAM,YAEb,CAAC,CAAC,MAAM,GACI,EACf,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,KAAK,YACtB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,KAAC,IAAI,CAAC,IAAI,IAAS,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,YAClF,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IADL,CAAC,CAEL,CACb,CAAC,GACW,IACL,CACb,CAAC;AACJ,CAAC"}

package/dist/northstar/PopulationPanel.d.ts

@@ -0,0 +1,30 @@
+import { type ReactNode } from 'react';
+import type { PopulationRef } from '@northstar-js/contracts';
+import { type CompositionRow } from '@northstar-js/charts';
+import { type WithMessages } from './messages.js';
+export interface CompositionGroup {
+    /** Dimension name, e.g. "Age". */
+    label: string;
+    rows: CompositionRow[];
+}
+export interface PopulationPanelProps extends React.HTMLAttributes<HTMLDivElement>, WithMessages {
+    /** The study's one population. */
+    population: PopulationRef;
+    /** Margins (and panel shares once built), one group per dimension. Empty shows the empty state. */
+    composition?: CompositionGroup[];
+    /** Sub-heading of the composition panel, e.g. which margins it is raked to. */
+    compositionNote?: ReactNode;
+    /** Sentence under the composition panel. */
+    caption?: ReactNode;
+    onSizeChange?: (size: number | null) => void;
+    onSeedChange?: (seed: number | null) => void;
+    onRebuild?: () => void;
+    /** Locks size, seed and rebuild (after a run). */
+    readOnly?: boolean;
+    /** Width of each composition chart. Default 320. */
+    chartWidth?: number;
+    locale?: string;
+}
+/** The Population tab: market status, size and seed, and the composition against published margins. */
+export declare function PopulationPanel({ population, composition, compositionNote, caption, onSizeChange, onSeedChange, onRebuild, readOnly, chartWidth, locale, messages, className, ...rest }: PopulationPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PopulationPanel.d.ts.map

package/dist/northstar/PopulationPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopulationPanel.d.ts","sourceRoot":"","sources":["../../src/northstar/PopulationPanel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAe,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAMxE,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAEjE,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,cAAc,EAAE,CAAC;CACxB;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY;IAC9F,kCAAkC;IAClC,UAAU,EAAE,aAAa,CAAC;IAC1B,mGAAmG;IACnG,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC,+EAA+E;IAC/E,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,uGAAuG;AACvG,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EAAE,WAAgB,EAAE,eAAe,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,QAAgB,EAC/G,UAAgB,EAAE,MAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAC9D,EAAE,oBAAoB,2CAoEtB"}

package/dist/northstar/PopulationPanel.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { Composition } from '@northstar-js/charts';
+import { MarketStatus } from '@northstar-js/maps';
+import { Button } from '../actions.js';
+import { NumberInput } from '../forms.js';
+import { EmptyPopulation } from '../illustrations/index.js';
+import { cx } from '../internal/util.js';
+import { studyMessages } from './messages.js';
+/** The Population tab: market status, size and seed, and the composition against published margins. */
+export function PopulationPanel({ population, composition = [], compositionNote, caption, onSizeChange, onSeedChange, onRebuild, readOnly = false, chartWidth = 320, locale = 'en', messages, className, ...rest }) {
+    const m = studyMessages(messages);
+    const id = useId().replace(/:/g, '');
+    const sizeId = `ns-pop-size-${id}`, seedId = `ns-pop-seed-${id}`, headId = `ns-pop-comp-${id}`;
+    return (_jsxs("div", { ...rest, className: cx('ns-population', className), children: [_jsxs("div", { className: "ns-population__controls", children: [_jsxs("span", { className: "ns-population__market", children: [_jsx("span", { className: "ns-study-label", children: m.market }), _jsx(MarketStatus, { code: population.code, variant: "row" })] }), _jsx("span", { className: "ns-study-divider", "aria-hidden": "true" }), _jsx("label", { className: "ns-study-label", htmlFor: sizeId, children: m.size }), _jsx(NumberInput, { id: sizeId, size: "sm", min: 0, value: population.size, ...(onSizeChange ? { onValueChange: onSizeChange } : {}), disabled: readOnly, className: "ns-population__number" }), _jsx("label", { className: "ns-study-label", htmlFor: seedId, children: m.seed }), _jsx(NumberInput, { id: seedId, size: "sm", min: 0, value: population.seed ?? null, ...(onSeedChange ? { onValueChange: onSeedChange } : {}), disabled: readOnly, className: "ns-population__number" }), _jsx(Button, { size: "sm", onClick: onRebuild, disabled: readOnly || !onRebuild, children: m.rebuild }), _jsx("span", { className: "ns-study-hint", children: m.rebuildHint })] }), _jsxs("section", { className: "ns-study-panel", "aria-labelledby": headId, children: [_jsxs("div", { className: "ns-study-panel__head", children: [_jsx("h2", { id: headId, className: "ns-study-panel__title", children: m.composition }), compositionNote && _jsx("span", { className: "ns-study-hint", children: compositionNote }), population.label && _jsx("span", { className: "ns-study-hint ns-study-panel__end ns-study-mono", children: population.label })] }), composition.length === 0 ? (_jsxs("div", { className: "ns-study-empty", children: [_jsx(EmptyPopulation, {}), _jsx("p", { className: "ns-study-empty__title", children: m.emptyPopulationTitle }), _jsx("p", { className: "ns-study-hint", children: m.emptyPopulationBody })] })) : (_jsx("div", { className: "ns-population__grid", children: composition.map((g) => (_jsxs("div", { className: "ns-population__group", children: [_jsx("h3", { className: "ns-population__group-title", children: g.label }), _jsx(Composition, { margins: g.rows, title: g.label, width: chartWidth, locale: locale })] }, g.label))) }))] }), caption && _jsx("span", { className: "ns-study-hint", children: caption }), _jsxs("div", { className: "ns-study-callout", children: [_jsx("span", { className: "ns-tag ns-tone-signal", children: m.scope }), _jsx("span", { children: m.scopeBody })] })] }));
+}
+//# sourceMappingURL=PopulationPanel.js.map

package/dist/northstar/PopulationPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopulationPanel.js","sourceRoot":"","sources":["../../src/northstar/PopulationPanel.tsx"],"names":[],"mappings":"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"}

package/dist/northstar/ResearchBuilder.d.ts

@@ -0,0 +1,26 @@
+import { type ReactNode } from 'react';
+import type { ResearchItem } from '@northstar-js/contracts';
+import { type WithMessages } from './messages.js';
+export interface AnchorIssue {
+    /** Zero-based anchor index. */
+    anchor: number;
+    message: ReactNode;
+}
+export interface ResearchBuilderProps extends React.HTMLAttributes<HTMLDivElement>, WithMessages {
+    items?: ResearchItem[];
+    defaultItems?: ResearchItem[];
+    onItemsChange?: (items: ResearchItem[]) => void;
+    selectedKey?: string | null;
+    defaultSelectedKey?: string | null;
+    onSelectedKeyChange?: (key: string | null) => void;
+    /** Anchor-check results per item key. Items with issues are marked "Fix". */
+    anchorIssues?: Record<string, AnchorIssue[]>;
+    /** Makes a new item for "Add item". Defaults to an empty five-anchor Likert item. */
+    createItem?: (index: number) => ResearchItem;
+    /** Extra controls in the editor header (an objective picker, say). */
+    editorToolbar?: (item: ResearchItem) => ReactNode;
+    readOnly?: boolean;
+}
+/** The Research tab: the item list (add, reorder, remove) beside an editor for wording, type, format and anchors. */
+export declare function ResearchBuilder({ items, defaultItems, onItemsChange, selectedKey, defaultSelectedKey, onSelectedKeyChange, anchorIssues, createItem, editorToolbar, readOnly, messages, className, ...rest }: ResearchBuilderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ResearchBuilder.d.ts.map

package/dist/northstar/ResearchBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResearchBuilder.d.ts","sourceRoot":"","sources":["../../src/northstar/ResearchBuilder.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAgB,YAAY,EAAkB,MAAM,yBAAyB,CAAC;AAM1F,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAEjE,MAAM,WAAW,WAAW;IAC1B,+BAA+B;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,SAAS,CAAC;CACpB;AAKD,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY;IAC9F,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC;IAC7C,qFAAqF;IACrF,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,YAAY,CAAC;IAC7C,sEAAsE;IACtE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,SAAS,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAMD,qHAAqH;AACrH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,YAAiB,EAC3G,UAAwB,EAAE,aAAa,EAAE,QAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EACxF,EAAE,oBAAoB,2CAgLtB"}

package/dist/northstar/ResearchBuilder.js

@@ -0,0 +1,81 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useId, useRef } from 'react';
+import { Icon } from '@northstar-js/icons';
+import { Button, IconButton } from '../actions.js';
+import { Select } from '../forms.js';
+import { EmptyResearch } from '../illustrations/index.js';
+import { cx, useControllable } from '../internal/util.js';
+import { studyMessages } from './messages.js';
+const QUESTION_TYPES = ['mood_direction', 'consensus_trust', 'neutral_factual', 'concrete_habit', 'values_identity', 'intention_virtue'];
+const FORMATS = ['likert', 'single_choice', 'multi_select', 'ranking', 'free_text', 'price_trial'];
+function defaultItem(i) {
+    return { key: `item-${Date.now().toString(36)}-${i}`, question: '', type: 'mood_direction', format: 'likert', anchors: ['', '', '', '', ''] };
+}
+/** The Research tab: the item list (add, reorder, remove) beside an editor for wording, type, format and anchors. */
+export function ResearchBuilder({ items, defaultItems, onItemsChange, selectedKey, defaultSelectedKey, onSelectedKeyChange, anchorIssues = {}, createItem = defaultItem, editorToolbar, readOnly = false, messages, className, ...rest }) {
+    const m = studyMessages(messages);
+    const uid = useId().replace(/:/g, '');
+    const [list, setList] = useControllable(items, defaultItems ?? [], onItemsChange);
+    const [sel, setSel] = useControllable(selectedKey, defaultSelectedKey ?? list[0]?.key ?? null, onSelectedKeyChange);
+    const listRef = useRef(null);
+    const index = list.findIndex((x) => x.key === sel);
+    const item = index >= 0 ? list[index] : undefined;
+    const focusItem = (key) => requestAnimationFrame(() => Array.from(listRef.current?.querySelectorAll('[data-key]') ?? []).find((el) => el.dataset.key === key)?.focus());
+    const update = (patch) => {
+        if (!item)
+            return;
+        setList(list.map((x) => (x.key === item.key ? { ...x, ...patch } : x)));
+    };
+    const move = (i, dir) => {
+        const j = i + dir;
+        if (j < 0 || j >= list.length)
+            return;
+        const next = list.slice();
+        const a = next[i], b = next[j];
+        next[i] = b;
+        next[j] = a;
+        setList(next);
+        focusItem(a.key);
+    };
+    const remove = (i) => {
+        const gone = list[i];
+        const next = list.filter((_, j) => j !== i);
+        setList(next);
+        if (gone.key === sel) {
+            const n = next[Math.min(i, next.length - 1)];
+            setSel(n?.key ?? null);
+            if (n)
+                focusItem(n.key);
+        }
+    };
+    const add = () => {
+        const n = createItem(list.length);
+        setList([...list, n]);
+        setSel(n.key);
+        focusItem(n.key);
+    };
+    const issues = item ? (anchorIssues[item.key] ?? []) : [];
+    const id = (i) => m.itemId(i);
+    return (_jsxs("div", { ...rest, className: cx('ns-research', className), children: [_jsxs("div", { className: "ns-research__list", children: [_jsxs("div", { className: "ns-research__list-head", children: [_jsx("span", { children: m.items }), _jsx("span", { className: "ns-study-mono", children: list.length }), !readOnly && (_jsx(Button, { size: "sm", className: "ns-study-panel__end", icon: _jsx(Icon, { name: "add", size: 14 }), onClick: add, children: m.addItem }))] }), list.length === 0 ? (_jsxs("div", { className: "ns-study-empty", children: [_jsx(EmptyResearch, {}), _jsx("p", { className: "ns-study-empty__title", children: m.emptyResearchTitle }), _jsx("p", { className: "ns-study-hint", children: m.emptyResearchBody })] })) : (_jsx("ol", { ref: listRef, className: "ns-research__items", "aria-label": m.items, children: list.map((x, i) => {
+                            const fix = (anchorIssues[x.key]?.length ?? 0) > 0;
+                            const on = x.key === sel;
+                            return (_jsxs("li", { className: cx('ns-research__item', on && 'ns-research__item--on'), children: [_jsxs("button", { type: "button", className: "ns-research__select", "data-key": x.key, "aria-current": on || undefined, onClick: () => setSel(x.key), onKeyDown: (e) => {
+                                            if (readOnly || !e.altKey)
+                                                return;
+                                            if (e.key === 'ArrowUp') {
+                                                e.preventDefault();
+                                                move(i, -1);
+                                            }
+                                            if (e.key === 'ArrowDown') {
+                                                e.preventDefault();
+                                                move(i, 1);
+                                            }
+                                        }, children: [_jsx("span", { className: "ns-study-id", children: id(i) }), _jsx(Icon, { name: fix ? 'off-axis' : 'complete', size: 14, className: fix ? 'ns-study-signal' : 'ns-study-muted' }), _jsx("span", { className: "ns-research__q", children: x.question || '—' }), fix ? _jsx("span", { className: "ns-tag ns-tone-signal", children: m.needsFix }) : x.format && _jsx("span", { className: "ns-tag", children: m.formats[x.format] })] }), !readOnly && (_jsxs("span", { className: "ns-research__tools", children: [_jsx(IconButton, { size: "sm", variant: "ghost", expand: true, className: "ns-research__tool", label: m.moveUp(id(i)), disabled: i === 0, onClick: () => move(i, -1), icon: _jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", "aria-hidden": "true", children: _jsx("path", { d: "M3 7.5 6 4.5 9 7.5" }) }) }), _jsx(IconButton, { size: "sm", variant: "ghost", expand: true, className: "ns-research__tool", label: m.moveDown(id(i)), disabled: i === list.length - 1, onClick: () => move(i, 1), icon: _jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", "aria-hidden": "true", children: _jsx("path", { d: "M3 4.5 6 7.5 9 4.5" }) }) }), _jsx(IconButton, { size: "sm", variant: "ghost", expand: true, className: "ns-research__tool", label: m.removeItem(id(i)), onClick: () => remove(i), icon: _jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", "aria-hidden": "true", children: _jsx("path", { d: "M3 3l6 6M9 3l-6 6" }) }) })] }))] }, x.key));
+                        }) }))] }), _jsx("div", { className: "ns-research__editor", children: !item ? (_jsx("p", { className: "ns-study-hint", children: m.selectItem })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "ns-research__editor-head", children: [_jsx("span", { className: "ns-study-id", children: id(index) }), _jsx(Select, { size: "sm", "aria-label": m.questionType, value: item.type, disabled: readOnly, options: QUESTION_TYPES.map((t) => ({ value: t, label: m.questionTypes[t] })), onValueChange: (t) => update({ type: t }) }), _jsx(Select, { size: "sm", "aria-label": m.format, value: item.format ?? 'likert', disabled: readOnly, options: FORMATS.map((f) => ({ value: f, label: m.formats[f] })), onValueChange: (f) => update({ format: f }) }), editorToolbar?.(item)] }), _jsx("textarea", { className: "ns-research__wording", rows: 2, "aria-label": m.wording, value: item.question, readOnly: readOnly, onChange: (e) => update({ question: e.target.value }) }), item.anchors && (_jsxs("fieldset", { className: "ns-research__anchors", children: [_jsx("legend", { className: "ns-study-label", children: m.anchors }), item.anchors.map((a, i) => {
+                                    const issue = issues.find((x) => x.anchor === i);
+                                    const descId = `ns-anchor-${uid}-${i}`;
+                                    return (_jsxs("div", { className: "ns-research__anchor", children: [_jsx("span", { className: "ns-study-id", children: i + 1 }), _jsx("input", { className: cx('ns-research__anchor-input', issue && 'ns-invalid'), "aria-label": m.anchorLabel(i), "aria-invalid": issue ? true : undefined, "aria-describedby": issue ? descId : undefined, value: a, readOnly: readOnly, onChange: (e) => update({ anchors: item.anchors.map((y, j) => (j === i ? e.target.value : y)) }) }), _jsx(Icon, { name: issue ? 'off-axis' : 'validate', size: 14, title: issue ? m.anchorNeedsFix : m.anchorPasses, className: issue ? 'ns-study-signal' : 'ns-study-muted' })] }, i));
+                                })] })), issues.map((x) => (_jsxs("div", { id: `ns-anchor-${uid}-${x.anchor}`, className: "ns-study-callout", children: [_jsx("span", { className: "ns-tag ns-tone-signal", children: m.anchorLabel(x.anchor) }), _jsx("span", { children: x.message })] }, x.anchor))), _jsx("span", { className: "ns-study-hint", children: m.anchorHint })] })) })] }));
+}
+//# sourceMappingURL=ResearchBuilder.js.map