@servicetitan/anvil2 1.45.2 → 1.46.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 +20 -0
- package/dist/{Calendar-BK861SAW.js → Calendar-BQ5F2ENO.js} +2 -2
- package/dist/{Calendar-BK861SAW.js.map → Calendar-BQ5F2ENO.js.map} +1 -1
- package/dist/Calendar.js +1 -1
- package/dist/{Checkbox-ZphVb1l0.js → Checkbox-DDrmVC-u.js} +2 -2
- package/dist/{Checkbox-ZphVb1l0.js.map → Checkbox-DDrmVC-u.js.map} +1 -1
- package/dist/{Checkbox-CYNjFdtO.js → Checkbox-Dl4KTwEJ.js} +2 -2
- package/dist/{Checkbox-CYNjFdtO.js.map → Checkbox-Dl4KTwEJ.js.map} +1 -1
- package/dist/Checkbox.js +2 -2
- package/dist/{useInfiniteCombobox-BaYWUxjg.js → Combobox-B9nesJuc.js} +18 -185
- package/dist/Combobox-B9nesJuc.js.map +1 -0
- package/dist/Combobox.js +2 -1
- package/dist/Combobox.js.map +1 -1
- package/dist/{DateField-DnasO2rB.js → DateField-DXxPsRtf.js} +2 -2
- package/dist/{DateField-DnasO2rB.js.map → DateField-DXxPsRtf.js.map} +1 -1
- package/dist/DateField.js +1 -1
- package/dist/{DateFieldRange-Ba-8T-Nz.js → DateFieldRange-Xauviu1w.js} +6 -6
- package/dist/DateFieldRange-Xauviu1w.js.map +1 -0
- package/dist/DateFieldRange.js +1 -1
- package/dist/{DateFieldSingle-BBu5Hi9c.js → DateFieldSingle-yLnwpVzd.js} +4 -4
- package/dist/{DateFieldSingle-BBu5Hi9c.js.map → DateFieldSingle-yLnwpVzd.js.map} +1 -1
- package/dist/DateFieldSingle.js +1 -1
- package/dist/Dnd.js +1 -1
- package/dist/DndSort.js +1 -1
- package/dist/{ListView-DEAMQopB.js → ListView-pb3rIcze.js} +2 -2
- package/dist/{ListView-DEAMQopB.js.map → ListView-pb3rIcze.js.map} +1 -1
- package/dist/ListView.js +1 -1
- package/dist/{Menu-C8we5CHP.js → Menu-DEVZz9xZ.js} +8 -3
- package/dist/Menu-DEVZz9xZ.js.map +1 -0
- package/dist/Menu.js +1 -1
- package/dist/{Page-cKXkjMmd.js → Page-BMDkbDcU.js} +2 -2
- package/dist/{Page-cKXkjMmd.js.map → Page-BMDkbDcU.js.map} +1 -1
- package/dist/Page.js +1 -1
- package/dist/{Pagination-ta8a2cJN.js → Pagination-BJsCppgW.js} +2 -2
- package/dist/{Pagination-ta8a2cJN.js.map → Pagination-BJsCppgW.js.map} +1 -1
- package/dist/Pagination.js +1 -1
- package/dist/{SearchField-BKXkoWPs.js → SearchField-Bb0uObwG.js} +2 -2
- package/dist/{SearchField-BKXkoWPs.js.map → SearchField-Bb0uObwG.js.map} +1 -1
- package/dist/SearchField.js +1 -1
- package/dist/{SelectCard-BWh8Yp7T.js → SelectCard-BTYZg9TG.js} +2 -2
- package/dist/{SelectCard-BWh8Yp7T.js.map → SelectCard-BTYZg9TG.js.map} +1 -1
- package/dist/SelectCard.js +1 -1
- package/dist/Toolbar-D4zuUFhb.js +2077 -0
- package/dist/Toolbar-D4zuUFhb.js.map +1 -0
- package/dist/Toolbar.css +139 -28
- package/dist/Toolbar.d.ts +3 -3
- package/dist/Toolbar.js +1 -1
- package/dist/assets/icons/st/gnav_legacy_search_filled.svg +1 -1
- package/dist/assets/icons/st/gnav_legacy_search_outline.svg +1 -1
- package/dist/beta/components/Toolbar/Filters/FilterButton.d.ts +30 -0
- package/dist/beta/components/Toolbar/Filters/FilterDateRange.d.ts +37 -0
- package/dist/beta/components/Toolbar/Filters/FilterDateSingle.d.ts +30 -0
- package/dist/beta/components/Toolbar/Filters/FilterDrawer.d.ts +15 -0
- package/dist/beta/components/Toolbar/Filters/FilterGroup.d.ts +25 -0
- package/dist/beta/components/Toolbar/Filters/FilterItemWrapper.d.ts +24 -0
- package/dist/beta/components/Toolbar/Filters/FilterSelect.d.ts +29 -0
- package/dist/beta/components/Toolbar/Filters/FilterToggleButton.d.ts +24 -0
- package/dist/beta/components/Toolbar/Filters/internal/FilterGroupContext.d.ts +40 -0
- package/dist/beta/components/Toolbar/Filters/internal/types.d.ts +130 -0
- package/dist/beta/components/Toolbar/Filters/internal/utils/filter-state.d.ts +40 -0
- package/dist/beta/components/Toolbar/Filters/internal/utils/test.d.ts +57 -0
- package/dist/beta/components/Toolbar/Toolbar.d.ts +302 -0
- package/dist/beta/components/Toolbar/ToolbarButton.d.ts +41 -0
- package/dist/beta/components/Toolbar/ToolbarButtonLink.d.ts +43 -0
- package/dist/beta/components/Toolbar/ToolbarButtonToggle.d.ts +42 -0
- package/dist/beta/components/Toolbar/ToolbarControlGroup.d.ts +20 -0
- package/dist/beta/components/Toolbar/ToolbarSearchField.d.ts +20 -0
- package/dist/beta/components/Toolbar/ToolbarSelect.d.ts +108 -0
- package/dist/beta/components/Toolbar/index.d.ts +9 -0
- package/dist/beta/components/Toolbar/internal/ToolbarItemOverflowContext.d.ts +19 -0
- package/dist/beta/components/Toolbar/internal/ToolbarItemWrapper.d.ts +40 -0
- package/dist/beta/components/Toolbar/internal/ToolbarOverflowContext.d.ts +35 -0
- package/dist/beta/components/Toolbar/internal/ToolbarOverflowMenu.d.ts +29 -0
- package/dist/beta/components/Toolbar/internal/utils/accessibility.d.ts +26 -0
- package/dist/beta/components/Toolbar/internal/utils/test.d.ts +29 -0
- package/dist/beta/components/Toolbar/types.d.ts +50 -0
- package/dist/beta/components/index.d.ts +1 -0
- package/dist/beta/index.d.ts +1 -0
- package/dist/beta.d.ts +2 -0
- package/dist/beta.js +2 -0
- package/dist/beta.js.map +1 -0
- package/dist/components/Combobox/ComboboxTypes.d.ts +8 -0
- package/dist/components/DateFieldRange/internal/DateFieldRangeCalendar.d.ts +1 -1
- package/dist/components/Dialog/index.d.ts +1 -1
- package/dist/{indeterminate_check_box-Bg24oeHy.js → indeterminate_check_box-RY9zr3xS.js} +17 -17
- package/dist/{indeterminate_check_box-Bg24oeHy.js.map → indeterminate_check_box-RY9zr3xS.js.map} +1 -1
- package/dist/indeterminate_check_box.css +72 -66
- package/dist/{index-CqdP5W00.js → index-V5Ez2gq_.js} +2 -2
- package/dist/{index-CqdP5W00.js.map → index-V5Ez2gq_.js.map} +1 -1
- package/dist/index.css +125 -26
- package/dist/index.js +759 -27
- package/dist/index.js.map +1 -1
- package/dist/index2.css +88 -105
- package/dist/internal/hooks/index.d.ts +1 -0
- package/dist/internal/hooks/useContainerQuery/index.d.ts +1 -0
- package/dist/internal/hooks/useContainerQuery/useContainerQuery.d.ts +46 -0
- package/dist/{useDateFieldOrchestration-DPLftOxu.js → useDateFieldOrchestration-BNJCsRkS.js} +2 -2
- package/dist/{useDateFieldOrchestration-DPLftOxu.js.map → useDateFieldOrchestration-BNJCsRkS.js.map} +1 -1
- package/dist/useInfiniteCombobox-WcRgC9p6.js +179 -0
- package/dist/useInfiniteCombobox-WcRgC9p6.js.map +1 -0
- package/dist/useIntersectionObserver-BEmMDO3P.js +70 -0
- package/dist/useIntersectionObserver-BEmMDO3P.js.map +1 -0
- package/package.json +2 -1
- package/dist/DateFieldRange-Ba-8T-Nz.js.map +0 -1
- package/dist/Menu-C8we5CHP.js.map +0 -1
- package/dist/Toolbar-DK7tXy_W.js +0 -807
- package/dist/Toolbar-DK7tXy_W.js.map +0 -1
- package/dist/useInfiniteCombobox-BaYWUxjg.js.map +0 -1
- /package/dist/{useInfiniteCombobox.css → Combobox.css} +0 -0
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export * from './Toolbar';
|
|
2
|
+
export { Toolbar as default, type ToolbarProps } from './Toolbar';
|
|
3
|
+
export { ToolbarButton, type ToolbarButtonProps } from './ToolbarButton';
|
|
4
|
+
export { ToolbarButtonToggle, type ToolbarButtonToggleProps, } from './ToolbarButtonToggle';
|
|
5
|
+
export { ToolbarButtonLink, type ToolbarButtonLinkProps, } from './ToolbarButtonLink';
|
|
6
|
+
export { ToolbarSelect, type ToolbarSelectProps } from './ToolbarSelect';
|
|
7
|
+
export { type ToolbarItemAppearance, type ToolbarOverflowTypes } from './types';
|
|
8
|
+
export { ToolbarControlGroup, type ToolbarControlGroupProps, } from './ToolbarControlGroup';
|
|
9
|
+
export { ToolbarSearchField, type ToolbarSearchFieldProps, } from './ToolbarSearchField';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Context for denoting if the current item is rendered in the overflow menu
|
|
3
|
+
*/
|
|
4
|
+
type OverflowItemContextType = {
|
|
5
|
+
/**
|
|
6
|
+
* Whether the current item is rendered inside the overflow menu
|
|
7
|
+
*/
|
|
8
|
+
isInOverflowMenu: boolean;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* Context for managing overflow menu state
|
|
12
|
+
*/
|
|
13
|
+
export declare const OverflowItemContext: import('react').Context<OverflowItemContextType>;
|
|
14
|
+
/**
|
|
15
|
+
* Hook for accessing overflow menu context
|
|
16
|
+
* @returns OverflowItemContextType - The overflow menu context
|
|
17
|
+
*/
|
|
18
|
+
export declare const useOverFlowItemContext: () => OverflowItemContextType;
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { ToolbarItemProps } from '../types';
|
|
2
|
+
/**
|
|
3
|
+
* Props for the ToolbarItemWrapper component
|
|
4
|
+
*/
|
|
5
|
+
export type ToolbarItemWrapperProps = {
|
|
6
|
+
/**
|
|
7
|
+
* Toolbar item configuration without ID (ID is generated internally)
|
|
8
|
+
*/
|
|
9
|
+
item: Omit<ToolbarItemProps, "id">;
|
|
10
|
+
/**
|
|
11
|
+
* The toolbar item component to wrap
|
|
12
|
+
*/
|
|
13
|
+
children: React.ReactNode;
|
|
14
|
+
/** Optional override for the intersection observer root element */
|
|
15
|
+
observerRoot?: Element | null;
|
|
16
|
+
/** Optional override for visibility change handling */
|
|
17
|
+
onVisibilityChange?: (isVisible: boolean) => void;
|
|
18
|
+
/** Optional margin offset for the intersection observer root */
|
|
19
|
+
rootMargin?: string;
|
|
20
|
+
/** Optional class name to apply to the wrapper element */
|
|
21
|
+
className?: string;
|
|
22
|
+
};
|
|
23
|
+
/**
|
|
24
|
+
* ToolbarItemWrapper manages item visibility and focus behavior within a toolbar.
|
|
25
|
+
*
|
|
26
|
+
* Features:
|
|
27
|
+
* - Intersection observation for overflow detection
|
|
28
|
+
* - Automatic overflow menu integration in collapse mode
|
|
29
|
+
* - Focus management and keyboard navigation
|
|
30
|
+
* - ARIA compliance for accessibility
|
|
31
|
+
* - Visibility state management
|
|
32
|
+
* - Proper tab index handling
|
|
33
|
+
* - Context integration with toolbar state
|
|
34
|
+
*
|
|
35
|
+
* @example
|
|
36
|
+
* <ToolbarItemWrapper item={{ itemType: "button", itemProps: buttonProps }}>
|
|
37
|
+
* <ToolbarButton {...buttonProps} />
|
|
38
|
+
* </ToolbarItemWrapper>
|
|
39
|
+
*/
|
|
40
|
+
export declare const ToolbarItemWrapper: ({ item, children, observerRoot, onVisibilityChange, rootMargin, className, }: ToolbarItemWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
|
+
import { ToolbarItemProps, ToolbarOverflowTypes } from '../types';
|
|
3
|
+
/**
|
|
4
|
+
* Context for sharing toolbar state with child components for overflow handling
|
|
5
|
+
*/
|
|
6
|
+
export type ToolbarOverFlowContextProps = {
|
|
7
|
+
/**
|
|
8
|
+
* Array of toolbar items that should appear in the overflow menu
|
|
9
|
+
*/
|
|
10
|
+
overflowItems: ToolbarItemProps[];
|
|
11
|
+
/**
|
|
12
|
+
* Function to add an item to the overflow menu
|
|
13
|
+
*/
|
|
14
|
+
addItem: (element: ToolbarItemProps) => void;
|
|
15
|
+
/**
|
|
16
|
+
* Function to remove an item from the overflow menu
|
|
17
|
+
*/
|
|
18
|
+
removeItem: (element: ToolbarItemProps) => void;
|
|
19
|
+
/**
|
|
20
|
+
* Reference to the toolbar container element
|
|
21
|
+
*/
|
|
22
|
+
toolbarRef: RefObject<HTMLDivElement>;
|
|
23
|
+
/**
|
|
24
|
+
* Array of item IDs in their original order
|
|
25
|
+
*/
|
|
26
|
+
orderedIds?: string[];
|
|
27
|
+
/**
|
|
28
|
+
* Overflow behavior type (wrap or collapse)
|
|
29
|
+
*/
|
|
30
|
+
overflow: ToolbarOverflowTypes;
|
|
31
|
+
};
|
|
32
|
+
/**
|
|
33
|
+
* Context for managing toolbar overflow state and operations
|
|
34
|
+
*/
|
|
35
|
+
export declare const ToolbarOverflowContext: import('react').Context<ToolbarOverFlowContextProps>;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Props for the ToolbarOverflowMenu component
|
|
4
|
+
*/
|
|
5
|
+
export type ToolbarOverflowMenuProps = {
|
|
6
|
+
/**
|
|
7
|
+
* Additional items to display in the overflow menu
|
|
8
|
+
*/
|
|
9
|
+
additionalItems?: ReactElement[];
|
|
10
|
+
/**
|
|
11
|
+
* Direction of the parent toolbar
|
|
12
|
+
* @default horizontal
|
|
13
|
+
*/
|
|
14
|
+
direction?: "vertical" | "horizontal";
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* ToolbarOverflowMenu component displays toolbar items that don't fit in the main toolbar.
|
|
18
|
+
*
|
|
19
|
+
* Features:
|
|
20
|
+
* - Automatic rendering when items overflow in collapse mode
|
|
21
|
+
* - Maintains consistent item ordering with the main toolbar
|
|
22
|
+
* - Preserves item state between toolbar and overflow menu
|
|
23
|
+
* - Provides accessible navigation with keyboard and screen readers
|
|
24
|
+
* - Adapts to both horizontal and vertical toolbar layouts
|
|
25
|
+
* - Context-aware rendering for child components
|
|
26
|
+
* - Proper ARIA menu semantics
|
|
27
|
+
* - Keyboard navigation support
|
|
28
|
+
*/
|
|
29
|
+
export declare const ToolbarOverflowMenu: ({ additionalItems, direction, }: ToolbarOverflowMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { KeyboardEvent } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Gets all visible focusable elements for a specific toolbar instance.
|
|
4
|
+
* Filters out hidden items and includes the overflow trigger if present.
|
|
5
|
+
*/
|
|
6
|
+
export declare function getToolbarElements(toolbarElement: HTMLElement): Element[];
|
|
7
|
+
/**
|
|
8
|
+
* Updates tabindex values for all items in a toolbar.
|
|
9
|
+
* Sets tabindex="0" for the active item and tabindex="-1" for all others.
|
|
10
|
+
*/
|
|
11
|
+
export declare function updateToolbarItemsTabIndex(toolbarElement: HTMLElement, activeItem?: Element | number): Element | undefined;
|
|
12
|
+
/**
|
|
13
|
+
* Handles keyboard navigation within the toolbar component following ARIA practices.
|
|
14
|
+
*
|
|
15
|
+
* Navigation behavior:
|
|
16
|
+
* - Left/Right arrows move focus in horizontal toolbars
|
|
17
|
+
* - Up/Down arrows move focus in vertical toolbars
|
|
18
|
+
* - Home/End move to first/last items
|
|
19
|
+
* - Navigation wraps around at the ends
|
|
20
|
+
* - Only visible items are included in navigation
|
|
21
|
+
*/
|
|
22
|
+
export declare function handleToolbarKeyDown(event: KeyboardEvent<HTMLElement>, toolbarElement: HTMLElement): void;
|
|
23
|
+
/**
|
|
24
|
+
* Handles keyboard navigation within overflow menu using arrow keys
|
|
25
|
+
*/
|
|
26
|
+
export declare const handleMenuKeyboardNavigation: (event: KeyboardEvent<HTMLUListElement>) => void;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { ToolbarOverflowTypes } from '../../types';
|
|
3
|
+
export declare const withOverflowItemContext: (children: ReactNode, isInOverflowMenu?: boolean) => import('react').FunctionComponentElement<import('react').ProviderProps<{
|
|
4
|
+
isInOverflowMenu: boolean;
|
|
5
|
+
}>>;
|
|
6
|
+
export declare const createMockOverflowContext: (overrides?: {}) => {
|
|
7
|
+
overflowItems: never[];
|
|
8
|
+
orderedIds: never[];
|
|
9
|
+
addItem: import('vitest').Mock<(...args: any[]) => any>;
|
|
10
|
+
removeItem: import('vitest').Mock<(...args: any[]) => any>;
|
|
11
|
+
toolbarRef: {
|
|
12
|
+
current: HTMLDivElement;
|
|
13
|
+
};
|
|
14
|
+
overflow: ToolbarOverflowTypes;
|
|
15
|
+
};
|
|
16
|
+
export declare const withToolbarOverflowContext: (children: ReactNode, contextValue?: {
|
|
17
|
+
overflowItems: never[];
|
|
18
|
+
orderedIds: never[];
|
|
19
|
+
addItem: import('vitest').Mock<(...args: any[]) => any>;
|
|
20
|
+
removeItem: import('vitest').Mock<(...args: any[]) => any>;
|
|
21
|
+
toolbarRef: {
|
|
22
|
+
current: HTMLDivElement;
|
|
23
|
+
};
|
|
24
|
+
overflow: ToolbarOverflowTypes;
|
|
25
|
+
}) => import('react').FunctionComponentElement<import('react').ProviderProps<import('../ToolbarOverflowContext').ToolbarOverFlowContextProps>>;
|
|
26
|
+
export declare const mockIntersectionObserver: import('vitest').Mock<(...args: any[]) => any>;
|
|
27
|
+
export declare const observerMap: Map<any, any>;
|
|
28
|
+
export declare const createIntersectionEntry: (element: Element, isIntersecting: boolean) => IntersectionObserverEntry;
|
|
29
|
+
export declare const setupIntersectionObserver: () => void;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { ButtonAppearance } from '../../../types';
|
|
2
|
+
import { IconProps } from '../../../components/Icon';
|
|
3
|
+
import { ToolbarButtonProps } from './ToolbarButton';
|
|
4
|
+
import { ToolbarButtonLinkProps } from './ToolbarButtonLink';
|
|
5
|
+
import { ToolbarButtonToggleProps } from './ToolbarButtonToggle';
|
|
6
|
+
import { ToolbarSelectProps } from './ToolbarSelect';
|
|
7
|
+
/**
|
|
8
|
+
* Toolbar overflow options
|
|
9
|
+
*/
|
|
10
|
+
export type ToolbarOverflowTypes = "wrap" | "collapse";
|
|
11
|
+
/**
|
|
12
|
+
* Toolbar item appearance options
|
|
13
|
+
*/
|
|
14
|
+
export type ToolbarItemAppearance = Extract<ButtonAppearance, "ghost" | "primary">;
|
|
15
|
+
/**
|
|
16
|
+
* Types of toolbar item
|
|
17
|
+
*/
|
|
18
|
+
export type ToolbarItemTypes = "button" | "buttonToggle" | "buttonLink" | "select";
|
|
19
|
+
/**
|
|
20
|
+
* Props for item in the toolbar overflow menu
|
|
21
|
+
*/
|
|
22
|
+
export type CombinedToolbarItemProps = ToolbarButtonProps | ToolbarButtonToggleProps | ToolbarButtonLinkProps | ToolbarSelectProps;
|
|
23
|
+
/**
|
|
24
|
+
* Props for a toolbar item
|
|
25
|
+
*/
|
|
26
|
+
export type ToolbarItemProps = {
|
|
27
|
+
itemType: ToolbarItemTypes;
|
|
28
|
+
itemProps: CombinedToolbarItemProps;
|
|
29
|
+
id?: string;
|
|
30
|
+
};
|
|
31
|
+
/**
|
|
32
|
+
* TODO:
|
|
33
|
+
* This should actually be on the Button component itself to enforce the accessibility rules.
|
|
34
|
+
* This could be a breaking change though, so we should consider moving this to the Button component in the future.
|
|
35
|
+
*
|
|
36
|
+
* Generic type that adds accessibility requirements to any base props type.
|
|
37
|
+
* This enforces proper accessibility for both buttons and toggles.
|
|
38
|
+
*/
|
|
39
|
+
export type WithAriaLabelEnforcement<T> = (T & {
|
|
40
|
+
children?: never;
|
|
41
|
+
icon: IconProps["svg"] | {
|
|
42
|
+
before: IconProps["svg"];
|
|
43
|
+
} | {
|
|
44
|
+
after: IconProps["svg"];
|
|
45
|
+
};
|
|
46
|
+
"aria-label": string;
|
|
47
|
+
}) | (T & {
|
|
48
|
+
children: React.ReactNode;
|
|
49
|
+
"aria-label"?: string;
|
|
50
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Toolbar';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './components';
|
package/dist/beta.d.ts
ADDED
package/dist/beta.js
ADDED
package/dist/beta.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"beta.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -284,6 +284,14 @@ export type ComboboxTriggerProps<Item = any> = Omit<TextFieldProps, "disabled" |
|
|
|
284
284
|
maxRows?: number;
|
|
285
285
|
/** Allows Combobox/Select to display custom-colored Chips */
|
|
286
286
|
selectedItemProps?: (item: Item) => Partial<ChipProps>;
|
|
287
|
+
/**
|
|
288
|
+
* Called when the clear (close) button is clicked.
|
|
289
|
+
* @remarks This prop completely replaces the default clear behavior (reset/selectItem).
|
|
290
|
+
* Only use this when you need complete control over the combobox state, such as in
|
|
291
|
+
* FilterSelect components where the implementor manages all item filtering and selection.
|
|
292
|
+
* This should only be used with the disableFilter prop.
|
|
293
|
+
*/
|
|
294
|
+
onClear?: () => void;
|
|
287
295
|
} & {
|
|
288
296
|
/** @deprecated use disabled in <Combobox /> */
|
|
289
297
|
disabled?: boolean;
|
|
@@ -2,7 +2,7 @@ import { DateTime, WeekdayNumbers } from 'luxon';
|
|
|
2
2
|
export type DateFieldRangeCalendarProps = {
|
|
3
3
|
startDate: DateTime | null;
|
|
4
4
|
endDate: DateTime | null;
|
|
5
|
-
onKeyDown
|
|
5
|
+
onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
|
|
6
6
|
onSelection: ({ startDate, endDate, }: {
|
|
7
7
|
startDate: DateTime | null;
|
|
8
8
|
endDate: DateTime | null;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { Dialog as default, Dialog, type DialogProps
|
|
1
|
+
export { Dialog as default, Dialog, type DialogProps } from './Dialog';
|
|
2
2
|
export { DialogCancelButton, type DialogCancelButtonProps, } from './DialogCancelButton';
|
|
3
3
|
export { DialogContent, type DialogContentProps } from './DialogContent';
|
|
4
4
|
export { DialogFooter, type DialogFooterProps } from './DialogFooter';
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
|
|
3
|
-
import './indeterminate_check_box.css';const checkbox = "
|
|
4
|
-
const wrapper = "
|
|
5
|
-
const error = "
|
|
6
|
-
const label = "
|
|
7
|
-
const legend = "
|
|
8
|
-
const children = "
|
|
3
|
+
import './indeterminate_check_box.css';const checkbox = "_checkbox_19qga_8";
|
|
4
|
+
const wrapper = "_wrapper_19qga_23";
|
|
5
|
+
const error = "_error_19qga_103";
|
|
6
|
+
const label = "_label_19qga_215";
|
|
7
|
+
const legend = "_legend_19qga_247";
|
|
8
|
+
const children = "_children_19qga_259";
|
|
9
9
|
const checkboxStyles = {
|
|
10
10
|
checkbox: checkbox,
|
|
11
11
|
wrapper: wrapper,
|
|
12
|
-
"required-asterisk": "_required-
|
|
13
|
-
"focus-label": "_focus-
|
|
14
|
-
"icon-wrapper": "_icon-
|
|
15
|
-
"helper-wrapper": "_helper-
|
|
16
|
-
"icon-indeterminate": "_icon-
|
|
17
|
-
"icon-unchecked": "_icon-
|
|
18
|
-
"icon-checked": "_icon-
|
|
12
|
+
"required-asterisk": "_required-asterisk_19qga_37",
|
|
13
|
+
"focus-label": "_focus-label_19qga_41",
|
|
14
|
+
"icon-wrapper": "_icon-wrapper_19qga_47",
|
|
15
|
+
"helper-wrapper": "_helper-wrapper_19qga_80",
|
|
16
|
+
"icon-indeterminate": "_icon-indeterminate_19qga_85",
|
|
17
|
+
"icon-unchecked": "_icon-unchecked_19qga_86",
|
|
18
|
+
"icon-checked": "_icon-checked_19qga_87",
|
|
19
19
|
error: error,
|
|
20
|
-
"sr-only": "_sr-
|
|
21
|
-
"checkbox-group": "_checkbox-
|
|
20
|
+
"sr-only": "_sr-only_19qga_201",
|
|
21
|
+
"checkbox-group": "_checkbox-group_19qga_215",
|
|
22
22
|
label: label,
|
|
23
|
-
"direction-row": "_direction-
|
|
23
|
+
"direction-row": "_direction-row_19qga_215",
|
|
24
24
|
legend: legend,
|
|
25
25
|
children: children
|
|
26
26
|
};
|
|
@@ -32,4 +32,4 @@ const SvgCheckBox = (props) => /* @__PURE__ */ React.createElement("svg", { xmln
|
|
|
32
32
|
const SvgIndeterminateCheckBox = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-3 10H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1z" }));
|
|
33
33
|
|
|
34
34
|
export { SvgIndeterminateCheckBox as S, SvgCheckBox as a, SvgCheckBoxOutlineBlank as b, checkboxStyles as c };
|
|
35
|
-
//# sourceMappingURL=indeterminate_check_box-
|
|
35
|
+
//# sourceMappingURL=indeterminate_check_box-RY9zr3xS.js.map
|
package/dist/{indeterminate_check_box-Bg24oeHy.js.map → indeterminate_check_box-RY9zr3xS.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"indeterminate_check_box-
|
|
1
|
+
{"version":3,"file":"indeterminate_check_box-RY9zr3xS.js","sources":["../../hammer-icon/mdi/round/check_box_outline_blank.svg","../../hammer-icon/mdi/round/check_box.svg","../../hammer-icon/mdi/round/indeterminate_check_box.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgCheckBoxOutlineBlank = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\" }));\nexport default SvgCheckBoxOutlineBlank;\n","import * as React from \"react\";\nconst SvgCheckBox = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8.29 13.29a.996.996 0 0 1-1.41 0L5.71 12.7a.996.996 0 1 1 1.41-1.41L10 14.17l6.88-6.88a.996.996 0 1 1 1.41 1.41l-7.58 7.59z\" }));\nexport default SvgCheckBox;\n","import * as React from \"react\";\nconst SvgIndeterminateCheckBox = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-3 10H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1z\" }));\nexport default SvgIndeterminateCheckBox;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AACK,MAAC,uBAAuB,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,+JAA+J,EAAE,CAAC;;ACA1Y,MAAC,WAAW,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,2MAA2M,EAAE,CAAC;;ACA1a,MAAC,wBAAwB,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,+IAA+I,EAAE,CAAC;;;;"}
|