@servicetitan/anvil2 3.0.0 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (192) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/AiMark.css +3 -3
  3. package/dist/{Alert-DmbqtMg_.js → Alert-C04WIw7A.js} +2 -2
  4. package/dist/{Alert-DmbqtMg_.js.map → Alert-C04WIw7A.js.map} +1 -1
  5. package/dist/Alert.css +1 -1
  6. package/dist/Alert.js +1 -1
  7. package/dist/Announcement.css +1 -1
  8. package/dist/AnvilProvider.css +1 -2
  9. package/dist/{Avatar-NbFc4Ovc.js → Avatar-BmNcLUg-.js} +2 -2
  10. package/dist/{Avatar-NbFc4Ovc.js.map → Avatar-BmNcLUg-.js.map} +1 -1
  11. package/dist/{Avatar-B4hRHku9.js → Avatar-Cw8B8xZV.js} +2 -2
  12. package/dist/Avatar-Cw8B8xZV.js.map +1 -0
  13. package/dist/Avatar.css +2 -2
  14. package/dist/Avatar.js +2 -2
  15. package/dist/Badge.css +1 -1
  16. package/dist/{Breadcrumbs-CYmciJ1D.js → Breadcrumbs-CAJMeA1D.js} +2 -2
  17. package/dist/{Breadcrumbs-CYmciJ1D.js.map → Breadcrumbs-CAJMeA1D.js.map} +1 -1
  18. package/dist/Breadcrumbs.css +1 -1
  19. package/dist/Breadcrumbs.js +1 -1
  20. package/dist/Button.css +1 -1
  21. package/dist/ButtonCompound.css +1 -1
  22. package/dist/ButtonToggle.css +1 -1
  23. package/dist/Calendar.css +2 -2
  24. package/dist/Card.css +1 -1
  25. package/dist/Checkbox.css +1 -1
  26. package/dist/{Chip-CR5i8mQW.js → Chip-Da8c7tKP.js} +2 -2
  27. package/dist/{Chip-CR5i8mQW.js.map → Chip-Da8c7tKP.js.map} +1 -1
  28. package/dist/Chip.css +1 -1
  29. package/dist/Chip.js +1 -1
  30. package/dist/{Combobox-BffGTugd.js → Combobox-CBLaT1lU.js} +4 -4
  31. package/dist/{Combobox-BffGTugd.js.map → Combobox-CBLaT1lU.js.map} +1 -1
  32. package/dist/Combobox.css +1 -1
  33. package/dist/Combobox.js +1 -1
  34. package/dist/{DataTable-D9Xj1nq5.js → DataTable-BDXdCF7J.js} +6 -6
  35. package/dist/{DataTable-D9Xj1nq5.js.map → DataTable-BDXdCF7J.js.map} +1 -1
  36. package/dist/DataTable.css +16 -16
  37. package/dist/DateFieldYearlessRange.css +1 -1
  38. package/dist/DaysOfTheWeek.css +1 -1
  39. package/dist/Details.css +1 -1
  40. package/dist/{Dialog-DGmF6qx3.js → Dialog-ByTyuybu.js} +4 -4
  41. package/dist/Dialog-ByTyuybu.js.map +1 -0
  42. package/dist/Dialog.css +1 -1
  43. package/dist/Dialog.js +1 -1
  44. package/dist/Divider.css +1 -1
  45. package/dist/DndSort.css +1 -1
  46. package/dist/{Drawer-iewBy1DW.js → Drawer-CwyfBcwt.js} +5 -5
  47. package/dist/{Drawer-iewBy1DW.js.map → Drawer-CwyfBcwt.js.map} +1 -1
  48. package/dist/Drawer.css +1 -1
  49. package/dist/Drawer.js +1 -1
  50. package/dist/DrillDown.css +1 -1
  51. package/dist/DrillDown.js +1 -1
  52. package/dist/{EditCard-D7-Ye7R0.js → EditCard-DqLSnkih.js} +2 -2
  53. package/dist/{EditCard-D7-Ye7R0.js.map → EditCard-DqLSnkih.js.map} +1 -1
  54. package/dist/EditCard.css +1 -1
  55. package/dist/EditCard.js +1 -1
  56. package/dist/FieldLabel.css +2 -2
  57. package/dist/FieldMessage.css +1 -1
  58. package/dist/{Toolbar-C1_etxss.js → FilterBar-BU8StPPd.js} +121 -933
  59. package/dist/FilterBar-BU8StPPd.js.map +1 -0
  60. package/dist/FilterBar.css +59 -0
  61. package/dist/FilterBar.d.ts +6 -0
  62. package/dist/FilterBar.js +2 -0
  63. package/dist/FilterBar.js.map +1 -0
  64. package/dist/Flex.css +1 -1
  65. package/dist/Grid.css +1 -1
  66. package/dist/Helper.css +1 -1
  67. package/dist/Icon.css +1 -1
  68. package/dist/InteractiveCard.css +1 -1
  69. package/dist/Layout.css +1 -1
  70. package/dist/Link.css +1 -1
  71. package/dist/List.css +1 -1
  72. package/dist/ListView.css +1 -1
  73. package/dist/{Listbox-DDlxpVu9.js → Listbox-C0tjQFDF.js} +2 -2
  74. package/dist/{Listbox-DDlxpVu9.js.map → Listbox-C0tjQFDF.js.map} +1 -1
  75. package/dist/Listbox.css +1 -1
  76. package/dist/Listbox.js +1 -1
  77. package/dist/Menu.css +1 -1
  78. package/dist/MultiSelectField.js +1 -1
  79. package/dist/{MultiSelectFieldSync-DZ3tm7zt.js → MultiSelectFieldSync-ueey5UBM.js} +4 -4
  80. package/dist/{MultiSelectFieldSync-DZ3tm7zt.js.map → MultiSelectFieldSync-ueey5UBM.js.map} +1 -1
  81. package/dist/MultiSelectFieldSync.css +1 -1
  82. package/dist/MultiSelectMenu.js +1 -1
  83. package/dist/{MultiSelectMenuSync-dgO9SmHi.js → MultiSelectMenuSync-D7hqugcQ.js} +4 -4
  84. package/dist/{MultiSelectMenuSync-dgO9SmHi.js.map → MultiSelectMenuSync-D7hqugcQ.js.map} +1 -1
  85. package/dist/NumberField.css +1 -1
  86. package/dist/Overflow.css +2 -2
  87. package/dist/{Page-Be1Blwme.js → Page-DbK-JKyB.js} +5 -5
  88. package/dist/{Page-Be1Blwme.js.map → Page-DbK-JKyB.js.map} +1 -1
  89. package/dist/Page.css +1 -1
  90. package/dist/Page.js +1 -1
  91. package/dist/{Pagination-USDJM5vi.js → Pagination-Bg5Nsdik.js} +2 -2
  92. package/dist/{Pagination-USDJM5vi.js.map → Pagination-Bg5Nsdik.js.map} +1 -1
  93. package/dist/Pagination.css +6 -6
  94. package/dist/Pagination.js +1 -1
  95. package/dist/Popover.css +1 -1
  96. package/dist/ProgressBar.css +1 -1
  97. package/dist/Radio.css +1 -1
  98. package/dist/{SearchField-CsRGYZx3.js → SearchField-BKJOW-vI.js} +3 -10
  99. package/dist/SearchField-BKJOW-vI.js.map +1 -0
  100. package/dist/SearchField-BplvDpBG.js +13 -0
  101. package/dist/SearchField-BplvDpBG.js.map +1 -0
  102. package/dist/SearchField.css +1 -1
  103. package/dist/SearchField.js +1 -1
  104. package/dist/SegmentedControl.css +1 -1
  105. package/dist/SelectCard.css +1 -1
  106. package/dist/SelectField.js +1 -1
  107. package/dist/{SelectFieldSync-C44hPeeS.js → SelectFieldSync-W_-jTf7z.js} +3 -3
  108. package/dist/{SelectFieldSync-C44hPeeS.js.map → SelectFieldSync-W_-jTf7z.js.map} +1 -1
  109. package/dist/SelectMenu.js +1 -1
  110. package/dist/{SelectMenuSync-V97oN85V.js → SelectMenuSync-QcjbQtCO.js} +4 -4
  111. package/dist/{SelectMenuSync-V97oN85V.js.map → SelectMenuSync-QcjbQtCO.js.map} +1 -1
  112. package/dist/{SelectOptions-CDoo4AUu.js → SelectOptions-BsX0f22q.js} +2 -2
  113. package/dist/{SelectOptions-CDoo4AUu.js.map → SelectOptions-BsX0f22q.js.map} +1 -1
  114. package/dist/{SelectTrigger-BWN3Tx43.js → SelectTrigger-BaDvF9JD.js} +3 -3
  115. package/dist/{SelectTrigger-BWN3Tx43.js.map → SelectTrigger-BaDvF9JD.js.map} +1 -1
  116. package/dist/SelectTrigger.js +1 -1
  117. package/dist/{SelectTriggerBase-Do7lQ5rw.js → SelectTriggerBase-kMRqbXwu.js} +2 -2
  118. package/dist/{SelectTriggerBase-Do7lQ5rw.js.map → SelectTriggerBase-kMRqbXwu.js.map} +1 -1
  119. package/dist/SelectTriggerBase.css +1 -1
  120. package/dist/SideNav.css +1 -1
  121. package/dist/Skeleton.css +1 -1
  122. package/dist/Spinner.css +1 -1
  123. package/dist/SrOnly.css +1 -1
  124. package/dist/StatusIcon.css +1 -1
  125. package/dist/Stepper.css +4 -4
  126. package/dist/Switch.css +1 -1
  127. package/dist/Tab.css +1 -1
  128. package/dist/Table.js +1 -1
  129. package/dist/{Text-J5YtSSXY.js → Text-BH8gglCL.js} +4 -4
  130. package/dist/Text-BH8gglCL.js.map +1 -0
  131. package/dist/Text.css +1 -1
  132. package/dist/Text.js +1 -1
  133. package/dist/TextField.css +1 -1
  134. package/dist/Textarea.css +1 -1
  135. package/dist/ThemeProvider.css +0 -1
  136. package/dist/{TimeField-DTg0CE5L.js → TimeField-Cz4tMYb3.js} +2 -2
  137. package/dist/{TimeField-DTg0CE5L.js.map → TimeField-Cz4tMYb3.js.map} +1 -1
  138. package/dist/TimeField.css +1 -1
  139. package/dist/TimeField.js +1 -1
  140. package/dist/TimezoneMessage.css +1 -1
  141. package/dist/Toast.js +2 -2
  142. package/dist/{Toaster-Bq42x6Gx.js → Toaster-BV8RjmIN.js} +2 -2
  143. package/dist/{Toaster-Bq42x6Gx.js.map → Toaster-BV8RjmIN.js.map} +1 -1
  144. package/dist/{Toaster-Dly3rfva.js → Toaster-DYGDohJT.js} +2 -2
  145. package/dist/{Toaster-Dly3rfva.js.map → Toaster-DYGDohJT.js.map} +1 -1
  146. package/dist/Toaster.css +1 -1
  147. package/dist/Toolbar-Dzj2KMEy.js +588 -0
  148. package/dist/Toolbar-Dzj2KMEy.js.map +1 -0
  149. package/dist/Toolbar.css +2 -96
  150. package/dist/Toolbar.js +2 -1
  151. package/dist/Toolbar.js.map +1 -1
  152. package/dist/ToolbarButtonToggle--2Ka05N8.js +284 -0
  153. package/dist/ToolbarButtonToggle--2Ka05N8.js.map +1 -0
  154. package/dist/ToolbarButtonToggle.css +41 -0
  155. package/dist/Tooltip.css +1 -1
  156. package/dist/YearlessDateInputWithPicker.css +2 -2
  157. package/dist/assets/icons/st/unsorted.svg +1 -1
  158. package/dist/beta/components/FilterBar/FilterBar.d.ts +87 -0
  159. package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterToggleButton.d.ts +1 -1
  160. package/dist/beta/components/FilterBar/index.d.ts +3 -0
  161. package/dist/beta/components/{Toolbar/Filters → FilterBar}/internal/FilterGroupContext.d.ts +5 -5
  162. package/dist/beta/components/{Toolbar/Filters → FilterBar}/internal/types.d.ts +2 -2
  163. package/dist/beta/components/{Toolbar/Filters → FilterBar}/internal/utils/test.d.ts +1 -0
  164. package/dist/beta/components/Toolbar/Toolbar.d.ts +0 -54
  165. package/dist/beta/components/Toolbar/index.d.ts +0 -1
  166. package/dist/beta/components/index.d.ts +1 -0
  167. package/dist/beta.js +9 -7
  168. package/dist/beta.js.map +1 -1
  169. package/dist/index.css +2 -2
  170. package/dist/index.js +19 -19
  171. package/dist/index2.css +1 -1
  172. package/dist/{syncFilterUtils-BLcRXQfd.js → syncFilterUtils-nJS_tCsu.js} +4 -4
  173. package/dist/{syncFilterUtils-BLcRXQfd.js.map → syncFilterUtils-nJS_tCsu.js.map} +1 -1
  174. package/dist/syncFilterUtils.css +4 -4
  175. package/dist/{useDrilldown-D5WWJRU2.js → useDrilldown-DwzT0Fse.js} +2 -2
  176. package/dist/{useDrilldown-D5WWJRU2.js.map → useDrilldown-DwzT0Fse.js.map} +1 -1
  177. package/dist/{useToggleSelection-D_2qS0P1.js → useToggleSelection-CAwGOeXk.js} +2 -2
  178. package/dist/{useToggleSelection-D_2qS0P1.js.map → useToggleSelection-CAwGOeXk.js.map} +1 -1
  179. package/package.json +9 -9
  180. package/dist/Avatar-B4hRHku9.js.map +0 -1
  181. package/dist/Dialog-DGmF6qx3.js.map +0 -1
  182. package/dist/SearchField-CsRGYZx3.js.map +0 -1
  183. package/dist/Text-J5YtSSXY.js.map +0 -1
  184. package/dist/Toolbar-C1_etxss.js.map +0 -1
  185. package/dist/beta/components/Toolbar/Filters/FilterGroup.d.ts +0 -25
  186. /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterButton.d.ts +0 -0
  187. /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterDateRange.d.ts +0 -0
  188. /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterDateSingle.d.ts +0 -0
  189. /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterDrawer.d.ts +0 -0
  190. /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterItemWrapper.d.ts +0 -0
  191. /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterSelect.d.ts +0 -0
  192. /package/dist/beta/components/{Toolbar/Filters → FilterBar}/internal/utils/filter-state.d.ts +0 -0
