@crisp-ui-kit/crisp 0.54.8 → 0.54.10

package/dist/types/product/savedviews/savedviews.d.ts

@@ -6,6 +6,27 @@ export type SavedView = {
     icon?: React.ReactNode;
     /** Renders a small shared-view indicator next to the name. */
     shared?: boolean;
+    /**
+     * Text matched against the switcher's own search box (#618) when `name`
+     * isn't a plain string — same fallback `Select`'s own `keywords` already
+     * gives a non-string `label`. Falls back to `id` when `name` is also
+     * non-string and this is omitted, the same way `Select`'s own
+     * `optionText` falls back to `value` — a view with a rich, non-string
+     * name and no `keywords` still matches SOME query (its own id) rather
+     * than becoming permanently unfindable by search.
+     */
+    keywords?: string;
+    /**
+     * "Created by …" — the first line of the kebab menu's own footer row
+     * (#618, measured live: "Created by Attio system" / "26th Aug 2026
+     * 12:20 PM", two stacked lines). Renders only the line(s) actually
+     * given — omit both for a view with no author/date metadata and the
+     * footer (and its divider) don't render at all.
+     */
+    createdBy?: React.ReactNode;
+    /** The footer's second line — a pre-formatted date/time, since crisp
+     *  doesn't own locale formatting. See `createdBy`. */
+    createdAt?: React.ReactNode;
 };
 export type SavedViewsProps = Omit<React.ComponentPropsWithoutRef<"div">, "children" | "onSelect"> & {
     /** The trigger's label when no view is active (Attio's "All Companies"). */
@@ -32,6 +53,18 @@ export type SavedViewsProps = Omit<React.ComponentPropsWithoutRef<"div">, "child
     viewOptionsLabel?: string;
     /** aria-label for the panel itself (defaults to the resolved trigger label). */
     "aria-label"?: string;
+    /** Placeholder on the panel's own search box (default "Search views..." —
+     *  Attio's own text, measured live: 3 literal dots, not an ellipsis
+     *  glyph). */
+    searchPlaceholder?: string;
+    /** aria-label on the search box (default "Filter views" — Attio's own
+     *  measured aria-label, distinct from its placeholder text). */
+    searchLabel?: string;
+    /** Shown in place of the view list when a search matches nothing (default
+     *  "No results" — the same text and contract `Select`'s own `searchable`
+     *  empty state already uses). The "Create new view" row still renders
+     *  below it either way. */
+    emptyLabel?: string;
     className?: string;
 };
 /**
@@ -40,16 +73,20 @@ export type SavedViewsProps = Omit<React.ComponentPropsWithoutRef<"div">, "child
  * row (leading coloured icon, name, a hover-revealed kebab of
  * rename/duplicate/delete), plus a trailing "Create new view" row. The
  * active view is marked `aria-selected`/`aria-current="page"` and mirrored
- * onto the trigger's own icon/label.
+ * onto the trigger's own icon/label. The panel opens on a "Search views..."
+ * box (#618, P-007) — real DOM focus moves there (`requestAnimationFrame`,
+ * same race `Select`'s own `searchable` variant already guards against),
+ * not virtual focus on the trigger.
  *
- * Keyboard: while the trigger has focus and the panel is open, ↑/↓ move a
- * virtual highlight (`aria-activedescendant`, the same "focus stays on the
- * trigger" model `Select`/`MultiSelect` use without a search field), Enter
- * chooses the highlighted row, Escape closes — deferring to a still-open
- * kebab submenu first (`hasOpenFloatingLayer`), so Escape closes one layer
- * at a time.
+ * Keyboard: while the panel is open, focus lives on the search input — ↑/↓
+ * move a virtual highlight (`aria-activedescendant`) over the (possibly
+ * filtered) view list, Enter chooses the highlighted row, Escape closes,
+ * deferring to a still-open kebab submenu first (`hasOpenFloatingLayer`),
+ * so Escape closes one layer at a time — the same split `Select`'s own
+ * `searchable` variant already uses between its trigger and its own search
+ * input.
  */
-export declare function SavedViews({ label, icon, views, activeId, onSelect, onCreate, onRename, onDuplicate, onDelete, onToggleFavorite, createLabel: createLabelProp, renameLabel: renameLabelProp, duplicateLabel: duplicateLabelProp, deleteLabel: deleteLabelProp, favoriteLabel: favoriteLabelProp, viewOptionsLabel: viewOptionsLabelProp, className, "aria-label": ariaLabel, ...rest }: SavedViewsProps): React.JSX.Element;
+export declare function SavedViews({ label, icon, views, activeId, onSelect, onCreate, onRename, onDuplicate, onDelete, onToggleFavorite, createLabel: createLabelProp, renameLabel: renameLabelProp, duplicateLabel: duplicateLabelProp, deleteLabel: deleteLabelProp, favoriteLabel: favoriteLabelProp, viewOptionsLabel: viewOptionsLabelProp, searchPlaceholder: searchPlaceholderProp, searchLabel: searchLabelProp, emptyLabel: emptyLabelProp, className, "aria-label": ariaLabel, ...rest }: SavedViewsProps): React.JSX.Element;
 export declare namespace SavedViews {
     var displayName: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crisp-ui-kit/crisp",
-  "version": "0.54.8",
+  "version": "0.54.10",
   "description": "A lean React design system, measured pixel-for-pixel from Attio.",
   "license": "MIT",
   "type": "module",