@salesforce/webapp-template-app-react-template-b2e-experimental 1.43.0 → 1.43.1

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/components/ui/field.tsx

@@ -1,111 +0,0 @@
-import * as React from "react";
-
-import { cn } from "../../lib/utils";
-import { Label } from "./label";
-
-function Field({
-	className,
-	orientation = "vertical",
-	...props
-}: React.ComponentProps<"div"> & {
-	orientation?: "horizontal" | "vertical";
-}) {
-	return (
-		<div
-			data-slot="field"
-			data-orientation={orientation}
-			className={cn(
-				"grid gap-2",
-				orientation === "horizontal" && "flex flex-wrap items-center gap-x-3 gap-y-1.5",
-				className,
-			)}
-			{...props}
-		/>
-	);
-}
-
-function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>) {
-	return (
-		<Label
-			data-slot="field-label"
-			className={cn(
-				"data-[disabled]:opacity-50 group-data-[disabled]:opacity-50 peer-disabled:opacity-50",
-				className,
-			)}
-			{...props}
-		/>
-	);
-}
-
-function FieldDescription({ className, ...props }: React.ComponentProps<"p">) {
-	return (
-		<p
-			data-slot="field-description"
-			className={cn("text-muted-foreground text-sm", className)}
-			{...props}
-		/>
-	);
-}
-
-function FieldError({
-	className,
-	errors,
-	...props
-}: React.ComponentProps<"p"> & { errors?: (Error | undefined | null)[] }) {
-	const errorMessages = errors?.filter(Boolean).map((e) => e?.message);
-
-	if (!errorMessages?.length) {
-		return null;
-	}
-
-	return (
-		<p
-			data-slot="field-error"
-			className={cn("text-destructive text-sm", className)}
-			aria-live="polite"
-			{...props}
-		>
-			{errorMessages.join(", ")}
-		</p>
-	);
-}
-
-function FieldGroup({ className, ...props }: React.ComponentProps<"div">) {
-	return <div data-slot="field-group" className={cn("grid gap-6", className)} {...props} />;
-}
-
-function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">) {
-	return <fieldset data-slot="field-set" className={cn("grid gap-4", className)} {...props} />;
-}
-
-function FieldLegend({ className, ...props }: React.ComponentProps<"legend">) {
-	return (
-		<legend
-			data-slot="field-legend"
-			className={cn("text-foreground font-medium leading-none", className)}
-			{...props}
-		/>
-	);
-}
-
-function FieldSeparator({ className, ...props }: React.ComponentProps<"div">) {
-	return (
-		<div
-			data-slot="field-separator"
-			role="separator"
-			className={cn("bg-border -mx-6 h-px", className)}
-			{...props}
-		/>
-	);
-}
-
-export {
-	Field,
-	FieldDescription,
-	FieldError,
-	FieldGroup,
-	FieldLabel,
-	FieldLegend,
-	FieldSeparator,
-	FieldSet,
-};

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/components/ui/index.ts

@@ -1,71 +0,0 @@
-/**
- * UI Components Index
- *
- * Re-exports all UI components for easier imports.
- *
- * Usage:
- *   import { Button, Input, Tabs } from "@/components/ui"
- *
- * Instead of:
- *   import { Button } from "@/components/ui/button"
- *   import { Input } from "@/components/ui/input"
- *   import { Tabs } from "@/components/ui/tabs"
- */
-
-export { Alert, AlertTitle, AlertDescription } from "./alert";
-export { Button, buttonVariants } from "./button";
-export {
-	Card,
-	CardHeader,
-	CardFooter,
-	CardTitle,
-	CardAction,
-	CardDescription,
-	CardContent,
-} from "./card";
-export {
-	Field,
-	FieldDescription,
-	FieldError,
-	FieldGroup,
-	FieldLabel,
-	FieldLegend,
-	FieldSeparator,
-	FieldSet,
-} from "./field";
-export { Input } from "./input";
-export { Label } from "./label";
-export {
-	Select,
-	SelectGroup,
-	SelectValue,
-	SelectTrigger,
-	SelectContent,
-	SelectLabel,
-	SelectItem,
-	SelectSeparator,
-	SelectScrollUpButton,
-	SelectScrollDownButton,
-} from "./select";
-export { Spinner } from "./spinner";
-export { Skeleton } from "./skeleton";
-export {
-	Table,
-	TableHeader,
-	TableBody,
-	TableFooter,
-	TableHead,
-	TableRow,
-	TableCell,
-	TableCaption,
-} from "./table";
-export { Tabs, TabsList, TabsTrigger, TabsContent } from "./tabs";
-export {
-	Pagination,
-	PaginationContent,
-	PaginationEllipsis,
-	PaginationItem,
-	PaginationLink,
-	PaginationNext,
-	PaginationPrevious,
-} from "./pagination";

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/components/ui/input.tsx