@@ -1,4 +1,4 @@
1
- .anvil2{@layer starter, reset, base, state, application;._listbox_157fd_1, ._picker-list_157fd_1 {
1
+ .anvil2 {._listbox_157fd_1, ._picker-list_157fd_1 {
2
2
  all: unset;
3
3
  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
4
4
  font-size: 100%;
@@ -107,7 +107,7 @@
107
107
  }._picker-list_157fd_1::-webkit-scrollbar {
108
108
  width: 8px;
109
109
  }
110
- }.anvil2{@layer starter, reset, base, state, application;._scrolling-container_er1xu_1 {
110
+ }.anvil2 {._scrolling-container_er1xu_1 {
111
111
  max-height: 240px;
112
112
  }
113
113
  }
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path transform="scale(1.5)" d="M11.363 8.722V4.275l1.772 1.665a.672.672 0 0 0 1.09-.216.66.66 0 0 0-.144-.724L11.17 2.195a.663.663 0 0 0-.94 0L7.195 5a.665.665 0 1 0 .94.94l1.894-1.665v4.447c0 .366.3.666.667.666s.667-.3.667-.666M4.914 7.667v4.446l-1.772-1.665a.672.672 0 0 0-1.091.216.66.66 0 0 0 .144.724l2.912 2.805a.663.663 0 0 0 .94 0l3.035-2.805a.665.665 0 1 0-.94-.94l-1.895 1.665V7.667c0-.367-.3-.667-.667-.667-.366 0-.666.3-.666.667"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.045 13.083v-6.67l2.657 2.497a1.008 1.008 0 0 0 1.635-.324.99.99 0 0 0-.215-1.086l-4.367-4.208a.995.995 0 0 0-1.41 0L10.793 7.5a.998.998 0 1 0 1.41 1.41l2.84-2.497v6.67c0 .549.45.999 1.001.999s1-.45 1-.999M7.371 11.5v6.67l-2.658-2.498a1.008 1.008 0 0 0-1.637.324.99.99 0 0 0 .216 1.086l4.369 4.207a.995.995 0 0 0 1.41 0l4.552-4.207a.998.998 0 1 0-1.41-1.41L9.37 18.169V11.5c0-.55-.45-1-1-1-.549 0-.999.45-.999 1"/></svg>
@@ -0,0 +1,87 @@
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ import { Filter } from './internal/types';
3
+ import { LayoutUtilProps } from '../../../types';
4
+ import { ToolbarOverflowTypes, ToolbarSize } from '../Toolbar/types';
5
+ /**
6
+ * Props for the FilterBar component
7
+ *
8
+ * @extends ComponentPropsWithoutRef<"div">
9
+ * @extends LayoutUtilProps
10
+ */
11
+ export type FilterBarProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps & {
12
+ /** Array of filter objects */
13
+ filters: Filter[];
14
+ /** Description of the content this filter bar is associated with, used for accessibility */
15
+ associatedContent: string;
16
+ /** Callback function when filters change */
17
+ onFilterChange: (filters: Filter[]) => void;
18
+ /** Whether the filters submission is controlled via an apply button */
19
+ controlledFiltering?: boolean;
20
+ /**
21
+ * Size of filter controls
22
+ * @default xsmall
23
+ */
24
+ size?: ToolbarSize;
25
+ /**
26
+ * How to handle overflow when items don't fit
27
+ * @default wrap
28
+ */
29
+ overflow?: ToolbarOverflowTypes;
30
+ };
31
+ /**
32
+ * FilterBar component for displaying a standalone group of filters with toggles and a clear button.
33
+ *
34
+ * Features:
35
+ * - Standalone component with `role="toolbar"` and keyboard navigation
36
+ * - Renders filter toggles and popovers for all filter types
37
+ * - Supports controlled and uncontrolled filtering
38
+ * - Integrates with FilterDrawer for batch filter editing
39
+ * - Provides a clear all filters button
40
+ * - Handles overflow and hidden filters
41
+ * - Shares filter state via context for child components
42
+ * - Supports boolean, custom, single-select, multi-select, date, and date range filter types
43
+ * - Preserves filter state when filter configuration changes
44
+ * - Responsive: condenses to drawer-only at small container sizes
45
+ * - Can be composed alongside Toolbar as a sibling using Flex layout
46
+ *
47
+ * @example
48
+ * <FilterBar
49
+ * associatedContent="invoices"
50
+ * filters={filters}
51
+ * onFilterChange={handleFilter}
52
+ * controlledFiltering={true}
53
+ * />
54
+ *
55
+ * @example
56
+ * // With Toolbar as sibling
57
+ * <Flex alignItems="center" justifyContent="space-between">
58
+ * <Toolbar associatedContent="invoice actions">
59
+ * <Toolbar.Button icon={SaveIcon} aria-label="Save" />
60
+ * </Toolbar>
61
+ * <FilterBar
62
+ * associatedContent="invoices"
63
+ * filters={filters}
64
+ * onFilterChange={handleFilter}
65
+ * />
66
+ * </Flex>
67
+ */
68
+ export declare const FilterBar: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & {
69
+ /** Array of filter objects */
70
+ filters: Filter[];
71
+ /** Description of the content this filter bar is associated with, used for accessibility */
72
+ associatedContent: string;
73
+ /** Callback function when filters change */
74
+ onFilterChange: (filters: Filter[]) => void;
75
+ /** Whether the filters submission is controlled via an apply button */
76
+ controlledFiltering?: boolean;
77
+ /**
78
+ * Size of filter controls
79
+ * @default xsmall
80
+ */
81
+ size?: ToolbarSize;
82
+ /**
83
+ * How to handle overflow when items don't fit
84
+ * @default wrap
85
+ */
86
+ overflow?: ToolbarOverflowTypes;
87
+ } & import('react').RefAttributes<HTMLDivElement>>;
@@ -1,4 +1,4 @@
1
- import { ToolbarButtonToggleProps } from '../ToolbarButtonToggle';
1
+ import { ToolbarButtonToggleProps } from '../Toolbar/ToolbarButtonToggle';
2
2
  /**
3
3
  * Props for the FilterToggleButton component
4
4
  *
@@ -0,0 +1,3 @@
1
+ export * from './FilterBar';
2
+ export { FilterBar as default, type FilterBarProps } from './FilterBar';
3
+ export { type Filter, type BooleanFilter, type CustomFilter, type SingleSelectFilter, type MultiSelectFilter, type DateFilter, type DateRangeFilter, type FilterValue, type FilterRenderProps, type BaseFilter, } from './internal/types';
@@ -1,12 +1,12 @@
1
1
  import { RefObject } from 'react';
2
- import { FilterGroupProps } from '../FilterGroup';
2
+ import { FilterBarProps } from '../FilterBar';
3
3
  import { Filter, FilterValue } from './types';
4
4
  /**
5
- * Context for sharing filter state and operations between FilterGroup and its children
5
+ * Context for sharing filter state and operations between FilterBar and its children
6
6
  *
7
- * @extends FilterGroupProps
7
+ * @extends FilterBarProps
8
8
  */
9
- type FilterGroupContextProps = FilterGroupProps & {
9
+ type FilterGroupContextProps = FilterBarProps & {
10
10
  /** Reference to the filter group DOM element
11
11
  * @default { current: null }
12
12
  */
@@ -34,7 +34,7 @@ type FilterGroupContextProps = FilterGroupProps & {
34
34
  };
35
35
  /**
36
36
  * Context provider for filter-related operations
37
- * Used to share filter state between FilterGroup and FilterDrawer
37
+ * Used to share filter state between FilterBar and FilterDrawer
38
38
  */
39
39
  export declare const FilterGroupContext: import('react').Context<FilterGroupContextProps>;
40
40
  export {};
@@ -1,6 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
- import { DateFieldSingleProps } from '../../../../../components/DateFieldSingle';
3
- import { DateFieldRangeProps } from '../../../../../components/DateFieldRange';
2
+ import { DateFieldSingleProps } from '../../../../components/DateFieldSingle';
3
+ import { DateFieldRangeProps } from '../../../../components/DateFieldRange';
4
4
  /**
5
5
  * Base properties shared by all filter types
6
6
  */
@@ -40,6 +40,7 @@ export declare function createMockFilterContext(filters?: Filter[], contextOverr
40
40
  addHiddenFilter: import('vitest').Mock<(...args: any[]) => any>;
41
41
  removeHiddenFilter: import('vitest').Mock<(...args: any[]) => any>;
42
42
  controlledFiltering: boolean;
43
+ associatedContent: string;
43
44
  };
44
45
  export declare function createMockBooleanFilter(overrides?: Partial<BooleanFilter>): BooleanFilter;
45
46
  export declare function createMockCustomFilter<T = unknown>(overrides?: Partial<CustomFilter<T>>): CustomFilter<T>;
@@ -190,33 +190,6 @@ export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<imp
190
190
  })[];
191
191
  accessibleLabel: string;
192
192
  } & import('../../..').DataTrackingId & import('react').RefAttributes<HTMLButtonElement>>;
193
- /**
194
- * FilterGroup component displays a group of filters with toggles and a clear button.
195
- * Also contains the FilterDrawer for additional filter options.
196
- *
197
- * Features:
198
- * - Renders filter toggles and popovers for all filter types
199
- * - Supports controlled and uncontrolled filtering
200
- * - Integrates with FilterDrawer for batch filter editing
201
- * - Provides a clear all filters button
202
- * - Handles overflow and hidden filters
203
- * - Shares filter state via context for child components
204
- * - Supports boolean, custom, single-select, multi-select, date, and date range filter types
205
- * - Date filters include calendar popup for easy selection
206
- * - Date range filters support start and end date selection
207
- *
208
- * @example
209
- * <Toolbar.Filters
210
- * filters={filters}
211
- * onFilterChange={handleFilter}
212
- * controlledFiltering={true}
213
- * />
214
- */
215
- Filters: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & {
216
- filters: import('.').Filter[];
217
- onFilterChange?: (filters: import('.').Filter[]) => void;
218
- controlledFiltering?: boolean;
219
- } & import('react').RefAttributes<HTMLDivElement>>;
220
193
  /**
221
194
  * ToolbarControlGroup component provides a flex container for grouping related toolbar controls.
222
195
  * Can be used for filters, buttons, or other toolbar items.
@@ -382,33 +355,6 @@ export declare const ToolbarElement: import('react').ForwardRefExoticComponent<O
382
355
  })[];
383
356
  accessibleLabel: string;
384
357
  } & import('../../..').DataTrackingId & import('react').RefAttributes<HTMLButtonElement>>;
385
- /**
386
- * FilterGroup component displays a group of filters with toggles and a clear button.
387
- * Also contains the FilterDrawer for additional filter options.
388
- *
389
- * Features:
390
- * - Renders filter toggles and popovers for all filter types
391
- * - Supports controlled and uncontrolled filtering
392
- * - Integrates with FilterDrawer for batch filter editing
393
- * - Provides a clear all filters button
394
- * - Handles overflow and hidden filters
395
- * - Shares filter state via context for child components
396
- * - Supports boolean, custom, single-select, multi-select, date, and date range filter types
397
- * - Date filters include calendar popup for easy selection
398
- * - Date range filters support start and end date selection
399
- *
400
- * @example
401
- * <Toolbar.Filters
402
- * filters={filters}
403
- * onFilterChange={handleFilter}
404
- * controlledFiltering={true}
405
- * />
406
- */
407
- Filters: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & {
408
- filters: import('.').Filter[];
409
- onFilterChange?: (filters: import('.').Filter[]) => void;
410
- controlledFiltering?: boolean;
411
- } & import('react').RefAttributes<HTMLDivElement>>;
412
358
  /**
413
359
  * ToolbarControlGroup component provides a flex container for grouping related toolbar controls.
414
360
  * Can be used for filters, buttons, or other toolbar items.
@@ -7,4 +7,3 @@ export { ToolbarSelect, type ToolbarSelectProps } from './ToolbarSelect';
7
7
  export { type ToolbarItemAppearance, type ToolbarOverflowTypes } from './types';
8
8
  export { ToolbarControlGroup, type ToolbarControlGroupProps, } from './ToolbarControlGroup';
9
9
  export { ToolbarSearchField, type ToolbarSearchFieldProps, } from './ToolbarSearchField';
10
- export { type Filter, type BooleanFilter, type CustomFilter, type SingleSelectFilter, type MultiSelectFilter, type DateFilter, type DateRangeFilter, type FilterValue, type FilterRenderProps, type BaseFilter, } from './Filters/internal/types';
@@ -1,3 +1,4 @@
1
+ export * from './FilterBar';
1
2
  export * from './Table';
2
3
  export * from './Toolbar';
3
4
  export * from './Calendar';
package/dist/beta.js CHANGED
@@ -1,11 +1,13 @@
1
- export { C as COLUMN_TYPE_DEFAULTS, D as DataTable, b as booleanFormatter, a as chipsFormatter, c as createColumnHelper, d as currencyFormatter, i as dateFormatPresets, e as dateFormatter, f as dateTimeFormatter, g as getColumnTypeDefaults, h as htmlFormatter, m as markdownFormatter, n as numberFormatter, p as percentFormatter, r as resolveColumnTypeConfig, t as timeFormatPresets, j as timeFormatter, y as yearlessDateFormatter } from './DataTable-D9Xj1nq5.js';
2
- export { T as Toolbar, a as ToolbarButton, c as ToolbarButtonLink, b as ToolbarButtonToggle, e as ToolbarControlGroup, g as ToolbarElement, f as ToolbarSearchField, d as ToolbarSelect } from './Toolbar-C1_etxss.js';
1
+ export { F as FilterBar } from './FilterBar-BU8StPPd.js';
2
+ export { C as COLUMN_TYPE_DEFAULTS, D as DataTable, b as booleanFormatter, a as chipsFormatter, c as createColumnHelper, d as currencyFormatter, i as dateFormatPresets, e as dateFormatter, f as dateTimeFormatter, g as getColumnTypeDefaults, h as htmlFormatter, m as markdownFormatter, n as numberFormatter, p as percentFormatter, r as resolveColumnTypeConfig, t as timeFormatPresets, j as timeFormatter, y as yearlessDateFormatter } from './DataTable-BDXdCF7J.js';
3
+ export { T as Toolbar, a as ToolbarButton, b as ToolbarButtonLink, d as ToolbarControlGroup, f as ToolbarElement, e as ToolbarSearchField, c as ToolbarSelect } from './Toolbar-Dzj2KMEy.js';
4
+ export { T as ToolbarButtonToggle } from './ToolbarButtonToggle--2Ka05N8.js';
3
5
  export { u as useCalendarBetaProps } from './Calendar-CaCMa_jq.js';
4
6
  export { C as Calendar } from './Calendar-BAbAagIx.js';
5
- export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-C44hPeeS.js';
6
- export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-DZ3tm7zt.js';
7
- export { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-V97oN85V.js';
8
- export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-dgO9SmHi.js';
7
+ export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-W_-jTf7z.js';
8
+ export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-ueey5UBM.js';
9
+ export { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-QcjbQtCO.js';
10
+ export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-D7hqugcQ.js';
9
11
  export { I as InteractiveCard } from './InteractiveCard-CnW0m_F-.js';
10
- export { u as useAdaptiveView } from './syncFilterUtils-BLcRXQfd.js';
12
+ export { u as useAdaptiveView } from './syncFilterUtils-nJS_tCsu.js';
11
13
  //# sourceMappingURL=beta.js.map
package/dist/beta.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"beta.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
1
+ {"version":3,"file":"beta.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- .anvil2{@layer starter, reset, base, state, application;/* Base */._handle_1e7c4_2 {
1
+ .anvil2 {/* Base */._handle_1e7c4_2 {
2
2
  align-items: center;
3
3
  all: unset;
4
4
  display: inline-flex;
@@ -19,7 +19,7 @@
19
19
  }/* State */._active_1e7c4_25 {
20
20
  --a2-mod-dnd-handle-cursor: grabbing;
21
21
  }
22
- }.anvil2{@layer starter, reset, base, state, application;/* Base */._drag-preview_1uufp_2 {
22
+ }.anvil2 {/* Base */._drag-preview_1uufp_2 {
23
23
  --a2-mod-dnd-drag-preview-cursor: no-drop;
24
24
  --a2-mod-dnd-drag-preview-shadow-color: var(--a2-dnd-drag-preview-shadow-color, var(--a2-shadow-color-default, light-dark(rgba(26, 26, 26, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
25
25
  cursor: var(--a2-mod-dnd-drag-preview-cursor);
package/dist/index.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import './index2.css';export { DndSort, DndSortCard, DndSortZone } from './DndSort.js';
2
- export { A as Alert } from './Alert-DmbqtMg_.js';
2
+ export { A as Alert } from './Alert-C04WIw7A.js';
3
3
  import { P as Popover } from './AiMark-B1-M3ZgP.js';
4
4
  export { A as AiMark } from './AiMark-B1-M3ZgP.js';
5
5
  export { A as Announcement } from './Announcement-_C5g2Lzm.js';
6
- export { A as Avatar } from './Avatar-NbFc4Ovc.js';
7
- export { A as AvatarGroup } from './Avatar-B4hRHku9.js';
6
+ export { A as Avatar } from './Avatar-BmNcLUg-.js';
7
+ export { A as AvatarGroup } from './Avatar-Cw8B8xZV.js';
8
8
  export { B as Badge } from './Badge-C_wTvtnB.js';
9
- export { B as Breadcrumbs } from './Breadcrumbs-CYmciJ1D.js';
9
+ export { B as Breadcrumbs } from './Breadcrumbs-CAJMeA1D.js';
10
10
  import { B as Button } from './Button-Bnt8XUI7.js';
11
11
  export { B as ButtonCompound } from './ButtonCompound-DsrK7G3q.js';
12
12
  import { B as ButtonLink } from './ButtonLink-j3h_wRNi.js';
@@ -14,8 +14,8 @@ import { B as ButtonToggle } from './ButtonToggle-Ct9_5bhC.js';
14
14
  export { a as Calendar, g as CalendarMonth, f as CalendarMonthButton, e as CalendarNext, b as CalendarNow, d as CalendarPrev, c as CalendarYearButton } from './Calendar-CaCMa_jq.js';
15
15
  export { C as Card } from './Card-DSFuXUGk.js';
16
16
  export { C as Checkbox } from './Checkbox-Ckl8EFpF.js';
17
- export { C as Chip } from './Chip-CR5i8mQW.js';
18
- export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect } from './Combobox-BffGTugd.js';
17
+ export { C as Chip } from './Chip-Da8c7tKP.js';
18
+ export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect } from './Combobox-CBLaT1lU.js';
19
19
  export { u as useInfiniteCombobox } from './useInfiniteCombobox-WcRgC9p6.js';
20
20
  export { D as DateFieldRange } from './DateFieldRange-DPTC3EZz.js';
21
21
  export { D as DateFieldSingle } from './DateFieldSingle-w1G-zd9G.js';
@@ -23,12 +23,12 @@ export { D as DateFieldYearless } from './DateFieldYearless-DHNVc7Sd.js';
23
23
  export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-C5ktVUgG.js';
24
24
  export { D as DaysOfTheWeek } from './DaysOfTheWeek-BubWkBZ0.js';
25
25
  export { D as Details } from './Details-DYRJcLWL.js';
26
- export { D as Dialog } from './Dialog-DGmF6qx3.js';
26
+ export { D as Dialog } from './Dialog-ByTyuybu.js';
27
27
  export { D as Divider } from './Divider-Ds3WKsKa.js';
28
28
  export { D as Dnd } from './index-ByMdotWU.js';
29
- export { D as Drawer } from './Drawer-iewBy1DW.js';
30
- export { D as DrillDown, b as DrillDownContent, c as DrillDownFooter, a as DrillDownHeader, d as DrillDownNextButton, e as DrillDownPrevButton, u as useDrillDown } from './useDrilldown-D5WWJRU2.js';
31
- export { E as EditCard } from './EditCard-D7-Ye7R0.js';
29
+ export { D as Drawer } from './Drawer-CwyfBcwt.js';
30
+ export { D as DrillDown, b as DrillDownContent, c as DrillDownFooter, a as DrillDownHeader, d as DrillDownNextButton, e as DrillDownPrevButton, u as useDrillDown } from './useDrilldown-DwzT0Fse.js';
31
+ export { E as EditCard } from './EditCard-DqLSnkih.js';
32
32
  export { F as FieldLabel } from './FieldLabel-DZWu5dMp.js';
33
33
  export { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
34
34
  export { F as FieldMessage } from './FieldMessage-DzxfodaI.js';
@@ -40,20 +40,20 @@ export { L as Layout, b as LayoutElement, a as LayoutItem } from './Layout-C2Q2h
40
40
  export { L as Link, u as useLinkStyles } from './Link-BUgivkGS.js';
41
41
  export { L as LinkButton } from './LinkButton-CuHSdGdj.js';
42
42
  export { L as List } from './List-BXyHWQ9e.js';
43
- import { L as Listbox } from './Listbox-DDlxpVu9.js';
43
+ import { L as Listbox } from './Listbox-C0tjQFDF.js';
44
44
  export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-DBO9Bl1H.js';
45
45
  export { M as Menu } from './Menu-wpTyUDac.js';
46
46
  export { N as NumberField } from './NumberField-DJbdyatF.js';
47
47
  export { Overflow, OverflowText } from './Overflow.js';
48
- export { P as Page } from './Page-Be1Blwme.js';
49
- export { P as Pagination } from './Pagination-USDJM5vi.js';
48
+ export { P as Page } from './Page-DbK-JKyB.js';
49
+ export { P as Pagination } from './Pagination-Bg5Nsdik.js';
50
50
  export { P as Popover } from './Popover-CyB7yzSf.js';
51
51
  export { P as ProgressBar } from './ProgressBar-DSrjgLTx.js';
52
52
  export { R as Radio } from './Radio-CQaXJ72d.js';
53
- export { S as SearchField } from './SearchField-CsRGYZx3.js';
53
+ export { S as SearchField } from './SearchField-BplvDpBG.js';
54
54
  export { S as SegmentedControl, a as SegmentedControlSegment } from './SegmentedControl-Chhqyyra.js';
55
55
  export { S as SelectCard } from './SelectCard-CtXwY8FZ.js';
56
- export { S as SelectTrigger } from './SelectTrigger-BWN3Tx43.js';
56
+ export { S as SelectTrigger } from './SelectTrigger-BaDvF9JD.js';
57
57
  export { S as SideNav } from './SideNav-CZRVOSbt.js';
58
58
  export { Skeleton, SkeletonCircle, SkeletonPill, SkeletonRectangle, SkeletonText } from './Skeleton.js';
59
59
  export { S as Spinner } from './Spinner-lPMo68yW.js';
@@ -61,12 +61,12 @@ export { S as SrOnly } from './SrOnly-pnf8ajnh.js';
61
61
  export { S as Stepper } from './Stepper-CYY64NU1.js';
62
62
  export { S as Switch } from './Switch-DeBu4Ucg.js';
63
63
  export { T as Tab } from './Tab-CewPzmuK.js';
64
- export { T as Text } from './Text-J5YtSSXY.js';
64
+ export { T as Text } from './Text-BH8gglCL.js';
65
65
  export { T as Textarea } from './Textarea-CxXmr_Gx.js';
66
66
  export { T as TextField } from './TextField-YlMkDHp-.js';
67
- export { T as TimeField } from './TimeField-DTg0CE5L.js';
68
- export { T as Toaster } from './Toaster-Dly3rfva.js';
69
- export { t as toast } from './Toaster-Bq42x6Gx.js';
67
+ export { T as TimeField } from './TimeField-Cz4tMYb3.js';
68
+ export { T as Toaster } from './Toaster-DYGDohJT.js';
69
+ export { t as toast } from './Toaster-BV8RjmIN.js';
70
70
  import { jsx, jsxs } from 'react/jsx-runtime';
71
71
  import { createContext, useContext, useId, useRef, useCallback, useEffect, forwardRef, useState, useMemo } from 'react';
72
72
  import { c as cx } from './index-De1g9FRV.js';
package/dist/index2.css CHANGED
@@ -1,4 +1,4 @@
1
- .anvil2{@layer starter, reset, base, state, application;._toolbar_8m7of_1 {
1
+ .anvil2 {._toolbar_8m7of_1 {
2
2
  gap: var(--a2-size-3, 0.75rem);
3
3
  }._toolbar-content_8m7of_5 {
4
4
  gap: var(--a2-size-1, 0.25rem);
@@ -4,14 +4,14 @@ import { B as Button } from './Button-Bnt8XUI7.js';
4
4
  import { c as cx } from './index-De1g9FRV.js';
5
5
  import { useState, useRef, useCallback, useEffect, useMemo, forwardRef, useId, useImperativeHandle } from 'react';
6
6
  import { u as useIntersectionObserver } from './useIntersectionObserver-BEmMDO3P.js';
7
- import { T as Text } from './Text-J5YtSSXY.js';
7
+ import { T as Text } from './Text-BH8gglCL.js';
8
8
  import { D as Divider } from './Divider-Ds3WKsKa.js';
9
9
  import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
10
10
  import { S as SrOnly } from './SrOnly-pnf8ajnh.js';
11
11
  import { F as Flex } from './Flex-DOUtHiPi.js';
12
12
  import { I as Icon } from './Icon-BMMbp40n.js';
13
- import { A as Avatar } from './Avatar-NbFc4Ovc.js';
14
- import { C as Chip } from './Chip-CR5i8mQW.js';
13
+ import { A as Avatar } from './Avatar-BmNcLUg-.js';
14
+ import { C as Chip } from './Chip-Da8c7tKP.js';
15
15
  import { S as SvgCheckBox, a as SvgCheckBoxOutlineBlank } from './check_box-0U1tbEAd.js';
16
16
  import { S as SvgIndeterminateCheckBox } from './indeterminate_check_box-jjLG4UY6.js';
17
17
  import { S as SvgCheck } from './check-Cf67OWrZ.js';
@@ -1502,4 +1502,4 @@ const sortByGroup = (options, groupSorter) => {
1502
1502
  };
1503
1503
 
1504
1504
  export { OptionsPanel as O, VirtualizedOptionsPanel as V, useSelectOrchestration as a, useProcessedOptions as b, buildSelectItems as c, useDebouncedCallback as d, OptionsDialog as e, OptionsPopover as f, defaultSyncFilter as g, toSelectItem as h, sortByGroup as s, toSyncFilterFn as t, useAdaptiveView as u };
1505
- //# sourceMappingURL=syncFilterUtils-BLcRXQfd.js.map
1505
+ //# sourceMappingURL=syncFilterUtils-nJS_tCsu.js.map