@epam/ai-dial-projects 0.0.0-stage → 1.3.0-dev.213

package/components/ProjectCard/ProjectCard.d.ts

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import { ProjectItem } from '../../models/project-item';
+/** Props for the {@link ProjectCard} component. */
+export interface ProjectCardProps {
+    /** Project rendered by the card. */
+    project: ProjectItem;
+    /** Trimmed search query whose match is highlighted in the name. */
+    searchQuery: string;
+    /** Text of the source badge. */
+    sourceLabel: string;
+    /** Formats the last-updated time as display text. */
+    formatUpdatedAt: (timestamp: number) => string;
+    /** CSS class applied to the project name. */
+    titleClassName: string;
+    /** CSS class applied to the source badge. */
+    badgeClassName: string;
+    /** CSS class applied to the last-updated date. */
+    metaClassName: string;
+}
+/** Non-interactive list item showing a project's name, source and last-updated date. */
+export declare const ProjectCard: FC<ProjectCardProps>;
+//# sourceMappingURL=ProjectCard.d.ts.map

package/components/ProjectCard/ProjectCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectCard.d.ts","sourceRoot":"","sources":["../../../src/components/ProjectCard/ProjectCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAG7D,mDAAmD;AACnD,MAAM,WAAW,gBAAgB;IAC/B,oCAAoC;IACpC,OAAO,EAAE,WAAW,CAAC;IACrB,mEAAmE;IACnE,WAAW,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/C,6CAA6C;IAC7C,cAAc,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,cAAc,EAAE,MAAM,CAAC;IACvB,kDAAkD;IAClD,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,wFAAwF;AACxF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA6C5C,CAAC"}

package/components/Projects/Projects.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ProjectsProps } from '../../models/projects-props';
+/** Projects page shell: header, search + sort toolbar, and a loading, error, empty, no-results or card-grid state. */
+export declare const Projects: FC<ProjectsProps>;
+//# sourceMappingURL=Projects.d.ts.map

package/components/Projects/Projects.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Projects.d.ts","sourceRoot":"","sources":["../../../src/components/Projects/Projects.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAMjE,sHAAsH;AACtH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAkMtC,CAAC"}

package/index.css