@@ -1,19 +0,0 @@
-import { cn } from "../../lib/utils";
-
-function Input({ className, type, ...props }: React.ComponentProps<"input">) {
-	return (
-		<input
-			type={type}
-			data-slot="input"
-			className={cn(
-				"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-				"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-				"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-				className,
-			)}
-			{...props}
-		/>
-	);
-}
-
-export { Input };

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/components/ui/label.tsx

@@ -1,19 +0,0 @@
-import * as React from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-
-import { cn } from "../../lib/utils";
-
-function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {
-	return (
-		<LabelPrimitive.Root
-			data-slot="label"
-			className={cn(
-				"flex items-center gap-2 text-sm font-medium leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-				className,
-			)}
-			{...props}
-		/>
-	);
-}
-
-export { Label };

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/components/ui/pagination.tsx

@@ -1,99 +0,0 @@
-import * as React from "react";
-import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";
-
-import { cn } from "../../lib/utils";
-import { Button, buttonVariants } from "./button";
-
-const Pagination = ({ className, ...props }: React.ComponentProps<"nav">) => (
-	<nav
-		role="navigation"
-		aria-label="pagination"
-		className={cn("flex justify-center", className)}
-		{...props}
-	/>
-);
-Pagination.displayName = "Pagination";
-
-const PaginationContent = React.forwardRef<HTMLUListElement, React.ComponentProps<"ul">>(
-	({ className, ...props }, ref) => (
-		<ul ref={ref} className={cn("flex flex-row items-center gap-1", className)} {...props} />
-	),
-);
-PaginationContent.displayName = "PaginationContent";
-
-const PaginationItem = React.forwardRef<HTMLLIElement, React.ComponentProps<"li">>(
-	({ className, ...props }, ref) => <li ref={ref} className={cn("", className)} {...props} />,
-);
-PaginationItem.displayName = "PaginationItem";
-
-type PaginationLinkProps = {
-	isActive?: boolean;
-} & React.ComponentProps<"button">;
-
-const PaginationLink = ({ className, isActive, disabled, ...props }: PaginationLinkProps) => (
-	<button
-		aria-current={isActive ? "page" : undefined}
-		disabled={disabled}
-		className={cn(
-			buttonVariants({
-				variant: isActive ? "default" : "outline",
-				size: "sm",
-			}),
-			className,
-		)}
-		{...props}
-	/>
-);
-PaginationLink.displayName = "PaginationLink";
-
-const PaginationPrevious = ({
-	className,
-	disabled,
-	...props
-}: React.ComponentProps<typeof Button>) => (
-	<PaginationLink
-		aria-label="Go to previous page"
-		className={cn("gap-1 pl-2.5", className)}
-		disabled={disabled}
-		{...props}
-	>
-		<ChevronLeft className="h-4 w-4" />
-		<span>Previous</span>
-	</PaginationLink>
-);
-PaginationPrevious.displayName = "PaginationPrevious";
-
-const PaginationNext = ({ className, disabled, ...props }: React.ComponentProps<typeof Button>) => (
-	<PaginationLink
-		aria-label="Go to next page"
-		className={cn("gap-1 pr-2.5", className)}
-		disabled={disabled}
-		{...props}
-	>
-		<span>Next</span>
-		<ChevronRight className="h-4 w-4" />
-	</PaginationLink>
-);
-PaginationNext.displayName = "PaginationNext";
-
-const PaginationEllipsis = ({ className, ...props }: React.ComponentProps<"span">) => (
-	<span
-		aria-hidden
-		className={cn("flex h-9 w-9 items-center justify-center", className)}
-		{...props}
-	>
-		<MoreHorizontal className="h-4 w-4" />
-		<span className="sr-only">More pages</span>
-	</span>
-);
-PaginationEllipsis.displayName = "PaginationEllipsis";
-
-export {
-	Pagination,
-	PaginationContent,
-	PaginationEllipsis,
-	PaginationItem,
-	PaginationLink,
-	PaginationNext,
-	PaginationPrevious,
-};

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/components/ui/select.tsx

