@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.
- package/CHANGELOG.md +12 -0
- package/dist/AiMark.css +3 -3
- package/dist/{Alert-DmbqtMg_.js → Alert-C04WIw7A.js} +2 -2
- package/dist/{Alert-DmbqtMg_.js.map → Alert-C04WIw7A.js.map} +1 -1
- package/dist/Alert.css +1 -1
- package/dist/Alert.js +1 -1
- package/dist/Announcement.css +1 -1
- package/dist/AnvilProvider.css +1 -2
- package/dist/{Avatar-NbFc4Ovc.js → Avatar-BmNcLUg-.js} +2 -2
- package/dist/{Avatar-NbFc4Ovc.js.map → Avatar-BmNcLUg-.js.map} +1 -1
- package/dist/{Avatar-B4hRHku9.js → Avatar-Cw8B8xZV.js} +2 -2
- package/dist/Avatar-Cw8B8xZV.js.map +1 -0
- package/dist/Avatar.css +2 -2
- package/dist/Avatar.js +2 -2
- package/dist/Badge.css +1 -1
- package/dist/{Breadcrumbs-CYmciJ1D.js → Breadcrumbs-CAJMeA1D.js} +2 -2
- package/dist/{Breadcrumbs-CYmciJ1D.js.map → Breadcrumbs-CAJMeA1D.js.map} +1 -1
- package/dist/Breadcrumbs.css +1 -1
- package/dist/Breadcrumbs.js +1 -1
- package/dist/Button.css +1 -1
- package/dist/ButtonCompound.css +1 -1
- package/dist/ButtonToggle.css +1 -1
- package/dist/Calendar.css +2 -2
- package/dist/Card.css +1 -1
- package/dist/Checkbox.css +1 -1
- package/dist/{Chip-CR5i8mQW.js → Chip-Da8c7tKP.js} +2 -2
- package/dist/{Chip-CR5i8mQW.js.map → Chip-Da8c7tKP.js.map} +1 -1
- package/dist/Chip.css +1 -1
- package/dist/Chip.js +1 -1
- package/dist/{Combobox-BffGTugd.js → Combobox-CBLaT1lU.js} +4 -4
- package/dist/{Combobox-BffGTugd.js.map → Combobox-CBLaT1lU.js.map} +1 -1
- package/dist/Combobox.css +1 -1
- package/dist/Combobox.js +1 -1
- package/dist/{DataTable-D9Xj1nq5.js → DataTable-BDXdCF7J.js} +6 -6
- package/dist/{DataTable-D9Xj1nq5.js.map → DataTable-BDXdCF7J.js.map} +1 -1
- package/dist/DataTable.css +16 -16
- package/dist/DateFieldYearlessRange.css +1 -1
- package/dist/DaysOfTheWeek.css +1 -1
- package/dist/Details.css +1 -1
- package/dist/{Dialog-DGmF6qx3.js → Dialog-ByTyuybu.js} +4 -4
- package/dist/Dialog-ByTyuybu.js.map +1 -0
- package/dist/Dialog.css +1 -1
- package/dist/Dialog.js +1 -1
- package/dist/Divider.css +1 -1
- package/dist/DndSort.css +1 -1
- package/dist/{Drawer-iewBy1DW.js → Drawer-CwyfBcwt.js} +5 -5
- package/dist/{Drawer-iewBy1DW.js.map → Drawer-CwyfBcwt.js.map} +1 -1
- package/dist/Drawer.css +1 -1
- package/dist/Drawer.js +1 -1
- package/dist/DrillDown.css +1 -1
- package/dist/DrillDown.js +1 -1
- package/dist/{EditCard-D7-Ye7R0.js → EditCard-DqLSnkih.js} +2 -2
- package/dist/{EditCard-D7-Ye7R0.js.map → EditCard-DqLSnkih.js.map} +1 -1
- package/dist/EditCard.css +1 -1
- package/dist/EditCard.js +1 -1
- package/dist/FieldLabel.css +2 -2
- package/dist/FieldMessage.css +1 -1
- package/dist/{Toolbar-C1_etxss.js → FilterBar-BU8StPPd.js} +121 -933
- package/dist/FilterBar-BU8StPPd.js.map +1 -0
- package/dist/FilterBar.css +59 -0
- package/dist/FilterBar.d.ts +6 -0
- package/dist/FilterBar.js +2 -0
- package/dist/FilterBar.js.map +1 -0
- package/dist/Flex.css +1 -1
- package/dist/Grid.css +1 -1
- package/dist/Helper.css +1 -1
- package/dist/Icon.css +1 -1
- package/dist/InteractiveCard.css +1 -1
- package/dist/Layout.css +1 -1
- package/dist/Link.css +1 -1
- package/dist/List.css +1 -1
- package/dist/ListView.css +1 -1
- package/dist/{Listbox-DDlxpVu9.js → Listbox-C0tjQFDF.js} +2 -2
- package/dist/{Listbox-DDlxpVu9.js.map → Listbox-C0tjQFDF.js.map} +1 -1
- package/dist/Listbox.css +1 -1
- package/dist/Listbox.js +1 -1
- package/dist/Menu.css +1 -1
- package/dist/MultiSelectField.js +1 -1
- package/dist/{MultiSelectFieldSync-DZ3tm7zt.js → MultiSelectFieldSync-ueey5UBM.js} +4 -4
- package/dist/{MultiSelectFieldSync-DZ3tm7zt.js.map → MultiSelectFieldSync-ueey5UBM.js.map} +1 -1
- package/dist/MultiSelectFieldSync.css +1 -1
- package/dist/MultiSelectMenu.js +1 -1
- package/dist/{MultiSelectMenuSync-dgO9SmHi.js → MultiSelectMenuSync-D7hqugcQ.js} +4 -4
- package/dist/{MultiSelectMenuSync-dgO9SmHi.js.map → MultiSelectMenuSync-D7hqugcQ.js.map} +1 -1
- package/dist/NumberField.css +1 -1
- package/dist/Overflow.css +2 -2
- package/dist/{Page-Be1Blwme.js → Page-DbK-JKyB.js} +5 -5
- package/dist/{Page-Be1Blwme.js.map → Page-DbK-JKyB.js.map} +1 -1
- package/dist/Page.css +1 -1
- package/dist/Page.js +1 -1
- package/dist/{Pagination-USDJM5vi.js → Pagination-Bg5Nsdik.js} +2 -2
- package/dist/{Pagination-USDJM5vi.js.map → Pagination-Bg5Nsdik.js.map} +1 -1
- package/dist/Pagination.css +6 -6
- package/dist/Pagination.js +1 -1
- package/dist/Popover.css +1 -1
- package/dist/ProgressBar.css +1 -1
- package/dist/Radio.css +1 -1
- package/dist/{SearchField-CsRGYZx3.js → SearchField-BKJOW-vI.js} +3 -10
- package/dist/SearchField-BKJOW-vI.js.map +1 -0
- package/dist/SearchField-BplvDpBG.js +13 -0
- package/dist/SearchField-BplvDpBG.js.map +1 -0
- package/dist/SearchField.css +1 -1
- package/dist/SearchField.js +1 -1
- package/dist/SegmentedControl.css +1 -1
- package/dist/SelectCard.css +1 -1
- package/dist/SelectField.js +1 -1
- package/dist/{SelectFieldSync-C44hPeeS.js → SelectFieldSync-W_-jTf7z.js} +3 -3
- package/dist/{SelectFieldSync-C44hPeeS.js.map → SelectFieldSync-W_-jTf7z.js.map} +1 -1
- package/dist/SelectMenu.js +1 -1
- package/dist/{SelectMenuSync-V97oN85V.js → SelectMenuSync-QcjbQtCO.js} +4 -4
- package/dist/{SelectMenuSync-V97oN85V.js.map → SelectMenuSync-QcjbQtCO.js.map} +1 -1
- package/dist/{SelectOptions-CDoo4AUu.js → SelectOptions-BsX0f22q.js} +2 -2
- package/dist/{SelectOptions-CDoo4AUu.js.map → SelectOptions-BsX0f22q.js.map} +1 -1
- package/dist/{SelectTrigger-BWN3Tx43.js → SelectTrigger-BaDvF9JD.js} +3 -3
- package/dist/{SelectTrigger-BWN3Tx43.js.map → SelectTrigger-BaDvF9JD.js.map} +1 -1
- package/dist/SelectTrigger.js +1 -1
- package/dist/{SelectTriggerBase-Do7lQ5rw.js → SelectTriggerBase-kMRqbXwu.js} +2 -2
- package/dist/{SelectTriggerBase-Do7lQ5rw.js.map → SelectTriggerBase-kMRqbXwu.js.map} +1 -1
- package/dist/SelectTriggerBase.css +1 -1
- package/dist/SideNav.css +1 -1
- package/dist/Skeleton.css +1 -1
- package/dist/Spinner.css +1 -1
- package/dist/SrOnly.css +1 -1
- package/dist/StatusIcon.css +1 -1
- package/dist/Stepper.css +4 -4
- package/dist/Switch.css +1 -1
- package/dist/Tab.css +1 -1
- package/dist/Table.js +1 -1
- package/dist/{Text-J5YtSSXY.js → Text-BH8gglCL.js} +4 -4
- package/dist/Text-BH8gglCL.js.map +1 -0
- package/dist/Text.css +1 -1
- package/dist/Text.js +1 -1
- package/dist/TextField.css +1 -1
- package/dist/Textarea.css +1 -1
- package/dist/ThemeProvider.css +0 -1
- package/dist/{TimeField-DTg0CE5L.js → TimeField-Cz4tMYb3.js} +2 -2
- package/dist/{TimeField-DTg0CE5L.js.map → TimeField-Cz4tMYb3.js.map} +1 -1
- package/dist/TimeField.css +1 -1
- package/dist/TimeField.js +1 -1
- package/dist/TimezoneMessage.css +1 -1
- package/dist/Toast.js +2 -2
- package/dist/{Toaster-Bq42x6Gx.js → Toaster-BV8RjmIN.js} +2 -2
- package/dist/{Toaster-Bq42x6Gx.js.map → Toaster-BV8RjmIN.js.map} +1 -1
- package/dist/{Toaster-Dly3rfva.js → Toaster-DYGDohJT.js} +2 -2
- package/dist/{Toaster-Dly3rfva.js.map → Toaster-DYGDohJT.js.map} +1 -1
- package/dist/Toaster.css +1 -1
- package/dist/Toolbar-Dzj2KMEy.js +588 -0
- package/dist/Toolbar-Dzj2KMEy.js.map +1 -0
- package/dist/Toolbar.css +2 -96
- package/dist/Toolbar.js +2 -1
- package/dist/Toolbar.js.map +1 -1
- package/dist/ToolbarButtonToggle--2Ka05N8.js +284 -0
- package/dist/ToolbarButtonToggle--2Ka05N8.js.map +1 -0
- package/dist/ToolbarButtonToggle.css +41 -0
- package/dist/Tooltip.css +1 -1
- package/dist/YearlessDateInputWithPicker.css +2 -2
- package/dist/assets/icons/st/unsorted.svg +1 -1
- package/dist/beta/components/FilterBar/FilterBar.d.ts +87 -0
- package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterToggleButton.d.ts +1 -1
- package/dist/beta/components/FilterBar/index.d.ts +3 -0
- package/dist/beta/components/{Toolbar/Filters → FilterBar}/internal/FilterGroupContext.d.ts +5 -5
- package/dist/beta/components/{Toolbar/Filters → FilterBar}/internal/types.d.ts +2 -2
- package/dist/beta/components/{Toolbar/Filters → FilterBar}/internal/utils/test.d.ts +1 -0
- package/dist/beta/components/Toolbar/Toolbar.d.ts +0 -54
- package/dist/beta/components/Toolbar/index.d.ts +0 -1
- package/dist/beta/components/index.d.ts +1 -0
- package/dist/beta.js +9 -7
- package/dist/beta.js.map +1 -1
- package/dist/index.css +2 -2
- package/dist/index.js +19 -19
- package/dist/index2.css +1 -1
- package/dist/{syncFilterUtils-BLcRXQfd.js → syncFilterUtils-nJS_tCsu.js} +4 -4
- package/dist/{syncFilterUtils-BLcRXQfd.js.map → syncFilterUtils-nJS_tCsu.js.map} +1 -1
- package/dist/syncFilterUtils.css +4 -4
- package/dist/{useDrilldown-D5WWJRU2.js → useDrilldown-DwzT0Fse.js} +2 -2
- package/dist/{useDrilldown-D5WWJRU2.js.map → useDrilldown-DwzT0Fse.js.map} +1 -1
- package/dist/{useToggleSelection-D_2qS0P1.js → useToggleSelection-CAwGOeXk.js} +2 -2
- package/dist/{useToggleSelection-D_2qS0P1.js.map → useToggleSelection-CAwGOeXk.js.map} +1 -1
- package/package.json +9 -9
- package/dist/Avatar-B4hRHku9.js.map +0 -1
- package/dist/Dialog-DGmF6qx3.js.map +0 -1
- package/dist/SearchField-CsRGYZx3.js.map +0 -1
- package/dist/Text-J5YtSSXY.js.map +0 -1
- package/dist/Toolbar-C1_etxss.js.map +0 -1
- package/dist/beta/components/Toolbar/Filters/FilterGroup.d.ts +0 -25
- /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterButton.d.ts +0 -0
- /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterDateRange.d.ts +0 -0
- /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterDateSingle.d.ts +0 -0
- /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterDrawer.d.ts +0 -0
- /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterItemWrapper.d.ts +0 -0
- /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterSelect.d.ts +0 -0
- /package/dist/beta/components/{Toolbar/Filters → FilterBar}/internal/utils/filter-state.d.ts +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.anvil2{
|
|
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{
|
|
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
|
|
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>>;
|
|
@@ -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 {
|
|
2
|
+
import { FilterBarProps } from '../FilterBar';
|
|
3
3
|
import { Filter, FilterValue } from './types';
|
|
4
4
|
/**
|
|
5
|
-
* Context for sharing filter state and operations between
|
|
5
|
+
* Context for sharing filter state and operations between FilterBar and its children
|
|
6
6
|
*
|
|
7
|
-
* @extends
|
|
7
|
+
* @extends FilterBarProps
|
|
8
8
|
*/
|
|
9
|
-
type FilterGroupContextProps =
|
|
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
|
|
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 '
|
|
3
|
-
import { DateFieldRangeProps } from '
|
|
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';
|
package/dist/beta.js
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export {
|
|
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-
|
|
6
|
-
export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-
|
|
7
|
-
export { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-
|
|
8
|
-
export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-
|
|
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-
|
|
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{
|
|
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{
|
|
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-
|
|
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-
|
|
7
|
-
export { A as AvatarGroup } from './Avatar-
|
|
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-
|
|
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-
|
|
18
|
-
export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect } from './Combobox-
|
|
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-
|
|
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-
|
|
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-
|
|
31
|
-
export { E as EditCard } from './EditCard-
|
|
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-
|
|
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-
|
|
49
|
-
export { P as Pagination } from './Pagination-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
68
|
-
export { T as Toaster } from './Toaster-
|
|
69
|
-
export { t as toast } from './Toaster-
|
|
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
|
@@ -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-
|
|
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-
|
|
14
|
-
import { C as Chip } from './Chip-
|
|
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-
|
|
1505
|
+
//# sourceMappingURL=syncFilterUtils-nJS_tCsu.js.map
|