@@ -0,0 +1,3 @@
+._card_1w3yq_1{background:var(--pr-card-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--pr-card-border,var(--stroke-tertiary,#e0e6f0))}._title_1w3yq_6{color:var(--pr-card-title-text,var(--text-primary,#161b2d))}._badge_1w3yq_10{background:var(--pr-badge-bg,var(--bg-layer-sunken,#eef1f7));color:var(--pr-badge-text,var(--text-primary,#161b2d))}._meta_1w3yq_15{color:var(--pr-meta-text,var(--text-secondary,#57647a))}._container_4rer8_1{background:var(--pr-bg,var(--bg-layer-base,#f5f7fa))}._subtitle_4rer8_5{color:var(--pr-subtitle-text,var(--text-secondary,#57647a))}._sortButton_4rer8_9{color:var(--pr-sort-text,var(--text-accent,#1d4ed8))}
+/*$vite$:1*//*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.m-0{margin:0}.mt-1{margin-top:.25rem}.flex{display:flex}.grid{display:grid}.h-full{height:100%}.w-fit{width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:4px}.rounded-lg{border-radius:.5rem}.border{border-style:var(--tw-border-style);border-width:1px}.p-0{padding:0}.p-4{padding:1rem}.px-2{padding-inline:.5rem}.px-4{padding-inline:1rem}.py-0\.5{padding-block:.125rem}.py-4{padding-block:1rem}.break-words{overflow-wrap:break-word}@media (min-width:1280px){.desktop\:grid-cols-\[repeat\(auto-fill\,minmax\(280px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.desktop\:flex-row{flex-direction:row}.desktop\:items-center{align-items:center}.desktop\:gap-6{gap:1.5rem}.desktop\:px-8{padding-inline:2rem}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}

package/index.d.ts

@@ -0,0 +1,6 @@
+export { Projects } from './components/Projects/Projects';
+export type { ProjectItem } from './models/project-item';
+export type { ProjectsColors, ProjectsLabels, ProjectsProps, ProjectsStyles, ProjectsTypography, } from './models/projects-props';
+export { ProjectSource } from './types/project-source';
+export { ProjectsSortKey } from './types/projects-sort-key';
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,cAAc,EACd,kBAAkB,GACnB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC"}

package/index.js

@@ -0,0 +1,172 @@
+import { PanelEmptyState as e, buildCssVars as t, mergeClasses as n } from "@epam/ai-dial-chat-shared";
+import { ButtonAppearance as r, ButtonDropdown as i, ButtonVariant as a, DIAL_ICON_SIZE as o, DIAL_KIT_ICON_STROKE as s, ElementSize as c, GhostButton as l, Highlight as u, MenuItemMark as d, Search as f, Spinner as p } from "@epam/ai-dial-ui-kit";
+import { IconArrowsSort as m } from "@tabler/icons-react";
+import { useMemo as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/types/projects-sort-key.ts
+var v = /* @__PURE__ */ function(e) {
+	return e.Newest = "newest", e.Oldest = "oldest", e.NameAsc = "name-asc", e;
+}({}), y = (e, t) => {
+	let n = t.trim().toLocaleLowerCase();
+	return n ? e.filter((e) => e.name.toLocaleLowerCase().includes(n)) : e;
+}, b = (e, t, n) => {
+	let r = new Intl.Collator(n, {
+		sensitivity: "base",
+		numeric: !0
+	}), i = (e, t) => r.compare(e.name, t.name);
+	if (t === v.NameAsc) return [...e].sort(i);
+	let a = t === v.Oldest ? 1 : -1;
+	return [...e].sort((e, t) => e.updatedAt == null && t.updatedAt == null ? i(e, t) : e.updatedAt == null ? 1 : t.updatedAt == null ? -1 : (e.updatedAt - t.updatedAt) * a || i(e, t));
+}, x = {
+	card: "_card_1w3yq_1",
+	title: "_title_1w3yq_6",
+	badge: "_badge_1w3yq_10",
+	meta: "_meta_1w3yq_15"
+}, S = ({ project: e, searchQuery: t, sourceLabel: r, formatUpdatedAt: i, titleClassName: a, badgeClassName: o, metaClassName: s }) => /* @__PURE__ */ _("li", {
+	className: n("flex min-w-0 flex-col gap-2 rounded-lg border p-4", x.card),
+	children: [/* @__PURE__ */ g(u, {
+		text: e.name,
+		query: t,
+		maxLines: 2,
+		className: n("min-w-0 break-words", a, x.title)
+	}), /* @__PURE__ */ _("div", {
+		className: "flex min-w-0 flex-wrap items-center gap-2",
+		children: [/* @__PURE__ */ g("span", {
+			className: n("w-fit shrink-0 rounded px-2 py-0.5", o, x.badge),
+			children: r
+		}), e.updatedAt != null && /* @__PURE__ */ g("time", {
+			dateTime: new Date(e.updatedAt).toISOString(),
+			className: n("min-w-0", s, x.meta),
+			children: i(e.updatedAt)
+		})]
+	})]
+}), C = {
+	container: "_container_4rer8_1",
+	subtitle: "_subtitle_4rer8_5",
+	sortButton: "_sortButton_4rer8_9"
+}, w = ({ projects: u, isLoading: v = !1, hasError: x = !1, incompleteSources: w = [], onRetry: T, searchQuery: E, onSearchQueryChange: D, sortKey: O, onSortKeyChange: k, formatUpdatedAt: A, labels: j, locale: M, styles: N }) => {
+	let { colors: P, typography: F } = N ?? {}, I = F?.titleClassName ?? "dial-h1-text", L = F?.subtitleClassName ?? "dial-body-text", R = F?.cardTitleClassName ?? "dial-body-semi-text", z = F?.badgeClassName ?? "dial-tiny-semi-text", B = F?.metaClassName ?? "dial-small-text", V = t({
+		"--pr-bg": P?.background,
+		"--pr-subtitle-text": P?.subtitleText,
+		"--pr-sort-text": P?.sortButtonText,
+		"--pr-card-bg": P?.cardBackground,
+		"--pr-card-border": P?.cardBorder,
+		"--pr-card-title-text": P?.cardTitleText,
+		"--pr-badge-bg": P?.badgeBackground,
+		"--pr-badge-text": P?.badgeText,
+		"--pr-meta-text": P?.metaText
+	}), H = E.trim(), U = w.length > 0, W = U && u.length === 0, G = h(() => b(y(u, E), O, M), [
+		u,
+		E,
+		O,
+		M
+	]), K = j.sortOptions.find((e) => e.value === O)?.label ?? j.sortLabel, q = h(() => j.sortOptions.map((e) => ({
+		key: e.value,
+		label: e.label,
+		mark: d.Check,
+		checked: e.value === O,
+		onClick: () => k(e.value)
+	})), [
+		j.sortOptions,
+		O,
+		k
+	]), J = (e) => {
+		D(e ?? "");
+	}, Y = () => {
+		if (!v) return x ? j.errorLabel : U ? j.incompleteLabel : u.length === 0 ? j.emptyStateLabel : G.length === 0 ? j.noResultsLabel : j.resultCountLabel(G.length);
+	}, X = () => v ? /* @__PURE__ */ g(p, {}) : x || W ? /* @__PURE__ */ _("div", {
+		className: "flex flex-col items-center gap-3",
+		children: [/* @__PURE__ */ g("p", {
+			className: n(L, C.subtitle),
+			children: x ? j.errorLabel : j.incompleteLabel
+		}), /* @__PURE__ */ g(l, {
+			label: j.retryLabel,
+			onClick: T
+		})]
+	}) : u.length === 0 ? /* @__PURE__ */ g(e, {
+		label: j.emptyStateLabel,
+		description: j.emptyStateDescription
+	}) : G.length === 0 ? /* @__PURE__ */ g(e, { label: j.noResultsLabel }) : /* @__PURE__ */ g("ul", {
+		className: "m-0 grid w-full min-w-0 list-none grid-cols-1 gap-4 p-0 desktop:grid-cols-[repeat(auto-fill,minmax(280px,1fr))]",
+		children: G.map((e) => /* @__PURE__ */ g(S, {
+			project: e,
+			searchQuery: H,
+			sourceLabel: j.sourceLabels[e.source],
+			formatUpdatedAt: A,
+			titleClassName: R,
+			badgeClassName: z,
+			metaClassName: B
+		}, e.id))
+	}), Z = v || x || G.length === 0;
+	return /* @__PURE__ */ _("div", {
+		style: V,
+		className: n("flex h-full w-full min-w-0 flex-col gap-4 overflow-y-auto px-4 py-4 desktop:gap-6 desktop:px-8", C.container),
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ g("h1", {
+					className: n("break-words", I),
+					children: j.title
+				}), /* @__PURE__ */ g("p", {
+					className: n("mt-1", L, C.subtitle),
+					children: j.subtitle
+				})]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "flex flex-col gap-3 desktop:flex-row desktop:items-center",
+				children: [/* @__PURE__ */ g("div", {
+					role: "search",
+					className: "min-w-0 flex-1",
+					children: /* @__PURE__ */ g(f, {
+						value: E,
+						onChange: J,
+						placeholder: j.searchPlaceholder,
+						clearLabel: j.clearSearchLabel,
+						"aria-label": j.searchAriaLabel,
+						size: c.Large
+					})
+				}), j.sortOptions.length > 0 && /* @__PURE__ */ g("div", {
+					role: "group",
+					"aria-label": j.sortLabel,
+					className: "shrink-0",
+					children: /* @__PURE__ */ g(i, {
+						items: q,
+						label: K,
+						variant: a.Primary,
+						appearance: r.Ghost,
+						iconBefore: /* @__PURE__ */ g(m, {
+							size: o.SM,
+							"aria-hidden": !0,
+							stroke: s
+						}),
+						className: C.sortButton
+					})
+				})]
+			}),
+			/* @__PURE__ */ g("span", {
+				role: "status",
+				"aria-live": "polite",
+				className: "sr-only",
+				children: Y()
+			}),
+			U && !v && !x && !W && /* @__PURE__ */ _("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [/* @__PURE__ */ g("p", {
+					className: n(L, C.subtitle),
+					children: j.incompleteLabel
+				}), /* @__PURE__ */ g(l, {
+					label: j.retryLabel,
+					onClick: T
+				})]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: n("flex w-full min-w-0 flex-1 flex-col", Z && "items-center justify-center"),
+				children: X()
+			})
+		]
+	});
+}, T = /* @__PURE__ */ function(e) {
+	return e.Personal = "personal", e.Shared = "shared", e.Organization = "organization", e;
+}({});
+//#endregion
+export { T as ProjectSource, w as Projects, v as ProjectsSortKey };