@@ -1,151 +0,0 @@
-import * as React from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { Check, ChevronDown, ChevronUp } from "lucide-react";
-
-import { cn } from "../../lib/utils";
-
-const Select = SelectPrimitive.Root;
-
-const SelectGroup = SelectPrimitive.Group;
-
-const SelectValue = SelectPrimitive.Value;
-
-const SelectTrigger = React.forwardRef<
-	React.ElementRef<typeof SelectPrimitive.Trigger>,
-	React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>
->(({ className, children, ...props }, ref) => (
-	<SelectPrimitive.Trigger
-		ref={ref}
-		className={cn(
-			"flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-			className,
-		)}
-		{...props}
-	>
-		{children}
-		<SelectPrimitive.Icon asChild>
-			<ChevronDown className="h-4 w-4 opacity-50" />
-		</SelectPrimitive.Icon>
-	</SelectPrimitive.Trigger>
-));
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-
-const SelectScrollUpButton = React.forwardRef<
-	React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
-	React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
->(({ className, ...props }, ref) => (
-	<SelectPrimitive.ScrollUpButton
-		ref={ref}
-		className={cn("flex cursor-default items-center justify-center py-1 bg-white", className)}
-		{...props}
-	>
-		<ChevronUp className="h-4 w-4" />
-	</SelectPrimitive.ScrollUpButton>
-));
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-
-const SelectScrollDownButton = React.forwardRef<
-	React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
-	React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
->(({ className, ...props }, ref) => (
-	<SelectPrimitive.ScrollDownButton
-		ref={ref}
-		className={cn("flex cursor-default items-center justify-center py-1 bg-white", className)}
-		{...props}
-	>
-		<ChevronDown className="h-4 w-4" />
-	</SelectPrimitive.ScrollDownButton>
-));
-SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-
-const SelectContent = React.forwardRef<
-	React.ElementRef<typeof SelectPrimitive.Content>,
-	React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
->(({ className, children, position = "popper", ...props }, ref) => (
-	<SelectPrimitive.Portal>
-		<SelectPrimitive.Content
-			ref={ref}
-			className={cn(
-				"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-white text-gray-900 shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-				position === "popper" &&
-					"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-				className,
-			)}
-			position={position}
-			{...props}
-		>
-			<SelectScrollUpButton />
-			<SelectPrimitive.Viewport
-				className={cn(
-					"p-1 bg-white",
-					position === "popper" &&
-						"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]",
-				)}
-			>
-				{children}
-			</SelectPrimitive.Viewport>
-			<SelectScrollDownButton />
-		</SelectPrimitive.Content>
-	</SelectPrimitive.Portal>
-));
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-
-const SelectLabel = React.forwardRef<
-	React.ElementRef<typeof SelectPrimitive.Label>,
-	React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
->(({ className, ...props }, ref) => (
-	<SelectPrimitive.Label
-		ref={ref}
-		className={cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)}
-		{...props}
-	/>
-));
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-
-const SelectItem = React.forwardRef<
-	React.ElementRef<typeof SelectPrimitive.Item>,
-	React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>
->(({ className, children, ...props }, ref) => (
-	<SelectPrimitive.Item
-		ref={ref}
-		className={cn(
-			"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-gray-100 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-			className,
-		)}
-		{...props}
-	>
-		<span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-			<SelectPrimitive.ItemIndicator>
-				<Check className="h-4 w-4" />
-			</SelectPrimitive.ItemIndicator>
-		</span>
-
-		<SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
-	</SelectPrimitive.Item>
-));
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-
-const SelectSeparator = React.forwardRef<
-	React.ElementRef<typeof SelectPrimitive.Separator>,
-	React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
->(({ className, ...props }, ref) => (
-	<SelectPrimitive.Separator
-		ref={ref}
-		className={cn("-mx-1 my-1 h-px bg-muted", className)}
-		{...props}
-	/>
-));
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-
-export {
-	Select,
-	SelectGroup,
-	SelectValue,
-	SelectTrigger,
-	SelectContent,
-	SelectLabel,
-	SelectItem,
-	SelectSeparator,
-	SelectScrollUpButton,
-	SelectScrollDownButton,
-};

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/components/ui/skeleton.tsx

