@salesforce/webapp-template-app-react-sample-b2e-experimental 1.116.13 → 1.117.1

package/dist/force-app/main/default/webapplications/propertymanagementapp/src/pages/MaintenanceWorkerSearch.tsx

@@ -15,7 +15,6 @@ import type { SortFieldConfig } from "../features/object-search/utils/sortUtils"
 import { PageHeader } from "../components/layout/PageHeader";
 import { PageContainer } from "../components/layout/PageContainer";
 import {
-	FilterApplyButton,
 	FilterProvider,
 	FilterResetButton,
 } from "../features/object-search/components/FilterContext";
@@ -42,7 +41,6 @@ import type {
 	Maintenance_Worker__C_OrderBy,
 } from "../api/graphql-operations-types";
 import { PAGINATION_CONFIG } from "../lib/constants";
-import { nonNegativeNumberInputProps } from "../lib/filterUtils";
 
 const FILTER_CONFIGS: FilterFieldConfig[] = [
 	{
@@ -55,7 +53,7 @@ const FILTER_CONFIGS: FilterFieldConfig[] = [
 	{ field: "Employment_Type__c", label: "Employment Type", type: "picklist" },
 	{ field: "Location__c", label: "Location", type: "text", placeholder: "Location" },
 	{ field: "Hourly_Rate__c", label: "Hourly Rate", type: "numeric" },
-	{ field: "CreatedDate", label: "Created Date", type: "date" },
+	{ field: "CreatedDate", label: "Created Date", type: "datetime" },
 ];
 
 const SORT_CONFIGS: SortFieldConfig<string>[] = [
@@ -74,10 +72,10 @@ export default function MaintenanceWorkerSearch() {
 		ttl: 30_000,
 	});
 
-	const { filters, filterState, query, pagination, resetAll } = useObjectSearchParams<
+	const { filters, query, pagination, resetAll } = useObjectSearchParams<
 		Maintenance_Worker__C_Filter,
 		Maintenance_Worker__C_OrderBy
-	>(FILTER_CONFIGS, SORT_CONFIGS, PAGINATION_CONFIG, { filterSyncMode: "manual" });
+	>(FILTER_CONFIGS, SORT_CONFIGS, PAGINATION_CONFIG);
 
 	const searchKey = `maintenance-workers:${JSON.stringify({ where: query.where, orderBy: query.orderBy, first: pagination.pageSize, after: pagination.afterCursor })}`;
 	const { data, loading, error } = useCachedAsyncData(
@@ -111,7 +109,6 @@ export default function MaintenanceWorkerSearch() {
 				<PageHeader title="Maintenance Workers" description="View and filter maintenance workers" />
 				<MaintenanceWorkerSearchFilters
 					filters={filters}
-					filterState={filterState}
 					typeOptions={typeOptions ?? []}
 					resetAll={resetAll}
 				/>
@@ -166,7 +163,6 @@ export default function MaintenanceWorkerSearch() {
 
 function MaintenanceWorkerSearchFilters({
 	filters,
-	filterState,
 	typeOptions,
 	resetAll,
 }: {
@@ -174,10 +170,6 @@ function MaintenanceWorkerSearchFilters({
 		Maintenance_Worker__C_Filter,
 		Maintenance_Worker__C_OrderBy
 	>["filters"];
-	filterState: UseObjectSearchParamsReturn<
-		Maintenance_Worker__C_Filter,
-		Maintenance_Worker__C_OrderBy
-	>["filterState"];
 	typeOptions: Array<{ value: string; label: string }>;
 	resetAll: () => void;
 }) {
@@ -187,9 +179,6 @@ function MaintenanceWorkerSearchFilters({
 			onFilterChange={filters.set}
 			onFilterRemove={filters.remove}
 			onReset={resetAll}
-			onApply={filterState.apply}
-			hasPendingChanges={filterState.hasPendingChanges}
-			hasValidationError={filterState.hasValidationError}
 		>
 			<FilterRow ariaLabel="Maintenance Workers filters">
 				<SearchFilter
@@ -213,12 +202,16 @@ function MaintenanceWorkerSearchFilters({
 				<NumericRangeFilter
 					field="Hourly_Rate__c"
 					label="Hourly Rate"
+					min={0}
+					max={1000}
 					className="w-full sm:w-50"
-					minInputProps={nonNegativeNumberInputProps}
-					maxInputProps={nonNegativeNumberInputProps}
 				/>
-				<DateFilter field="CreatedDate" label="Created Date" className="w-full sm:w-56" />
-				<FilterApplyButton className="h-8 px-3 rounded-lg bg-purple-600 text-white text-sm font-medium hover:bg-purple-700 disabled:bg-purple-300 disabled:cursor-not-allowed transition-colors" />
+				<DateFilter
+					field="CreatedDate"
+					label="Created Date"
+					filterType="datetime"
+					className="w-full sm:w-56"
+				/>
 				<FilterResetButton />
 			</FilterRow>
 		</FilterProvider>

package/dist/force-app/main/default/webapplications/propertymanagementapp/src/pages/PropertySearch.tsx

@@ -17,7 +17,6 @@ import type { Property__C_Filter, Property__C_OrderBy } from "../api/graphql-ope
 import { PageHeader } from "../components/layout/PageHeader";
 import { PageContainer } from "../components/layout/PageContainer";
 import {
-	FilterApplyButton,
 	FilterProvider,
 	FilterResetButton,
 } from "../features/object-search/components/FilterContext";
@@ -31,7 +30,6 @@ import { PropertyCard } from "../components/properties/PropertyCard";
 import { PropertyDetailsModal } from "../components/properties/PropertyDetailsModal";
 import { Skeleton } from "../components/ui/skeleton";
 import { PAGINATION_CONFIG } from "../lib/constants";
-import { nonNegativeNumberInputProps } from "../lib/filterUtils";
 
 const FILTER_CONFIGS: FilterFieldConfig[] = [
 	{
@@ -67,10 +65,10 @@ export default function PropertySearch() {
 		ttl: 30_000,
 	});
 
-	const { filters, filterState, query, pagination, resetAll } = useObjectSearchParams<
+	const { filters, query, pagination, resetAll } = useObjectSearchParams<
 		Property__C_Filter,
 		Property__C_OrderBy
-	>(FILTER_CONFIGS, PROPERTY_SORT_CONFIGS, PAGINATION_CONFIG, { filterSyncMode: "manual" });
+	>(FILTER_CONFIGS, PROPERTY_SORT_CONFIGS, PAGINATION_CONFIG);
 
 	const searchKey = `properties:${JSON.stringify({ where: query.where, orderBy: query.orderBy, first: pagination.pageSize, after: pagination.afterCursor })}`;
 	const { data, loading, error } = useCachedAsyncData(
@@ -104,7 +102,6 @@ export default function PropertySearch() {
 				<PageHeader title="Properties" description="Browse and manage available properties" />
 				<PropertySearchFilters
 					filters={filters}
-					filterState={filterState}
 					statusOptions={statusOptions ?? []}
 					typeOptions={typeOptions ?? []}
 					resetAll={resetAll}
@@ -151,13 +148,11 @@ export default function PropertySearch() {
 
 function PropertySearchFilters({
 	filters,
-	filterState,
 	statusOptions,
 	typeOptions,
 	resetAll,
 }: {
 	filters: UseObjectSearchParamsReturn<Property__C_Filter, Property__C_OrderBy>["filters"];
-	filterState: UseObjectSearchParamsReturn<Property__C_Filter, Property__C_OrderBy>["filterState"];
 	statusOptions: Array<{ value: string; label: string }>;
 	typeOptions: Array<{ value: string; label: string }>;
 	resetAll: () => void;
@@ -168,9 +163,6 @@ function PropertySearchFilters({
 			onFilterChange={filters.set}
 			onFilterRemove={filters.remove}
 			onReset={resetAll}
-			onApply={filterState.apply}
-			hasPendingChanges={filterState.hasPendingChanges}
-			hasValidationError={filterState.hasValidationError}
 		>
 			<FilterRow ariaLabel="Properties filters">
 				<SearchFilter
@@ -194,18 +186,17 @@ function PropertySearchFilters({
 				<NumericRangeFilter
 					field="Monthly_Rent__c"
 					label="Monthly Rent"
+					min={0}
+					max={100_000}
 					className="w-full sm:w-50"
-					minInputProps={nonNegativeNumberInputProps}
-					maxInputProps={nonNegativeNumberInputProps}
 				/>
 				<NumericRangeFilter
 					field="Bedrooms__c"
 					label="Bedrooms"
+					min={0}
+					max={20}
 					className="w-full sm:w-50"
-					minInputProps={nonNegativeNumberInputProps}
-					maxInputProps={nonNegativeNumberInputProps}
 				/>
-				<FilterApplyButton className="h-8 px-3 rounded-lg bg-purple-600 text-white text-sm font-medium hover:bg-purple-700 disabled:bg-purple-300 disabled:cursor-not-allowed transition-colors" />
 				<FilterResetButton />
 			</FilterRow>
 		</FilterProvider>

package/dist/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@salesforce/webapp-template-base-sfdx-project-experimental",
-  "version": "1.116.13",
+  "version": "1.117.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@salesforce/webapp-template-base-sfdx-project-experimental",
-      "version": "1.116.13",
+      "version": "1.117.1",
       "license": "SEE LICENSE IN LICENSE.txt",
       "devDependencies": {
         "@lwc/eslint-plugin-lwc": "^3.3.0",

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/webapp-template-base-sfdx-project-experimental",
-  "version": "1.116.13",
+  "version": "1.117.1",
   "description": "Base SFDX project template",
   "license": "SEE LICENSE IN LICENSE.txt",
   "publishConfig": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/webapp-template-app-react-sample-b2e-experimental",
-  "version": "1.116.13",
+  "version": "1.117.1",
   "description": "Salesforce sample property rental React app",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "",
@@ -16,7 +16,7 @@
     "clean": "rm -rf dist"
   },
   "dependencies": {
-    "@salesforce/webapp-experimental": "^1.116.13",
+    "@salesforce/webapp-experimental": "^1.117.1",
     "sonner": "^1.7.0"
   },
   "devDependencies": {

package/dist/force-app/main/default/webapplications/propertymanagementapp/src/lib/filterUtils.ts

@@ -1,11 +0,0 @@
-import type { ComponentProps } from "react";
-
-export const nonNegativeNumberInputProps: ComponentProps<"input"> = {
-	min: 0,
-	onKeyDown: (event) => {
-		if (event.key === "-" || event.key === "Minus") event.preventDefault();
-	},
-	onPaste: (event) => {
-		if (event.clipboardData.getData("text").includes("-")) event.preventDefault();
-	},
-};