@cloudgrid-io/ui 0.31.3 → 0.31.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/blocks/confirm-delete-dialog.d.ts +81 -0
- package/dist/blocks/confirm-delete-dialog.d.ts.map +1 -0
- package/dist/blocks/confirm-delete-dialog.js +89 -0
- package/dist/blocks/confirm-delete-dialog.js.map +1 -0
- package/dist/blocks/shelf.d.ts +384 -0
- package/dist/blocks/shelf.d.ts.map +1 -0
- package/dist/blocks/shelf.js +489 -0
- package/dist/blocks/shelf.js.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/shadcn.css +41 -0
- package/package.json +1 -1
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Type-to-confirm delete (Shelf spec 2026-10-07, Part B).
|
|
4
|
+
*
|
|
5
|
+
* The library's one destructive confirmation. The Console built its own,
|
|
6
|
+
* `components/entity/DeleteEntityModal.tsx`, which this replaces: same gate (the
|
|
7
|
+
* button stays disabled until the typed text matches), same refusal to close
|
|
8
|
+
* while the request is in flight, same error slot under the field. What changed
|
|
9
|
+
* is the copy, because Delete is now a real delete (Part D): the old modal said
|
|
10
|
+
* the record is retained, and that stops being true.
|
|
11
|
+
*
|
|
12
|
+
* ```
|
|
13
|
+
* Delete Top 10 Mobile? [x]
|
|
14
|
+
* This removes it from CloudGrid for good. Its link stops
|
|
15
|
+
* working and it can't be brought back.
|
|
16
|
+
* Type top-10-mobile to confirm
|
|
17
|
+
* [ top-10-mobile ]
|
|
18
|
+
* [Cancel] [Delete]
|
|
19
|
+
* ```
|
|
20
|
+
*
|
|
21
|
+
* ## Generic on purpose
|
|
22
|
+
*
|
|
23
|
+
* Nothing here knows about the Shelf. `name` is what the title says, and
|
|
24
|
+
* `confirmText` is what the reader types: the Figma frame types the SLUG
|
|
25
|
+
* (`top-10-mobile`) under a title that shows the display name, which is the
|
|
26
|
+
* right split, because a slug is unambiguous and has no capitals or spaces to
|
|
27
|
+
* get wrong. `confirmText` falls back to `name` for a caller with no slug.
|
|
28
|
+
*
|
|
29
|
+
* ## The gate
|
|
30
|
+
*
|
|
31
|
+
* The typed text is trimmed and compared exactly. Not case-folded: a slug is
|
|
32
|
+
* lower case by construction, and a display name typed with the wrong case is
|
|
33
|
+
* the reader not looking, which is what the gate is for. Enter submits through
|
|
34
|
+
* a real `<form>`, so the keyboard path is the same gate as the button.
|
|
35
|
+
*
|
|
36
|
+
* ## While pending
|
|
37
|
+
*
|
|
38
|
+
* `pending` disables the field and both buttons and swallows every close
|
|
39
|
+
* (Escape, the scrim, the close glyph): a dialog that closes on a request still
|
|
40
|
+
* running leaves the reader no place to see it fail. The caller closes it
|
|
41
|
+
* (`onOpenChange(false)`) when the request resolves, and passes `error` when it
|
|
42
|
+
* rejects.
|
|
43
|
+
*
|
|
44
|
+
* ## The red
|
|
45
|
+
*
|
|
46
|
+
* The filled Delete is `--cg-danger-strong` under `--cg-text-on-primary`: the
|
|
47
|
+
* Figma frame's red is the Console's "Failed" status, which the library already
|
|
48
|
+
* carries as `danger-strong` (5.70:1 on white; white on it measures above 5:1).
|
|
49
|
+
* `--cg-danger` itself is still a placeholder in `tokens.css`, which is the
|
|
50
|
+
* known gap CLAUDE.md records; this reads the strong rung so the button does not
|
|
51
|
+
* move if the placeholder is retuned.
|
|
52
|
+
*/
|
|
53
|
+
/** The consequence line under the title, when the caller does not pass one. */
|
|
54
|
+
export declare const CONFIRM_DELETE_DESCRIPTION = "This removes it from CloudGrid for good. Its link stops working and it can't be brought back.";
|
|
55
|
+
export type ConfirmDeleteDialogProps = {
|
|
56
|
+
open: boolean;
|
|
57
|
+
onOpenChange: (open: boolean) => void;
|
|
58
|
+
/** What the title names: "Delete {name}?". */
|
|
59
|
+
name: string;
|
|
60
|
+
/** What the reader types to arm the button. Defaults to `name`. */
|
|
61
|
+
confirmText?: string;
|
|
62
|
+
/** Runs when the armed button is pressed or Enter is hit in the field. */
|
|
63
|
+
onConfirm: () => void | Promise<void>;
|
|
64
|
+
/** The request is in flight: everything is disabled and the dialog will not close. */
|
|
65
|
+
pending?: boolean;
|
|
66
|
+
/** Shown under the field, announced as an alert. */
|
|
67
|
+
error?: React.ReactNode;
|
|
68
|
+
/** Overrides the title. */
|
|
69
|
+
title?: React.ReactNode;
|
|
70
|
+
/** Overrides the consequence line. */
|
|
71
|
+
description?: React.ReactNode;
|
|
72
|
+
/** The armed button's word. */
|
|
73
|
+
confirmLabel?: string;
|
|
74
|
+
/** The button's word while `pending`. */
|
|
75
|
+
pendingLabel?: string;
|
|
76
|
+
cancelLabel?: string;
|
|
77
|
+
className?: string;
|
|
78
|
+
};
|
|
79
|
+
declare function ConfirmDeleteDialog({ open, onOpenChange, name, confirmText, onConfirm, pending, error, title, description, confirmLabel, pendingLabel, cancelLabel, className, }: ConfirmDeleteDialogProps): React.JSX.Element;
|
|
80
|
+
export { ConfirmDeleteDialog };
|
|
81
|
+
//# sourceMappingURL=confirm-delete-dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"confirm-delete-dialog.d.ts","sourceRoot":"","sources":["../../src/blocks/confirm-delete-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAa9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AAEH,+EAA+E;AAC/E,eAAO,MAAM,0BAA0B,kGAC0D,CAAA;AAEjG,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,8CAA8C;IAC9C,IAAI,EAAE,MAAM,CAAA;IACZ,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0EAA0E;IAC1E,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACrC,sFAAsF;IACtF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oDAAoD;IACpD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,sCAAsC;IACtC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,iBAAS,mBAAmB,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,SAAS,EACT,OAAe,EACf,KAAK,EACL,KAAK,EACL,WAAwC,EACxC,YAAuB,EACvB,YAAyB,EACzB,WAAsB,EACtB,SAAS,GACV,EAAE,wBAAwB,qBAsF1B;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAA"}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { cn } from "../lib/cloudgrid-cn.js";
|
|
5
|
+
import { Button } from "../ui/button.js";
|
|
6
|
+
import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "../ui/dialog.js";
|
|
7
|
+
import { Input } from "../ui/input.js";
|
|
8
|
+
/**
|
|
9
|
+
* Type-to-confirm delete (Shelf spec 2026-10-07, Part B).
|
|
10
|
+
*
|
|
11
|
+
* The library's one destructive confirmation. The Console built its own,
|
|
12
|
+
* `components/entity/DeleteEntityModal.tsx`, which this replaces: same gate (the
|
|
13
|
+
* button stays disabled until the typed text matches), same refusal to close
|
|
14
|
+
* while the request is in flight, same error slot under the field. What changed
|
|
15
|
+
* is the copy, because Delete is now a real delete (Part D): the old modal said
|
|
16
|
+
* the record is retained, and that stops being true.
|
|
17
|
+
*
|
|
18
|
+
* ```
|
|
19
|
+
* Delete Top 10 Mobile? [x]
|
|
20
|
+
* This removes it from CloudGrid for good. Its link stops
|
|
21
|
+
* working and it can't be brought back.
|
|
22
|
+
* Type top-10-mobile to confirm
|
|
23
|
+
* [ top-10-mobile ]
|
|
24
|
+
* [Cancel] [Delete]
|
|
25
|
+
* ```
|
|
26
|
+
*
|
|
27
|
+
* ## Generic on purpose
|
|
28
|
+
*
|
|
29
|
+
* Nothing here knows about the Shelf. `name` is what the title says, and
|
|
30
|
+
* `confirmText` is what the reader types: the Figma frame types the SLUG
|
|
31
|
+
* (`top-10-mobile`) under a title that shows the display name, which is the
|
|
32
|
+
* right split, because a slug is unambiguous and has no capitals or spaces to
|
|
33
|
+
* get wrong. `confirmText` falls back to `name` for a caller with no slug.
|
|
34
|
+
*
|
|
35
|
+
* ## The gate
|
|
36
|
+
*
|
|
37
|
+
* The typed text is trimmed and compared exactly. Not case-folded: a slug is
|
|
38
|
+
* lower case by construction, and a display name typed with the wrong case is
|
|
39
|
+
* the reader not looking, which is what the gate is for. Enter submits through
|
|
40
|
+
* a real `<form>`, so the keyboard path is the same gate as the button.
|
|
41
|
+
*
|
|
42
|
+
* ## While pending
|
|
43
|
+
*
|
|
44
|
+
* `pending` disables the field and both buttons and swallows every close
|
|
45
|
+
* (Escape, the scrim, the close glyph): a dialog that closes on a request still
|
|
46
|
+
* running leaves the reader no place to see it fail. The caller closes it
|
|
47
|
+
* (`onOpenChange(false)`) when the request resolves, and passes `error` when it
|
|
48
|
+
* rejects.
|
|
49
|
+
*
|
|
50
|
+
* ## The red
|
|
51
|
+
*
|
|
52
|
+
* The filled Delete is `--cg-danger-strong` under `--cg-text-on-primary`: the
|
|
53
|
+
* Figma frame's red is the Console's "Failed" status, which the library already
|
|
54
|
+
* carries as `danger-strong` (5.70:1 on white; white on it measures above 5:1).
|
|
55
|
+
* `--cg-danger` itself is still a placeholder in `tokens.css`, which is the
|
|
56
|
+
* known gap CLAUDE.md records; this reads the strong rung so the button does not
|
|
57
|
+
* move if the placeholder is retuned.
|
|
58
|
+
*/
|
|
59
|
+
/** The consequence line under the title, when the caller does not pass one. */
|
|
60
|
+
export const CONFIRM_DELETE_DESCRIPTION = "This removes it from CloudGrid for good. Its link stops working and it can't be brought back.";
|
|
61
|
+
function ConfirmDeleteDialog({ open, onOpenChange, name, confirmText, onConfirm, pending = false, error, title, description = CONFIRM_DELETE_DESCRIPTION, confirmLabel = "Delete", pendingLabel = "Deleting", cancelLabel = "Cancel", className, }) {
|
|
62
|
+
const target = confirmText ?? name;
|
|
63
|
+
const [typed, setTyped] = React.useState("");
|
|
64
|
+
const fieldId = React.useId();
|
|
65
|
+
const errorId = React.useId();
|
|
66
|
+
const field = React.useRef(null);
|
|
67
|
+
const matches = typed.trim() === target;
|
|
68
|
+
// A fresh field every time the dialog opens. Clearing on close instead would
|
|
69
|
+
// empty the field during the closing animation, which reads as the dialog
|
|
70
|
+
// undoing what the reader typed.
|
|
71
|
+
React.useEffect(() => {
|
|
72
|
+
if (open)
|
|
73
|
+
setTyped("");
|
|
74
|
+
}, [open]);
|
|
75
|
+
function changeOpen(next) {
|
|
76
|
+
if (!next && pending)
|
|
77
|
+
return;
|
|
78
|
+
onOpenChange(next);
|
|
79
|
+
}
|
|
80
|
+
function submit(event) {
|
|
81
|
+
event.preventDefault();
|
|
82
|
+
if (!matches || pending)
|
|
83
|
+
return;
|
|
84
|
+
void onConfirm();
|
|
85
|
+
}
|
|
86
|
+
return (_jsx(Dialog, { open: open, onOpenChange: changeOpen, children: _jsxs(DialogContent, { "data-slot": "confirm-delete-dialog", initialFocus: field, className: cn("gap-5 p-6 sm:max-w-md", className), children: [_jsxs(DialogHeader, { className: "gap-3 pr-8", children: [_jsx(DialogTitle, { className: "text-heading-sm leading-tight", children: title ?? `Delete ${name}?` }), _jsx(DialogDescription, { className: "text-body-sm text-body", children: description })] }), _jsxs("form", { className: "grid gap-5", onSubmit: submit, noValidate: true, children: [_jsxs("div", { className: "grid gap-2", children: [_jsxs("label", { htmlFor: fieldId, className: "text-body-sm font-medium text-ink", children: ["Type ", _jsx("span", { className: "font-mono text-mono", children: target }), " to confirm"] }), _jsx(Input, { ref: field, id: fieldId, value: typed, onChange: (event) => setTyped(event.target.value), disabled: pending, autoComplete: "off", autoCapitalize: "off", spellCheck: false, "aria-describedby": error ? errorId : undefined, "data-slot": "confirm-delete-field" }), error ? (_jsx("p", { id: errorId, role: "alert", className: "m-0 text-caption text-danger-strong", children: error })) : null] }), _jsxs("div", { className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", children: [_jsx(Button, { type: "button", variant: "outline", disabled: pending, onClick: () => changeOpen(false), children: cancelLabel }), _jsx(Button, { type: "submit", disabled: !matches || pending, "data-slot": "confirm-delete-submit", className: "bg-danger-strong text-on-primary hover:bg-danger-strong/90 focus-visible:border-danger-strong focus-visible:ring-danger-border", children: pending ? pendingLabel : confirmLabel })] })] })] }) }));
|
|
87
|
+
}
|
|
88
|
+
export { ConfirmDeleteDialog };
|
|
89
|
+
//# sourceMappingURL=confirm-delete-dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"confirm-delete-dialog.js","sourceRoot":"","sources":["../../src/blocks/confirm-delete-dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,384 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { DrawerContent } from "../ui/drawer.js";
|
|
3
|
+
import { type EntityKind } from "./entity-card.js";
|
|
4
|
+
/**
|
|
5
|
+
* The Shelf (Shelf spec 2026-10-07, Part B): where things that expired or were
|
|
6
|
+
* never published go on their own, and where they are moved back from.
|
|
7
|
+
*
|
|
8
|
+
* Figma `5ouhISIL0mwYGHurvCGoEO`, section "Shelf v2 - 2026-10-07" (9834:7965),
|
|
9
|
+
* frames 01 to 09b. The frames are the LAYOUT. The sizes are the Console's: the
|
|
10
|
+
* founder's instruction was that the Shelf look like the app page and the grid
|
|
11
|
+
* settings page do as they render, so every height and type size below is the
|
|
12
|
+
* one measured off those pages (audit log `2026-10-07-shelf-blocks.md`, step 0)
|
|
13
|
+
* and expressed with the library primitive that already produces it:
|
|
14
|
+
*
|
|
15
|
+
* table head 40, 15/500 `TableHead` as is
|
|
16
|
+
* row 57 (two lines) `TableCell` as is, 8 padding
|
|
17
|
+
* reason pill 20, 13/500 `Badge variant="secondary"`, the Versions table's grey pill
|
|
18
|
+
* row buttons 28, 13/500 `Button size="sm"` / `size="icon-sm"`, the app header's rung
|
|
19
|
+
* toolbar 32 `InputGroup`, `Button`, `Tabs` default, all h-8
|
|
20
|
+
* drawer 448 `DrawerContent size="md"`, every Console drawer
|
|
21
|
+
*
|
|
22
|
+
* ## What is in here
|
|
23
|
+
*
|
|
24
|
+
* The parts, each usable alone, and `Shelf`, which composes them the way the
|
|
25
|
+
* frames do and owns the transient state between them: which row's drawer is
|
|
26
|
+
* open, which item the delete dialog is about, which rows are mid-request.
|
|
27
|
+
*
|
|
28
|
+
* ShelfToolbar reason tabs with counts, search, sort menu, List/Compact
|
|
29
|
+
* ShelfTable the List view: a real <table>
|
|
30
|
+
* ShelfCardList the Compact view, and every view under 768px of shelf
|
|
31
|
+
* ShelfItemDetails the drawer (right) or bottom sheet (phone)
|
|
32
|
+
* ShelfEmpty "Your shelf is empty"
|
|
33
|
+
* ShelfFooter "Showing 6 of 24 creations" and Show more
|
|
34
|
+
* toastMovedToGrid the confirmation toast, no Undo
|
|
35
|
+
*
|
|
36
|
+
* The type-to-confirm dialog is its own module, `confirm-delete-dialog`,
|
|
37
|
+
* because nothing about it is Shelf-specific.
|
|
38
|
+
*
|
|
39
|
+
* ## Data-agnostic
|
|
40
|
+
*
|
|
41
|
+
* Nothing here fetches, filters, sorts or counts. The spec is explicit that the
|
|
42
|
+
* counts, search and sort come from the server (Part D) and that the Console must
|
|
43
|
+
* not filter a truncated list in the browser, so the blocks only REPORT what the
|
|
44
|
+
* reader asked for (`onTabChange`, `onSearch`, `onSort`) and render the `items`
|
|
45
|
+
* they are handed. Counts are optional: until the server sends them, a tab is
|
|
46
|
+
* its word alone.
|
|
47
|
+
*
|
|
48
|
+
* ## Narrow
|
|
49
|
+
*
|
|
50
|
+
* By container query on the block, not the window: under 48rem of shelf the
|
|
51
|
+
* table becomes the stacked cards, the cards go to one column with a full-width
|
|
52
|
+
* Move to grid, and the sort menu and view toggle leave (frame 09 draws neither).
|
|
53
|
+
* The reason tabs are the library's `pill` chips at every width, which is what
|
|
54
|
+
* frame 09 draws and what scrolls rather than wraps on a phone. The drawer is
|
|
55
|
+
* the one thing that asks the WINDOW, because a sheet is a property of the
|
|
56
|
+
* screen: `detailsSide="auto"` is a bottom sheet under 768px, the Console's own
|
|
57
|
+
* phone breakpoint.
|
|
58
|
+
*/
|
|
59
|
+
/**
|
|
60
|
+
* Why something is on the shelf. The reason follows the kind (spec, "The
|
|
61
|
+
* model"): a page only ever expires, an app or agent is only ever never
|
|
62
|
+
* published. The Console derives it from `realm`; the block takes it as given.
|
|
63
|
+
*/
|
|
64
|
+
export declare const SHELF_REASON_ORDER: readonly ["expired", "never_published"];
|
|
65
|
+
export type ShelfReason = (typeof SHELF_REASON_ORDER)[number];
|
|
66
|
+
/** The pill's word. */
|
|
67
|
+
export declare const SHELF_REASON_LABEL: Record<ShelfReason, string>;
|
|
68
|
+
/** The line beside the pill. Library copy, from the frames' annotation. */
|
|
69
|
+
export declare const SHELF_REASON_DETAIL: Record<ShelfReason, string>;
|
|
70
|
+
/** The reason tabs. `all` first, then the reasons in their own order. */
|
|
71
|
+
export declare const SHELF_TAB_ORDER: readonly ["all", "expired", "never_published"];
|
|
72
|
+
export type ShelfTab = (typeof SHELF_TAB_ORDER)[number];
|
|
73
|
+
export declare const SHELF_TAB_LABEL: Record<ShelfTab, string>;
|
|
74
|
+
/** The sort menu, in the order frame 08 lists it. The first is the default. */
|
|
75
|
+
export declare const SHELF_SORT_ORDER: readonly ["recent", "oldest", "name"];
|
|
76
|
+
export type ShelfSort = (typeof SHELF_SORT_ORDER)[number];
|
|
77
|
+
export declare const SHELF_SORT_LABEL: Record<ShelfSort, string>;
|
|
78
|
+
export declare const SHELF_VIEW_ORDER: readonly ["list", "compact"];
|
|
79
|
+
export type ShelfView = (typeof SHELF_VIEW_ORDER)[number];
|
|
80
|
+
export declare const SHELF_VIEW_LABEL: Record<ShelfView, string>;
|
|
81
|
+
export declare const SHELF_EMPTY_TITLE = "Your shelf is empty";
|
|
82
|
+
export declare const SHELF_EMPTY_DESCRIPTION = "Things that expire or are never published will show up here on their own.";
|
|
83
|
+
export declare const SHELF_NO_MATCHES = "Nothing on your shelf matches that.";
|
|
84
|
+
export declare const SHELF_SEARCH_PLACEHOLDER = "Search your shelf";
|
|
85
|
+
export declare const SHELF_AVAILABILITY_NOTE = "Move it to your grid to bring it back.";
|
|
86
|
+
export declare const SHELF_MOVE_LABEL = "Move to grid";
|
|
87
|
+
/** The toast after a move. No Undo: the move is the undo. */
|
|
88
|
+
export declare function shelfMovedMessage(name: string): string;
|
|
89
|
+
/** One thing on the shelf. */
|
|
90
|
+
export type ShelfItem = {
|
|
91
|
+
id: string;
|
|
92
|
+
/** The display name. */
|
|
93
|
+
name: string;
|
|
94
|
+
/** What the reader types to confirm a delete. Falls back to `name`. */
|
|
95
|
+
slug?: string;
|
|
96
|
+
/** Drives the fallback mark and, without `kindLabel`, the word under the name. */
|
|
97
|
+
kind: EntityKind;
|
|
98
|
+
/** The word under the name, when the kind's own word is not specific enough ("Presentation"). */
|
|
99
|
+
kindLabel?: string;
|
|
100
|
+
reason: ShelfReason;
|
|
101
|
+
/** When it moved to the shelf. An ISO string, a Date or epoch milliseconds. */
|
|
102
|
+
movedAt: string | number | Date;
|
|
103
|
+
/** A preview picture. Without one, or if it fails to load, the kind's mark. */
|
|
104
|
+
thumbnailSrc?: string;
|
|
105
|
+
};
|
|
106
|
+
/** Per-tab counts. Any that are missing render as the tab's word alone. */
|
|
107
|
+
export type ShelfCounts = Partial<Record<ShelfTab, number>>;
|
|
108
|
+
/**
|
|
109
|
+
* "Sep 14" in a row, "Sep 12, 2026" in the drawer. English months, the
|
|
110
|
+
* reader's own time zone, which is how the Console prints every other date.
|
|
111
|
+
*/
|
|
112
|
+
export declare function formatShelfDate(value: ShelfItem["movedAt"], style?: "short" | "long"): string;
|
|
113
|
+
declare const THUMB_SIZE: {
|
|
114
|
+
readonly row: "h-10 w-16 rounded-2xs";
|
|
115
|
+
readonly card: "h-[70px] w-28 rounded-xs";
|
|
116
|
+
readonly sheet: "h-[70px] w-28 rounded-xs";
|
|
117
|
+
readonly preview: "aspect-[16/9] w-full rounded-lg";
|
|
118
|
+
};
|
|
119
|
+
/**
|
|
120
|
+
* The picture, or the kind's mark on the kind's tint when there is none.
|
|
121
|
+
*
|
|
122
|
+
* Decorative in both forms (`alt=""`, `aria-hidden` mark): the name is always
|
|
123
|
+
* beside it, and a screenshot of an app has nothing a screen reader needs. A
|
|
124
|
+
* picture that fails to load falls back to the mark rather than a broken box.
|
|
125
|
+
*/
|
|
126
|
+
declare function ShelfThumbnail({ item, size, className, }: {
|
|
127
|
+
item: Pick<ShelfItem, "kind" | "thumbnailSrc">;
|
|
128
|
+
size?: keyof typeof THUMB_SIZE;
|
|
129
|
+
className?: string;
|
|
130
|
+
}): React.JSX.Element;
|
|
131
|
+
/** The grey pill and its detail line. */
|
|
132
|
+
declare function ShelfReasonTag({ reason, className }: {
|
|
133
|
+
reason: ShelfReason;
|
|
134
|
+
className?: string;
|
|
135
|
+
}): React.JSX.Element;
|
|
136
|
+
/** The row's "..." menu. Delete is its only item (frame 06). */
|
|
137
|
+
declare function ShelfRowMenu({ item, onRequestDelete, }: {
|
|
138
|
+
item: ShelfItem;
|
|
139
|
+
onRequestDelete: (item: ShelfItem) => void;
|
|
140
|
+
}): React.JSX.Element;
|
|
141
|
+
type RowActions = {
|
|
142
|
+
/** The reader asked to see an item: its name was pressed, or its row clicked. */
|
|
143
|
+
onOpenDetails?: (item: ShelfItem) => void;
|
|
144
|
+
onMoveToGrid?: (item: ShelfItem) => void;
|
|
145
|
+
/** The reader picked Delete in a row's menu. Absent, the menu is not drawn. */
|
|
146
|
+
onRequestDelete?: (item: ShelfItem) => void;
|
|
147
|
+
/** The item whose details are open; its row is drawn selected. */
|
|
148
|
+
selectedId?: string | null;
|
|
149
|
+
/** Items with a Move to grid in flight. */
|
|
150
|
+
movingIds?: ReadonlySet<string>;
|
|
151
|
+
};
|
|
152
|
+
/**
|
|
153
|
+
* The List view (frame 01): Creation, Why it's here, Moved here, actions.
|
|
154
|
+
*
|
|
155
|
+
* A real `<table>` with a header row, because it is one: four facts per item in
|
|
156
|
+
* columns a reader compares down the page. The name is a button that opens the
|
|
157
|
+
* details, which is the keyboard path; a click anywhere else on the row does the
|
|
158
|
+
* same for a mouse, and ignores clicks that land on the row's own buttons.
|
|
159
|
+
*/
|
|
160
|
+
declare function ShelfTable({ items, onOpenDetails, onMoveToGrid, onRequestDelete, selectedId, movingIds, caption, className, }: RowActions & {
|
|
161
|
+
items: readonly ShelfItem[];
|
|
162
|
+
/** The table's accessible name. Rendered for screen readers only. */
|
|
163
|
+
caption?: string;
|
|
164
|
+
className?: string;
|
|
165
|
+
}): React.JSX.Element;
|
|
166
|
+
/**
|
|
167
|
+
* One item as a card (frames 02 and 09).
|
|
168
|
+
*
|
|
169
|
+
* Two arrangements by container query on the card itself. Wide (a Compact
|
|
170
|
+
* column on a desktop): picture, three lines, Move to grid and the menu in a
|
|
171
|
+
* row. Narrow (a phone): a smaller picture and two lines with the menu top
|
|
172
|
+
* right, and Move to grid full width underneath, which is frame 09 exactly,
|
|
173
|
+
* detail line and all left out.
|
|
174
|
+
*/
|
|
175
|
+
declare function ShelfCard({ item, onOpenDetails, onMoveToGrid, onRequestDelete, selected, moving, }: Omit<RowActions, "selectedId" | "movingIds"> & {
|
|
176
|
+
item: ShelfItem;
|
|
177
|
+
selected?: boolean;
|
|
178
|
+
moving?: boolean;
|
|
179
|
+
}): React.JSX.Element;
|
|
180
|
+
/**
|
|
181
|
+
* The cards as a list. `columns="auto"` is two columns from 48rem of shelf and
|
|
182
|
+
* one below, which is the Compact view; `columns={1}` is one at every width,
|
|
183
|
+
* which is the List view on a phone.
|
|
184
|
+
*/
|
|
185
|
+
declare function ShelfCardList({ items, columns, label, onOpenDetails, onMoveToGrid, onRequestDelete, selectedId, movingIds, className, }: RowActions & {
|
|
186
|
+
items: readonly ShelfItem[];
|
|
187
|
+
columns?: "auto" | 1;
|
|
188
|
+
/** The list's accessible name. */
|
|
189
|
+
label?: string;
|
|
190
|
+
className?: string;
|
|
191
|
+
}): React.JSX.Element;
|
|
192
|
+
/** What the reason tabs, search and sort do: work, go, or show and refuse. */
|
|
193
|
+
export declare const SHELF_QUERY_CONTROLS_ORDER: readonly ["enabled", "hidden", "disabled"];
|
|
194
|
+
export type ShelfQueryControls = (typeof SHELF_QUERY_CONTROLS_ORDER)[number];
|
|
195
|
+
/**
|
|
196
|
+
* Reason tabs, then search, sort and the view toggle (frames 01, 08 and 09).
|
|
197
|
+
*
|
|
198
|
+
* Every control is controlled: the toolbar reports and the caller decides,
|
|
199
|
+
* because what a tab or a sort MEANS is a server query (spec, Part D).
|
|
200
|
+
*
|
|
201
|
+
* - The reason tabs are `Tabs` with the `pill` list: the chips frame 09 draws,
|
|
202
|
+
* scrolling rather than wrapping on a phone. A count renders only when the
|
|
203
|
+
* caller has one; "All" alone is honest, "All 0" while loading is not.
|
|
204
|
+
* - The view toggle is `Tabs` with the default list, the library's segmented
|
|
205
|
+
* control. Hidden under 48rem of shelf, where there is one view.
|
|
206
|
+
* - Sort is a `DropdownMenu` radio group, so the current order carries the tick
|
|
207
|
+
* frame 08 draws and a screen reader hears which one is checked.
|
|
208
|
+
*
|
|
209
|
+
* ## `queryControls`, for a caller whose server cannot filter yet
|
|
210
|
+
*
|
|
211
|
+
* The tabs, the search and the sort are QUERIES. Until the server answers them
|
|
212
|
+
* (spec, Part D), a caller holding a paged list must not offer them, because
|
|
213
|
+
* answering them in the browser over the rows it happens to have loaded is the
|
|
214
|
+
* silent data loss the spec forbids. So:
|
|
215
|
+
*
|
|
216
|
+
* "enabled" the default: all of it works
|
|
217
|
+
* "hidden" the three are not rendered at all; the List/Compact toggle
|
|
218
|
+
* stays, because the view is presentation, not a query
|
|
219
|
+
* "disabled" the three render, dimmed and refusing: the tabs and the sort
|
|
220
|
+
* are disabled, the search field is a real `disabled` input so
|
|
221
|
+
* Tab skips it (no focusable dead box), each group carries
|
|
222
|
+
* `aria-disabled`, and none of them calls back. One tab stop
|
|
223
|
+
* is left on purpose: Base UI keeps the selected tab focusable
|
|
224
|
+
* while disabled (the ARIA pattern for a disabled tab), and that
|
|
225
|
+
* is where a screen reader hears `queryHint`.
|
|
226
|
+
*
|
|
227
|
+
* `queryHint` is the one line saying why, where the controls are or would be.
|
|
228
|
+
* When the controls are disabled it also describes them (`aria-describedby`), so
|
|
229
|
+
* a screen reader that lands on a dimmed tab hears the reason.
|
|
230
|
+
*/
|
|
231
|
+
declare function ShelfToolbar({ tab, onTabChange, counts, query, onSearch, sort, onSort, view, onViewChange, showControls, queryControls, queryHint, className, }: {
|
|
232
|
+
tab: ShelfTab;
|
|
233
|
+
onTabChange?: (tab: ShelfTab) => void;
|
|
234
|
+
counts?: ShelfCounts;
|
|
235
|
+
query: string;
|
|
236
|
+
onSearch?: (query: string) => void;
|
|
237
|
+
sort: ShelfSort;
|
|
238
|
+
onSort?: (sort: ShelfSort) => void;
|
|
239
|
+
view: ShelfView;
|
|
240
|
+
onViewChange?: (view: ShelfView) => void;
|
|
241
|
+
/** False draws the tabs alone: the empty shelf (frame 05) has nothing to search. */
|
|
242
|
+
showControls?: boolean;
|
|
243
|
+
/** Whether the reason tabs, search and sort work, are left out, or show disabled. */
|
|
244
|
+
queryControls?: ShelfQueryControls;
|
|
245
|
+
/**
|
|
246
|
+
* One quiet line where the query controls are or would be, saying why they are
|
|
247
|
+
* off. Shown with `"hidden"` and `"disabled"` only: beside working controls it
|
|
248
|
+
* would be a reason for nothing.
|
|
249
|
+
*/
|
|
250
|
+
queryHint?: React.ReactNode;
|
|
251
|
+
className?: string;
|
|
252
|
+
}): React.JSX.Element | null;
|
|
253
|
+
/**
|
|
254
|
+
* "Showing 6 of 24 creations" and Show more. The count line needs `total`; a
|
|
255
|
+
* caller without one (no server count yet, spec Part C) gets Show more alone.
|
|
256
|
+
*/
|
|
257
|
+
declare function ShelfFooter({ shown, total, hasMore, onShowMore, loadingMore, className, }: {
|
|
258
|
+
shown: number;
|
|
259
|
+
total?: number;
|
|
260
|
+
hasMore?: boolean;
|
|
261
|
+
onShowMore?: () => void;
|
|
262
|
+
loadingMore?: boolean;
|
|
263
|
+
className?: string;
|
|
264
|
+
}): React.JSX.Element | null;
|
|
265
|
+
/**
|
|
266
|
+
* The empty shelf (frame 05). The way out is a link when `backHref` is given,
|
|
267
|
+
* rendered through `linkComponent` (Next's `Link`, say), or a button for
|
|
268
|
+
* `onBack` alone.
|
|
269
|
+
*/
|
|
270
|
+
declare function ShelfEmpty({ backHref, onBack, backLabel, linkComponent, title, description, headingLevel, className, }: {
|
|
271
|
+
backHref?: string;
|
|
272
|
+
onBack?: () => void;
|
|
273
|
+
backLabel?: string;
|
|
274
|
+
linkComponent?: React.ElementType;
|
|
275
|
+
title?: React.ReactNode;
|
|
276
|
+
description?: React.ReactNode;
|
|
277
|
+
headingLevel?: 2 | 3;
|
|
278
|
+
className?: string;
|
|
279
|
+
}): React.JSX.Element;
|
|
280
|
+
/**
|
|
281
|
+
* The details drawer (frame 03), or the bottom sheet on a phone (frame 09b).
|
|
282
|
+
*
|
|
283
|
+
* The library `Drawer` at its `md` rung, 448, which is every Console drawer.
|
|
284
|
+
* What it says is the frames' list and nothing more: no Open app, because
|
|
285
|
+
* nothing on the shelf is live, and no Last opened, because the platform does
|
|
286
|
+
* not record it (annotation 9837:8842).
|
|
287
|
+
*
|
|
288
|
+
* Move to grid is the page's primary action, so it takes the Console's primary
|
|
289
|
+
* variant (`cta`, the teal, `PrimaryAction`). Delete is a quiet red link under
|
|
290
|
+
* it and opens the confirm dialog; the caller decides what that means.
|
|
291
|
+
*/
|
|
292
|
+
declare function ShelfItemDetails({ item, open, onOpenChange, side, onMoveToGrid, onRequestDelete, moving, container, }: {
|
|
293
|
+
item: ShelfItem | null;
|
|
294
|
+
open: boolean;
|
|
295
|
+
onOpenChange: (open: boolean) => void;
|
|
296
|
+
side?: "right" | "bottom";
|
|
297
|
+
onMoveToGrid?: (item: ShelfItem) => void;
|
|
298
|
+
onRequestDelete?: (item: ShelfItem) => void;
|
|
299
|
+
moving?: boolean;
|
|
300
|
+
/** Forwarded to the portal, for a drawer that must stay inside a surface scope. */
|
|
301
|
+
container?: React.ComponentProps<typeof DrawerContent>["container"];
|
|
302
|
+
}): React.JSX.Element;
|
|
303
|
+
/**
|
|
304
|
+
* "{name} moved to your grid", with View grid when the caller can take the
|
|
305
|
+
* reader there (frame 04). No Undo: moving it back is what the Shelf is for.
|
|
306
|
+
*
|
|
307
|
+
* Fires through the library `Toaster` (`sonner`), which the Console already
|
|
308
|
+
* mounts once at its root. Returns the toast's id.
|
|
309
|
+
*/
|
|
310
|
+
export declare function toastMovedToGrid(name: string, { onViewGrid, viewGridLabel }?: {
|
|
311
|
+
onViewGrid?: () => void;
|
|
312
|
+
viewGridLabel?: string;
|
|
313
|
+
}): string | number;
|
|
314
|
+
export type ShelfProps = {
|
|
315
|
+
/** What to show: the server's page for the current tab, search and sort. */
|
|
316
|
+
items: readonly ShelfItem[];
|
|
317
|
+
/** Per-tab counts from the server. Missing ones render as the word alone. */
|
|
318
|
+
counts?: ShelfCounts;
|
|
319
|
+
/** The total for the current tab and search, for "Showing 6 of 24". */
|
|
320
|
+
total?: number;
|
|
321
|
+
/** More pages exist; draws Show more when `onShowMore` is given. */
|
|
322
|
+
hasMore?: boolean;
|
|
323
|
+
onShowMore?: () => void;
|
|
324
|
+
loadingMore?: boolean;
|
|
325
|
+
tab?: ShelfTab;
|
|
326
|
+
defaultTab?: ShelfTab;
|
|
327
|
+
onTabChange?: (tab: ShelfTab) => void;
|
|
328
|
+
query?: string;
|
|
329
|
+
defaultQuery?: string;
|
|
330
|
+
/** Every keystroke. Debounce on the caller's side if the server needs it. */
|
|
331
|
+
onSearch?: (query: string) => void;
|
|
332
|
+
sort?: ShelfSort;
|
|
333
|
+
defaultSort?: ShelfSort;
|
|
334
|
+
onSort?: (sort: ShelfSort) => void;
|
|
335
|
+
view?: ShelfView;
|
|
336
|
+
defaultView?: ShelfView;
|
|
337
|
+
onViewChange?: (view: ShelfView) => void;
|
|
338
|
+
/** Move to grid, from a row or the drawer. A returned promise disables the button until it settles. */
|
|
339
|
+
onMoveToGrid?: (item: ShelfItem) => void | Promise<void>;
|
|
340
|
+
/**
|
|
341
|
+
* The CONFIRMED delete, after the reader has typed the slug. A returned promise
|
|
342
|
+
* keeps the dialog open and pending until it settles; a rejection shows
|
|
343
|
+
* `deleteErrorMessage` and keeps it open. Absent, no Delete is offered anywhere.
|
|
344
|
+
*/
|
|
345
|
+
onDelete?: (item: ShelfItem) => void | Promise<void>;
|
|
346
|
+
deleteErrorMessage?: string;
|
|
347
|
+
/** A row or card was opened; the drawer opens either way. */
|
|
348
|
+
onOpenDetails?: (item: ShelfItem) => void;
|
|
349
|
+
/**
|
|
350
|
+
* Whether the reason tabs, search and sort work (`"enabled"`, the default), are
|
|
351
|
+
* left out (`"hidden"`), or show disabled (`"disabled"`). For a caller whose
|
|
352
|
+
* server cannot answer them yet: answering them over a partly loaded list is
|
|
353
|
+
* silent data loss. The List/Compact toggle is unaffected.
|
|
354
|
+
*/
|
|
355
|
+
queryControls?: ShelfQueryControls;
|
|
356
|
+
/** Why the query controls are off, in one line where they are or would be. Not shown on an empty shelf. */
|
|
357
|
+
queryHint?: React.ReactNode;
|
|
358
|
+
/** The empty state's way out. */
|
|
359
|
+
emptyBackHref?: string;
|
|
360
|
+
onEmptyBack?: () => void;
|
|
361
|
+
linkComponent?: React.ElementType;
|
|
362
|
+
/**
|
|
363
|
+
* Where the details open. `auto` is a bottom sheet under 768px of window and
|
|
364
|
+
* a right-hand drawer above.
|
|
365
|
+
*/
|
|
366
|
+
detailsSide?: "auto" | "right" | "bottom";
|
|
367
|
+
className?: string;
|
|
368
|
+
};
|
|
369
|
+
/**
|
|
370
|
+
* The whole Shelf body, as frames 01 to 09b compose it: toolbar, then the
|
|
371
|
+
* table, the cards or the empty state, then the footer, plus the drawer and the
|
|
372
|
+
* delete dialog it opens.
|
|
373
|
+
*
|
|
374
|
+
* NOT in it: the page around it. The breadcrumb, the "Shelf" title and its
|
|
375
|
+
* subtitle, the white box and the Back pill are the Console's page frame, and the
|
|
376
|
+
* gallery's full-page frame draws them at the Console's measured sizes.
|
|
377
|
+
*
|
|
378
|
+
* Empty means the server says the whole shelf is empty: `counts.all === 0`, or
|
|
379
|
+
* no counts, no items, the All tab and no search. A tab or a search with no
|
|
380
|
+
* results is not an empty shelf, and says so in one line instead.
|
|
381
|
+
*/
|
|
382
|
+
declare function Shelf({ items, counts, total, hasMore, onShowMore, loadingMore, tab: tabProp, defaultTab, onTabChange, query: queryProp, defaultQuery, onSearch, sort: sortProp, defaultSort, onSort, view: viewProp, defaultView, onViewChange, onMoveToGrid, onDelete, deleteErrorMessage, onOpenDetails, emptyBackHref, onEmptyBack, linkComponent, detailsSide, queryControls, queryHint, className, }: ShelfProps): React.JSX.Element;
|
|
383
|
+
export { Shelf, ShelfCard, ShelfCardList, ShelfEmpty, ShelfFooter, ShelfItemDetails, ShelfReasonTag, ShelfRowMenu, ShelfTable, ShelfThumbnail, ShelfToolbar, };
|
|
384
|
+
//# sourceMappingURL=shelf.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shelf.d.ts","sourceRoot":"","sources":["../../src/blocks/shelf.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,489 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { toast } from "sonner";
|
|
5
|
+
import { cn } from "../lib/cloudgrid-cn.js";
|
|
6
|
+
import { Badge } from "../ui/badge.js";
|
|
7
|
+
import { Button } from "../ui/button.js";
|
|
8
|
+
import { ConfirmDeleteDialog } from "./confirm-delete-dialog.js";
|
|
9
|
+
import { Drawer, DrawerBody, DrawerContent, DrawerHeader, } from "../ui/drawer.js";
|
|
10
|
+
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger, } from "../ui/dropdown-menu.js";
|
|
11
|
+
import { ENTITY_KIND_ICON, ENTITY_KIND_LABEL, ENTITY_KIND_TINT, } from "./entity-card.js";
|
|
12
|
+
import { EntityStatus } from "./entity-status.js";
|
|
13
|
+
import { ChevronDownIcon, MoreActionsIcon, SearchIcon } from "./icons.js";
|
|
14
|
+
import { InputGroup, InputGroupAddon, InputGroupInput } from "../ui/input-group.js";
|
|
15
|
+
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "../ui/table.js";
|
|
16
|
+
import { Tabs, TabsList, TabsTrigger } from "../ui/tabs.js";
|
|
17
|
+
/**
|
|
18
|
+
* The Shelf (Shelf spec 2026-10-07, Part B): where things that expired or were
|
|
19
|
+
* never published go on their own, and where they are moved back from.
|
|
20
|
+
*
|
|
21
|
+
* Figma `5ouhISIL0mwYGHurvCGoEO`, section "Shelf v2 - 2026-10-07" (9834:7965),
|
|
22
|
+
* frames 01 to 09b. The frames are the LAYOUT. The sizes are the Console's: the
|
|
23
|
+
* founder's instruction was that the Shelf look like the app page and the grid
|
|
24
|
+
* settings page do as they render, so every height and type size below is the
|
|
25
|
+
* one measured off those pages (audit log `2026-10-07-shelf-blocks.md`, step 0)
|
|
26
|
+
* and expressed with the library primitive that already produces it:
|
|
27
|
+
*
|
|
28
|
+
* table head 40, 15/500 `TableHead` as is
|
|
29
|
+
* row 57 (two lines) `TableCell` as is, 8 padding
|
|
30
|
+
* reason pill 20, 13/500 `Badge variant="secondary"`, the Versions table's grey pill
|
|
31
|
+
* row buttons 28, 13/500 `Button size="sm"` / `size="icon-sm"`, the app header's rung
|
|
32
|
+
* toolbar 32 `InputGroup`, `Button`, `Tabs` default, all h-8
|
|
33
|
+
* drawer 448 `DrawerContent size="md"`, every Console drawer
|
|
34
|
+
*
|
|
35
|
+
* ## What is in here
|
|
36
|
+
*
|
|
37
|
+
* The parts, each usable alone, and `Shelf`, which composes them the way the
|
|
38
|
+
* frames do and owns the transient state between them: which row's drawer is
|
|
39
|
+
* open, which item the delete dialog is about, which rows are mid-request.
|
|
40
|
+
*
|
|
41
|
+
* ShelfToolbar reason tabs with counts, search, sort menu, List/Compact
|
|
42
|
+
* ShelfTable the List view: a real <table>
|
|
43
|
+
* ShelfCardList the Compact view, and every view under 768px of shelf
|
|
44
|
+
* ShelfItemDetails the drawer (right) or bottom sheet (phone)
|
|
45
|
+
* ShelfEmpty "Your shelf is empty"
|
|
46
|
+
* ShelfFooter "Showing 6 of 24 creations" and Show more
|
|
47
|
+
* toastMovedToGrid the confirmation toast, no Undo
|
|
48
|
+
*
|
|
49
|
+
* The type-to-confirm dialog is its own module, `confirm-delete-dialog`,
|
|
50
|
+
* because nothing about it is Shelf-specific.
|
|
51
|
+
*
|
|
52
|
+
* ## Data-agnostic
|
|
53
|
+
*
|
|
54
|
+
* Nothing here fetches, filters, sorts or counts. The spec is explicit that the
|
|
55
|
+
* counts, search and sort come from the server (Part D) and that the Console must
|
|
56
|
+
* not filter a truncated list in the browser, so the blocks only REPORT what the
|
|
57
|
+
* reader asked for (`onTabChange`, `onSearch`, `onSort`) and render the `items`
|
|
58
|
+
* they are handed. Counts are optional: until the server sends them, a tab is
|
|
59
|
+
* its word alone.
|
|
60
|
+
*
|
|
61
|
+
* ## Narrow
|
|
62
|
+
*
|
|
63
|
+
* By container query on the block, not the window: under 48rem of shelf the
|
|
64
|
+
* table becomes the stacked cards, the cards go to one column with a full-width
|
|
65
|
+
* Move to grid, and the sort menu and view toggle leave (frame 09 draws neither).
|
|
66
|
+
* The reason tabs are the library's `pill` chips at every width, which is what
|
|
67
|
+
* frame 09 draws and what scrolls rather than wraps on a phone. The drawer is
|
|
68
|
+
* the one thing that asks the WINDOW, because a sheet is a property of the
|
|
69
|
+
* screen: `detailsSide="auto"` is a bottom sheet under 768px, the Console's own
|
|
70
|
+
* phone breakpoint.
|
|
71
|
+
*/
|
|
72
|
+
/* ------------------------------------------------------------------ */
|
|
73
|
+
/* Model and copy */
|
|
74
|
+
/* ------------------------------------------------------------------ */
|
|
75
|
+
/**
|
|
76
|
+
* Why something is on the shelf. The reason follows the kind (spec, "The
|
|
77
|
+
* model"): a page only ever expires, an app or agent is only ever never
|
|
78
|
+
* published. The Console derives it from `realm`; the block takes it as given.
|
|
79
|
+
*/
|
|
80
|
+
export const SHELF_REASON_ORDER = ["expired", "never_published"];
|
|
81
|
+
/** The pill's word. */
|
|
82
|
+
export const SHELF_REASON_LABEL = {
|
|
83
|
+
expired: "Expired",
|
|
84
|
+
never_published: "Never published",
|
|
85
|
+
};
|
|
86
|
+
/** The line beside the pill. Library copy, from the frames' annotation. */
|
|
87
|
+
export const SHELF_REASON_DETAIL = {
|
|
88
|
+
expired: "Its end date passed",
|
|
89
|
+
never_published: "Not published for 14 days",
|
|
90
|
+
};
|
|
91
|
+
/** The reason tabs. `all` first, then the reasons in their own order. */
|
|
92
|
+
export const SHELF_TAB_ORDER = ["all", ...SHELF_REASON_ORDER];
|
|
93
|
+
export const SHELF_TAB_LABEL = {
|
|
94
|
+
all: "All",
|
|
95
|
+
...SHELF_REASON_LABEL,
|
|
96
|
+
};
|
|
97
|
+
/** The sort menu, in the order frame 08 lists it. The first is the default. */
|
|
98
|
+
export const SHELF_SORT_ORDER = ["recent", "oldest", "name"];
|
|
99
|
+
export const SHELF_SORT_LABEL = {
|
|
100
|
+
recent: "Recently moved here",
|
|
101
|
+
oldest: "Oldest first",
|
|
102
|
+
name: "Name A–Z",
|
|
103
|
+
};
|
|
104
|
+
export const SHELF_VIEW_ORDER = ["list", "compact"];
|
|
105
|
+
export const SHELF_VIEW_LABEL = {
|
|
106
|
+
list: "List",
|
|
107
|
+
compact: "Compact",
|
|
108
|
+
};
|
|
109
|
+
export const SHELF_EMPTY_TITLE = "Your shelf is empty";
|
|
110
|
+
export const SHELF_EMPTY_DESCRIPTION = "Things that expire or are never published will show up here on their own.";
|
|
111
|
+
export const SHELF_NO_MATCHES = "Nothing on your shelf matches that.";
|
|
112
|
+
export const SHELF_SEARCH_PLACEHOLDER = "Search your shelf";
|
|
113
|
+
export const SHELF_AVAILABILITY_NOTE = "Move it to your grid to bring it back.";
|
|
114
|
+
export const SHELF_MOVE_LABEL = "Move to grid";
|
|
115
|
+
/** The toast after a move. No Undo: the move is the undo. */
|
|
116
|
+
export function shelfMovedMessage(name) {
|
|
117
|
+
return `${name} moved to your grid`;
|
|
118
|
+
}
|
|
119
|
+
/**
|
|
120
|
+
* "Sep 14" in a row, "Sep 12, 2026" in the drawer. English months, the
|
|
121
|
+
* reader's own time zone, which is how the Console prints every other date.
|
|
122
|
+
*/
|
|
123
|
+
export function formatShelfDate(value, style = "short") {
|
|
124
|
+
const date = value instanceof Date ? value : new Date(value);
|
|
125
|
+
if (Number.isNaN(date.getTime()))
|
|
126
|
+
return "";
|
|
127
|
+
return new Intl.DateTimeFormat("en-US", {
|
|
128
|
+
month: "short",
|
|
129
|
+
day: "numeric",
|
|
130
|
+
...(style === "long" ? { year: "numeric" } : {}),
|
|
131
|
+
}).format(date);
|
|
132
|
+
}
|
|
133
|
+
function kindWord(item) {
|
|
134
|
+
return item.kindLabel ?? ENTITY_KIND_LABEL[item.kind];
|
|
135
|
+
}
|
|
136
|
+
/* ------------------------------------------------------------------ */
|
|
137
|
+
/* Small parts */
|
|
138
|
+
/* ------------------------------------------------------------------ */
|
|
139
|
+
const THUMB_SIZE = {
|
|
140
|
+
row: "h-10 w-16 rounded-2xs",
|
|
141
|
+
card: "h-[70px] w-28 rounded-xs",
|
|
142
|
+
sheet: "h-[70px] w-28 rounded-xs",
|
|
143
|
+
preview: "aspect-[16/9] w-full rounded-lg",
|
|
144
|
+
};
|
|
145
|
+
const THUMB_MARK = {
|
|
146
|
+
row: "size-5",
|
|
147
|
+
card: "size-7",
|
|
148
|
+
sheet: "size-7",
|
|
149
|
+
preview: "size-12",
|
|
150
|
+
};
|
|
151
|
+
/**
|
|
152
|
+
* The picture, or the kind's mark on the kind's tint when there is none.
|
|
153
|
+
*
|
|
154
|
+
* Decorative in both forms (`alt=""`, `aria-hidden` mark): the name is always
|
|
155
|
+
* beside it, and a screenshot of an app has nothing a screen reader needs. A
|
|
156
|
+
* picture that fails to load falls back to the mark rather than a broken box.
|
|
157
|
+
*/
|
|
158
|
+
function ShelfThumbnail({ item, size = "row", className, }) {
|
|
159
|
+
const [failed, setFailed] = React.useState(false);
|
|
160
|
+
const Mark = ENTITY_KIND_ICON[item.kind];
|
|
161
|
+
const src = failed ? undefined : item.thumbnailSrc;
|
|
162
|
+
// A new picture gets a fresh chance.
|
|
163
|
+
React.useEffect(() => setFailed(false), [item.thumbnailSrc]);
|
|
164
|
+
return (_jsx("span", { "data-slot": "shelf-thumbnail", "data-fallback": src ? undefined : "", className: cn("relative flex shrink-0 items-center justify-center overflow-hidden border border-hairline", THUMB_SIZE[size], src ? "bg-raised" : cn(ENTITY_KIND_TINT[item.kind], "text-on-accent"), className), children: src ? (_jsx("img", { src: src, alt: "", loading: "lazy", decoding: "async", onError: () => setFailed(true), className: "size-full object-cover object-top" })) : (_jsx(Mark, { className: THUMB_MARK[size] })) }));
|
|
165
|
+
}
|
|
166
|
+
/** The grey pill and its detail line. */
|
|
167
|
+
function ShelfReasonTag({ reason, className }) {
|
|
168
|
+
return (_jsxs("span", { "data-slot": "shelf-reason", "data-reason": reason, className: cn("flex min-w-0 items-center gap-2", className), children: [_jsx(Badge, { variant: "secondary", children: SHELF_REASON_LABEL[reason] }), _jsx("span", { className: "truncate text-caption text-faint", children: SHELF_REASON_DETAIL[reason] })] }));
|
|
169
|
+
}
|
|
170
|
+
/** The row's "..." menu. Delete is its only item (frame 06). */
|
|
171
|
+
function ShelfRowMenu({ item, onRequestDelete, }) {
|
|
172
|
+
return (_jsxs(DropdownMenu, { children: [_jsxs(DropdownMenuTrigger, { "data-slot": "shelf-row-menu", render: _jsx(Button, { variant: "ghost", size: "icon-sm", className: "text-body" }), children: [_jsx(MoreActionsIcon, {}), _jsxs("span", { className: "sr-only", children: ["More actions for ", item.name] })] }), _jsx(DropdownMenuContent, { align: "end", className: "w-44", children: _jsx(DropdownMenuItem, { variant: "destructive", className: "px-2.5 py-2 text-danger-strong data-[variant=destructive]:text-danger-strong", onClick: () => onRequestDelete(item), children: "Delete" }) })] }));
|
|
173
|
+
}
|
|
174
|
+
function MoveButton({ item, moving, onMoveToGrid, className, }) {
|
|
175
|
+
return (_jsx(Button, { variant: "outline", size: "sm", "data-slot": "shelf-move", disabled: moving, "aria-label": `${SHELF_MOVE_LABEL}: ${item.name}`, onClick: () => onMoveToGrid?.(item), className: className, children: moving ? "Moving" : SHELF_MOVE_LABEL }));
|
|
176
|
+
}
|
|
177
|
+
/** True when a click landed on something that acts on its own. */
|
|
178
|
+
function fromControl(event) {
|
|
179
|
+
return Boolean(event.target.closest("button, a, input, [role=menuitem]"));
|
|
180
|
+
}
|
|
181
|
+
/**
|
|
182
|
+
* The List view (frame 01): Creation, Why it's here, Moved here, actions.
|
|
183
|
+
*
|
|
184
|
+
* A real `<table>` with a header row, because it is one: four facts per item in
|
|
185
|
+
* columns a reader compares down the page. The name is a button that opens the
|
|
186
|
+
* details, which is the keyboard path; a click anywhere else on the row does the
|
|
187
|
+
* same for a mouse, and ignores clicks that land on the row's own buttons.
|
|
188
|
+
*/
|
|
189
|
+
function ShelfTable({ items, onOpenDetails, onMoveToGrid, onRequestDelete, selectedId, movingIds, caption = "Your shelf", className, }) {
|
|
190
|
+
return (_jsx("div", { "data-slot": "shelf-table", className: cn("overflow-hidden rounded-xl border border-hairline bg-card", className), children: _jsxs(Table, { className: "table-fixed", children: [_jsx("caption", { className: "sr-only", children: caption }), _jsx(TableHeader, { children: _jsxs(TableRow, { className: "hover:bg-transparent", children: [_jsx(TableHead, { className: "w-auto pl-4", children: "Creation" }), _jsx(TableHead, { className: "w-[34%]", children: "Why it's here" }), _jsx(TableHead, { className: "w-[13%]", children: "Moved here" }), _jsx(TableHead, { className: "w-[168px] pr-4", children: _jsx("span", { className: "sr-only", children: "Actions" }) })] }) }), _jsx(TableBody, { children: items.map((item) => {
|
|
191
|
+
const selected = selectedId === item.id;
|
|
192
|
+
return (_jsxs(TableRow, { "data-slot": "shelf-row", "data-id": item.id, "data-state": selected ? "selected" : undefined, onClick: (event) => {
|
|
193
|
+
if (!onOpenDetails || fromControl(event))
|
|
194
|
+
return;
|
|
195
|
+
onOpenDetails(item);
|
|
196
|
+
}, className: cn(onOpenDetails && "cursor-pointer"), children: [_jsx(TableCell, { className: "pl-4", children: _jsxs("span", { className: "flex min-w-0 items-center gap-3", children: [_jsx(ShelfThumbnail, { item: item }), _jsxs("span", { className: "flex min-w-0 flex-col", children: [onOpenDetails ? (_jsx("button", { type: "button", "aria-haspopup": "dialog", onClick: () => onOpenDetails(item), className: "w-fit max-w-full cursor-pointer truncate rounded-xs text-left text-body-sm font-medium text-ink outline-none hover:underline focus-visible:ring-3 focus-visible:ring-ring", children: item.name })) : (_jsx("span", { className: "truncate text-body-sm font-medium text-ink", children: item.name })), _jsx("span", { className: "truncate text-caption text-faint", children: kindWord(item) })] })] }) }), _jsx(TableCell, { children: _jsx(ShelfReasonTag, { reason: item.reason }) }), _jsx(TableCell, { className: "tabular-nums text-ink", children: _jsx("time", { dateTime: new Date(item.movedAt).toISOString(), children: formatShelfDate(item.movedAt) }) }), _jsx(TableCell, { className: "pr-4", children: _jsxs("span", { className: "flex items-center justify-end gap-1", children: [_jsx(MoveButton, { item: item, moving: movingIds?.has(item.id), onMoveToGrid: onMoveToGrid }), onRequestDelete ? _jsx(ShelfRowMenu, { item: item, onRequestDelete: onRequestDelete }) : null] }) })] }, item.id));
|
|
197
|
+
}) })] }) }));
|
|
198
|
+
}
|
|
199
|
+
/* ------------------------------------------------------------------ */
|
|
200
|
+
/* Compact view, and every view on a phone: the cards */
|
|
201
|
+
/* ------------------------------------------------------------------ */
|
|
202
|
+
/**
|
|
203
|
+
* One item as a card (frames 02 and 09).
|
|
204
|
+
*
|
|
205
|
+
* Two arrangements by container query on the card itself. Wide (a Compact
|
|
206
|
+
* column on a desktop): picture, three lines, Move to grid and the menu in a
|
|
207
|
+
* row. Narrow (a phone): a smaller picture and two lines with the menu top
|
|
208
|
+
* right, and Move to grid full width underneath, which is frame 09 exactly,
|
|
209
|
+
* detail line and all left out.
|
|
210
|
+
*/
|
|
211
|
+
function ShelfCard({ item, onOpenDetails, onMoveToGrid, onRequestDelete, selected, moving, }) {
|
|
212
|
+
const identity = (_jsxs(_Fragment, { children: [_jsx(ShelfThumbnail, { item: item, size: "card", className: "@max-md/shelf-card:h-10 @max-md/shelf-card:w-16 @max-md/shelf-card:rounded-2xs" }), _jsxs("span", { className: "flex min-w-0 flex-col gap-0.5", children: [_jsx("span", { className: "line-clamp-2 text-body-sm font-medium text-ink", children: item.name }), _jsxs("span", { className: "truncate text-caption text-body", children: [SHELF_REASON_LABEL[item.reason], " \u00B7 ", formatShelfDate(item.movedAt)] }), _jsx("span", { className: "truncate text-caption text-faint @max-md/shelf-card:hidden", children: SHELF_REASON_DETAIL[item.reason] })] })] }));
|
|
213
|
+
return (_jsx("li", { "data-slot": "shelf-card", "data-id": item.id, "data-state": selected ? "selected" : undefined, className: "@container/shelf-card list-none", children: _jsxs("div", { className: cn("flex items-center gap-3 rounded-xl border border-hairline bg-card p-4 transition-colors", "@max-md/shelf-card:flex-wrap @max-md/shelf-card:gap-y-3", selected && "border-line bg-muted/50"), children: [onOpenDetails ? (_jsx("button", { type: "button", "aria-haspopup": "dialog", "aria-label": `${item.name}, ${kindWord(item)}. Open details`, onClick: () => onOpenDetails(item), className: "flex min-w-0 flex-1 cursor-pointer items-center gap-4 rounded-md text-left outline-none focus-visible:ring-3 focus-visible:ring-ring @max-md/shelf-card:gap-3", children: identity })) : (_jsx("span", { className: "flex min-w-0 flex-1 items-center gap-4 @max-md/shelf-card:gap-3", children: identity })), _jsx(MoveButton, { item: item, moving: moving, onMoveToGrid: onMoveToGrid, className: "@max-md/shelf-card:order-last @max-md/shelf-card:h-8 @max-md/shelf-card:w-full" }), onRequestDelete ? _jsx(ShelfRowMenu, { item: item, onRequestDelete: onRequestDelete }) : null] }) }));
|
|
214
|
+
}
|
|
215
|
+
/**
|
|
216
|
+
* The cards as a list. `columns="auto"` is two columns from 48rem of shelf and
|
|
217
|
+
* one below, which is the Compact view; `columns={1}` is one at every width,
|
|
218
|
+
* which is the List view on a phone.
|
|
219
|
+
*/
|
|
220
|
+
function ShelfCardList({ items, columns = "auto", label = "Your shelf", onOpenDetails, onMoveToGrid, onRequestDelete, selectedId, movingIds, className, }) {
|
|
221
|
+
return (_jsx("div", { className: cn("@container/shelf-cards", className), children: _jsx("ul", { "data-slot": "shelf-cards", "aria-label": label, className: cn("m-0 grid list-none gap-3 p-0", columns === "auto" && "@3xl/shelf-cards:grid-cols-2 @3xl/shelf-cards:gap-4"), children: items.map((item) => (_jsx(ShelfCard, { item: item, onOpenDetails: onOpenDetails, onMoveToGrid: onMoveToGrid, onRequestDelete: onRequestDelete, selected: selectedId === item.id, moving: movingIds?.has(item.id) }, item.id))) }) }));
|
|
222
|
+
}
|
|
223
|
+
/* ------------------------------------------------------------------ */
|
|
224
|
+
/* Toolbar */
|
|
225
|
+
/* ------------------------------------------------------------------ */
|
|
226
|
+
/** What the reason tabs, search and sort do: work, go, or show and refuse. */
|
|
227
|
+
export const SHELF_QUERY_CONTROLS_ORDER = ["enabled", "hidden", "disabled"];
|
|
228
|
+
/**
|
|
229
|
+
* Reason tabs, then search, sort and the view toggle (frames 01, 08 and 09).
|
|
230
|
+
*
|
|
231
|
+
* Every control is controlled: the toolbar reports and the caller decides,
|
|
232
|
+
* because what a tab or a sort MEANS is a server query (spec, Part D).
|
|
233
|
+
*
|
|
234
|
+
* - The reason tabs are `Tabs` with the `pill` list: the chips frame 09 draws,
|
|
235
|
+
* scrolling rather than wrapping on a phone. A count renders only when the
|
|
236
|
+
* caller has one; "All" alone is honest, "All 0" while loading is not.
|
|
237
|
+
* - The view toggle is `Tabs` with the default list, the library's segmented
|
|
238
|
+
* control. Hidden under 48rem of shelf, where there is one view.
|
|
239
|
+
* - Sort is a `DropdownMenu` radio group, so the current order carries the tick
|
|
240
|
+
* frame 08 draws and a screen reader hears which one is checked.
|
|
241
|
+
*
|
|
242
|
+
* ## `queryControls`, for a caller whose server cannot filter yet
|
|
243
|
+
*
|
|
244
|
+
* The tabs, the search and the sort are QUERIES. Until the server answers them
|
|
245
|
+
* (spec, Part D), a caller holding a paged list must not offer them, because
|
|
246
|
+
* answering them in the browser over the rows it happens to have loaded is the
|
|
247
|
+
* silent data loss the spec forbids. So:
|
|
248
|
+
*
|
|
249
|
+
* "enabled" the default: all of it works
|
|
250
|
+
* "hidden" the three are not rendered at all; the List/Compact toggle
|
|
251
|
+
* stays, because the view is presentation, not a query
|
|
252
|
+
* "disabled" the three render, dimmed and refusing: the tabs and the sort
|
|
253
|
+
* are disabled, the search field is a real `disabled` input so
|
|
254
|
+
* Tab skips it (no focusable dead box), each group carries
|
|
255
|
+
* `aria-disabled`, and none of them calls back. One tab stop
|
|
256
|
+
* is left on purpose: Base UI keeps the selected tab focusable
|
|
257
|
+
* while disabled (the ARIA pattern for a disabled tab), and that
|
|
258
|
+
* is where a screen reader hears `queryHint`.
|
|
259
|
+
*
|
|
260
|
+
* `queryHint` is the one line saying why, where the controls are or would be.
|
|
261
|
+
* When the controls are disabled it also describes them (`aria-describedby`), so
|
|
262
|
+
* a screen reader that lands on a dimmed tab hears the reason.
|
|
263
|
+
*/
|
|
264
|
+
function ShelfToolbar({ tab, onTabChange, counts, query, onSearch, sort, onSort, view, onViewChange, showControls = true, queryControls = "enabled", queryHint, className, }) {
|
|
265
|
+
const hintId = React.useId();
|
|
266
|
+
const hidden = queryControls === "hidden";
|
|
267
|
+
const disabled = queryControls === "disabled";
|
|
268
|
+
const describedBy = disabled && queryHint ? hintId : undefined;
|
|
269
|
+
const hint = queryHint && queryControls !== "enabled" ? (_jsx("p", { id: hintId, "data-slot": "shelf-query-hint", className: "m-0 min-w-0 flex-1 text-caption text-body", children: queryHint })) : null;
|
|
270
|
+
const viewToggle = (_jsx(Tabs, { value: view, onValueChange: (value) => onViewChange?.(value), className: "ml-auto hidden @3xl/shelf-toolbar:flex", children: _jsx(TabsList, { "aria-label": "View", "data-slot": "shelf-view", children: SHELF_VIEW_ORDER.map((value) => (_jsx(TabsTrigger, { value: value, className: "px-3", children: SHELF_VIEW_LABEL[value] }, value))) }) }));
|
|
271
|
+
if (hidden && !showControls && !hint)
|
|
272
|
+
return null;
|
|
273
|
+
return (_jsxs("div", { "data-slot": "shelf-toolbar", "data-query-controls": queryControls, className: cn("@container/shelf-toolbar flex flex-col gap-4", className), children: [hidden ? null : (_jsx(Tabs, { value: tab, onValueChange: (value) => {
|
|
274
|
+
if (!disabled)
|
|
275
|
+
onTabChange?.(value);
|
|
276
|
+
}, children: _jsx(TabsList, { variant: "pill", "aria-label": "Filter by reason", "aria-disabled": disabled || undefined, "aria-describedby": describedBy, "data-slot": "shelf-tabs", children: SHELF_TAB_ORDER.map((value) => (_jsxs(TabsTrigger, { value: value, "data-tab": value, disabled: disabled, "aria-describedby": describedBy, children: [SHELF_TAB_LABEL[value], counts?.[value] !== undefined ? " " : null, counts?.[value] !== undefined ? (_jsx("span", { className: "tabular-nums", "data-slot": "shelf-tab-count", children: counts[value] })) : null] }, value))) }) })), showControls ? (_jsxs("div", { className: "flex items-center gap-3", children: [hidden ? (hint) : (_jsxs(_Fragment, { children: [_jsxs(InputGroup, { className: "min-w-0 flex-1", "data-slot": "shelf-search", "aria-disabled": disabled || undefined, "aria-describedby": describedBy, children: [_jsx(InputGroupAddon, { children: _jsx(SearchIcon, {}) }), _jsx(InputGroupInput, { type: "search", value: query, disabled: disabled, onChange: (event) => {
|
|
277
|
+
if (!disabled)
|
|
278
|
+
onSearch?.(event.target.value);
|
|
279
|
+
}, placeholder: SHELF_SEARCH_PLACEHOLDER, "aria-label": SHELF_SEARCH_PLACEHOLDER })] }), _jsx("div", { className: "hidden @3xl/shelf-toolbar:block", children: _jsxs(DropdownMenu, { children: [_jsxs(DropdownMenuTrigger, { "data-slot": "shelf-sort", disabled: disabled, "aria-disabled": disabled || undefined, "aria-describedby": describedBy, render: _jsx(Button, { variant: "outline", className: "min-w-52 justify-between gap-3 px-3" }), children: [_jsxs("span", { children: [_jsx("span", { className: "sr-only", children: "Sort: " }), SHELF_SORT_LABEL[sort]] }), _jsx(ChevronDownIcon, { className: "text-faint" })] }), _jsx(DropdownMenuContent, { align: "start", children: _jsx(DropdownMenuRadioGroup, { value: sort, onValueChange: (value) => {
|
|
280
|
+
if (!disabled)
|
|
281
|
+
onSort?.(value);
|
|
282
|
+
}, children: SHELF_SORT_ORDER.map((value) => (_jsx(DropdownMenuRadioItem, { value: value,
|
|
283
|
+
// Base UI keeps a radio menu open after a pick by default,
|
|
284
|
+
// which suits a settings menu. A sort is one choice: pick
|
|
285
|
+
// it and the menu goes, as frame 08 implies.
|
|
286
|
+
closeOnClick: true, className: "py-2 pl-2.5 data-checked:text-brand", children: SHELF_SORT_LABEL[value] }, value))) }) })] }) })] })), viewToggle] })) : hidden ? (hint) : null, !hidden && showControls ? (disabled ? hint : null) : null] }));
|
|
287
|
+
}
|
|
288
|
+
/* ------------------------------------------------------------------ */
|
|
289
|
+
/* Footer, empty */
|
|
290
|
+
/* ------------------------------------------------------------------ */
|
|
291
|
+
/**
|
|
292
|
+
* "Showing 6 of 24 creations" and Show more. The count line needs `total`; a
|
|
293
|
+
* caller without one (no server count yet, spec Part C) gets Show more alone.
|
|
294
|
+
*/
|
|
295
|
+
function ShelfFooter({ shown, total, hasMore, onShowMore, loadingMore, className, }) {
|
|
296
|
+
if (total === undefined && !hasMore)
|
|
297
|
+
return null;
|
|
298
|
+
return (_jsxs("div", { "data-slot": "shelf-footer", className: cn("flex min-h-8 items-center justify-between gap-4", className), children: [_jsx("span", { className: "text-caption text-faint", "aria-live": "polite", children: total !== undefined ? `Showing ${shown} of ${total} ${total === 1 ? "creation" : "creations"}` : null }), hasMore && onShowMore ? (_jsx(Button, { variant: "ghost", size: "sm", disabled: loadingMore, onClick: onShowMore, className: "text-body-sm text-azure hover:text-azure-press", children: loadingMore ? "Loading" : "Show more" })) : null] }));
|
|
299
|
+
}
|
|
300
|
+
/**
|
|
301
|
+
* The empty shelf (frame 05). The way out is a link when `backHref` is given,
|
|
302
|
+
* rendered through `linkComponent` (Next's `Link`, say), or a button for
|
|
303
|
+
* `onBack` alone.
|
|
304
|
+
*/
|
|
305
|
+
function ShelfEmpty({ backHref, onBack, backLabel = "Back to My stuff", linkComponent, title = SHELF_EMPTY_TITLE, description = SHELF_EMPTY_DESCRIPTION, headingLevel = 2, className, }) {
|
|
306
|
+
const Heading = headingLevel === 3 ? "h3" : "h2";
|
|
307
|
+
const Link = linkComponent ?? "a";
|
|
308
|
+
const linkClass = "rounded-xs text-body-sm font-medium text-azure underline-offset-4 outline-none hover:underline focus-visible:ring-3 focus-visible:ring-ring";
|
|
309
|
+
return (_jsxs("div", { "data-slot": "shelf-empty", className: cn("flex flex-col items-center gap-2 rounded-xl border border-hairline bg-card px-6 py-24 text-center", "max-md:py-16", className), children: [_jsx(Heading, { className: "m-0 text-heading-sm font-medium text-ink", children: title }), _jsx("p", { className: "m-0 max-w-xl text-body-sm text-body", children: description }), backHref !== undefined ? (_jsx(Link, { href: backHref, onClick: onBack, className: cn("mt-3", linkClass), children: backLabel })) : onBack ? (_jsx("button", { type: "button", onClick: onBack, className: cn("mt-3 cursor-pointer", linkClass), children: backLabel })) : null] }));
|
|
310
|
+
}
|
|
311
|
+
/* ------------------------------------------------------------------ */
|
|
312
|
+
/* Item details */
|
|
313
|
+
/* ------------------------------------------------------------------ */
|
|
314
|
+
/**
|
|
315
|
+
* The details drawer (frame 03), or the bottom sheet on a phone (frame 09b).
|
|
316
|
+
*
|
|
317
|
+
* The library `Drawer` at its `md` rung, 448, which is every Console drawer.
|
|
318
|
+
* What it says is the frames' list and nothing more: no Open app, because
|
|
319
|
+
* nothing on the shelf is live, and no Last opened, because the platform does
|
|
320
|
+
* not record it (annotation 9837:8842).
|
|
321
|
+
*
|
|
322
|
+
* Move to grid is the page's primary action, so it takes the Console's primary
|
|
323
|
+
* variant (`cta`, the teal, `PrimaryAction`). Delete is a quiet red link under
|
|
324
|
+
* it and opens the confirm dialog; the caller decides what that means.
|
|
325
|
+
*/
|
|
326
|
+
function ShelfItemDetails({ item, open, onOpenChange, side = "right", onMoveToGrid, onRequestDelete, moving, container, }) {
|
|
327
|
+
// Hold the last item through the closing animation, so the sheet does not
|
|
328
|
+
// empty itself on the way out.
|
|
329
|
+
const [shown, setShown] = React.useState(item);
|
|
330
|
+
React.useEffect(() => {
|
|
331
|
+
if (item)
|
|
332
|
+
setShown(item);
|
|
333
|
+
}, [item]);
|
|
334
|
+
const current = item ?? shown;
|
|
335
|
+
return (_jsx(Drawer, { open: open && current !== null, onOpenChange: onOpenChange, children: _jsxs(DrawerContent, { side: side, size: "md", container: container, "data-slot": "shelf-details", children: [_jsx(DrawerHeader, { title: "Item details", closeLabel: "Close item details", className: "pt-6 pb-5" }), current ? (_jsxs(DrawerBody, { className: "flex flex-col gap-5 pb-6", children: [side === "bottom" ? (_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(ShelfThumbnail, { item: current, size: "sheet" }), _jsx(NameAndKind, { item: current })] })) : (_jsxs(_Fragment, { children: [_jsx(ShelfThumbnail, { item: current, size: "preview" }), _jsx(NameAndKind, { item: current })] })), _jsxs("dl", { className: "m-0 grid gap-4", children: [_jsxs("div", { className: "grid gap-1", children: [_jsx("dt", { className: "text-caption text-faint", children: "On your shelf" }), _jsxs("dd", { className: "m-0 grid text-body-sm text-ink", children: [_jsx("span", { children: SHELF_REASON_LABEL[current.reason] }), _jsx("span", { children: SHELF_REASON_DETAIL[current.reason] })] })] }), _jsxs("div", { className: "grid gap-1", children: [_jsx("dt", { className: "text-caption text-faint", children: "Moved here" }), _jsx("dd", { className: "m-0 text-body-sm text-ink", children: _jsx("time", { dateTime: new Date(current.movedAt).toISOString(), children: formatShelfDate(current.movedAt, "long") }) })] }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsx("dt", { className: "text-caption text-faint", children: "Availability" }), _jsx("dd", { className: "m-0", children: _jsx(EntityStatus, { status: "stopped", label: "Not live" }) })] })] }), _jsx("p", { className: "m-0 text-caption text-body", children: SHELF_AVAILABILITY_NOTE }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Button, { variant: "cta", "data-slot": "shelf-details-move", disabled: moving, onClick: () => onMoveToGrid?.(current), className: "w-full", children: moving ? "Moving" : SHELF_MOVE_LABEL }), onRequestDelete ? (_jsx(Button, { variant: "ghost", "data-slot": "shelf-details-delete", onClick: () => onRequestDelete(current), className: "w-full text-danger-strong hover:bg-danger-fill hover:text-danger-strong", children: "Delete" })) : null] })] })) : null] }) }));
|
|
336
|
+
}
|
|
337
|
+
function NameAndKind({ item }) {
|
|
338
|
+
return (_jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [_jsx("span", { className: "text-body-md font-medium break-words text-ink", children: item.name }), _jsx("span", { className: "text-caption text-faint", children: kindWord(item) })] }));
|
|
339
|
+
}
|
|
340
|
+
/* ------------------------------------------------------------------ */
|
|
341
|
+
/* The toast */
|
|
342
|
+
/* ------------------------------------------------------------------ */
|
|
343
|
+
/**
|
|
344
|
+
* "{name} moved to your grid", with View grid when the caller can take the
|
|
345
|
+
* reader there (frame 04). No Undo: moving it back is what the Shelf is for.
|
|
346
|
+
*
|
|
347
|
+
* Fires through the library `Toaster` (`sonner`), which the Console already
|
|
348
|
+
* mounts once at its root. Returns the toast's id.
|
|
349
|
+
*/
|
|
350
|
+
export function toastMovedToGrid(name, { onViewGrid, viewGridLabel = "View grid" } = {}) {
|
|
351
|
+
return toast.success(shelfMovedMessage(name), {
|
|
352
|
+
closeButton: true,
|
|
353
|
+
...(onViewGrid ? { action: { label: viewGridLabel, onClick: onViewGrid } } : {}),
|
|
354
|
+
});
|
|
355
|
+
}
|
|
356
|
+
/* ------------------------------------------------------------------ */
|
|
357
|
+
/* The composition */
|
|
358
|
+
/* ------------------------------------------------------------------ */
|
|
359
|
+
/** Controlled when `value` is defined, otherwise its own state from `initial`. */
|
|
360
|
+
function useControllable(value, initial, onChange) {
|
|
361
|
+
const [own, setOwn] = React.useState(initial);
|
|
362
|
+
const current = value !== undefined ? value : own;
|
|
363
|
+
const set = React.useCallback((next) => {
|
|
364
|
+
if (value === undefined)
|
|
365
|
+
setOwn(next);
|
|
366
|
+
onChange?.(next);
|
|
367
|
+
}, [value, onChange]);
|
|
368
|
+
return [current, set];
|
|
369
|
+
}
|
|
370
|
+
/** True under the Console's phone breakpoint. False on the server and the first paint. */
|
|
371
|
+
function useNarrowWindow(query = "(max-width: 767px)") {
|
|
372
|
+
const [narrow, setNarrow] = React.useState(false);
|
|
373
|
+
React.useEffect(() => {
|
|
374
|
+
if (typeof window === "undefined" || typeof window.matchMedia !== "function")
|
|
375
|
+
return;
|
|
376
|
+
const list = window.matchMedia(query);
|
|
377
|
+
const update = () => setNarrow(list.matches);
|
|
378
|
+
update();
|
|
379
|
+
list.addEventListener?.("change", update);
|
|
380
|
+
return () => list.removeEventListener?.("change", update);
|
|
381
|
+
}, [query]);
|
|
382
|
+
return narrow;
|
|
383
|
+
}
|
|
384
|
+
/** Runs a callback that may return a promise; resolves true when it did not throw. */
|
|
385
|
+
async function settle(run) {
|
|
386
|
+
try {
|
|
387
|
+
await run();
|
|
388
|
+
return true;
|
|
389
|
+
}
|
|
390
|
+
catch {
|
|
391
|
+
return false;
|
|
392
|
+
}
|
|
393
|
+
}
|
|
394
|
+
/**
|
|
395
|
+
* The whole Shelf body, as frames 01 to 09b compose it: toolbar, then the
|
|
396
|
+
* table, the cards or the empty state, then the footer, plus the drawer and the
|
|
397
|
+
* delete dialog it opens.
|
|
398
|
+
*
|
|
399
|
+
* NOT in it: the page around it. The breadcrumb, the "Shelf" title and its
|
|
400
|
+
* subtitle, the white box and the Back pill are the Console's page frame, and the
|
|
401
|
+
* gallery's full-page frame draws them at the Console's measured sizes.
|
|
402
|
+
*
|
|
403
|
+
* Empty means the server says the whole shelf is empty: `counts.all === 0`, or
|
|
404
|
+
* no counts, no items, the All tab and no search. A tab or a search with no
|
|
405
|
+
* results is not an empty shelf, and says so in one line instead.
|
|
406
|
+
*/
|
|
407
|
+
function Shelf({ items, counts, total, hasMore, onShowMore, loadingMore, tab: tabProp, defaultTab = "all", onTabChange, query: queryProp, defaultQuery = "", onSearch, sort: sortProp, defaultSort = "recent", onSort, view: viewProp, defaultView = "list", onViewChange, onMoveToGrid, onDelete, deleteErrorMessage = "That could not be deleted. Try again.", onOpenDetails, emptyBackHref, onEmptyBack, linkComponent, detailsSide = "auto", queryControls = "enabled", queryHint, className, }) {
|
|
408
|
+
const [tab, setTab] = useControllable(tabProp, defaultTab, onTabChange);
|
|
409
|
+
const [query, setQuery] = useControllable(queryProp, defaultQuery, onSearch);
|
|
410
|
+
const [sort, setSort] = useControllable(sortProp, defaultSort, onSort);
|
|
411
|
+
const [view, setView] = useControllable(viewProp, defaultView, onViewChange);
|
|
412
|
+
const narrow = useNarrowWindow();
|
|
413
|
+
const side = detailsSide === "auto" ? (narrow ? "bottom" : "right") : detailsSide;
|
|
414
|
+
const [detailsId, setDetailsId] = React.useState(null);
|
|
415
|
+
const [deleting, setDeleting] = React.useState(null);
|
|
416
|
+
const [deleteOpen, setDeleteOpen] = React.useState(false);
|
|
417
|
+
const [deletePending, setDeletePending] = React.useState(false);
|
|
418
|
+
const [deleteError, setDeleteError] = React.useState(null);
|
|
419
|
+
const [movingIds, setMovingIds] = React.useState(() => new Set());
|
|
420
|
+
const detailsItem = detailsId ? (items.find((i) => i.id === detailsId) ?? null) : null;
|
|
421
|
+
// An item that left the list (moved, deleted, filtered out) takes its drawer with it.
|
|
422
|
+
React.useEffect(() => {
|
|
423
|
+
if (detailsId && !items.some((i) => i.id === detailsId))
|
|
424
|
+
setDetailsId(null);
|
|
425
|
+
}, [items, detailsId]);
|
|
426
|
+
const openDetails = React.useCallback((item) => {
|
|
427
|
+
setDetailsId(item.id);
|
|
428
|
+
onOpenDetails?.(item);
|
|
429
|
+
}, [onOpenDetails]);
|
|
430
|
+
const moveToGrid = React.useCallback(async (item) => {
|
|
431
|
+
if (!onMoveToGrid)
|
|
432
|
+
return;
|
|
433
|
+
setMovingIds((prev) => new Set(prev).add(item.id));
|
|
434
|
+
const ok = await settle(() => onMoveToGrid(item));
|
|
435
|
+
setMovingIds((prev) => {
|
|
436
|
+
const next = new Set(prev);
|
|
437
|
+
next.delete(item.id);
|
|
438
|
+
return next;
|
|
439
|
+
});
|
|
440
|
+
if (ok)
|
|
441
|
+
setDetailsId((id) => (id === item.id ? null : id));
|
|
442
|
+
}, [onMoveToGrid]);
|
|
443
|
+
const requestDelete = React.useCallback((item) => {
|
|
444
|
+
setDeleting(item);
|
|
445
|
+
setDeleteError(null);
|
|
446
|
+
setDeleteOpen(true);
|
|
447
|
+
}, []);
|
|
448
|
+
async function confirmDelete() {
|
|
449
|
+
if (!deleting || !onDelete)
|
|
450
|
+
return;
|
|
451
|
+
setDeletePending(true);
|
|
452
|
+
setDeleteError(null);
|
|
453
|
+
const target = deleting;
|
|
454
|
+
const ok = await settle(() => onDelete(target));
|
|
455
|
+
setDeletePending(false);
|
|
456
|
+
if (ok) {
|
|
457
|
+
setDeleteOpen(false);
|
|
458
|
+
setDetailsId((id) => (id === target.id ? null : id));
|
|
459
|
+
}
|
|
460
|
+
else {
|
|
461
|
+
setDeleteError(deleteErrorMessage);
|
|
462
|
+
}
|
|
463
|
+
}
|
|
464
|
+
const shelfEmpty = counts?.all === 0 ||
|
|
465
|
+
(counts?.all === undefined && items.length === 0 && tab === "all" && query.trim() === "");
|
|
466
|
+
// One dialog, at the top level, whether Delete came from a row or the drawer.
|
|
467
|
+
// Opened over the drawer it is a sibling, not a child, and that is enough:
|
|
468
|
+
// Base UI 1.7 gives Escape to the topmost modal only and returns focus to the
|
|
469
|
+
// drawer's Delete (both pinned in registry/e2e/shelf.spec.ts, and measured with
|
|
470
|
+
// the dialog nested inside the drawer too: no difference, so no nesting).
|
|
471
|
+
const deleteDialog = onDelete ? (_jsx(ConfirmDeleteDialog, { open: deleteOpen, onOpenChange: (open) => {
|
|
472
|
+
setDeleteOpen(open);
|
|
473
|
+
if (!open)
|
|
474
|
+
setDeleteError(null);
|
|
475
|
+
}, name: deleting?.name ?? "", confirmText: deleting ? (deleting.slug ?? deleting.name) : "", onConfirm: confirmDelete, pending: deletePending, error: deleteError })) : null;
|
|
476
|
+
const actions = {
|
|
477
|
+
onOpenDetails: openDetails,
|
|
478
|
+
onMoveToGrid: onMoveToGrid ? moveToGrid : undefined,
|
|
479
|
+
onRequestDelete: onDelete ? requestDelete : undefined,
|
|
480
|
+
selectedId: detailsId,
|
|
481
|
+
movingIds,
|
|
482
|
+
};
|
|
483
|
+
return (_jsxs("div", { "data-slot": "shelf", "data-view": view, className: cn("@container/shelf flex flex-col gap-4", className), children: [_jsx(ShelfToolbar, { tab: tab, onTabChange: setTab, counts: counts, query: query, onSearch: setQuery, sort: sort, onSort: setSort, view: view, onViewChange: setView, showControls: !shelfEmpty, queryControls: queryControls, queryHint: shelfEmpty ? undefined : queryHint }), shelfEmpty ? (_jsx(ShelfEmpty, { backHref: emptyBackHref, onBack: onEmptyBack, linkComponent: linkComponent })) : items.length === 0 ? (_jsx("p", { "data-slot": "shelf-no-matches", className: "m-0 rounded-xl border border-hairline px-6 py-10 text-center text-body-sm text-body", children: SHELF_NO_MATCHES })) : view === "list" ? (_jsxs(_Fragment, { children: [_jsx(ShelfTable, { items: items, ...actions, className: "hidden @3xl/shelf:block" }), _jsx(ShelfCardList, { items: items, columns: 1, ...actions, className: "@3xl/shelf:hidden" })] })) : (_jsx(ShelfCardList, { items: items, ...actions })), !shelfEmpty && items.length > 0 ? (_jsx(ShelfFooter, { shown: items.length, total: total, hasMore: hasMore, onShowMore: onShowMore, loadingMore: loadingMore })) : null, _jsx(ShelfItemDetails, { item: detailsItem, open: detailsItem !== null, onOpenChange: (open) => {
|
|
484
|
+
if (!open)
|
|
485
|
+
setDetailsId(null);
|
|
486
|
+
}, side: side, onMoveToGrid: onMoveToGrid ? moveToGrid : undefined, onRequestDelete: onDelete ? requestDelete : undefined, moving: detailsItem ? movingIds.has(detailsItem.id) : false }), deleteDialog] }));
|
|
487
|
+
}
|
|
488
|
+
export { Shelf, ShelfCard, ShelfCardList, ShelfEmpty, ShelfFooter, ShelfItemDetails, ShelfReasonTag, ShelfRowMenu, ShelfTable, ShelfThumbnail, ShelfToolbar, };
|
|
489
|
+
//# sourceMappingURL=shelf.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shelf.js","sourceRoot":"","sources":["../../src/blocks/shelf.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -31,6 +31,7 @@ export * from "./blocks/celebration.js";
|
|
|
31
31
|
export * from "./blocks/cloudgrid-install.js";
|
|
32
32
|
export * from "./blocks/command-field.js";
|
|
33
33
|
export * from "./blocks/compare-table.js";
|
|
34
|
+
export * from "./blocks/confirm-delete-dialog.js";
|
|
34
35
|
export * from "./blocks/creation-tile.js";
|
|
35
36
|
export * from "./blocks/cta-banner.js";
|
|
36
37
|
export * from "./blocks/drop-zone.js";
|
|
@@ -54,6 +55,7 @@ export * from "./blocks/pricing-tiers.js";
|
|
|
54
55
|
export * from "./blocks/prompt-block.js";
|
|
55
56
|
export * from "./blocks/quote.js";
|
|
56
57
|
export * from "./blocks/rich-text.js";
|
|
58
|
+
export * from "./blocks/shelf.js";
|
|
57
59
|
export * from "./blocks/showcase-scroll.js";
|
|
58
60
|
export * from "./blocks/side-nav.js";
|
|
59
61
|
export * from "./blocks/sign-in-options.js";
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAG/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAGtC,cAAc,uBAAuB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAG/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,mCAAmC,CAAA;AACjD,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAGtC,cAAc,uBAAuB,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -48,6 +48,7 @@ export * from "./blocks/celebration.js";
|
|
|
48
48
|
export * from "./blocks/cloudgrid-install.js";
|
|
49
49
|
export * from "./blocks/command-field.js";
|
|
50
50
|
export * from "./blocks/compare-table.js";
|
|
51
|
+
export * from "./blocks/confirm-delete-dialog.js";
|
|
51
52
|
export * from "./blocks/creation-tile.js";
|
|
52
53
|
export * from "./blocks/cta-banner.js";
|
|
53
54
|
export * from "./blocks/drop-zone.js";
|
|
@@ -71,6 +72,7 @@ export * from "./blocks/pricing-tiers.js";
|
|
|
71
72
|
export * from "./blocks/prompt-block.js";
|
|
72
73
|
export * from "./blocks/quote.js";
|
|
73
74
|
export * from "./blocks/rich-text.js";
|
|
75
|
+
export * from "./blocks/shelf.js";
|
|
74
76
|
export * from "./blocks/showcase-scroll.js";
|
|
75
77
|
export * from "./blocks/side-nav.js";
|
|
76
78
|
export * from "./blocks/sign-in-options.js";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,EAAE;AACF,gFAAgF;AAChF,8EAA8E;AAC9E,oEAAoE;AACpE,EAAE;AACF,gFAAgF;AAChF,+EAA+E;AAC/E,yEAAyE;AACzE,gFAAgF;AAChF,4EAA4E;AAC5E,EAAE;AACF,kEAAkE;AAClE,8EAA8E;AAC9E,uEAAuE;AAEvE,cAAc;AACd,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAE/B,mBAAmB;AACnB,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAEtC,0EAA0E;AAC1E,cAAc,uBAAuB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,EAAE;AACF,gFAAgF;AAChF,8EAA8E;AAC9E,oEAAoE;AACpE,EAAE;AACF,gFAAgF;AAChF,+EAA+E;AAC/E,yEAAyE;AACzE,gFAAgF;AAChF,4EAA4E;AAC5E,EAAE;AACF,kEAAkE;AAClE,8EAA8E;AAC9E,uEAAuE;AAEvE,cAAc;AACd,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAE/B,mBAAmB;AACnB,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,mCAAmC,CAAA;AACjD,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAEtC,0EAA0E;AAC1E,cAAc,uBAAuB,CAAA"}
|
package/dist/shadcn.css
CHANGED
|
@@ -204,3 +204,44 @@
|
|
|
204
204
|
--accent: var(--cg-surface-page-alt);
|
|
205
205
|
--secondary: var(--cg-surface-page-alt);
|
|
206
206
|
}
|
|
207
|
+
|
|
208
|
+
|
|
209
|
+
/*
|
|
210
|
+
The default border colour: the hairline, on every element, on every surface.
|
|
211
|
+
|
|
212
|
+
Tailwind v4 dropped v3's `border-color: theme(borderColor.DEFAULT)` from
|
|
213
|
+
preflight. Its reset is `border: 0 solid`, which leaves border-color at its
|
|
214
|
+
initial value, `currentColor`. So any element with `border` or `border-b` and no
|
|
215
|
+
colour utility draws its rule in the TEXT colour: the library `Table`'s row
|
|
216
|
+
rules (`border-b` on every `tr`), the Console's App controls dividers, the Shelf
|
|
217
|
+
table, all near-black on white. shadcn's own template fixes this in the app's
|
|
218
|
+
globals with `* { @apply border-border }`; this registry's globals did the same,
|
|
219
|
+
which is why nothing looked wrong here while the Console showed black rules.
|
|
220
|
+
It belongs in the library, once, for every consumer.
|
|
221
|
+
|
|
222
|
+
Why it flips with no per-scope copy (rule 2 is about a custom property declared
|
|
223
|
+
in terms of another; this is a plain property):
|
|
224
|
+
- border-color does NOT inherit, so `var(--border)` is evaluated on EACH
|
|
225
|
+
element, against the --border that element inherits;
|
|
226
|
+
- --border is declared in all three scopes above, so inside
|
|
227
|
+
[data-cg-surface="panel"] or "ink" it is already that scope's hairline.
|
|
228
|
+
Measured in registry/e2e/border-default.spec.ts on white, panel and ink.
|
|
229
|
+
|
|
230
|
+
`@layer base`, so every colour utility (`border-line`, `border-brand`,
|
|
231
|
+
`border-danger-border`, ...) still wins: utilities is a later layer. It must
|
|
232
|
+
come after Tailwind's preflight in the same layer, which the documented import
|
|
233
|
+
order (this file after `@import "tailwindcss"`) guarantees; preflight's
|
|
234
|
+
`border: 0 solid` would otherwise reset it to currentColor.
|
|
235
|
+
|
|
236
|
+
No new name: `--border` is shadcn's own and is only READ here (rule 4).
|
|
237
|
+
The selector list is preflight's, so nothing it resets is left uncovered.
|
|
238
|
+
*/
|
|
239
|
+
@layer base {
|
|
240
|
+
*,
|
|
241
|
+
::before,
|
|
242
|
+
::after,
|
|
243
|
+
::backdrop,
|
|
244
|
+
::file-selector-button {
|
|
245
|
+
border-color: var(--border);
|
|
246
|
+
}
|
|
247
|
+
}
|
package/package.json
CHANGED