@salesforce/templates 66.13.5 → 66.13.7

package/lib/templates/project/reactinternalapp/_p_/_m_/_w_/_a_/src/pages/AccountSearch.tsx

@@ -1,297 +0,0 @@
-import { useMemo, useState } from "react";
-import { Link } from "react-router";
-import { AlertCircle, ChevronDown, SearchX } from "lucide-react";
-import {
-	searchAccounts,
-	fetchDistinctIndustries,
-	fetchDistinctTypes,
-} from "../api/account/accountSearchService";
-import { useAsyncData } from "../hooks/useAsyncData";
-import { fieldValue } from "../features/object-search/utils/fieldUtils";
-import { useObjectSearchParams } from "../features/object-search/hooks/useObjectSearchParams";
-import { Alert, AlertTitle, AlertDescription } from "../components/ui/alert";
-import { Card, CardContent, CardHeader, CardTitle } from "../components/ui/card";
-import { Button } from "../components/ui/button";
-import {
-	Collapsible,
-	CollapsibleContent,
-	CollapsibleTrigger,
-} from "../components/ui/collapsible";
-import { Skeleton } from "../components/ui/skeleton";
-import {
-	FilterProvider,
-	FilterResetButton,
-} from "../features/object-search/components/FilterContext";
-import { SearchFilter } from "../features/object-search/components/filters/SearchFilter";
-import { TextFilter } from "../features/object-search/components/filters/TextFilter";
-import { SelectFilter } from "../features/object-search/components/filters/SelectFilter";
-import { MultiSelectFilter } from "../features/object-search/components/filters/MultiSelectFilter";
-import { NumericRangeFilter } from "../features/object-search/components/filters/NumericRangeFilter";
-import { DateFilter } from "../features/object-search/components/filters/DateFilter";
-import { DateRangeFilter } from "../features/object-search/components/filters/DateRangeFilter";
-import { ActiveFilters } from "../features/object-search/components/ActiveFilters";
-import { SortControl } from "../features/object-search/components/SortControl";
-import type { FilterFieldConfig } from "../features/object-search/utils/filterUtils";
-import type { SortFieldConfig } from "../features/object-search/utils/sortUtils";
-import type { Account_Filter, Account_OrderBy } from "../api/graphql-operations-types";
-import type { AccountSearchResult } from "../api/account/accountSearchService";
-import { ObjectBreadcrumb } from "../features/object-search/components/ObjectBreadcrumb";
-import PaginationControls from "../features/object-search/components/PaginationControls";
-import type { PaginationConfig } from "../features/object-search/hooks/useObjectSearchParams";
-
-const PAGINATION_CONFIG: PaginationConfig = {
-	defaultPageSize: 7,
-	validPageSizes: [7, 14, 28, 42],
-};
-
-type AccountNode = NonNullable<
-	NonNullable<NonNullable<AccountSearchResult["edges"]>[number]>["node"]
->;
-
-const FILTER_CONFIGS: FilterFieldConfig[] = [
-	{
-		field: "search",
-		label: "Search",
-		type: "search",
-		searchFields: ["Name", "Phone", "Industry"],
-		placeholder: "Search by name, phone, or industry...",
-	},
-	{ field: "Name", label: "Account Name", type: "text", placeholder: "Search by name..." },
-	{ field: "Industry", label: "Industry", type: "picklist" },
-	{ field: "Type", label: "Type", type: "multipicklist" },
-	{ field: "AnnualRevenue", label: "Annual Revenue", type: "numeric" },
-	{ field: "CreatedDate", label: "Created Date", type: "datetime" },
-	{ field: "LastModifiedDate", label: "Last Modified Date", type: "datetimerange" },
-];
-
-const ACCOUNT_SORT_CONFIGS: SortFieldConfig<keyof Account_OrderBy>[] = [
-	{ field: "Name", label: "Name" },
-	{ field: "AnnualRevenue", label: "Annual Revenue" },
-	{ field: "Industry", label: "Industry" },
-	{ field: "CreatedDate", label: "Created Date" },
-];
-
-// -- Component --------------------------------------------------------------
-
-export default function AccountSearch() {
-	const [filtersOpen, setFiltersOpen] = useState(true);
-	const { data: industryOptions } = useAsyncData(fetchDistinctIndustries, []);
-	const { data: typeOptions } = useAsyncData(fetchDistinctTypes, []);
-
-	const { filters, sort, query, pagination, resetAll } = useObjectSearchParams<
-		Account_Filter,
-		Account_OrderBy
-	>(FILTER_CONFIGS, ACCOUNT_SORT_CONFIGS, PAGINATION_CONFIG);
-
-	const { data, loading, error } = useAsyncData(
-		() =>
-			searchAccounts({
-				where: query.where,
-				orderBy: query.orderBy,
-				first: pagination.pageSize,
-				after: pagination.afterCursor,
-			}),
-		[query.where, query.orderBy, pagination.pageSize, pagination.afterCursor],
-	);
-
-	const pageInfo = data?.pageInfo;
-	const totalCount = data?.totalCount;
-	const hasNextPage = pageInfo?.hasNextPage ?? false;
-	const hasPreviousPage = pagination.pageIndex > 0;
-
-	const validAccountNodes = useMemo(
-		() =>
-			(data?.edges ?? []).reduce<AccountNode[]>((acc, edge) => {
-				if (edge?.node) acc.push(edge.node);
-				return acc;
-			}, []),
-		[data?.edges],
-	);
-
-	return (
-		<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
-			<ObjectBreadcrumb listPath="/accounts" listLabel="Accounts" />
-
-			<h1 className="text-2xl font-bold mb-4">Search Accounts</h1>
-
-			<div className="flex flex-col lg:flex-row gap-6">
-				{/* Sidebar — Filter Panel */}
-				<aside className="w-full lg:w-80 shrink-0">
-					<FilterProvider
-						filters={filters.active}
-						onFilterChange={filters.set}
-						onFilterRemove={filters.remove}
-						onReset={resetAll}
-					>
-						<Card>
-							<Collapsible open={filtersOpen} onOpenChange={setFiltersOpen}>
-								<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-									<CardTitle className="text-base font-semibold">
-										<h2>Filters</h2>
-									</CardTitle>
-									<div className="flex items-center gap-1">
-										<FilterResetButton variant="destructive" size="sm" />
-										<CollapsibleTrigger asChild>
-											<Button variant="ghost" size="icon">
-												<ChevronDown
-													className={`h-4 w-4 transition-transform ${filtersOpen ? "" : "-rotate-90"}`}
-												/>
-												<span className="sr-only">Toggle filters</span>
-											</Button>
-										</CollapsibleTrigger>
-									</div>
-								</CardHeader>
-								<CollapsibleContent>
-									<CardContent className="space-y-1 pt-0">
-										<SearchFilter
-											field="search"
-											label="Search"
-											placeholder="Search by name, phone, or industry..."
-										/>
-										<TextFilter field="Name" label="Account Name" placeholder="Search by name..." />
-										<SelectFilter
-											field="Industry"
-											label="Industry"
-											options={industryOptions ?? []}
-										/>
-										<MultiSelectFilter field="Type" label="Type" options={typeOptions ?? []} />
-										<NumericRangeFilter field="AnnualRevenue" label="Annual Revenue" />
-										<DateFilter field="CreatedDate" label="Created Date" filterType="datetime" />
-										<DateRangeFilter
-											field="LastModifiedDate"
-											label="Last Modified Date"
-											filterType="datetimerange"
-										/>
-									</CardContent>
-								</CollapsibleContent>
-							</Collapsible>
-						</Card>
-					</FilterProvider>
-				</aside>
-
-				{/* Main area — Sort + Results */}
-				<div className="flex-1 min-w-0">
-					{/* Sort control + active filters */}
-					<div className="flex flex-wrap items-center gap-2 mb-4">
-						<SortControl
-							configs={ACCOUNT_SORT_CONFIGS}
-							sort={sort.current}
-							onSortChange={sort.set}
-						/>
-						<ActiveFilters filters={filters.active} onRemove={filters.remove} />
-					</div>
-
-					<div className="min-h-132">
-						{/* Loading state */}
-						{loading && (
-							<>
-								<Skeleton className="h-5 w-30 mb-3" />
-								<div className="divide-y">
-									{Array.from({ length: pagination.pageSize }, (_, i) => (
-										<div key={i} className="flex items-center justify-between py-3">
-											<div className="space-y-2">
-												<Skeleton className="h-5 w-40" />
-												<Skeleton className="h-4 w-28" />
-											</div>
-											<div className="space-y-2 flex flex-col items-end">
-												<Skeleton className="h-4 w-24" />
-												<Skeleton className="h-4 w-20" />
-											</div>
-										</div>
-									))}
-								</div>
-							</>
-						)}
-
-						{/* Error state */}
-						{error && (
-							<>
-								<p className="text-sm text-muted-foreground mb-3">0 accounts found</p>
-								<Alert variant="destructive" role="alert">
-									<AlertCircle />
-									<AlertTitle>Failed to load accounts</AlertTitle>
-									<AlertDescription>
-										Something went wrong while loading accounts. Please try again later.
-									</AlertDescription>
-								</Alert>
-							</>
-						)}
-
-						{/* Results list */}
-						{!loading && !error && validAccountNodes.length > 0 && (
-							<>
-								<p className="text-sm text-muted-foreground mb-3">
-									{totalCount != null && (hasNextPage || hasPreviousPage)
-										? `${totalCount} account${totalCount !== 1 ? "s" : ""} found`
-										: `Showing ${validAccountNodes.length} account${validAccountNodes.length !== 1 ? "s" : ""}`}
-								</p>
-								<AccountResultsList nodes={validAccountNodes} />
-							</>
-						)}
-
-						{/* No results state */}
-						{!loading && !error && validAccountNodes.length === 0 && (
-							<div className="flex flex-col items-center justify-center py-16 text-center">
-								<SearchX className="size-12 text-muted-foreground mb-4" />
-								<h2 className="text-lg font-semibold mb-1">No accounts found</h2>
-								<p className="text-sm text-muted-foreground">
-									Try adjusting your filters or search criteria.
-								</p>
-							</div>
-						)}
-					</div>
-
-					{/* Pagination — always visible, disabled while loading or on error */}
-					<PaginationControls
-						pageIndex={pagination.pageIndex}
-						hasNextPage={hasNextPage}
-						hasPreviousPage={hasPreviousPage}
-						pageSize={pagination.pageSize}
-						pageSizeOptions={PAGINATION_CONFIG.validPageSizes}
-						onNextPage={() => {
-							if (pageInfo?.endCursor) pagination.goToNextPage(pageInfo.endCursor);
-						}}
-						onPreviousPage={pagination.goToPreviousPage}
-						onPageSizeChange={pagination.setPageSize}
-						disabled={loading || !!error}
-					/>
-				</div>
-			</div>
-		</div>
-	);
-}
-
-// -- Result Components ------------------------------------------------------
-
-function AccountResultsList({ nodes }: { nodes: AccountNode[] }) {
-	return (
-		<ul className="divide-y">
-			{nodes.map((node) => (
-				<AccountResultItem key={node.Id} node={node} />
-			))}
-		</ul>
-	);
-}
-
-function AccountResultItem({ node }: { node: AccountNode }) {
-	return (
-		<li>
-			<Link
-				to={`/accounts/${node.Id}`}
-				className="flex items-center justify-between py-3 px-3 -mx-3 rounded-md transition-colors hover:bg-accent"
-			>
-				<div>
-					<span className="font-medium">{fieldValue(node.Name) ?? "\u2014"}</span>
-					<p className="text-sm text-muted-foreground">
-						{[fieldValue(node.Industry), fieldValue(node.Type)].filter(Boolean).join(" \u00B7 ") ||
-							"\u2014"}
-					</p>
-				</div>
-				<div className="text-right text-sm">
-					<p>{fieldValue(node.Phone) ?? ""}</p>
-					<p className="text-muted-foreground">{fieldValue(node.Owner?.Name) ?? ""}</p>
-				</div>
-			</Link>
-		</li>
-	);
-}

