@salesforce/ui-bundle-template-app-react-sample-b2x 11.68.0 → 11.68.2

package/dist/force-app/main/default/uiBundles/propertyrentalapp/src/features/object-search/components/filters/NumericRangeFilter.tsx

@@ -1,171 +0,0 @@
-import { useId, useState } from "react";
-import { Input } from "../../../../components/ui/input";
-
-import { useFilterField } from "../FilterContext";
-import { useDebouncedCallback } from "../../hooks/useDebouncedCallback";
-import { FilterFieldWrapper } from "./FilterFieldWrapper";
-import type { ActiveFilterValue } from "../../utils/filterUtils";
-
-interface NumericRangeFilterProps extends Omit<React.ComponentProps<"div">, "onChange"> {
-	field: string;
-	label: string;
-	helpText?: string;
-	min?: number;
-	max?: number;
-}
-
-export function NumericRangeFilter({
-	field,
-	label,
-	helpText,
-	min,
-	max,
-	className,
-	...props
-}: NumericRangeFilterProps) {
-	const { value, onChange } = useFilterField(field);
-	return (
-		<NumericRangeFilterInputs
-			field={field}
-			label={label}
-			helpText={helpText}
-			value={value}
-			onChange={onChange}
-			min={min}
-			max={max}
-			className={className}
-			{...props}
-		/>
-	);
-}
-
-interface NumericRangeFilterInputsProps extends Omit<React.ComponentProps<"div">, "onChange"> {
-	field: string;
-	label: string;
-	helpText?: string;
-	value: ActiveFilterValue | undefined;
-	onChange: (value: ActiveFilterValue | undefined) => void;
-	min?: number;
-	max?: number;
-	minInputProps?: React.ComponentProps<typeof Input>;
-	maxInputProps?: React.ComponentProps<typeof Input>;
-}
-
-export function NumericRangeFilterInputs({
-	field,
-	label,
-	helpText,
-	value,
-	onChange,
-	min: boundMin,
-	max: boundMax,
-	className,
-	...props
-}: NumericRangeFilterInputsProps) {
-	const errorId = useId();
-	const [localMin, setLocalMin] = useState(value?.min ?? "");
-	const [localMax, setLocalMax] = useState(value?.max ?? "");
-
-	const externalMin = value?.min ?? "";
-	const externalMax = value?.max ?? "";
-	const [prevExternalMin, setPrevExternalMin] = useState(externalMin);
-	const [prevExternalMax, setPrevExternalMax] = useState(externalMax);
-	if (prevExternalMin !== externalMin) {
-		setPrevExternalMin(externalMin);
-		setLocalMin(externalMin);
-	}
-	if (prevExternalMax !== externalMax) {
-		setPrevExternalMax(externalMax);
-		setLocalMax(externalMax);
-	}
-
-	const isOutOfBounds = (v: string) => {
-		if (v === "") return false;
-		const n = Number(v);
-		return (boundMin != null && n < boundMin) || (boundMax != null && n > boundMax);
-	};
-	const minOutOfBounds = isOutOfBounds(localMin);
-	const maxOutOfBounds = isOutOfBounds(localMax);
-	const isRangeInverted = localMin !== "" && localMax !== "" && Number(localMin) > Number(localMax);
-	const hasError = minOutOfBounds || maxOutOfBounds || isRangeInverted;
-
-	const debouncedOnChange = useDebouncedCallback((min: string, max: string) => {
-		if (!min && !max) {
-			onChange(undefined);
-			return;
-		}
-		const minNum = min !== "" ? Number(min) : null;
-		const maxNum = max !== "" ? Number(max) : null;
-		if (minNum != null && maxNum != null && minNum > maxNum) return;
-		if (
-			minNum != null &&
-			((boundMin != null && minNum < boundMin) || (boundMax != null && minNum > boundMax))
-		)
-			return;
-		if (
-			maxNum != null &&
-			((boundMin != null && maxNum < boundMin) || (boundMax != null && maxNum > boundMax))
-		)
-			return;
-		onChange({ field, label, type: "numeric" as const, min, max });
-	});
-
-	const boundsLabel =
-		boundMin != null && boundMax != null
-			? `${boundMin}–${boundMax}`
-			: boundMin != null
-				? `${boundMin} or more`
-				: boundMax != null
-					? `${boundMax} or less`
-					: null;
-
-	const errorMessage = isRangeInverted
-		? "Min must not exceed max"
-		: (minOutOfBounds || maxOutOfBounds) && boundsLabel
-			? `Value must be between ${boundsLabel}`
-			: undefined;
-
-	return (
-		<FilterFieldWrapper
-			label={label}
-			helpText={helpText}
-			error={errorMessage}
-			errorId={errorId}
-			className={className}
-			{...props}
-		>
-			<div className="flex gap-2">
-				<Input
-					type="number"
-					placeholder="Min"
-					value={localMin}
-					min={boundMin}
-					max={boundMax}
-					onChange={(e) => {
-						const v = e.target.value;
-						setLocalMin(v);
-						debouncedOnChange(v, localMax);
-					}}
-					aria-label={`${label} minimum`}
-					aria-invalid={hasError || undefined}
-					aria-describedby={hasError ? errorId : undefined}
-				/>
-				<Input
-					type="number"
-					placeholder="Max"
-					value={localMax}
-					min={boundMin}
-					max={boundMax}
-					onChange={(e) => {
-						const v = e.target.value;
-						setLocalMax(v);
-						debouncedOnChange(localMin, v);
-					}}
-					aria-label={`${label} maximum`}
-					aria-invalid={hasError || undefined}
-					aria-describedby={hasError ? errorId : undefined}
-				/>
-			</div>
-		</FilterFieldWrapper>
-	);
-}