@@ -1,13 +0,0 @@
-import { cn } from "../../lib/utils";
-
-function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
-	return (
-		<div
-			data-slot="skeleton"
-			className={cn("bg-accent animate-pulse rounded-md", className)}
-			{...props}
-		/>
-	);
-}
-
-export { Skeleton };

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/components/ui/spinner.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import { LoaderIcon } from "lucide-react";
-
-import { cn } from "../../lib/utils";
-
-const Spinner = React.forwardRef<SVGSVGElement, React.ComponentProps<"svg">>(function Spinner(
-	{ className, ...props },
-	ref,
-) {
-	return (
-		<LoaderIcon
-			ref={ref}
-			role="status"
-			aria-label="Loading"
-			className={cn(
-				"size-4 animate-spin",
-				// A11y: Respect user's motion preferences
-				"motion-reduce:animate-none",
-				className,
-			)}
-			{...props}
-		/>
-	);
-});
-
-export { Spinner };

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/components/ui/table.tsx

@@ -1,114 +0,0 @@
-import * as React from "react";
-import { cn } from "../../lib/utils";
-
-/**
- * Shadcn-style Table components
- * These components follow shadcn/ui patterns for consistent styling
- */
-
-const Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(
-	({ className, ...props }, ref) => (
-		<div className="relative w-full overflow-auto">
-			<table ref={ref} className={cn("w-full caption-bottom text-sm", className)} {...props} />
-		</div>
-	),
-);
-Table.displayName = "Table";
-
-const TableHeader = React.forwardRef<
-	HTMLTableSectionElement,
-	React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-	<thead
-		ref={ref}
-		className={cn(
-			// 1. Existing border style
-			"[&_tr]:border-b",
-
-			// 2. Make headers sticky
-			// We apply this to the 'th' children using the [&_th] selector
-			// This is often more robust across browsers than applying sticky to the <thead> itself
-			"[&_th]:sticky [&_th]:top-0 [&_th]:z-10",
-			// 3. CRITICAL: Add background color
-			// Without this, content scrolls "under" the transparent text
-			"[&_th]:bg-background",
-
-			// 4. Optional: Add a subtle shadow for better visual separation when scrolling
-			"[&_th]:shadow-[0_1px_0_0_theme(colors.border)]",
-			className,
-		)}
-		{...props}
-	/>
-));
-TableHeader.displayName = "TableHeader";
-
-const TableBody = React.forwardRef<
-	HTMLTableSectionElement,
-	React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-	<tbody ref={ref} className={cn("[&_tr:last-child]:border-0", className)} {...props} />
-));
-TableBody.displayName = "TableBody";
-
-const TableFooter = React.forwardRef<
-	HTMLTableSectionElement,
-	React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-	<tfoot
-		ref={ref}
-		className={cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className)}
-		{...props}
-	/>
-));
-TableFooter.displayName = "TableFooter";
-
-const TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(
-	({ className, ...props }, ref) => (
-		<tr
-			ref={ref}
-			className={cn(
-				"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
-				className,
-			)}
-			{...props}
-		/>
-	),
-);
-TableRow.displayName = "TableRow";
-
-const TableHead = React.forwardRef<
-	HTMLTableCellElement,
-	React.ThHTMLAttributes<HTMLTableCellElement>
->(({ className, ...props }, ref) => (
-	<th
-		ref={ref}
-		className={cn(
-			"h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
-			className,
-		)}
-		{...props}
-	/>
-));
-TableHead.displayName = "TableHead";
-
-const TableCell = React.forwardRef<
-	HTMLTableCellElement,
-	React.TdHTMLAttributes<HTMLTableCellElement>
->(({ className, ...props }, ref) => (
-	<td
-		ref={ref}
-		className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
-		{...props}
-	/>
-));
-TableCell.displayName = "TableCell";
-
-const TableCaption = React.forwardRef<
-	HTMLTableCaptionElement,
-	React.HTMLAttributes<HTMLTableCaptionElement>
->(({ className, ...props }, ref) => (
-	<caption ref={ref} className={cn("mt-4 text-sm text-muted-foreground", className)} {...props} />
-));
-TableCaption.displayName = "TableCaption";
-
-export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };