@servicetitan/anvil2 3.0.6 → 3.0.7

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @servicetitan/anvil2
 
+## 3.0.7
+
+### Patch Changes
+
+- [#2365](https://github.com/servicetitan/hammer/pull/2365) [`0d8b5ac`](https://github.com/servicetitan/hammer/commit/0d8b5ac22dc335c623c5bcd38da5deb9a86c02d1) Thanks [@AdamLantz](https://github.com/AdamLantz)! - **BETA** [MultiSelectMenu, MultiSelectMenuSync, SelectMenu, SelectMenuSync] Add `clear` config prop that renders a Clear button in the menu footer; presence of the prop enables the button, omit to suppress
+
+- [#2365](https://github.com/servicetitan/hammer/pull/2365) [`0d8b5ac`](https://github.com/servicetitan/hammer/commit/0d8b5ac22dc335c623c5bcd38da5deb9a86c02d1) Thanks [@AdamLantz](https://github.com/AdamLantz)! - **BETA** [FilterBar] Add a Clear button to filter popover footers. Always on for `singleSelect`, `asyncSelect`, `multiSelect`, `asyncMultiSelect`, `date`, `dateRange`, and `dateList`. Clear commits an empty value immediately and closes the menu.
+
+- [#2370](https://github.com/servicetitan/hammer/pull/2370) [`7b75a84`](https://github.com/servicetitan/hammer/commit/7b75a841d284678d31d3f24ae5c1c358bbe0bd6a) Thanks [@AdamLantz](https://github.com/AdamLantz)! - **BETA** [FilterBar] Align the `custom`, `date`, `dateRange`, and `dateList` filter popover shell with the menu-based filter types. Popover sizing rules, padding, and the footer actions now match selection filters, eliminating visual drift.
+
+- [#2350](https://github.com/servicetitan/hammer/pull/2350) [`ebd6b58`](https://github.com/servicetitan/hammer/commit/ebd6b58f3a22d8f7f19f75d90e4360b1ef97df44) Thanks [@ericag1985](https://github.com/ericag1985)! - **BETA** [FilterBar] Add `drawerOnly` flag to keep a filter exclusively in the drawer; the "All Filters" button now only appears when a filter is unreachable from the toolbar
+
+- [#2367](https://github.com/servicetitan/hammer/pull/2367) [`4719b63`](https://github.com/servicetitan/hammer/commit/4719b633b8f937bb24f9caa2d7794bc85529ff71) Thanks [@hbartlett-st](https://github.com/hbartlett-st)! - **BETA** [FilterBar/FilterDrawer] Add `numericRange` filter type with min/max `NumberField` inputs, optional `currency`/`percentage` decorator `mode`, `minValue`/`maxValue` clamping, and `inclusiveBounds` for toggling between `≥`/`≤` and `>`/`<` bound semantics.
+
+- [#2364](https://github.com/servicetitan/hammer/pull/2364) [`f2f294d`](https://github.com/servicetitan/hammer/commit/f2f294d68b8b05aaa84c9ed3336439ecd5c2ecd0) Thanks [@AdamLantz](https://github.com/AdamLantz)! - **BETA** [FilterBar] Add `asyncSelect` and `asyncMultiSelect` filter types, supporting the full feature set of the `SelectMenu` and `MultiSelectMenu` components, respectively.
+
+- [#2364](https://github.com/servicetitan/hammer/pull/2364) [`f2f294d`](https://github.com/servicetitan/hammer/commit/f2f294d68b8b05aaa84c9ed3336439ecd5c2ecd0) Thanks [@AdamLantz](https://github.com/AdamLantz)! - **BETA** [FilterBar]: **Breaking** rework of `singleSelect` / `multiSelect` filter types to align with `SelectMenuSync` and `MultiSelectMenuSync` APIs. Field renames (`items` → `options`, `selectedItem` → `selectedOption`, `selectedItems` → `selectedOptions`); the `Item` generic is removed (use the `SelectMenuOption` shape with `extra` for custom metadata); `hasSearch` / `onSearch` / `onSearchClear` / `searchValue` are removed — client-side filtering is automatic via match-sorter, override with the new `filter` prop. See the [migration guide](/docs/web/components/filter-bar/beta-changes/select-filters-to-sync).
+
+- [#2352](https://github.com/servicetitan/hammer/pull/2352) [`ef51a6e`](https://github.com/servicetitan/hammer/commit/ef51a6eb45281f1226019f53697c50ff56b2c9a1) Thanks [@ericag1985](https://github.com/ericag1985)! - **BETA** [FilterBar] Remove the `overflow` prop; FilterBar always wraps. Shift the drawer-only collapse breakpoint from 768px to 640px. Add `disableCollapse` prop to keep filters inline at every container width. The `id` prop on `FilterToggleButton` now lands on the rendered `<button>` element.
+
+- [#2317](https://github.com/servicetitan/hammer/pull/2317) [`28f1bf2`](https://github.com/servicetitan/hammer/commit/28f1bf27cbf5ed070865cef818ef8bc06f922081) Thanks [@rgdelato](https://github.com/rgdelato)! - **BETA** [DataTable] Add cursor-style pagination support
+
+- [#2366](https://github.com/servicetitan/hammer/pull/2366) [`4a60780`](https://github.com/servicetitan/hammer/commit/4a6078075c9d55272ed116010c37f4e67e41e8ec) Thanks [@AdamLantz](https://github.com/AdamLantz)! - **BETA** [SavedFiltersButton] Add new standalone beta component for managing saved filter presets. Designed to compose with `FilterBar`.
+
+- [#2363](https://github.com/servicetitan/hammer/pull/2363) [`b2cc770`](https://github.com/servicetitan/hammer/commit/b2cc7708acefe12035a821175e104abf01b889b1) Thanks [@AdamLantz](https://github.com/AdamLantz)! - **BETA** [MultiSelectMenu, MultiSelectMenuSync] Add opt-in `confirmation` prop. When enabled, the menu buffers selection as a draft and only commits on Apply. `MultiSelectMenu` and `MultiSelectField` also accept a new `compute` variant of `selectAll` / `selectFiltered` that integrates bulk actions with the confirmation draft and supports async resolution (the menu shows a loading state while the returned promise is pending); the existing `onClick` shape still works for the non-confirmation case.
+
+- [#2353](https://github.com/servicetitan/hammer/pull/2353) [`e5e7ae3`](https://github.com/servicetitan/hammer/commit/e5e7ae3c8400fc610d2d9e15384bcc8944df8d99) Thanks [@rgdelato](https://github.com/rgdelato)! - [Combobox, ComboboxSelect] Bugfix for performance issues with a large number of selected items
+
+- [#2358](https://github.com/servicetitan/hammer/pull/2358) [`1d17553`](https://github.com/servicetitan/hammer/commit/1d17553958fa84e1b2190f63d19307d2ea47c577) Thanks [@AdamLantz](https://github.com/AdamLantz)! - **BETA** [MultiSelectField] Fix incorrect box-shadow appearing above input field
+
 ## 3.0.6
 
 ### Patch Changes

package/dist/Combobox.js

@@ -1,3 +1,2 @@
-export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect, C as default } from './Combobox-Cp7M4-4r.js';
-export { u as useInfiniteCombobox } from './useInfiniteCombobox-WcRgC9p6.js';
+export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect, C as default, u as useInfiniteCombobox } from './useInfiniteCombobox-CknXmqlQ.js';
 //# sourceMappingURL=Combobox.js.map

package/dist/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"Combobox.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/{DataTable-0kOuVgSB.js → DataTable-E8z0H8c7.js}

@@ -13,8 +13,8 @@ import { I as Icon } from './Icon-feeG7gXA.js';
 import { S as SrOnly } from './SrOnly-pnf8ajnh.js';
 import { u as useNumberField } from './useNumberField-D_ic9i2q.js';
 import { u as useMergeRefs, m as mergeRefs } from './useMergeRefs-Dfmtq9cI.js';
-import { a as SelectMenuSync, S as SelectMenu } from './SelectMenuSync-C-PFemsQ.js';
-import { a as MultiSelectMenuSync, M as MultiSelectMenu } from './MultiSelectMenuSync-BNPp_2Bm.js';
+import { a as SelectMenuSync, S as SelectMenu } from './SelectMenuSync-DTQ8Ofoz.js';
+import { a as MultiSelectMenuSync, M as MultiSelectMenu } from './MultiSelectMenuSync-EKtvlL62.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { a as useOnClickOutside, r as registerLayer, u as unregisterLayer } from './useOnClickOutside-Zw5vzxSq.js';
 import { c as computePosition, o as offset, v as autoPlacement, d as shift, g as size, a as autoUpdate, s as safeShowPopover, b as safeHidePopover } from './floating-ui.react-dom-CHrYz13o.js';
@@ -24,7 +24,9 @@ import { S as SvgWarning } from './warning-c4Wj1rI4.js';
 import { T as Tooltip } from './Tooltip-yr1D06BE.js';
 import { flushSync } from 'react-dom';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
-import { P as Pagination } from './Pagination-Cm8-K6VH.js';
+import { S as SvgKeyboardArrowLeft, a as SvgKeyboardArrowRight } from './keyboard_arrow_right-DZWNVytH.js';
+import { a as Pagination, P as Pagination$1 } from './Pagination-Bmd4JORe.js';
+import { useTrackingId } from './useTrackingId.js';
 import { T as ThemeProviderContext } from './ThemeProviderContext-l52GohYT.js';
 import { u as useVirtualizer } from './index-DXeGMe23.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
@@ -8078,8 +8080,10 @@ const TableContainer = forwardRef(
 );
 TableContainer.displayName = "TableContainer";
 
-const pagination = "_pagination_n9r8d_4";
+const pagination = "_pagination_12wyu_4";
 const styles$1 = {
+	"cursor-pagination-list": "_cursor-pagination-list_12wyu_43",
+	"cursor-pagination-item": "_cursor-pagination-item_12wyu_60",
 	pagination: pagination
 };
 
@@ -8088,7 +8092,7 @@ const DataTablePagination = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx(
-    Pagination,
+    Pagination$1,
     {
       className: styles$1["pagination"],
       ...props,
@@ -8096,6 +8100,88 @@ const DataTablePagination = ({
     }
   );
 };
+const DataTableCursorPagination = ({
+  page,
+  itemsPerPage,
+  itemsPerPageOptions,
+  hasNextPage,
+  hasPrevPage,
+  onPageChange,
+  onItemsPerPageChange
+}) => {
+  const canGoToPreviousPage = hasPrevPage === true && page > 1;
+  const canGoToNextPage = hasNextPage === true;
+  const trackingId = useTrackingId({
+    name: "Pagination",
+    data: {
+      "aria-label": "Pagination navigation"
+    }
+  });
+  const previousPageAvailability = canGoToPreviousPage ? "available" : "unavailable";
+  const nextPageAvailability = canGoToNextPage ? "available" : "unavailable";
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      className: styles$1["pagination"],
+      "aria-label": "Pagination navigation",
+      "data-tracking-id": trackingId,
+      children: [
+        /* @__PURE__ */ jsxs("ul", { className: styles$1["cursor-pagination-list"], children: [
+          /* @__PURE__ */ jsx("li", { className: styles$1["cursor-pagination-item"], children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              appearance: "ghost",
+              icon: SvgKeyboardArrowLeft,
+              size: "small",
+              "aria-label": "Previous page",
+              disabled: !canGoToPreviousPage,
+              onClick: () => {
+                if (canGoToPreviousPage) {
+                  onPageChange?.(Math.max(1, page - 1));
+                }
+              }
+            }
+          ) }),
+          /* @__PURE__ */ jsx("li", { className: styles$1["cursor-pagination-item"], children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              appearance: "ghost",
+              icon: SvgKeyboardArrowRight,
+              size: "small",
+              "aria-label": "Next page",
+              disabled: !canGoToNextPage,
+              onClick: () => {
+                if (canGoToNextPage) {
+                  onPageChange?.(page + 1);
+                }
+              }
+            }
+          ) })
+        ] }),
+        itemsPerPageOptions && /* @__PURE__ */ jsx(
+          Pagination.ItemsPerPageMenu,
+          {
+            itemsPerPage,
+            itemsPerPageOptions,
+            onItemsPerPageChange: (itemsPerPage2) => {
+              onItemsPerPageChange?.(itemsPerPage2);
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs(SrOnly, { "aria-live": "polite", "aria-atomic": "true", children: [
+          "Page ",
+          page,
+          ". Previous page ",
+          previousPageAvailability,
+          ". Next page",
+          " ",
+          nextPageAvailability,
+          "."
+        ] })
+      ]
+    }
+  );
+};
 
 const expanded = "_expanded_1pd1e_27";
 const styles = {
@@ -8110,26 +8196,43 @@ const useAsyncData = (dataOrPromise) => {
   const [resolvedData, setResolvedData] = useState(null);
   const [error, setError] = useState(false);
   const [isLoading, setIsLoading] = useState(true);
+  const latestRequestRef = useRef({ dataOrPromise, id: 0 });
+  if (latestRequestRef.current.dataOrPromise !== dataOrPromise) {
+    latestRequestRef.current = {
+      dataOrPromise,
+      id: latestRequestRef.current.id + 1
+    };
+  }
+  const requestId = latestRequestRef.current.id;
   useEffect(() => {
     async function resolveData() {
       if (dataOrPromise instanceof Promise) {
         setIsLoading(true);
+        setError(false);
         try {
           const data = await dataOrPromise;
+          if (latestRequestRef.current.id !== requestId) {
+            return;
+          }
           setResolvedData(data);
+          setError(false);
           setIsLoading(false);
         } catch (_error) {
+          if (latestRequestRef.current.id !== requestId) {
+            return;
+          }
           setError(true);
           setIsLoading(false);
           setResolvedData(null);
         }
       } else {
         setResolvedData(dataOrPromise);
+        setError(false);
         setIsLoading(false);
       }
     }
     resolveData();
-  }, [dataOrPromise]);
+  }, [dataOrPromise, requestId]);
   if (!(dataOrPromise instanceof Promise)) {
     return { data: dataOrPromise, error: false, isLoading: false };
   }
@@ -8608,6 +8711,7 @@ function DataTableInner(props, ref) {
   const paginationObject = typeof pagination === "object" ? pagination : void 0;
   const rowsPerPage = paginationObject?.rowsPerPage ?? 25;
   const refreshKey = paginationObject?.refreshKey;
+  const isCursorPagination = paginationObject?.mode === "cursor";
   const [currentPageIndex, setCurrentPageIndex] = useOptionallyControlledState({
     controlledValue: paginationObject?.currentPageIndex,
     defaultValue: paginationObject?.defaultPageIndex ?? 0,
@@ -8618,9 +8722,15 @@ function DataTableInner(props, ref) {
   const [refreshCounter, setRefreshCounter] = useState(0);
   const pageLoader = paginationObject?.loadPageData;
   const isAsyncPaginated = !!pageLoader && typeof pageLoader === "function";
+  const effectiveCacheConfig = useMemo(() => {
+    if (isCursorPagination && paginationObject?.cache === void 0) {
+      return { enabled: false };
+    }
+    return paginationObject?.cache;
+  }, [isCursorPagination, paginationObject?.cache]);
   const { getOrLoad, clearCache } = usePageDataCache({
     loadPageData: pageLoader,
-    cache: paginationObject?.cache,
+    cache: effectiveCacheConfig,
     refreshKey,
     refreshCounter,
     rowsPerPage,
@@ -8668,7 +8778,7 @@ function DataTableInner(props, ref) {
     error: _error,
     isLoading
   } = useAsyncData(dataSource);
-  const totalItemCount = paginationObject?.totalRowCount ?? resolvedData?.length ?? 0;
+  const totalItemCount = isCursorPagination ? void 0 : paginationObject?.totalRowCount ?? resolvedData?.length ?? 0;
   const hasSubRows = useMemo(
     () => !!resolvedData?.some((row) => (row?.subRows?.length ?? 0) > 0),
     [resolvedData]
@@ -8851,7 +8961,9 @@ function DataTableInner(props, ref) {
     columns,
     getCoreRowModel: getCoreRowModel(),
     getSortedRowModel: getSortedRowModel(),
-    ...isPaginated && { getPaginationRowModel: getPaginationRowModel() },
+    ...isPaginated && !isCursorPagination && {
+      getPaginationRowModel: getPaginationRowModel()
+    },
     ...isExpandable && { getExpandedRowModel: getExpandedRowModel() },
     // Grouping row model is retained for future use; cheap to exclude now.
     getRowId: (row) => row.id.toString(),
@@ -8872,7 +8984,7 @@ function DataTableInner(props, ref) {
         }
       }
     },
-    manualPagination: !isPaginated || isAsyncPaginated,
+    manualPagination: !isPaginated || isAsyncPaginated || isCursorPagination,
     // Server provides sorted data via loadPageData; disable client-side sort.
     manualSorting: isAsyncPaginated,
     autoResetPageIndex: false,
@@ -9078,7 +9190,22 @@ function DataTableInner(props, ref) {
                 ]
               }
             ),
-            pagination && /* @__PURE__ */ jsx(
+            pagination && (isCursorPagination ? /* @__PURE__ */ jsx(
+              DataTableCursorPagination,
+              {
+                itemsPerPage: rowsPerPage,
+                page: (currentPageIndex ?? 0) + 1,
+                hasNextPage: paginationObject?.hasNextPage,
+                hasPrevPage: paginationObject?.hasPrevPage,
+                onPageChange: (page) => {
+                  setCurrentPageIndex(page - 1);
+                },
+                onItemsPerPageChange: (itemsPerPage) => {
+                  paginationObject?.onRowsPerPageChange?.(itemsPerPage);
+                },
+                itemsPerPageOptions: paginationObject?.onRowsPerPageChange ? paginationObject.rowsPerPageOptions : void 0
+              }
+            ) : /* @__PURE__ */ jsx(
               DataTablePagination,
               {
                 itemsPerPage: rowsPerPage,
@@ -9093,7 +9220,7 @@ function DataTableInner(props, ref) {
                 },
                 itemsPerPageOptions: paginationObject?.rowsPerPageOptions
               }
-            )
+            ))
           ]
         }
       )
@@ -9103,4 +9230,4 @@ function DataTableInner(props, ref) {
 const DataTable = forwardRef(DataTableInner);
 
 export { COLUMN_TYPE_DEFAULTS as C, DataTable as D, chipsFormatter as a, booleanFormatter as b, createColumnHelper$1 as c, currencyFormatter as d, dateFormatter as e, dateTimeFormatter as f, getColumnTypeDefaults as g, htmlFormatter as h, dateFormatPresets as i, timeFormatter as j, markdownFormatter as m, numberFormatter as n, percentFormatter as p, resolveColumnTypeConfig as r, timeFormatPresets as t, yearlessDateFormatter as y };
-//# sourceMappingURL=DataTable-0kOuVgSB.js.map
+//# sourceMappingURL=DataTable-E8z0H8c7.js.map