package/dist/force-app/main/default/uiBundles/propertyrentalapp/src/features/object-search/components/filters/SearchFilter.tsx

@@ -1,52 +0,0 @@
-import { useState } from "react";
-
-import { SearchBar } from "../SearchBar";
-import { useFilterField } from "../FilterContext";
-import { FilterFieldWrapper } from "./FilterFieldWrapper";
-import { useDebouncedCallback } from "../../hooks/useDebouncedCallback";
-
-interface SearchFilterProps extends Omit<React.ComponentProps<"div">, "onChange"> {
-	field: string;
-	label: string;
-	placeholder?: string;
-}
-
-export function SearchFilter({
-	field,
-	label,
-	placeholder,
-	className,
-	...props
-}: SearchFilterProps) {
-	const { value, onChange } = useFilterField(field);
-	const [localValue, setLocalValue] = useState(value?.value ?? "");
-
-	const externalValue = value?.value ?? "";
-	const [prevExternalValue, setPrevExternalValue] = useState(externalValue);
-	if (prevExternalValue !== externalValue) {
-		setPrevExternalValue(externalValue);
-		setLocalValue(externalValue);
-	}
-
-	const debouncedOnChange = useDebouncedCallback((v: string) => {
-		if (v) {
-			onChange({ field, label, type: "search", value: v });
-		} else {
-			onChange(undefined);
-		}
-	});
-
-	return (
-		<FilterFieldWrapper label={label} htmlFor={`filter-${field}`} className={className} {...props}>
-			<SearchBar
-				value={localValue}
-				handleChange={(v) => {
-					setLocalValue(v);
-					debouncedOnChange(v);
-				}}
-				placeholder={placeholder}
-				inputProps={{ id: `filter-${field}` }}
-			/>
-		</FilterFieldWrapper>
-	);
-}

package/dist/force-app/main/default/uiBundles/propertyrentalapp/src/features/object-search/components/filters/SelectFilter.tsx

