@payfit/unity-components 3.13.3 → 3.13.5
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/dist/esm/core/components/action-bar/parts/ActionBarOverflowMenu.d.ts +0 -1
- package/dist/esm/core/components/action-bar/parts/ActionBarPrefixArea.d.ts +0 -1
- package/dist/esm/core/components/action-bar/utils/action-bar-helpers.d.ts +1 -5
- package/dist/esm/core/components/autocomplete/parts/AutocompletePanel.d.ts +1 -1
- package/dist/esm/core/components/autocomplete/parts/AutocompletePanel.js +1 -1
- package/dist/esm/core/components/avatar/Avatar.context.d.ts +0 -1
- package/dist/esm/core/components/avatar/Avatar.context.js +1 -1
- package/dist/esm/core/components/bottom-sheet/parts/BottomSheetDragIndicator.d.ts +0 -32
- package/dist/esm/core/components/bottom-sheet/parts/BottomSheetDragIndicator.js +1 -1
- package/dist/esm/core/components/breadcrumbs/Breadcrumbs.context.d.ts +0 -1
- package/dist/esm/core/components/breadcrumbs/Breadcrumbs.context.js +1 -1
- package/dist/esm/core/components/carousel/Carousel.context.d.ts +0 -1
- package/dist/esm/core/components/carousel/Carousel.options.d.ts +0 -16
- package/dist/esm/core/components/carousel/Carousel.options.js +1 -1
- package/dist/esm/core/components/carousel/parts/CarouselNav.d.ts +2 -3
- package/dist/esm/core/components/client-side-pagination/ClientSidePagination.d.ts +1 -1
- package/dist/esm/core/components/client-side-pagination/ClientSidePagination.js +1 -1
- package/dist/esm/core/components/code/Code.d.ts +1 -1
- package/dist/esm/core/components/code/Code.js +1 -1
- package/dist/esm/core/components/filter/Filter.d.ts +0 -1
- package/dist/esm/core/components/filter/hooks/useFilterIds.d.ts +2 -2
- package/dist/esm/core/components/filter/hooks/useFilterState.d.ts +3 -3
- package/dist/esm/core/components/filter/hooks/useFilterValue.d.ts +2 -2
- package/dist/esm/core/components/filter/parts/FilterButton.d.ts +2 -37
- package/dist/esm/core/components/filter/parts/FilterButton.js +1 -1
- package/dist/esm/core/components/filter/parts/FilterLabel.d.ts +2 -37
- package/dist/esm/core/components/filter/parts/FilterLabel.js +1 -1
- package/dist/esm/core/components/filter/parts/FilterPopover.d.ts +2 -3
- package/dist/esm/core/components/filter/utils/value-formatters.d.ts +0 -19
- package/dist/esm/core/components/filter/utils/value-formatters.js +1 -1
- package/dist/esm/core/components/filter-toolbar/FilterToolbar.d.ts +0 -1
- package/dist/esm/core/components/filter-toolbar/hooks/use-filter-toolbar-state.d.ts +3 -6
- package/dist/esm/core/components/filter-toolbar/parts/AddFilter.d.ts +0 -1
- package/dist/esm/core/components/filter-toolbar/parts/AddFilterItem.d.ts +1 -2
- package/dist/esm/core/components/filter-toolbar/parts/AddFilterItem.js +1 -1
- package/dist/esm/core/components/filter-toolbar/utils/normalize-filter-value.d.ts +0 -1
- package/dist/esm/core/components/phone-number/parts/PhoneNumberItem.d.ts +1 -1
- package/dist/esm/core/components/phone-number/parts/PhoneNumberItem.js +1 -1
- package/dist/esm/core/components/select/parts/SelectOption.context.d.ts +0 -1
- package/dist/esm/core/components/select/parts/SelectOption.context.js +1 -1
- package/dist/esm/core/components/select-list/parts/SelectListEmptyState.d.ts +0 -1
- package/dist/esm/core/components/select-list/parts/SelectListOptGroup.d.ts +0 -37
- package/dist/esm/core/components/select-list/parts/SelectListOptGroup.js +1 -1
- package/dist/esm/core/components/selectable-card/internals/Content.d.ts +0 -1
- package/dist/esm/core/components/selectable-card/internals/Content.js +1 -1
- package/dist/esm/core/components/selectable-card/internals/Illustration.d.ts +0 -1
- package/dist/esm/core/components/selectable-card/internals/Illustration.js +1 -1
- package/dist/esm/core/components/selectable-card/internals/SelectedIndicator.d.ts +0 -1
- package/dist/esm/core/components/selectable-card/internals/SelectedIndicator.js +1 -1
- package/dist/esm/core/components/side-panel/parts/SidePanelDragIndicator.d.ts +0 -32
- package/dist/esm/core/components/side-panel/parts/SidePanelDragIndicator.js +1 -1
- package/dist/esm/core/components/stepper/Stepper.context.d.ts +0 -1
- package/dist/esm/core/components/stepper/Stepper.context.js +1 -1
- package/dist/esm/core/components/table/Table.context.d.ts +0 -4
- package/dist/esm/core/components/table/Table.context.js +2 -1
- package/dist/esm/core/components/tabs/Tabs.context.d.ts +0 -1
- package/dist/esm/core/components/tabs/Tabs.context.js +1 -1
- package/dist/esm/core/components/timeline/Timeline.context.d.ts +0 -1
- package/dist/esm/core/components/timeline/Timeline.context.js +1 -1
- package/dist/esm/core/components/timeline/parts/TimelineStepContent.context.d.ts +0 -1
- package/dist/esm/core/components/timeline/parts/TimelineStepContent.context.js +1 -1
- package/dist/esm/core/utils/platform.d.ts +0 -1
- package/dist/esm/core/utils/scroll-detection.d.ts +0 -27
- package/dist/esm/core/utils/scroll-edges.d.ts +0 -1
- package/dist/esm/core/utils/scroll-edges.js +1 -0
- package/dist/esm/modules/ai-kit/components/ai-button/AIButton.d.ts +0 -82
- package/dist/esm/modules/ai-kit/components/ai-button/AIButton.js +1 -1
- package/dist/esm/modules/tanstack-form/components/inline-field-group/parts/InlineFieldGroupActions.d.ts +0 -1
- package/dist/esm/modules/tanstack-table/components/data-table/mocks/employee-columns-legacy.d.ts +0 -9
- package/dist/esm/modules/tanstack-table/components/data-table/mocks/employee-columns.d.ts +0 -63
- package/dist/esm/modules/tanstack-table/components/data-table/mocks/employee-data.d.ts +0 -1
- package/package.json +9 -9
|
@@ -5,7 +5,6 @@ interface ActionBarPrefixAreaProps {
|
|
|
5
5
|
}
|
|
6
6
|
/**
|
|
7
7
|
* Prefix content area with optional keyboard shortcut announcement
|
|
8
|
-
* @internal
|
|
9
8
|
*/
|
|
10
9
|
export declare const ActionBarPrefixArea: ({ children, ariaKeyshortcuts, }: ActionBarPrefixAreaProps) => import('react/jsx-runtime').JSX.Element;
|
|
11
10
|
export {};
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { ActionBarActionItem, ActionBarButtonActionItem
|
|
3
|
-
/**
|
|
4
|
-
* Helper function to check if an action is an icon-button type
|
|
5
|
-
*/
|
|
6
|
-
export declare const isIconButtonAction: (action: ActionBarActionItem) => action is ActionBarIconButtonActionItem;
|
|
2
|
+
import { ActionBarActionItem, ActionBarButtonActionItem } from '../ActionBar.types.js';
|
|
7
3
|
/**
|
|
8
4
|
* Extract non-primary actions from dynamic actions array for mobile overflow
|
|
9
5
|
*/
|
|
@@ -2,7 +2,7 @@ import { RefObject } from 'react';
|
|
|
2
2
|
import { VariantProps } from '@payfit/unity-themes';
|
|
3
3
|
import { PopoverProps } from 'react-aria-components/Popover';
|
|
4
4
|
import { AutocompleteProps } from '../Autocomplete.js';
|
|
5
|
-
|
|
5
|
+
declare const autocompletePanel: import('tailwind-variants').TVReturnType<{
|
|
6
6
|
[key: string]: {
|
|
7
7
|
[key: string]: import('tailwind-variants').ClassValue | {
|
|
8
8
|
base?: import('tailwind-variants').ClassValue;
|
|
@@ -4,7 +4,6 @@ type AvatarContextValue = {
|
|
|
4
4
|
hasPair: boolean;
|
|
5
5
|
color?: 'teal' | 'plum' | 'purple' | 'orange' | 'neutral' | 'warning' | 'success' | 'info' | 'danger' | 'promo' | 'primary';
|
|
6
6
|
};
|
|
7
|
-
export declare const AvatarContext: import('react').Context<AvatarContextValue>;
|
|
8
7
|
export declare function AvatarProvider({ variant, size, hasPair, color, children, }: AvatarContextValue & {
|
|
9
8
|
children: React.ReactNode;
|
|
10
9
|
}): import('react/jsx-runtime').JSX.Element;
|
|
@@ -1,38 +1,6 @@
|
|
|
1
|
-
export declare const bottomSheetDragIndicator: import('tailwind-variants').TVReturnType<{
|
|
2
|
-
[key: string]: {
|
|
3
|
-
[key: string]: import('tailwind-variants').ClassValue | {
|
|
4
|
-
base?: import('tailwind-variants').ClassValue;
|
|
5
|
-
indicator?: import('tailwind-variants').ClassValue;
|
|
6
|
-
};
|
|
7
|
-
};
|
|
8
|
-
} | {
|
|
9
|
-
[x: string]: {
|
|
10
|
-
[x: string]: import('tailwind-variants').ClassValue | {
|
|
11
|
-
base?: import('tailwind-variants').ClassValue;
|
|
12
|
-
indicator?: import('tailwind-variants').ClassValue;
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
} | {}, {
|
|
16
|
-
base: string[];
|
|
17
|
-
indicator: string;
|
|
18
|
-
}, undefined, {
|
|
19
|
-
[key: string]: {
|
|
20
|
-
[key: string]: import('tailwind-variants').ClassValue | {
|
|
21
|
-
base?: import('tailwind-variants').ClassValue;
|
|
22
|
-
indicator?: import('tailwind-variants').ClassValue;
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
} | {}, {
|
|
26
|
-
base: string[];
|
|
27
|
-
indicator: string;
|
|
28
|
-
}, import('tailwind-variants').TVReturnTypeLike<unknown, {
|
|
29
|
-
base: string[];
|
|
30
|
-
indicator: string;
|
|
31
|
-
}>>;
|
|
32
1
|
/**
|
|
33
2
|
* A drag indicator component that connects to the overlay state context and
|
|
34
3
|
* provides swipe-to-dismiss functionality for the SidePanel.
|
|
35
|
-
* @internal
|
|
36
4
|
*/
|
|
37
5
|
export declare function BottomSheetDragIndicator(): import('react/jsx-runtime').JSX.Element;
|
|
38
6
|
export declare namespace BottomSheetDragIndicator {
|
|
@@ -6,7 +6,6 @@ interface BreadcrumbsContextValue {
|
|
|
6
6
|
isMobile: boolean;
|
|
7
7
|
isStaticApi: boolean;
|
|
8
8
|
}
|
|
9
|
-
export declare const BreadcrumbsContext: import('react').Context<BreadcrumbsContextValue>;
|
|
10
9
|
export declare function BreadcrumbsProvider({ children, wrap, isMobile, isStaticApi, }: PropsWithChildren<BreadcrumbsContextValue>): import('react/jsx-runtime').JSX.Element;
|
|
11
10
|
export declare function useBreadcrumbsContext(): BreadcrumbsContextValue;
|
|
12
11
|
export {};
|
|
@@ -1,24 +1,8 @@
|
|
|
1
1
|
import { AccessibilityOptionsType } from 'embla-carousel-accessibility';
|
|
2
2
|
import { IntlShape } from 'react-intl';
|
|
3
|
-
type AriaTextCallbackType = AccessibilityOptionsType['slideAriaLabel'];
|
|
4
|
-
/**
|
|
5
|
-
* Creates a function that generates aria labels for carousel slides
|
|
6
|
-
* based on grouping configuration.
|
|
7
|
-
* @param intl - The react-intl instance for translations
|
|
8
|
-
* @returns A callback function for the Embla accessibility plugin
|
|
9
|
-
*/
|
|
10
|
-
export declare function createSlideAriaLabel(intl: IntlShape): AriaTextCallbackType;
|
|
11
|
-
/**
|
|
12
|
-
* Creates a function that generates live region content for announcing
|
|
13
|
-
* slide changes to screen readers.
|
|
14
|
-
* @param intl - The react-intl instance for translations
|
|
15
|
-
* @returns A callback function for the Embla accessibility plugin
|
|
16
|
-
*/
|
|
17
|
-
export declare function createLiveRegionContent(intl: IntlShape): AriaTextCallbackType;
|
|
18
3
|
/**
|
|
19
4
|
* Creates the default accessibility options for the Embla carousel plugin.
|
|
20
5
|
* @param intl - The react-intl instance for translations
|
|
21
6
|
* @returns Options object for the Embla Accessibility plugin
|
|
22
7
|
*/
|
|
23
8
|
export declare function createCarouselAccessibilityOptions(intl: IntlShape): AccessibilityOptionsType;
|
|
24
|
-
export {};
|
|
@@ -34,7 +34,7 @@ export interface CarouselNavProps {
|
|
|
34
34
|
className?: string;
|
|
35
35
|
}
|
|
36
36
|
/**
|
|
37
|
-
*
|
|
37
|
+
* Navigation component for the Carousel.
|
|
38
38
|
* Renders previous/next buttons and a page indicator showing the current position (e.g., "2/5").
|
|
39
39
|
* This component is automatically rendered by `CarouselHeader` on medium screens and up, and
|
|
40
40
|
* below the slides on small screens. You typically don't need to use it directly.
|
|
@@ -44,13 +44,12 @@ export interface CarouselNavProps {
|
|
|
44
44
|
* - Buttons are properly labeled for screen readers
|
|
45
45
|
* - Uses `role="toolbar"` for semantic navigation grouping
|
|
46
46
|
*
|
|
47
|
-
* ##
|
|
47
|
+
* ## Composition
|
|
48
48
|
* This component is wired to the carousel via context and is used internally by the
|
|
49
49
|
* `Carousel` component. You don't typically render it directly.
|
|
50
50
|
* @param {CarouselNavProps} props - Component props
|
|
51
51
|
* @param {CarouselNavProps['className']} props.className - Additional CSS classes
|
|
52
52
|
* @see {@link CarouselNavProps} for all available props
|
|
53
|
-
* @internal
|
|
54
53
|
*/
|
|
55
54
|
declare const CarouselNav: {
|
|
56
55
|
({ className }: CarouselNavProps): import('react/jsx-runtime').JSX.Element | null;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VariantProps } from '@payfit/unity-themes';
|
|
2
2
|
import { ComponentType } from 'react';
|
|
3
3
|
import { PaginationLinkProps } from './parts/RawPaginationLink.js';
|
|
4
|
-
|
|
4
|
+
declare const pagination: import('tailwind-variants').TVReturnType<{
|
|
5
5
|
[key: string]: {
|
|
6
6
|
[key: string]: import('tailwind-variants').ClassValue | {
|
|
7
7
|
base?: import('tailwind-variants').ClassValue;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { VariantProps } from '@payfit/unity-themes';
|
|
2
|
-
|
|
2
|
+
declare const code: import('tailwind-variants').TVReturnType<{
|
|
3
3
|
[key: string]: {
|
|
4
4
|
[key: string]: import('tailwind-variants').ClassValue | {
|
|
5
5
|
base?: import('tailwind-variants').ClassValue;
|
|
@@ -3,7 +3,6 @@ import { FilterProps } from './Filter.types.js';
|
|
|
3
3
|
import { selectListFilter, selectListLabel } from './Filter.controls.js';
|
|
4
4
|
/**
|
|
5
5
|
* Tailwind variants for the Filter container.
|
|
6
|
-
* @internal
|
|
7
6
|
*/
|
|
8
7
|
export declare const filterContainer: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
|
|
9
8
|
export declare const filterDismissButton: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Return value of the filter IDs hook.
|
|
3
3
|
* @internal
|
|
4
4
|
*/
|
|
5
|
-
|
|
5
|
+
interface UseFilterIdsReturn {
|
|
6
6
|
/**
|
|
7
7
|
* ID for the filter's root container element.
|
|
8
8
|
*/
|
|
@@ -44,6 +44,6 @@ export interface UseFilterIdsReturn {
|
|
|
44
44
|
* // valueId: 'filter-react-aria-123__value'
|
|
45
45
|
* // dismissButtonId: 'filter-react-aria-123__dismiss-button'
|
|
46
46
|
* ```
|
|
47
|
-
* @internal
|
|
48
47
|
*/
|
|
49
48
|
export declare function useFilterIds(id?: string): UseFilterIdsReturn;
|
|
49
|
+
export {};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Configuration options for the filter state hook.
|
|
3
3
|
* @internal
|
|
4
4
|
*/
|
|
5
|
-
|
|
5
|
+
interface UseFilterStateOptions {
|
|
6
6
|
/**
|
|
7
7
|
* Whether the popover should be open by default when the component first mounts.
|
|
8
8
|
* This only affects the initial state on mount - the component manages its own state after that.
|
|
@@ -34,7 +34,7 @@ export interface UseFilterStateOptions {
|
|
|
34
34
|
* Return value of the filter state hook.
|
|
35
35
|
* @internal
|
|
36
36
|
*/
|
|
37
|
-
|
|
37
|
+
interface UseFilterStateReturn {
|
|
38
38
|
/**
|
|
39
39
|
* Whether the filter popover is currently open.
|
|
40
40
|
*/
|
|
@@ -69,6 +69,6 @@ export interface UseFilterStateReturn {
|
|
|
69
69
|
* onClearSelection: () => console.log('Cleared'),
|
|
70
70
|
* })
|
|
71
71
|
* ```
|
|
72
|
-
* @internal
|
|
73
72
|
*/
|
|
74
73
|
export declare function useFilterState(options?: UseFilterStateOptions): UseFilterStateReturn;
|
|
74
|
+
export {};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Return value of the filter value hook.
|
|
3
3
|
* @internal
|
|
4
4
|
*/
|
|
5
|
-
|
|
5
|
+
interface UseFilterValueReturn {
|
|
6
6
|
/**
|
|
7
7
|
* The number of selected values in the filter.
|
|
8
8
|
* Returns 1 for non-iterable values, or the count of items for iterables.
|
|
@@ -56,6 +56,6 @@ export interface UseFilterValueReturn {
|
|
|
56
56
|
* )
|
|
57
57
|
* // valuesCount: 4, shouldShowBadge: true, formattedValue: null
|
|
58
58
|
* ```
|
|
59
|
-
* @internal
|
|
60
59
|
*/
|
|
61
60
|
export declare function useFilterValue<TType>(value: TType, maxVisibleValues: number, renderLabel: (value: TType) => string): UseFilterValueReturn;
|
|
61
|
+
export {};
|
|
@@ -1,45 +1,10 @@
|
|
|
1
1
|
import { UnityIcon } from '@payfit/unity-icons';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
-
/**
|
|
4
|
-
* Tailwind variants for the FilterButton component.
|
|
5
|
-
* @internal
|
|
6
|
-
*/
|
|
7
|
-
export declare const filterButton: import('tailwind-variants').TVReturnType<{
|
|
8
|
-
[key: string]: {
|
|
9
|
-
[key: string]: import('tailwind-variants').ClassValue | {
|
|
10
|
-
prefix?: import('tailwind-variants').ClassValue;
|
|
11
|
-
button?: import('tailwind-variants').ClassValue;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
} | {
|
|
15
|
-
[x: string]: {
|
|
16
|
-
[x: string]: import('tailwind-variants').ClassValue | {
|
|
17
|
-
prefix?: import('tailwind-variants').ClassValue;
|
|
18
|
-
button?: import('tailwind-variants').ClassValue;
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
} | {}, {
|
|
22
|
-
button: string[];
|
|
23
|
-
prefix: string[];
|
|
24
|
-
}, undefined, {
|
|
25
|
-
[key: string]: {
|
|
26
|
-
[key: string]: import('tailwind-variants').ClassValue | {
|
|
27
|
-
prefix?: import('tailwind-variants').ClassValue;
|
|
28
|
-
button?: import('tailwind-variants').ClassValue;
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
} | {}, {
|
|
32
|
-
button: string[];
|
|
33
|
-
prefix: string[];
|
|
34
|
-
}, import('tailwind-variants').TVReturnTypeLike<unknown, {
|
|
35
|
-
button: string[];
|
|
36
|
-
prefix: string[];
|
|
37
|
-
}>>;
|
|
38
3
|
/**
|
|
39
4
|
* Props for the FilterButton component.
|
|
40
5
|
* @internal
|
|
41
6
|
*/
|
|
42
|
-
|
|
7
|
+
interface FilterButtonProps {
|
|
43
8
|
/**
|
|
44
9
|
* The ID of the label element that labels this button.
|
|
45
10
|
*/
|
|
@@ -70,6 +35,6 @@ export interface FilterButtonProps {
|
|
|
70
35
|
* @param props.isDisabled - Whether the button is disabled.
|
|
71
36
|
* @param props.children - The label content to display inside the button.
|
|
72
37
|
* @returns The rendered button element
|
|
73
|
-
* @internal
|
|
74
38
|
*/
|
|
75
39
|
export declare function FilterButton({ labelId, prefixIcon, isDisabled, children, }: FilterButtonProps): import('react/jsx-runtime').JSX.Element;
|
|
40
|
+
export {};
|
|
@@ -1,43 +1,8 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Tailwind variants for the FilterLabel component.
|
|
3
|
-
* @internal
|
|
4
|
-
*/
|
|
5
|
-
export declare const filterLabel: import('tailwind-variants').TVReturnType<{
|
|
6
|
-
[key: string]: {
|
|
7
|
-
[key: string]: import('tailwind-variants').ClassValue | {
|
|
8
|
-
container?: import('tailwind-variants').ClassValue;
|
|
9
|
-
value?: import('tailwind-variants').ClassValue;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
} | {
|
|
13
|
-
[x: string]: {
|
|
14
|
-
[x: string]: import('tailwind-variants').ClassValue | {
|
|
15
|
-
container?: import('tailwind-variants').ClassValue;
|
|
16
|
-
value?: import('tailwind-variants').ClassValue;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
} | {}, {
|
|
20
|
-
container: string[];
|
|
21
|
-
value: string[];
|
|
22
|
-
}, undefined, {
|
|
23
|
-
[key: string]: {
|
|
24
|
-
[key: string]: import('tailwind-variants').ClassValue | {
|
|
25
|
-
container?: import('tailwind-variants').ClassValue;
|
|
26
|
-
value?: import('tailwind-variants').ClassValue;
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
} | {}, {
|
|
30
|
-
container: string[];
|
|
31
|
-
value: string[];
|
|
32
|
-
}, import('tailwind-variants').TVReturnTypeLike<unknown, {
|
|
33
|
-
container: string[];
|
|
34
|
-
value: string[];
|
|
35
|
-
}>>;
|
|
36
1
|
/**
|
|
37
2
|
* Props for the FilterLabel component.
|
|
38
3
|
* @internal
|
|
39
4
|
*/
|
|
40
|
-
|
|
5
|
+
interface FilterLabelProps {
|
|
41
6
|
/**
|
|
42
7
|
* The ID for the label element (for accessibility).
|
|
43
8
|
*/
|
|
@@ -91,6 +56,6 @@ export interface FilterLabelProps {
|
|
|
91
56
|
* @param props.maxVisibleValues - Maximum number of values to display before showing a badge.
|
|
92
57
|
* @param props.isDisabled - Whether the filter is disabled.
|
|
93
58
|
* @returns The rendered label element
|
|
94
|
-
* @internal
|
|
95
59
|
*/
|
|
96
60
|
export declare function FilterLabel({ labelId, valueId, label, valuesCount, formattedValue, maxVisibleValues, isDisabled, }: FilterLabelProps): import('react/jsx-runtime').JSX.Element;
|
|
61
|
+
export {};
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
/**
|
|
3
3
|
* Tailwind variants for the FilterPopover component.
|
|
4
|
-
* @internal
|
|
5
4
|
*/
|
|
6
5
|
export declare const filterPopover: import('tailwind-variants').TVReturnType<{
|
|
7
6
|
[key: string]: {
|
|
@@ -62,7 +61,7 @@ export declare const filterPopover: import('tailwind-variants').TVReturnType<{
|
|
|
62
61
|
* Props for the FilterPopover component.
|
|
63
62
|
* @internal
|
|
64
63
|
*/
|
|
65
|
-
|
|
64
|
+
interface FilterPopoverProps {
|
|
66
65
|
/**
|
|
67
66
|
* The content to render inside the popover (the filter control).
|
|
68
67
|
*/
|
|
@@ -90,6 +89,6 @@ export interface FilterPopoverProps {
|
|
|
90
89
|
* @param props.onConfirm - Callback invoked when the "Apply" button is pressed.
|
|
91
90
|
* @param props.onClear - Callback invoked when the "Clear" button is pressed.
|
|
92
91
|
* @returns The rendered popover element
|
|
93
|
-
* @internal
|
|
94
92
|
*/
|
|
95
93
|
export declare function FilterPopover({ children, onConfirm, onClear, }: FilterPopoverProps): import('react/jsx-runtime').JSX.Element;
|
|
94
|
+
export {};
|
|
@@ -1,20 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Type guard to check if a value is a composite (non-null object).
|
|
3
|
-
* This utility determines whether a value is an object type that can contain
|
|
4
|
-
* properties or be iterable, excluding primitive types and null.
|
|
5
|
-
* @param value - The value to check
|
|
6
|
-
* @returns `true` if the value is a non-null object, `false` otherwise
|
|
7
|
-
* @example
|
|
8
|
-
* ```ts
|
|
9
|
-
* isCompositeValue({}) // true
|
|
10
|
-
* isCompositeValue([]) // true
|
|
11
|
-
* isCompositeValue(null) // false
|
|
12
|
-
* isCompositeValue("string") // false
|
|
13
|
-
* isCompositeValue(123) // false
|
|
14
|
-
* ```
|
|
15
|
-
* @internal
|
|
16
|
-
*/
|
|
17
|
-
export declare function isCompositeValue<TType>(value: TType): value is TType & object;
|
|
18
1
|
/**
|
|
19
2
|
* Type guard to check if a value implements the Iterable protocol.
|
|
20
3
|
* This utility determines whether a value can be iterated over using
|
|
@@ -31,7 +14,6 @@ export declare function isCompositeValue<TType>(value: TType): value is TType &
|
|
|
31
14
|
* isIterable({}) // false
|
|
32
15
|
* isIterable(123) // false
|
|
33
16
|
* ```
|
|
34
|
-
* @internal
|
|
35
17
|
*/
|
|
36
18
|
export declare function isIterable<TType>(value: TType): value is TType & Iterable<unknown>;
|
|
37
19
|
/**
|
|
@@ -57,6 +39,5 @@ export declare function isIterable<TType>(value: TType): value is TType & Iterab
|
|
|
57
39
|
* defaultRenderLabel(undefined) // "undefined"
|
|
58
40
|
* defaultRenderLabel([]) // ""
|
|
59
41
|
* ```
|
|
60
|
-
* @internal
|
|
61
42
|
*/
|
|
62
43
|
export declare function defaultRenderLabel(value: unknown): string;
|
|
@@ -2,7 +2,6 @@ import { FilterToolbarProps } from './FilterToolbar.types.js';
|
|
|
2
2
|
/**
|
|
3
3
|
* Tailwind variants for the FilterToolbar component styling.
|
|
4
4
|
* Defines layout slots for the toolbar container, filters area, and action buttons.
|
|
5
|
-
* @internal
|
|
6
5
|
*/
|
|
7
6
|
export declare const filterToolbar: import('tailwind-variants').TVReturnType<{
|
|
8
7
|
[key: string]: {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Represents a filter that has been added to the toolbar with an optional value.
|
|
3
3
|
* Used internally to track applied filters and their current state.
|
|
4
|
-
* @internal
|
|
5
4
|
*/
|
|
6
5
|
export type AppliedFilter = {
|
|
7
6
|
/** Unique identifier matching a filter definition ID */
|
|
@@ -12,7 +11,6 @@ export type AppliedFilter = {
|
|
|
12
11
|
/**
|
|
13
12
|
* Serializable representation of an applied filter suitable for URL parameters or JSON storage.
|
|
14
13
|
* Filter values are normalized to strings or string arrays for consistent serialization.
|
|
15
|
-
* @internal
|
|
16
14
|
*/
|
|
17
15
|
export type SerializableAppliedFilter = {
|
|
18
16
|
/** Unique identifier matching a filter definition ID */
|
|
@@ -25,7 +23,7 @@ export type SerializableAppliedFilter = {
|
|
|
25
23
|
* Extends this interface to add additional properties specific to your filter implementation.
|
|
26
24
|
* @internal
|
|
27
25
|
*/
|
|
28
|
-
|
|
26
|
+
type FilterDefBase = {
|
|
29
27
|
/** Unique identifier for the filter */
|
|
30
28
|
id: string;
|
|
31
29
|
/** Index signature allowing additional custom properties */
|
|
@@ -36,7 +34,7 @@ export type FilterDefBase = {
|
|
|
36
34
|
* @template T - Filter definition type extending FilterDefBase
|
|
37
35
|
* @internal
|
|
38
36
|
*/
|
|
39
|
-
|
|
37
|
+
type UseFilterToolbarStateParams<T extends FilterDefBase = FilterDefBase> = {
|
|
40
38
|
/** Array of available filter definitions */
|
|
41
39
|
filterDefs: T[];
|
|
42
40
|
/** Optional initial filters to prepopulate the toolbar */
|
|
@@ -50,7 +48,7 @@ type FilterToolbarStatus = 'EMPTY' | 'WITH_SOME_FILTERS_APPLIED' | 'WITH_ALL_FIL
|
|
|
50
48
|
* @template T - Filter definition type extending FilterDefBase
|
|
51
49
|
* @internal
|
|
52
50
|
*/
|
|
53
|
-
|
|
51
|
+
type UseFilterToolbarStateReturn<T extends FilterDefBase = FilterDefBase> = {
|
|
54
52
|
/** Current status of the toolbar */
|
|
55
53
|
status: FilterToolbarStatus;
|
|
56
54
|
/** Array of currently applied filter IDs in order */
|
|
@@ -90,7 +88,6 @@ export type UseFilterToolbarStateReturn<T extends FilterDefBase = FilterDefBase>
|
|
|
90
88
|
* }
|
|
91
89
|
* })
|
|
92
90
|
* ```
|
|
93
|
-
* @internal
|
|
94
91
|
*/
|
|
95
92
|
export declare function useFilterToolbarState<T extends FilterDefBase = FilterDefBase>(params: UseFilterToolbarStateParams<T>): UseFilterToolbarStateReturn<T>;
|
|
96
93
|
export {};
|
|
@@ -54,7 +54,6 @@ declare const addFilter: import('tailwind-variants').TVReturnType<{
|
|
|
54
54
|
* @param props.availableFilterDefs - Available filter definitions that can be added
|
|
55
55
|
* @param props.onSelectionChange - Callback invoked when user selects filters to add
|
|
56
56
|
* @param props.isDisabled - Whether the add filter button is disabled
|
|
57
|
-
* @internal
|
|
58
57
|
*/
|
|
59
58
|
declare const AddFilter: {
|
|
60
59
|
({ availableFilterDefs, onSelectionChange, isDisabled, ...rest }: AddFilterProps): import('react/jsx-runtime').JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { VariantProps } from '@payfit/unity-themes';
|
|
2
2
|
import { ListBoxItemProps } from 'react-aria-components/ListBox';
|
|
3
|
-
|
|
3
|
+
declare const addFilterItem: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
|
|
4
4
|
export interface AddFilterItemProps extends VariantProps<typeof addFilterItem>, ListBoxItemProps {
|
|
5
5
|
}
|
|
6
6
|
/**
|
|
@@ -9,7 +9,6 @@ export interface AddFilterItemProps extends VariantProps<typeof addFilterItem>,
|
|
|
9
9
|
* @param props - AddFilterItem component props
|
|
10
10
|
* @param props.id - Unique identifier for the filter item
|
|
11
11
|
* @param props.children - Label content to display for the filter
|
|
12
|
-
* @internal
|
|
13
12
|
*/
|
|
14
13
|
declare const AddFilterItem: {
|
|
15
14
|
({ id, children, ...rest }: AddFilterItemProps): import('react/jsx-runtime').JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VariantProps } from '@payfit/unity-themes';
|
|
2
2
|
import { ListBoxItemProps } from 'react-aria-components/ListBox';
|
|
3
3
|
import { ParsedCountry } from 'react-international-phone';
|
|
4
|
-
|
|
4
|
+
declare const phoneNumberItem: import('tailwind-variants').TVReturnType<{
|
|
5
5
|
[key: string]: {
|
|
6
6
|
[key: string]: import('tailwind-variants').ClassValue | {
|
|
7
7
|
base?: import('tailwind-variants').ClassValue;
|
|
@@ -2,7 +2,6 @@ import { PropsWithChildren } from 'react';
|
|
|
2
2
|
interface SelectOptionContextValue {
|
|
3
3
|
isDisabled: boolean | undefined;
|
|
4
4
|
}
|
|
5
|
-
export declare const SelectOptionContext: import('react').Context<SelectOptionContextValue>;
|
|
6
5
|
export declare function SelectOptionProvider({ children, isDisabled, }: PropsWithChildren<SelectOptionContextValue>): import('react/jsx-runtime').JSX.Element;
|
|
7
6
|
export declare function useSelectOptionContext(): SelectOptionContextValue;
|
|
8
7
|
export {};
|