@voplus/morpho-workspace 10.0.18 → 10.0.19

package/es/components/StatusFilterBar/index.d.ts

@@ -0,0 +1,33 @@
+import React from "react";
+/** A single status filter item shown in the bar. */
+export type StatusFilterItem = {
+    /** Unique key identifying the status (also used as a CSS class). */
+    key: string;
+    /** Human-readable label. */
+    label: string;
+    /** Optional count rendered in parentheses after the label. */
+    total?: number;
+};
+/** Props for {@link StatusFilterBar}. */
+export type StatusFilterBarProps = {
+    /** Status items in their canonical fixed order. */
+    items: StatusFilterItem[];
+    /** Currently selected status key. */
+    activeKey: string;
+    /** Whether overflow collapsing is enabled (true when the aside is open). */
+    collapsible: boolean;
+    /** Invoked with the selected status key. */
+    onSelect: (key: string) => void;
+    /** Extra class names for the outer container. */
+    className?: string;
+};
+/**
+ * Status filter bar with width-based overflow collapsing.
+ *
+ * When {@link StatusFilterBarProps}`.collapsible` is false, every status is shown
+ * inline (original behavior). When true, statuses that do not fit are collapsed
+ * into a trailing "..." button whose hover dropdown lists the remaining statuses
+ * in fixed order; picking one swaps it into the last visible slot.
+ */
+declare const StatusFilterBar: ({ items, activeKey, collapsible, onSelect, className, }: StatusFilterBarProps) => React.JSX.Element;
+export default StatusFilterBar;

package/es/components/StatusFilterBar/index.js