package/lib/templates/project/reactinternalapp/scripts/prepare-import-unique-fields.js

@@ -1,122 +0,0 @@
-#!/usr/bin/env node
-/**
- * Updates unique fields in data JSON files so "sf data import tree" can be run
- * repeatedly (e.g. after org already has data). Run before data import.
- *
- * Usage:
- *   node scripts/prepare-import-unique-fields.js
- *   node scripts/prepare-import-unique-fields.js --data-dir /path/to/<sfdx-source>/data
- *
- * Expects data dir to contain (optional) JSON files:
- *   Contact.json (Email with unique domain per run, LastName, FirstName, Phone — standard Contact)
- *   Agent__c.json (License_Number__c — unique per record)
- *   Property_Management_Company__c.json (Company_Code__c, max 10 chars)
- *   Property_Owner__c.json (Email__c)
- * Missing files are skipped. Customize this script for your app's objects/fields.
- */
-
-const fs = require('fs');
-const path = require('path');
-
-function resolveSfdxSource() {
-  const sfdxPath = path.resolve(__dirname, '..', 'sfdx-project.json');
-  if (!fs.existsSync(sfdxPath)) {
-    console.error('Error: sfdx-project.json not found at project root.');
-    process.exit(1);
-  }
-  const sfdxProject = JSON.parse(fs.readFileSync(sfdxPath, 'utf8'));
-  const pkgDir = sfdxProject?.packageDirectories?.[0]?.path;
-  if (!pkgDir) {
-    console.error('Error: No packageDirectories[].path found in sfdx-project.json.');
-    process.exit(1);
-  }
-  return path.resolve(__dirname, '..', pkgDir, 'main', 'default');
-}
-
-const DEFAULT_DATA_DIR = path.resolve(resolveSfdxSource(), 'data');
-
-function parseArgs() {
-  const args = process.argv.slice(2);
-  let dataDir = DEFAULT_DATA_DIR;
-  for (let i = 0; i < args.length; i++) {
-    if (args[i] === '--data-dir' && args[i + 1]) {
-      dataDir = path.resolve(args[++i]);
-      break;
-    }
-  }
-  return dataDir;
-}
-
-const dataDir = parseArgs();
-const runId = Date.now();
-const runSuffix2 = String(runId % 100).padStart(2, '0'); // 00-99 for Company_Code__c (10-char limit)
-
-// Contact: Email (unique domain + local), LastName, FirstName, Phone — avoid duplicate rules
-const contactPath = path.join(dataDir, 'Contact.json');
-if (fs.existsSync(contactPath)) {
-  let contact = JSON.parse(fs.readFileSync(contactPath, 'utf8'));
-  if (contact.records) {
-    contact.records.forEach((r, i) => {
-      if (r.Email && r.Email.includes('@')) {
-        const parts = r.Email.replace(/\+[0-9]+@/, '@').split('@');
-        const local = (parts[0] || 'user') + '+' + runId;
-        const domain = 'run' + runId + '.example.com';
-        r.Email = local + '@' + domain;
-      }
-      if (r.LastName)
-        r.LastName = String(r.LastName).replace(/-[0-9]+$/, '') + '-' + runId;
-      if (r.FirstName)
-        r.FirstName = String(r.FirstName).replace(/-[0-9]+$/, '') + '-' + (i + 1);
-      if (r.Phone)
-        r.Phone = String(r.Phone).replace(/\d{2}$/, runSuffix2);
-    });
-    fs.writeFileSync(contactPath, JSON.stringify(contact, null, 2));
-    console.log('Updated Contact.json (Email, LastName, FirstName, Phone)');
-  }
-}
-
-// Agent__c: License_Number__c — unique per record (field is often unique in org)
-const agentPath = path.join(dataDir, 'Agent__c.json');
-if (fs.existsSync(agentPath)) {
-  let agent = JSON.parse(fs.readFileSync(agentPath, 'utf8'));
-  if (agent.records) {
-    agent.records.forEach((r, i) => {
-      if (r.License_Number__c) {
-        const base = r.License_Number__c.replace(/-[0-9]+(-[0-9]+)?$/, '');
-        r.License_Number__c = base + '-' + runId + '-' + (i + 1);
-      }
-    });
-    fs.writeFileSync(agentPath, JSON.stringify(agent, null, 2));
-    console.log('Updated Agent__c.json (License_Number__c)');
-  }
-}
-
-// Property_Management_Company__c: Company_Code__c — max 10 chars, use 8-char base + 2-digit suffix
-const companyPath = path.join(dataDir, 'Property_Management_Company__c.json');
-if (fs.existsSync(companyPath)) {
-  let company = JSON.parse(fs.readFileSync(companyPath, 'utf8'));
-  if (company.records) {
-    company.records.forEach((r) => {
-      if (r.Company_Code__c)
-        r.Company_Code__c = r.Company_Code__c.slice(0, 8) + runSuffix2;
-    });
-    fs.writeFileSync(companyPath, JSON.stringify(company, null, 2));
-    console.log('Updated Property_Management_Company__c.json (Company_Code__c)');
-  }
-}
-
-// Property_Owner__c: Email__c — add +runId before @
-const ownerPath = path.join(dataDir, 'Property_Owner__c.json');
-if (fs.existsSync(ownerPath)) {
-  let owner = JSON.parse(fs.readFileSync(ownerPath, 'utf8'));
-  if (owner.records) {
-    owner.records.forEach((r) => {
-      if (r.Email__c && r.Email__c.includes('@'))
-        r.Email__c = r.Email__c.replace(/\+[0-9]+@/, '@').replace('@', '+' + runId + '@');
-    });
-    fs.writeFileSync(ownerPath, JSON.stringify(owner, null, 2));
-    console.log('Updated Property_Owner__c.json (Email__c)');
-  }
-}
-
-console.log('Unique fields updated: runId=%s companySuffix=%s', runId, runSuffix2);