@@ -1,97 +0,0 @@
-import {
-	Select,
-	SelectContent,
-	SelectItem,
-	SelectTrigger,
-	SelectValue,
-} from "../../../../components/ui/select";
-import { cn } from "../../../../lib/utils";
-import { useFilterField } from "../FilterContext";
-import { FilterFieldWrapper } from "./FilterFieldWrapper";
-import type { ActiveFilterValue } from "../../utils/filterUtils";
-
-const ALL_VALUE = "__all__";
-
-interface SelectFilterProps extends Omit<React.ComponentProps<"div">, "onChange"> {
-	field: string;
-	label: string;
-	options: Array<{ value: string; label: string }>;
-	helpText?: string;
-}
-
-export function SelectFilter({
-	field,
-	label,
-	options,
-	helpText,
-	className,
-	...props
-}: SelectFilterProps) {
-	const { value, onChange } = useFilterField(field);
-	return (
-		<FilterFieldWrapper
-			label={label}
-			htmlFor={`filter-${field}`}
-			helpText={helpText}
-			className={className}
-			{...props}
-		>
-			<SelectFilterControl
-				field={field}
-				label={label}
-				options={options}
-				value={value}
-				onChange={onChange}
-			/>
-		</FilterFieldWrapper>
-	);
-}
-
-interface SelectFilterControlProps {
-	field: string;
-	label: string;
-	options: Array<{ value: string; label: string }>;
-	value: ActiveFilterValue | undefined;
-	onChange: (value: ActiveFilterValue | undefined) => void;
-	triggerProps?: React.ComponentProps<typeof SelectTrigger>;
-	contentProps?: React.ComponentProps<typeof SelectContent>;
-}
-
-export function SelectFilterControl({
-	field,
-	label,
-	options,
-	value,
-	onChange,
-	triggerProps,
-	contentProps,
-}: SelectFilterControlProps) {
-	return (
-		<Select
-			value={value?.value ?? ALL_VALUE}
-			onValueChange={(v) => {
-				if (v === ALL_VALUE) {
-					onChange(undefined);
-				} else {
-					onChange({ field, label, type: "picklist", value: v });
-				}
-			}}
-		>
-			<SelectTrigger
-				id={`filter-${field}`}
-				{...triggerProps}
-				className={cn("w-full", triggerProps?.className)}
-			>
-				<SelectValue placeholder={`Select ${label.toLowerCase()}`} />
-			</SelectTrigger>
-			<SelectContent {...contentProps}>
-				<SelectItem value={ALL_VALUE}>All</SelectItem>
-				{options.map((opt) => (
-					<SelectItem key={opt.value} value={opt.value}>
-						{opt.label}
-					</SelectItem>
-				))}
-			</SelectContent>
-		</Select>
-	);
-}

package/dist/force-app/main/default/uiBundles/propertyrentalapp/src/features/object-search/components/filters/TextFilter.tsx

@@ -1,93 +0,0 @@
-import { useState } from "react";
-import { Input } from "../../../../components/ui/input";
-import { cn } from "../../../../lib/utils";
-import { useFilterField } from "../FilterContext";
-import { FilterFieldWrapper } from "./FilterFieldWrapper";
-import { useDebouncedCallback } from "../../hooks/useDebouncedCallback";
-import type { ActiveFilterValue } from "../../utils/filterUtils";
-
-interface TextFilterProps extends Omit<React.ComponentProps<"div">, "onChange"> {
-	field: string;
-	label: string;
-	placeholder?: string;
-	helpText?: string;
-}
-
-export function TextFilter({
-	field,
-	label,
-	placeholder,
-	helpText,
-	className,
-	...props
-}: TextFilterProps) {
-	const { value, onChange } = useFilterField(field);
-	return (
-		<FilterFieldWrapper
-			label={label}
-			htmlFor={`filter-${field}`}
-			helpText={helpText}
-			className={className}
-			{...props}
-		>
-			<TextFilterInput
-				field={field}
-				label={label}
-				placeholder={placeholder}
-				value={value}
-				onChange={onChange}
-			/>
-		</FilterFieldWrapper>
-	);
-}
-
-interface TextFilterInputProps extends Omit<
-	React.ComponentProps<typeof Input>,
-	"onChange" | "value"
-> {
-	field: string;
-	label: string;
-	value: ActiveFilterValue | undefined;
-	onChange: (value: ActiveFilterValue | undefined) => void;
-}
-
-export function TextFilterInput({
-	field,
-	label,
-	value,
-	onChange,
-	className,
-	...props
-}: TextFilterInputProps) {
-	const [localValue, setLocalValue] = useState(value?.value ?? "");
-
-	const externalValue = value?.value ?? "";
-	const [prevExternalValue, setPrevExternalValue] = useState(externalValue);
-	if (prevExternalValue !== externalValue) {
-		setPrevExternalValue(externalValue);
-		setLocalValue(externalValue);
-	}
-
-	const debouncedOnChange = useDebouncedCallback((v: string) => {
-		if (v) {
-			onChange({ field, label, type: "text", value: v });
-		} else {
-			onChange(undefined);
-		}
-	});
-
-	return (
-		<Input
-			id={`filter-${field}`}
-			type="text"
-			placeholder={props.placeholder ?? `Filter by ${label.toLowerCase()}...`}
-			value={localValue}
-			onChange={(e) => {
-				setLocalValue(e.target.value);
-				debouncedOnChange(e.target.value);
-			}}
-			className={cn(className)}
-			{...props}
-		/>
-	);
-}

package/dist/force-app/main/default/uiBundles/propertyrentalapp/src/features/object-search/hooks/useAsyncData.ts