package/models/project-item.d.ts

@@ -0,0 +1,13 @@
+import { ProjectSource } from '../types/project-source';
+/** One project rendered as a card by {@link Projects}. */
+export interface ProjectItem {
+    /** Stable unique id, used as the list key. */
+    id: string;
+    /** Display name, matched by search and highlighted. */
+    name: string;
+    /** Where the project comes from; selects the source badge label. */
+    source: ProjectSource;
+    /** Last-updated time in epoch milliseconds; the card omits its date line when unset. */
+    updatedAt?: number;
+}
+//# sourceMappingURL=project-item.d.ts.map

package/models/project-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"project-item.d.ts","sourceRoot":"","sources":["../../src/models/project-item.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,0DAA0D;AAC1D,MAAM,WAAW,WAAW;IAC1B,8CAA8C;IAC9C,EAAE,EAAE,MAAM,CAAC;IACX,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,MAAM,EAAE,aAAa,CAAC;IACtB,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/models/projects-props.d.ts

@@ -0,0 +1,111 @@
+import { SelectOption } from '@epam/ai-dial-ui-kit';
+import { ProjectSource } from '../types/project-source';
+import { ProjectsSortKey } from '../types/projects-sort-key';
+import { ProjectItem } from './project-item';
+/** Localized labels used by the {@link Projects} component. */
+export interface ProjectsLabels {
+    /** Page title, e.g. "Projects". */
+    title: string;
+    /** One-line description shown beneath the title. */
+    subtitle: string;
+    /** Placeholder text for the toolbar search input. */
+    searchPlaceholder: string;
+    /** Accessible label for the toolbar search input. */
+    searchAriaLabel: string;
+    /** Accessible label for the search input's clear action. */
+    clearSearchLabel: string;
+    /** Accessible name of the group wrapping the sort control, e.g. "Sort". */
+    sortLabel: string;
+    /** Options the sort menu lists; each `value` is a `ProjectsSortKey`. */
+    sortOptions: SelectOption[];
+    /** Message shown when there are no projects at all. */
+    emptyStateLabel: string;
+    /** Secondary line under `emptyStateLabel`. Omitted when not set. */
+    emptyStateDescription?: string;
+    /** Message shown when the search query matches no project. */
+    noResultsLabel: string;
+    /** Message shown alongside the retry action when loading failed. */
+    errorLabel: string;
+    /** Message shown with a retry action when some sources could not be listed in full. */
+    incompleteLabel: string;
+    /** Label of the retry action shown when loading failed. */
+    retryLabel: string;
+    /** Text of the source badge for each project source. */
+    sourceLabels: Record<ProjectSource, string>;
+    /** Announced through the status region when projects are listed, e.g. "3 projects". */
+    resultCountLabel: (count: number) => string;
+}
+/**
+ * Color overrides for the {@link Projects} component, applied as CSS custom
+ * properties with app theme fallbacks.
+ */
+export interface ProjectsColors {
+    /** Page background. Fallback: `--bg-layer-base`. */
+    background?: string;
+    /** Subtitle and status-message text color. Fallback: `--text-secondary`. */
+    subtitleText?: string;
+    /** Sort control label/icon color. Fallback: `--text-accent`. */
+    sortButtonText?: string;
+    /** Card background. Fallback: `--bg-layer-raised`. */
+    cardBackground?: string;
+    /** Card border color. Fallback: `--stroke-tertiary`. */
+    cardBorder?: string;
+    /** Project name color on a card. Fallback: `--text-primary`. */
+    cardTitleText?: string;
+    /** Source badge background. Fallback: `--bg-layer-sunken`. */
+    badgeBackground?: string;
+    /** Source badge text color. Fallback: `--text-primary`. */
+    badgeText?: string;
+    /** Last-updated date text color on a card. Fallback: `--text-secondary`. */
+    metaText?: string;
+}
+/** Typography overrides for the {@link Projects} component. */
+export interface ProjectsTypography {
+    /** CSS class applied to the page title. Defaults to `'dial-h1-text'`. */
+    titleClassName?: string;
+    /** CSS class applied to the subtitle and status messages. Defaults to `'dial-body-text'`. */
+    subtitleClassName?: string;
+    /** CSS class applied to each card's project name. Defaults to `'dial-body-semi-text'`. */
+    cardTitleClassName?: string;
+    /** CSS class applied to each card's source badge. Defaults to `'dial-tiny-semi-text'`. */
+    badgeClassName?: string;
+    /** CSS class applied to each card's last-updated date. Defaults to `'dial-small-text'`. */
+    metaClassName?: string;
+}
+/** Style overrides for the {@link Projects} component. */
+export interface ProjectsStyles {
+    /** Color overrides applied as CSS custom properties. */
+    colors?: ProjectsColors;
+    /** Typography class overrides. */
+    typography?: ProjectsTypography;
+}
+/** Props for the {@link Projects} component. */
+export interface ProjectsProps {
+    /** Every project available to the user; the component filters and sorts them. */
+    projects: ProjectItem[];
+    /** Shows the loading state instead of the list. Defaults to `false`. */
+    isLoading?: boolean;
+    /** Shows the error state with a retry action. Defaults to `false`. */
+    hasError?: boolean;
+    /** Sources that could not be listed in full; when non-empty, a notice with a retry action is shown. Defaults to `[]`. */
+    incompleteSources?: ProjectSource[];
+    /** Called when the user activates the retry action. */
+    onRetry: () => void;
+    /** Current search query (controlled). */
+    searchQuery: string;
+    /** Called with the new query when the user types or clears the search. */
+    onSearchQueryChange: (query: string) => void;
+    /** Applied sort order (controlled). */
+    sortKey: ProjectsSortKey;
+    /** Called when the user picks another sort order. */
+    onSortKeyChange: (sortKey: ProjectsSortKey) => void;
+    /** Formats a card's last-updated time (epoch milliseconds) as display text. */
+    formatUpdatedAt: (timestamp: number) => string;
+    /** Localized labels. */
+    labels: ProjectsLabels;
+    /** BCP 47 locale used to collate names for the Name A–Z order. Defaults to the runtime locale. */
+    locale?: string;
+    /** Color and typography overrides. */
+    styles?: ProjectsStyles;
+}
+//# sourceMappingURL=projects-props.d.ts.map

package/models/projects-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"projects-props.d.ts","sourceRoot":"","sources":["../../src/models/projects-props.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,32 @@
 {
   "name": "@epam/ai-dial-projects",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "description": "Presentational Projects page shell — searchable, sortable grid of the projects available to a user",
+  "version": "1.3.0-dev.213",
+  "license": "Apache-2.0",
+  "type": "module",
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    "./styles.css": "./index.css",
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "default": "./index.js"
+    }
+  },
+  "dependencies": {
+    "@tabler/icons-react": "^3.44.0"
+  },
+  "peerDependencies": {
+    "@epam/ai-dial-chat-shared": "1.3.0-dev.213",
+    "@epam/ai-dial-ui-kit": "^0.16.0-dev.45",
+    "react": "^19.2.8"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/epam/ai-dial-chat.git",
+    "directory": "libs/projects"
+  }
+}