@@ -0,0 +1,169 @@
+import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { FontAwesomeIcon as FAIcon, faEllipsisSolid } from "@voplus/morpho-ui/es/faIcons";
+import classnames from "classnames";
+import { computeVisibleCount, getHiddenKeysInFixedOrder, swapToVisibleEnd, } from "./statusFilterOverflow";
+/** Gap between adjacent buttons in px (Tailwind gap-1.5 = 0.375rem = 6px). */
+const FALLBACK_GAP = 6;
+/**
+ * Builds the class name for a status button, preserving the original styling.
+ *
+ * @param key - Status key (added as a class for styling hooks).
+ * @param active - Whether this status is currently selected.
+ * @param grow - Whether the button may flex-grow (false for the measuring row).
+ * @returns The composed class name string.
+ */
+function statusButtonClass(key, active, grow) {
+    return classnames(key, "h-[35px] px-5 rounded-base cursor-pointer uppercase hover:bg-white hover:text-font-secondary", grow ? "flex-[1_0_auto]" : "flex-none", { "bg-white text-font-secondary font-bold": active });
+}
+/**
+ * Renders a status label with an optional total suffix.
+ *
+ * @param item - The status item.
+ * @returns The label text, e.g. "Unread (3)".
+ */
+function statusLabel(item) {
+    return `${item.label}${item.total ? ` (${item.total})` : ""}`;
+}
+/**
+ * Status filter bar with width-based overflow collapsing.
+ *
+ * When {@link StatusFilterBarProps}`.collapsible` is false, every status is shown
+ * inline (original behavior). When true, statuses that do not fit are collapsed
+ * into a trailing "..." button whose hover dropdown lists the remaining statuses
+ * in fixed order; picking one swaps it into the last visible slot.
+ */
+const StatusFilterBar = ({ items, activeKey, collapsible, onSelect, className, }) => {
+    /** Canonical fixed order of keys, derived from the incoming items. */
+    const fixedOrder = useMemo(() => items.map((item) => item.key), [items]);
+    /** Lookup from key to item for rendering. */
+    const itemsByKey = useMemo(() => {
+        const map = {};
+        items.forEach((item) => (map[item.key] = item));
+        return map;
+    }, [items]);
+    /** Current left-to-right ordering (mutated by hidden-item swaps). */
+    const [order, setOrder] = useState(fixedOrder);
+    /**
+     * Reset the left-to-right order to canonical when the key set changes, or
+     * whenever collapsing is disabled (aside closed) so the flat row always
+     * shows the original canonical order regardless of prior swaps.
+     */
+    const keySignature = fixedOrder.join("|");
+    useEffect(() => {
+        if (!collapsible) {
+            setOrder(fixedOrder);
+            return;
+        }
+        setOrder(fixedOrder);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [keySignature, collapsible]);
+    /** Signature of item totals; changes when any (total) label changes, so widths are re-measured. */
+    const totalsSignature = items.map((item) => { var _a; return (_a = item.total) !== null && _a !== void 0 ? _a : ""; }).join("|");
+    /** Ref to the outer container used to measure available width. */
+    const containerRef = useRef(null);
+    /** Ref to the inner pill wrapping the visible buttons (used to read its padding). */
+    const innerRef = useRef(null);
+    /** Ref to the hidden measuring row containing all buttons at natural width. */
+    const measureRef = useRef(null);
+    /** Ref to the hidden measuring "..." group (mirrors the real more pill footprint). */
+    const moreMeasureRef = useRef(null);
+    /** Number of leading items to show as visible buttons. */
+    const [capacity, setCapacity] = useState(items.length);
+    /** Recomputes capacity from current measurements. */
+    const recompute = useCallback(() => {
+        if (!collapsible) {
+            setCapacity(fixedOrder.length);
+            return;
+        }
+        const container = containerRef.current;
+        const measure = measureRef.current;
+        if (!container || !measure)
+            return;
+        const containerWidth = container.getBoundingClientRect().width;
+        const childWidths = Array.from(measure.children).map((child) => child.getBoundingClientRect().width);
+        const widthByKey = {};
+        fixedOrder.forEach((key, i) => { var _a; return (widthByKey[key] = (_a = childWidths[i]) !== null && _a !== void 0 ? _a : 0); });
+        const orderedWidths = order.map((key) => { var _a; return (_a = widthByKey[key]) !== null && _a !== void 0 ? _a : 0; });
+        const moreWidth = moreMeasureRef.current
+            ? moreMeasureRef.current.getBoundingClientRect().width
+            : 0;
+        const containerStyle = window.getComputedStyle(container);
+        const gap = parseFloat(containerStyle.columnGap || containerStyle.gap || "") || FALLBACK_GAP;
+        // The visible buttons live inside an inner pill whose horizontal padding
+        // eats into the room available for them, so subtract it from the width
+        // the layout math is allowed to fill.
+        const inner = innerRef.current;
+        const innerPaddingX = inner
+            ? (() => {
+                const style = window.getComputedStyle(inner);
+                return (parseFloat(style.paddingLeft) || 0) + (parseFloat(style.paddingRight) || 0);
+            })()
+            : 0;
+        const availableWidth = containerWidth - innerPaddingX;
+        setCapacity(computeVisibleCount(availableWidth, orderedWidths, moreWidth, gap));
+        // Depend on keySignature (not the fixedOrder array identity) so parent
+        // re-renders that rebuild `items` with the same keys don't churn the
+        // ResizeObserver; fixedOrder/order are captured and read at call time.
+        // totalsSignature is included so a changed count (e.g. "Unread (3)" →
+        // "Unread (15)") re-measures the button widths.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [collapsible, keySignature, totalsSignature, order]);
+    /** Measure synchronously after layout and whenever inputs change. */
+    useLayoutEffect(() => {
+        recompute();
+    }, [recompute]);
+    /** Re-measure on container resize while collapsible. */
+    useEffect(() => {
+        if (!collapsible)
+            return;
+        const container = containerRef.current;
+        if (!container || typeof ResizeObserver === "undefined")
+            return;
+        const observer = new ResizeObserver(() => recompute());
+        observer.observe(container);
+        return () => observer.disconnect();
+    }, [collapsible, recompute]);
+    /** Effective number of visible items. */
+    const visibleCount = collapsible ? Math.min(capacity, items.length) : items.length;
+    /** Keys shown as inline buttons. */
+    const visibleKeys = order.slice(0, visibleCount);
+    /** Keys collapsed into the dropdown, in fixed order. */
+    const hiddenKeys = collapsible ? getHiddenKeysInFixedOrder(order, visibleCount, fixedOrder) : [];
+    /** Whether the "..." button and dropdown are shown. */
+    const showMore = hiddenKeys.length > 0;
+    /** Handles clicks on an inline (visible) status button. */
+    const handleVisibleClick = (key) => onSelect(key);
+    /** Handles clicks on a hidden status inside the dropdown: swap then select. */
+    // Invariant: the dropdown is only rendered from the render whose `visibleCount`
+    // is current, so reading `visibleCount` from closure here is correct (order is
+    // read via the functional updater).
+    const handleHiddenClick = (key) => {
+        setOrder((prev) => swapToVisibleEnd(prev, visibleCount, key));
+        onSelect(key);
+    };
+    /** Renders the dropdown overlay listing the hidden statuses. */
+    const renderOverlay = () => (React.createElement("div", { "data-testid": "status-overflow-dropdown", className: "bg-bg-grey p-1.5 rounded-base flex flex-col gap-1.5 text-font-grey text-sm shadow-base w-max whitespace-nowrap" }, hiddenKeys.map((key) => {
+        const item = itemsByKey[key];
+        if (!item)
+            return null;
+        return (React.createElement("button", { key: key, type: "button", className: statusButtonClass(key, activeKey === key, false), onClick: () => handleHiddenClick(key) }, statusLabel(item)));
+    })));
+    return (React.createElement("div", { ref: containerRef, className: classnames("status-filter-bar relative flex gap-1.5 items-center text-font-grey text-sm", className) },
+        React.createElement("div", { ref: innerRef, className: "flex-1 flex gap-1.5 items-center justify-start flex-wrap bg-bg-grey px-1.5 py-1.5 rounded-base" }, visibleKeys.map((key) => {
+            const item = itemsByKey[key];
+            if (!item)
+                return null;
+            return (React.createElement("button", { key: key, type: "button", className: statusButtonClass(key, activeKey === key, true), onClick: () => handleVisibleClick(key) }, statusLabel(item)));
+        })),
+        showMore && (React.createElement("div", { className: "group relative flex-none bg-bg-grey px-1.5 py-1.5 rounded-base" },
+            React.createElement("button", { type: "button", "aria-label": "More statuses", "aria-haspopup": "true", className: statusButtonClass("more", false, false) },
+                React.createElement(FAIcon, { icon: faEllipsisSolid })),
+            React.createElement("div", { className: "absolute right-0 top-full z-10 pt-1.5 hidden group-hover:block" }, renderOverlay()))),
+        collapsible && (React.createElement(React.Fragment, null,
+            React.createElement("div", { ref: measureRef, "aria-hidden": true, className: "invisible pointer-events-none absolute left-[-9999px] top-0 flex gap-1.5" }, items.map((item) => (React.createElement("button", { key: item.key, type: "button", tabIndex: -1, className: statusButtonClass(item.key, false, false) }, statusLabel(item))))),
+            React.createElement("div", { ref: moreMeasureRef, "aria-hidden": true, "data-more": "true", className: "invisible pointer-events-none absolute left-[-9999px] top-0 flex-none bg-bg-grey px-1.5 py-1.5 rounded-base" },
+                React.createElement("button", { type: "button", tabIndex: -1, className: statusButtonClass("more", false, false) },
+                    React.createElement(FAIcon, { icon: faEllipsisSolid })))))));
+};
+export default StatusFilterBar;
+//# sourceMappingURL=index.js.map

package/es/components/StatusFilterBar/index.js.map

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

package/es/components/StatusFilterBar/index.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom/vitest";

package/es/components/StatusFilterBar/index.test.js

@@ -0,0 +1,102 @@
+import React from "react";
+import "@testing-library/jest-dom/vitest";
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
+import { render, screen, fireEvent, within } from "@testing-library/react";
+import StatusFilterBar from "./index";
+const ITEMS = [
+    { key: "all", label: "All" },
+    { key: "unread", label: "Unread", total: 3 },
+    { key: "read", label: "Read", total: 2 },
+    { key: "later", label: "Later", total: 1 },
+    { key: "dismissed", label: "Dismissed" },
+];
+describe("StatusFilterBar (not collapsible)", () => {
+    it("renders every status and no more button", () => {
+        render(React.createElement(StatusFilterBar, { items: ITEMS, activeKey: "all", collapsible: false, onSelect: vi.fn() }));
+        expect(screen.getByText(/^All$/)).toBeInTheDocument();
+        expect(screen.getByText(/^Dismissed$/)).toBeInTheDocument();
+        expect(screen.queryByLabelText("More statuses")).not.toBeInTheDocument();
+    });
+    it("calls onSelect when a visible status is clicked", () => {
+        const onSelect = vi.fn();
+        render(React.createElement(StatusFilterBar, { items: ITEMS, activeKey: "all", collapsible: false, onSelect: onSelect }));
+        fireEvent.click(screen.getByText(/^Read/));
+        expect(onSelect).toHaveBeenCalledWith("read");
+    });
+});
+describe("StatusFilterBar (collapsible with mocked widths)", () => {
+    let roCallback = null;
+    beforeEach(() => {
+        roCallback = null;
+        vi.stubGlobal("ResizeObserver", class {
+            constructor(cb) {
+                roCallback = cb;
+            }
+            observe() {
+                roCallback && roCallback();
+            }
+            unobserve() { }
+            disconnect() { }
+        });
+        vi.spyOn(HTMLElement.prototype, "getBoundingClientRect").mockImplementation(function () {
+            const isContainer = this.classList.contains("status-filter-bar");
+            const isMore = this.getAttribute("aria-label") === "More statuses" || this.dataset.more === "true";
+            const width = isContainer ? 300 : isMore ? 40 : 100;
+            return {
+                width,
+                height: 35,
+                top: 0,
+                left: 0,
+                right: width,
+                bottom: 35,
+                x: 0,
+                y: 0,
+                toJSON: () => ({}),
+            };
+        });
+    });
+    afterEach(() => {
+        vi.restoreAllMocks();
+        vi.unstubAllGlobals();
+    });
+    it("shows a more button and lists hidden statuses in fixed order", () => {
+        render(React.createElement(StatusFilterBar, { items: ITEMS, activeKey: "all", collapsible: true, onSelect: vi.fn() }));
+        const more = screen.getByLabelText("More statuses");
+        expect(more).toBeInTheDocument();
+        const dropdown = screen.getByTestId("status-overflow-dropdown");
+        const hiddenLabels = within(dropdown)
+            .getAllByRole("button")
+            .map((b) => { var _a; return (_a = b.textContent) === null || _a === void 0 ? void 0 : _a.trim(); });
+        expect(hiddenLabels).toEqual(["Read (2)", "Later (1)", "Dismissed"]);
+    });
+    it("swaps a picked hidden status into the visible row and calls onSelect", () => {
+        const onSelect = vi.fn();
+        render(React.createElement(StatusFilterBar, { items: ITEMS, activeKey: "all", collapsible: true, onSelect: onSelect }));
+        const dropdown = screen.getByTestId("status-overflow-dropdown");
+        fireEvent.click(within(dropdown).getByText("Later (1)"));
+        expect(onSelect).toHaveBeenCalledWith("later");
+        const dropdownAfter = screen.getByTestId("status-overflow-dropdown");
+        const hiddenLabels = within(dropdownAfter)
+            .getAllByRole("button")
+            .map((b) => { var _a; return (_a = b.textContent) === null || _a === void 0 ? void 0 : _a.trim(); });
+        expect(hiddenLabels).toEqual(["Unread (3)", "Read (2)", "Dismissed"]);
+    });
+    it("resets to canonical order when collapsible becomes false after a swap", () => {
+        const { rerender } = render(React.createElement(StatusFilterBar, { items: ITEMS, activeKey: "all", collapsible: true, onSelect: vi.fn() }));
+        const dropdown = screen.getByTestId("status-overflow-dropdown");
+        fireEvent.click(within(dropdown).getByText("Later (1)"));
+        rerender(React.createElement(StatusFilterBar, { items: ITEMS, activeKey: "all", collapsible: false, onSelect: vi.fn() }));
+        const container = document.querySelector(".status-filter-bar");
+        const labels = within(container)
+            .getAllByRole("button")
+            .map((b) => { var _a; return (_a = b.textContent) === null || _a === void 0 ? void 0 : _a.trim(); });
+        expect(labels).toEqual(["All", "Unread (3)", "Read (2)", "Later (1)", "Dismissed"]);
+    });
+    it("re-renders without throwing when a total changes", () => {
+        const { rerender } = render(React.createElement(StatusFilterBar, { items: ITEMS, activeKey: "all", collapsible: true, onSelect: vi.fn() }));
+        const changed = ITEMS.map((item) => item.key === "unread" ? { ...item, total: 15 } : item);
+        expect(() => rerender(React.createElement(StatusFilterBar, { items: changed, activeKey: "all", collapsible: true, onSelect: vi.fn() }))).not.toThrow();
+        expect(screen.getAllByText(/^Unread \(15\)$/).length).toBeGreaterThan(0);
+    });
+});
+//# sourceMappingURL=index.test.js.map

package/es/components/StatusFilterBar/index.test.js.map

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

package/es/components/StatusFilterBar/statusFilterOverflow.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Pure geometry/ordering helpers for the status filter overflow behavior.
+ * These contain no DOM or React so they can be unit-tested in isolation.
+ */
+/**
+ * Computes how many status items can be shown before the trailing "..." button.
+ *
+ * When all items fit within the container, every item is shown and no "..."
+ * button is needed. Otherwise room is reserved for the "..." button and items
+ * are counted greedily from the left.
+ *
+ * @param containerWidth - Available width of the bar container, in px.
+ * @param itemWidths - Natural widths of each item (in the current display order), in px.
+ * @param moreWidth - Width of the trailing "..." button, in px.
+ * @param gap - Horizontal gap between adjacent elements, in px.
+ * @returns The number of leading items to render as visible buttons.
+ */
+export declare function computeVisibleCount(containerWidth: number, itemWidths: number[], moreWidth: number, gap: number): number;
+/**
+ * Swaps a hidden status key into the last visible slot.
+ *
+ * The picked hidden key moves to index `visibleCount - 1`, and the key that
+ * previously occupied that slot is pushed to the picked key's old position
+ * (i.e. into the hidden region). Returns a new array; the input is not mutated.
+ *
+ * @param order - Current left-to-right ordering of status keys.
+ * @param visibleCount - Number of leading keys currently visible.
+ * @param key - The hidden key that was selected.
+ * @returns A new ordering with the swap applied (or a copy if no swap needed).
+ */
+export declare function swapToVisibleEnd(order: string[], visibleCount: number, key: string): string[];
+/**
+ * Returns the currently hidden keys, sorted by the canonical fixed order.
+ *
+ * The visible region is `order.slice(0, visibleCount)`; everything else is
+ * hidden. Hidden keys are always listed in the fixed canonical order regardless
+ * of their position in the (possibly swapped) `order` array.
+ *
+ * @param order - Current left-to-right ordering of status keys.
+ * @param visibleCount - Number of leading keys currently visible.
+ * @param fixedOrder - The canonical order used to sort the dropdown list.
+ * @returns Hidden keys in fixed canonical order.
+ */
+export declare function getHiddenKeysInFixedOrder(order: string[], visibleCount: number, fixedOrder: string[]): string[];

package/es/components/StatusFilterBar/statusFilterOverflow.js

@@ -0,0 +1,78 @@
+/**
+ * Pure geometry/ordering helpers for the status filter overflow behavior.
+ * These contain no DOM or React so they can be unit-tested in isolation.
+ */
+/**
+ * Computes how many status items can be shown before the trailing "..." button.
+ *
+ * When all items fit within the container, every item is shown and no "..."
+ * button is needed. Otherwise room is reserved for the "..." button and items
+ * are counted greedily from the left.
+ *
+ * @param containerWidth - Available width of the bar container, in px.
+ * @param itemWidths - Natural widths of each item (in the current display order), in px.
+ * @param moreWidth - Width of the trailing "..." button, in px.
+ * @param gap - Horizontal gap between adjacent elements, in px.
+ * @returns The number of leading items to render as visible buttons.
+ */
+export function computeVisibleCount(containerWidth, itemWidths, moreWidth, gap) {
+    const total = itemWidths.length;
+    if (total === 0)
+        return 0;
+    const fullWidth = itemWidths.reduce((acc, w, i) => acc + w + (i > 0 ? gap : 0), 0);
+    if (fullWidth <= containerWidth)
+        return total;
+    let count = 0;
+    for (let k = 1; k <= total - 1; k++) {
+        const itemsWidth = itemWidths
+            .slice(0, k)
+            .reduce((acc, w, i) => acc + w + (i > 0 ? gap : 0), 0);
+        const withMore = itemsWidth + gap + moreWidth;
+        if (withMore <= containerWidth) {
+            count = k;
+        }
+        else {
+            break;
+        }
+    }
+    return count;
+}
+/**
+ * Swaps a hidden status key into the last visible slot.
+ *
+ * The picked hidden key moves to index `visibleCount - 1`, and the key that
+ * previously occupied that slot is pushed to the picked key's old position
+ * (i.e. into the hidden region). Returns a new array; the input is not mutated.
+ *
+ * @param order - Current left-to-right ordering of status keys.
+ * @param visibleCount - Number of leading keys currently visible.
+ * @param key - The hidden key that was selected.
+ * @returns A new ordering with the swap applied (or a copy if no swap needed).
+ */
+export function swapToVisibleEnd(order, visibleCount, key) {
+    const next = [...order];
+    const keyIndex = next.indexOf(key);
+    const lastVisibleIndex = visibleCount - 1;
+    if (keyIndex === -1 || lastVisibleIndex < 0 || keyIndex <= lastVisibleIndex) {
+        return next;
+    }
+    [next[lastVisibleIndex], next[keyIndex]] = [next[keyIndex], next[lastVisibleIndex]];
+    return next;
+}
+/**
+ * Returns the currently hidden keys, sorted by the canonical fixed order.
+ *
+ * The visible region is `order.slice(0, visibleCount)`; everything else is
+ * hidden. Hidden keys are always listed in the fixed canonical order regardless
+ * of their position in the (possibly swapped) `order` array.
+ *
+ * @param order - Current left-to-right ordering of status keys.
+ * @param visibleCount - Number of leading keys currently visible.
+ * @param fixedOrder - The canonical order used to sort the dropdown list.
+ * @returns Hidden keys in fixed canonical order.
+ */
+export function getHiddenKeysInFixedOrder(order, visibleCount, fixedOrder) {
+    const hidden = new Set(order.slice(visibleCount));
+    return fixedOrder.filter((key) => hidden.has(key));
+}
+//# sourceMappingURL=statusFilterOverflow.js.map

package/es/components/StatusFilterBar/statusFilterOverflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"statusFilterOverflow.js","sourceRoot":"","sources":["../../../src/components/StatusFilterBar/statusFilterOverflow.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,mBAAmB,CAClC,cAAsB,EACtB,UAAoB,EACpB,SAAiB,EACjB,GAAW;IAEX,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC;IAChC,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,CAAC,CAAC;IAE1B,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnF,IAAI,SAAS,IAAI,cAAc;QAAE,OAAO,KAAK,CAAC;IAE9C,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QACrC,MAAM,UAAU,GAAG,UAAU;aAC3B,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;aACX,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACxD,MAAM,QAAQ,GAAG,UAAU,GAAG,GAAG,GAAG,SAAS,CAAC;QAC9C,IAAI,QAAQ,IAAI,cAAc,EAAE,CAAC;YAChC,KAAK,GAAG,CAAC,CAAC;QACX,CAAC;aAAM,CAAC;YACP,MAAM;QACP,CAAC;IACF,CAAC;IACD,OAAO,KAAK,CAAC;AACd,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAe,EAAE,YAAoB,EAAE,GAAW;IAClF,MAAM,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;IACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACnC,MAAM,gBAAgB,GAAG,YAAY,GAAG,CAAC,CAAC;IAC1C,IAAI,QAAQ,KAAK,CAAC,CAAC,IAAI,gBAAgB,GAAG,CAAC,IAAI,QAAQ,IAAI,gBAAgB,EAAE,CAAC;QAC7E,OAAO,IAAI,CAAC;IACb,CAAC;IACD,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACpF,OAAO,IAAI,CAAC;AACb,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,yBAAyB,CACxC,KAAe,EACf,YAAoB,EACpB,UAAoB;IAEpB,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IAClD,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,CAAC"}

package/es/components/StatusFilterBar/statusFilterOverflow.test.d.ts

@@ -0,0 +1 @@
+export {};

package/es/components/StatusFilterBar/statusFilterOverflow.test.js

@@ -0,0 +1,54 @@
+import { describe, it, expect } from "vitest";
+import { computeVisibleCount, swapToVisibleEnd, getHiddenKeysInFixedOrder, } from "./statusFilterOverflow";
+describe("computeVisibleCount", () => {
+    it("returns all items when everything fits", () => {
+        expect(computeVisibleCount(600, [100, 100, 100, 100, 100], 40, 10)).toBe(5);
+    });
+    it("reserves room for the more button and counts from the left", () => {
+        expect(computeVisibleCount(300, [100, 100, 100, 100, 100], 40, 10)).toBe(2);
+    });
+    it("returns 0 when not even one item plus more fits", () => {
+        expect(computeVisibleCount(50, [100, 100], 40, 10)).toBe(0);
+    });
+    it("returns 0 for empty input", () => {
+        expect(computeVisibleCount(300, [], 40, 10)).toBe(0);
+    });
+});
+describe("swapToVisibleEnd", () => {
+    const order = ["all", "unread", "read", "later", "dismissed"];
+    it("swaps a hidden key with the last visible key", () => {
+        expect(swapToVisibleEnd(order, 2, "later")).toEqual([
+            "all",
+            "later",
+            "read",
+            "unread",
+            "dismissed",
+        ]);
+    });
+    it("leaves order unchanged when the key is already visible", () => {
+        expect(swapToVisibleEnd(order, 2, "all")).toEqual(order);
+    });
+    it("leaves order unchanged when the key is missing", () => {
+        expect(swapToVisibleEnd(order, 2, "nope")).toEqual(order);
+    });
+    it("returns a new array (does not mutate input)", () => {
+        const result = swapToVisibleEnd(order, 2, "later");
+        expect(result).not.toBe(order);
+        expect(order).toEqual(["all", "unread", "read", "later", "dismissed"]);
+    });
+});
+describe("getHiddenKeysInFixedOrder", () => {
+    const fixedOrder = ["all", "unread", "read", "later", "dismissed"];
+    it("returns hidden keys sorted by the fixed order, not the current order", () => {
+        const order = ["all", "later", "read", "unread", "dismissed"];
+        expect(getHiddenKeysInFixedOrder(order, 2, fixedOrder)).toEqual([
+            "unread",
+            "read",
+            "dismissed",
+        ]);
+    });
+    it("returns empty when everything is visible", () => {
+        expect(getHiddenKeysInFixedOrder(fixedOrder, 5, fixedOrder)).toEqual([]);
+    });
+});
+//# sourceMappingURL=statusFilterOverflow.test.js.map

package/es/components/StatusFilterBar/statusFilterOverflow.test.js.map

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

package/es/data/work/metas.js

@@ -7,7 +7,7 @@ const DefaultView = lazy(() => import("../../modules/work/pages/WorkDefaultView"
 const WorkCard = lazy(() => import("../../modules/work/components/WorkCard"));
 const WorkTableList = lazy(() => import("../../modules/work/components/WorkTableList"));
 const WorkPropertiesView = lazy(() => import("../../modules/work/components/WorkPropertiesView"));
-const WrokQuickViewDialog = lazy(() => import("../../modules/work/components/WorkQuickViewDialog"));
+const WorkQuickViewDialog = lazy(() => import("../../modules/work/components/WorkQuickViewDialog"));
 /** Meta information for Work document. */
 export class WorkMeta extends DefaultDocumentTypeMeta {
     get name() {
@@ -21,7 +21,7 @@ export class WorkMeta extends DefaultDocumentTypeMeta {
     }
     getQuickView(document, props) {
         props.id = document.id;
-        return suspense(WrokQuickViewDialog)({
+        return suspense(WorkQuickViewDialog)({
             id: document.id,
             visible: props.visible,
             onCancel: props.onCancel,

package/es/modules/notification-workspace/components/NotificationListHeader/index.js

@@ -10,6 +10,7 @@ import { useNotificationListContext } from "../NotificationList/state";
 import ListHeaderTool from "@voplus/morpho-ui/es/components/layout/ListView/headers/ListHeaderTool";
 import PageHeadDashboard from "@voplus/morpho-ui/es/components/layout/headers/PageHeadDashboard";
 import classnames from "classnames";
+import StatusFilterBar from "../../../../components/StatusFilterBar";
 const NotificationListHeader = (props) => {
     const layout = useLayout();
     const mobile = layout.ui.mobile;
@@ -59,14 +60,7 @@ const NotificationListHeader = (props) => {
                 ? {
                     columns: [React.createElement(FlagFilter, { key: "Flag" })],
                 }
-                : undefined, sortable: context.host.isTest ? true : false, searchHeader: context.host.isTest ? true : false, searchOptions: { placeholder: "Search in notifications" }, preExtra: () => (React.createElement("div", { className: classnames("bg-bg-grey px-1.5 py-1.5 rounded-base flex gap-1.5 items-center text-font-grey text-sm", {
-                    "w-full": isAsideOpen,
-                }) }, statusMenu.map((item) => (React.createElement("button", { key: item.key, className: classnames(item.key, "h-[35px] px-7 rounded-base cursor-pointer uppercase hover:bg-white hover:text-font-secondary", {
-                    "bg-white text-font-secondary font-bold": statusActive === item.key,
-                }), onClick: () => onClickStatus(item.key) },
-                item.label,
-                " ",
-                (item === null || item === void 0 ? void 0 : item.total) ? ` (${item.total})` : ""))))) }));
+                : undefined, sortable: context.host.isTest ? true : false, searchHeader: context.host.isTest ? true : false, searchOptions: { placeholder: "Search in notifications" }, preExtra: () => (React.createElement(StatusFilterBar, { items: statusMenu, activeKey: statusActive, collapsible: !!isAsideOpen, onSelect: onClickStatus, className: classnames({ "w-full": isAsideOpen }) })) }));
         return (React.createElement("div", { className: classnames("notifications-header", { mobile: mobile }) }, !mobile ? (React.createElement(PageHeadDashboard, { headerType: "page", avatarIcon: React.createElement(FAIcon, { icon: faBellSolid }), title: "Your Notifications Center", description: "Stay updated: your latest alerts and notifications", moreExpansions: React.createElement(ListHeader, null) })) : (React.createElement(ListHeader, null))));
     });
     function onClickStatus(item) {

package/es/modules/notification-workspace/components/NotificationListHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification-workspace/components/NotificationListHeader/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification-workspace/components/NotificationListHeader/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/work/components/WorkQuickViewDialog/index.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-declare const WrokQuickViewDialog: (props: {
+declare const WorkQuickViewDialog: (props: {
     id: string;
     visible?: boolean;
     onCancel?: () => void;
 }) => React.JSX.Element;
-export default WrokQuickViewDialog;
+export default WorkQuickViewDialog;

package/es/modules/work/components/WorkQuickViewDialog/index.js

@@ -12,7 +12,7 @@ import DocumentList from "@voplus/morpho-document/es/components/DocumentList";
 import { observe } from "@voplus/morpho-ui";
 import { useMetaStore } from "@voplus/morpho-document-core";
 import { useWork } from "../../../../data/work";
-const WrokQuickViewDialog = (props) => {
+const WorkQuickViewDialog = (props) => {
     const { id } = props;
     const meta = useMetaStore();
     const [error, setError] = useState(null);
@@ -53,5 +53,5 @@ const WrokQuickViewDialog = (props) => {
         }, 100);
     }
 };
-export default WrokQuickViewDialog;
+export default WorkQuickViewDialog;
 //# sourceMappingURL=index.js.map