@@ -1,63 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-
-interface UseAsyncDataResult<T> {
-	data: T | null;
-	loading: boolean;
-	error: string | null;
-}
-
-/**
- * Runs an async fetcher on mount and whenever `deps` change.
- * Returns the loading/error/data state. Does not cache — every call
- * to the fetcher hits the source directly.
- *
- * A cleanup flag prevents state updates if the component unmounts
- * or deps change before the fetch completes (avoids React warnings
- * and stale updates from out-of-order responses).
- */
-export function useAsyncData<T>(
-	fetcher: () => Promise<T>,
-	deps: React.DependencyList,
-): UseAsyncDataResult<T> {
-	const [data, setData] = useState<T | null>(null);
-	const [loading, setLoading] = useState(true);
-	const [error, setError] = useState<string | null>(null);
-	const [generation, setGeneration] = useState(0);
-
-	const fetcherRef = useRef(fetcher);
-	useEffect(() => {
-		fetcherRef.current = fetcher;
-	});
-
-	// Detect dep changes during render to reset loading state and bump generation
-	const [prevDeps, setPrevDeps] = useState(deps);
-	if (deps.length !== prevDeps.length || deps.some((d, i) => d !== prevDeps[i])) {
-		setPrevDeps(deps);
-		setGeneration((g) => g + 1);
-		if (!loading) setLoading(true);
-		if (error !== null) setError(null);
-	}
-
-	useEffect(() => {
-		let cancelled = false;
-
-		fetcherRef
-			.current()
-			.then((result) => {
-				if (!cancelled) setData(result);
-			})
-			.catch((err) => {
-				console.error(err);
-				if (!cancelled) setError(err instanceof Error ? err.message : "An error occurred");
-			})
-			.finally(() => {
-				if (!cancelled) setLoading(false);
-			});
-
-		return () => {
-			cancelled = true;
-		};
-	}, [generation]);
-
-	return { data, loading, error };
-}

package/dist/force-app/main/default/uiBundles/propertyrentalapp/src/features/object-search/hooks/useDebouncedCallback.ts

@@ -1,34 +0,0 @@
-import { useCallback, useEffect, useRef } from "react";
-import { debounce, FILTER_DEBOUNCE_MS } from "../utils/debounce";
-
-/**
- * Returns a stable debounced wrapper around the provided callback.
- *
- * The wrapper always invokes the *latest* version of `fn` (via a ref),
- * so the debounce timer is never reset when `fn` changes — only when
- * the caller invokes the returned function again.
- *
- * @param fn - The callback to debounce.
- * @param delay - Debounce delay in ms. Defaults to `FILTER_DEBOUNCE_MS`.
- */
-export function useDebouncedCallback<T extends (...args: any[]) => void>(
-	fn: T,
-	delay: number = FILTER_DEBOUNCE_MS,
-): (...args: Parameters<T>) => void {
-	const fnRef = useRef(fn);
-	const debouncedRef = useRef<((...args: any[]) => void) | null>(null);
-
-	useEffect(() => {
-		fnRef.current = fn;
-	});
-
-	useEffect(() => {
-		debouncedRef.current = debounce((...args: any[]) => {
-			fnRef.current(...(args as Parameters<T>));
-		}, delay);
-	}, [delay]);
-
-	return useCallback((...args: Parameters<T>) => {
-		debouncedRef.current?.(...args);
-	}, []);
-}

package/dist/force-app/main/default/uiBundles/propertyrentalapp/src/features/object-search/utils/fieldUtils.ts

@@ -1,29 +0,0 @@
-export function fieldValue(
-	field: { displayValue?: string | null; value?: unknown } | null | undefined,
-): string | null {
-	if (field?.displayValue != null) return field.displayValue;
-	if (field?.value != null) return String(field.value);
-	return null;
-}
-
-export function getAddressFieldLines(address: {
-	street?: string | null;
-	city?: string | null;
-	state?: string | null;
-	postalCode?: string | null;
-	country?: string | null;
-}) {
-	const cityStateZip = [address.city, address.state].filter(Boolean).join(", ");
-	const cityStateZipLine = [cityStateZip, address.postalCode].filter(Boolean).join(" ");
-	const lines = [address.street, cityStateZipLine, address.country].filter(Boolean);
-	if (lines.length === 0) return null;
-	return lines;
-}
-
-export function formatDateTimeField(
-	value?: string | null,
-	...args: Parameters<Date["toLocaleString"]>
-) {
-	if (!value) return null;
-	return new Date(value).toLocaleString(...args);
-}