package/test-setup.d.ts

@@ -0,0 +1,11 @@
+declare class NoopIntersectionObserver implements IntersectionObserver {
+    readonly root: Element | Document | null;
+    readonly rootMargin: string;
+    readonly thresholds: readonly number[];
+    readonly scrollMargin: string;
+    observe(): void;
+    unobserve(): void;
+    disconnect(): void;
+    takeRecords(): IntersectionObserverEntry[];
+}
+//# sourceMappingURL=test-setup.d.ts.map

package/test-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":"AAKA,cAAM,wBAAyB,YAAW,oBAAoB;IAC5D,QAAQ,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAQ;IAChD,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAM;IACjC,QAAQ,CAAC,UAAU,EAAE,SAAS,MAAM,EAAE,CAAM;IAC5C,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAM;IAEnC,OAAO,IAAI,IAAI;IACf,SAAS,IAAI,IAAI;IACjB,UAAU,IAAI,IAAI;IAElB,WAAW,IAAI,yBAAyB,EAAE;CAG3C"}

package/types/project-source.d.ts

@@ -0,0 +1,10 @@
+/** Where a project comes from, relative to the viewing user. */
+export declare enum ProjectSource {
+    /** The project lives in the user's own storage. */
+    Personal = "personal",
+    /** Another user shared the project with this user. */
+    Shared = "shared",
+    /** The project is published to the whole organization. */
+    Organization = "organization"
+}
+//# sourceMappingURL=project-source.d.ts.map

package/types/project-source.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"project-source.d.ts","sourceRoot":"","sources":["../../src/types/project-source.ts"],"names":[],"mappings":"AAAA,gEAAgE;AAChE,oBAAY,aAAa;IACvB,mDAAmD;IACnD,QAAQ,aAAa;IACrB,sDAAsD;IACtD,MAAM,WAAW;IACjB,0DAA0D;IAC1D,YAAY,iBAAiB;CAC9B"}

package/types/projects-sort-key.d.ts

@@ -0,0 +1,10 @@
+/** Order in which {@link Projects} lists the visible projects. */
+export declare enum ProjectsSortKey {
+    /** Most recently updated first; undated projects last. */
+    Newest = "newest",
+    /** Least recently updated first; undated projects last. */
+    Oldest = "oldest",
+    /** Alphabetical by name, locale-aware. */
+    NameAsc = "name-asc"
+}
+//# sourceMappingURL=projects-sort-key.d.ts.map

package/types/projects-sort-key.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"projects-sort-key.d.ts","sourceRoot":"","sources":["../../src/types/projects-sort-key.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,oBAAY,eAAe;IACzB,0DAA0D;IAC1D,MAAM,WAAW;IACjB,2DAA2D;IAC3D,MAAM,WAAW;IACjB,0CAA0C;IAC1C,OAAO,aAAa;CACrB"}

package/utils/projects.d.ts

@@ -0,0 +1,7 @@
+import { ProjectItem } from '../models/project-item';
+import { ProjectsSortKey } from '../types/projects-sort-key';
+/** Returns the projects whose name contains the trimmed query, case-insensitively; all of them for a blank query. */
+export declare const filterProjects: (projects: ProjectItem[], query: string) => ProjectItem[];
+/** Returns a sorted copy of the projects in the given order, with undated projects last in both date orders. */
+export declare const sortProjects: (projects: ProjectItem[], sortKey: ProjectsSortKey, locale?: string) => ProjectItem[];
+//# sourceMappingURL=projects.d.ts.map

package/utils/projects.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"projects.d.ts","sourceRoot":"","sources":["../../src/utils/projects.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,qHAAqH;AACrH,eAAO,MAAM,cAAc,GACzB,UAAU,WAAW,EAAE,EACvB,OAAO,MAAM,KACZ,WAAW,EAOb,CAAC;AAEF,gHAAgH;AAChH,eAAO,MAAM,YAAY,GACvB,UAAU,WAAW,EAAE,EACvB,SAAS,eAAe,EACxB,SAAS,MAAM,KACd,WAAW,EAmBb,CAAC"}

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.