@payfit/unity-components 3.13.3 → 3.13.4
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 +7 -7
|
@@ -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 {};
|
|
@@ -1,41 +1,4 @@
|
|
|
1
1
|
import { ListBoxSectionProps } from 'react-aria-components/ListBox';
|
|
2
|
-
export declare const selectListOptGroup: import('tailwind-variants').TVReturnType<{
|
|
3
|
-
[key: string]: {
|
|
4
|
-
[key: string]: import('tailwind-variants').ClassValue | {
|
|
5
|
-
base?: import('tailwind-variants').ClassValue;
|
|
6
|
-
label?: import('tailwind-variants').ClassValue;
|
|
7
|
-
separator?: import('tailwind-variants').ClassValue;
|
|
8
|
-
};
|
|
9
|
-
};
|
|
10
|
-
} | {
|
|
11
|
-
[x: string]: {
|
|
12
|
-
[x: string]: import('tailwind-variants').ClassValue | {
|
|
13
|
-
base?: import('tailwind-variants').ClassValue;
|
|
14
|
-
label?: import('tailwind-variants').ClassValue;
|
|
15
|
-
separator?: import('tailwind-variants').ClassValue;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
} | {}, {
|
|
19
|
-
base: string;
|
|
20
|
-
label: string;
|
|
21
|
-
separator: string;
|
|
22
|
-
}, undefined, {
|
|
23
|
-
[key: string]: {
|
|
24
|
-
[key: string]: import('tailwind-variants').ClassValue | {
|
|
25
|
-
base?: import('tailwind-variants').ClassValue;
|
|
26
|
-
label?: import('tailwind-variants').ClassValue;
|
|
27
|
-
separator?: import('tailwind-variants').ClassValue;
|
|
28
|
-
};
|
|
29
|
-
};
|
|
30
|
-
} | {}, {
|
|
31
|
-
base: string;
|
|
32
|
-
label: string;
|
|
33
|
-
separator: string;
|
|
34
|
-
}, import('tailwind-variants').TVReturnTypeLike<unknown, {
|
|
35
|
-
base: string;
|
|
36
|
-
label: string;
|
|
37
|
-
separator: string;
|
|
38
|
-
}>>;
|
|
39
2
|
/**
|
|
40
3
|
* Props for the SelectListOptGroup component.
|
|
41
4
|
* @template TType - The type of items when using the dynamic API
|
|
@@ -2,5 +2,4 @@ import { ReactNode } from 'react';
|
|
|
2
2
|
export type ContentProps = {
|
|
3
3
|
children: ReactNode;
|
|
4
4
|
};
|
|
5
|
-
export declare const content: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
|
|
6
5
|
export declare const Content: ({ children }: ContentProps) => import('react/jsx-runtime').JSX.Element;
|
|
@@ -2,5 +2,4 @@ import { ReactNode } from 'react';
|
|
|
2
2
|
export type IllustrationProps = {
|
|
3
3
|
children: ReactNode;
|
|
4
4
|
};
|
|
5
|
-
export declare const illustration: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
|
|
6
5
|
export declare const Illustration: ({ children }: IllustrationProps) => import('react/jsx-runtime').JSX.Element;
|
|
@@ -2,5 +2,4 @@ import { ReactNode } from 'react';
|
|
|
2
2
|
export type SelectedIndicatorProps = {
|
|
3
3
|
children: ReactNode;
|
|
4
4
|
};
|
|
5
|
-
export declare const selectedIndicator: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
|
|
6
5
|
export declare const SelectedIndicator: ({ children }: SelectedIndicatorProps) => import('react/jsx-runtime').JSX.Element;
|
|
@@ -1,38 +1,6 @@
|
|
|
1
|
-
export declare const sidePanelDragIndicator: 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 SidePanelDragIndicator(): import('react/jsx-runtime').JSX.Element;
|
|
38
6
|
export declare namespace SidePanelDragIndicator {
|
|
@@ -2,7 +2,6 @@ import { PropsWithChildren } from 'react';
|
|
|
2
2
|
interface StepperContextValue {
|
|
3
3
|
currentStep: number;
|
|
4
4
|
}
|
|
5
|
-
export declare const StepperContext: import('react').Context<StepperContextValue>;
|
|
6
5
|
export declare function StepperProvider({ children, currentStep, }: PropsWithChildren<StepperContextValue>): import('react/jsx-runtime').JSX.Element;
|
|
7
6
|
export declare function useStepperContext(): StepperContextValue;
|
|
8
7
|
export {};
|
|
@@ -33,10 +33,6 @@ interface TableContextValue {
|
|
|
33
33
|
/** Enable virtualization */
|
|
34
34
|
enableVirtualization: boolean;
|
|
35
35
|
}
|
|
36
|
-
/**
|
|
37
|
-
* React context for the table component.
|
|
38
|
-
*/
|
|
39
|
-
export declare const TableContext: React.Context<TableContextValue>;
|
|
40
36
|
/**
|
|
41
37
|
* Hook to access the table context.
|
|
42
38
|
* @example
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { useTableKeyboardNavigation as e } from "./hooks/useTableKeyboardNavigation.js";
|
|
2
2
|
import { createContext as t, useContext as n } from "react";
|
|
3
3
|
import { jsx as r } from "react/jsx-runtime";
|
|
4
|
+
//#region src/core/components/table/Table.context.tsx
|
|
4
5
|
var i = t({
|
|
5
6
|
rowCount: 0,
|
|
6
7
|
columnCount: 0,
|
|
@@ -34,4 +35,4 @@ function o({ children: t, ...n }) {
|
|
|
34
35
|
});
|
|
35
36
|
}
|
|
36
37
|
//#endregion
|
|
37
|
-
export {
|
|
38
|
+
export { o as TableContextProvider, a as useTableContext };
|
|
@@ -6,7 +6,6 @@ interface TabsContextValue {
|
|
|
6
6
|
scrollable: boolean;
|
|
7
7
|
layout: NonNullable<VariantProps<typeof tabsVariant>['layout']>;
|
|
8
8
|
}
|
|
9
|
-
export declare const TabsContext: import('react').Context<TabsContextValue>;
|
|
10
9
|
export declare function TabsProvider({ children, variant, scrollable, layout, }: PropsWithChildren<TabsContextValue>): import('react/jsx-runtime').JSX.Element;
|
|
11
10
|
export declare function useTabsContext(): TabsContextValue;
|
|
12
11
|
export {};
|
|
@@ -11,6 +11,5 @@ export interface TimelineContextValue {
|
|
|
11
11
|
orientation: 'vertical' | 'horizontal';
|
|
12
12
|
type: 'default' | 'numbered';
|
|
13
13
|
}
|
|
14
|
-
export declare const TimelineContext: import('react').Context<TimelineContextValue | null>;
|
|
15
14
|
export declare function TimelineProvider({ children, orientation, type, }: PropsWithChildren<TimelineContextValue>): import('react/jsx-runtime').JSX.Element;
|
|
16
15
|
export declare function useTimelineContext(): TimelineContextValue;
|
|
@@ -13,6 +13,5 @@ import { PropsWithChildren, ReactNode } from 'react';
|
|
|
13
13
|
export interface TimelineStepContentContextValue {
|
|
14
14
|
statusSlot?: ReactNode;
|
|
15
15
|
}
|
|
16
|
-
export declare const TimelineStepContentContext: import('react').Context<TimelineStepContentContextValue | null>;
|
|
17
16
|
export declare function TimelineStepContentProvider({ children, statusSlot, }: PropsWithChildren<TimelineStepContentContextValue>): import('react/jsx-runtime').JSX.Element;
|
|
18
17
|
export declare function useTimelineStepContentContext(): TimelineStepContentContextValue;
|
|
@@ -48,30 +48,3 @@ export interface ScrollDetectionResult {
|
|
|
48
48
|
* ```
|
|
49
49
|
*/
|
|
50
50
|
export declare function detectScroll(element: HTMLElement, strategy?: ScrollDetectionStrategy): ScrollDetectionResult;
|
|
51
|
-
/**
|
|
52
|
-
* Simplified helper to check if element has any scrollable content
|
|
53
|
-
* @param {HTMLElement} element - DOM element to check
|
|
54
|
-
* @param {ScrollDetectionStrategy} strategy - Detection strategy to use
|
|
55
|
-
* @returns {boolean} True if element has any scrollable content
|
|
56
|
-
* @example
|
|
57
|
-
* ```ts
|
|
58
|
-
* if (hasScroll(document.getElementById('container'))) {
|
|
59
|
-
* console.log('Has scroll');
|
|
60
|
-
* }
|
|
61
|
-
* ```
|
|
62
|
-
*/
|
|
63
|
-
export declare function hasScroll(element: HTMLElement, strategy?: ScrollDetectionStrategy): boolean;
|
|
64
|
-
/**
|
|
65
|
-
* Check if element has vertical scrollable content
|
|
66
|
-
* @param {HTMLElement} element - DOM element to check
|
|
67
|
-
* @param {ScrollDetectionStrategy} strategy - Detection strategy to use
|
|
68
|
-
* @returns {boolean} True if element has vertical scrollable content
|
|
69
|
-
*/
|
|
70
|
-
export declare function hasVerticalScroll(element: HTMLElement, strategy?: ScrollDetectionStrategy): boolean;
|
|
71
|
-
/**
|
|
72
|
-
* Check if element has horizontal scrollable content
|
|
73
|
-
* @param {HTMLElement} element - DOM element to check
|
|
74
|
-
* @param {ScrollDetectionStrategy} strategy - Detection strategy to use
|
|
75
|
-
* @returns {boolean} True if element has horizontal scrollable content
|
|
76
|
-
*/
|
|
77
|
-
export declare function hasHorizontalScroll(element: HTMLElement, strategy?: ScrollDetectionStrategy): boolean;
|
|
@@ -8,7 +8,6 @@ export interface ScrollEdges {
|
|
|
8
8
|
canScrollBlockStart: boolean;
|
|
9
9
|
canScrollBlockEnd: boolean;
|
|
10
10
|
}
|
|
11
|
-
export declare const SCROLL_EDGE_TOLERANCE = 1;
|
|
12
11
|
export declare const emptyScrollEdges: ScrollEdges;
|
|
13
12
|
export declare function getLogicalInlineScrollOffset(element: Pick<HTMLElement, 'clientWidth' | 'scrollLeft' | 'scrollWidth'>, direction: 'ltr' | 'rtl', rtlOffsetType?: RtlScrollOffsetType): number;
|
|
14
13
|
export declare function getScrollEdges(element: HTMLElement, axis?: ScrollAreaAxis): ScrollEdges;
|
|
@@ -1,88 +1,6 @@
|
|
|
1
1
|
import { UnityIcon } from '@payfit/unity-icons';
|
|
2
2
|
import { PropsWithChildren } from 'react';
|
|
3
3
|
import { ButtonProps as AriaButtonProps } from 'react-aria-components/Button';
|
|
4
|
-
/**
|
|
5
|
-
* Defines the visual states shared by `AIButton` instances.
|
|
6
|
-
*
|
|
7
|
-
* Render `AIButton` instead of applying these classes directly so the surface,
|
|
8
|
-
* loading, disabled, and accessibility behavior stay synchronized.
|
|
9
|
-
*/
|
|
10
|
-
export declare const aiButton: import('tailwind-variants').TVReturnType<{
|
|
11
|
-
variant: {
|
|
12
|
-
outlined: {
|
|
13
|
-
base: string[];
|
|
14
|
-
};
|
|
15
|
-
ghost: {
|
|
16
|
-
base: string[];
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
isDisabled: {
|
|
20
|
-
true: {
|
|
21
|
-
base: string[];
|
|
22
|
-
aiSurface: string;
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
isLoading: {
|
|
26
|
-
true: {
|
|
27
|
-
aiSurface: string;
|
|
28
|
-
};
|
|
29
|
-
};
|
|
30
|
-
}, {
|
|
31
|
-
base: string[];
|
|
32
|
-
aiSurface: string[];
|
|
33
|
-
content: string[];
|
|
34
|
-
label: string[];
|
|
35
|
-
}, undefined, {
|
|
36
|
-
variant: {
|
|
37
|
-
outlined: {
|
|
38
|
-
base: string[];
|
|
39
|
-
};
|
|
40
|
-
ghost: {
|
|
41
|
-
base: string[];
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
isDisabled: {
|
|
45
|
-
true: {
|
|
46
|
-
base: string[];
|
|
47
|
-
aiSurface: string;
|
|
48
|
-
};
|
|
49
|
-
};
|
|
50
|
-
isLoading: {
|
|
51
|
-
true: {
|
|
52
|
-
aiSurface: string;
|
|
53
|
-
};
|
|
54
|
-
};
|
|
55
|
-
}, {
|
|
56
|
-
base: string[];
|
|
57
|
-
aiSurface: string[];
|
|
58
|
-
content: string[];
|
|
59
|
-
label: string[];
|
|
60
|
-
}, import('tailwind-variants').TVReturnTypeLike<{
|
|
61
|
-
variant: {
|
|
62
|
-
outlined: {
|
|
63
|
-
base: string[];
|
|
64
|
-
};
|
|
65
|
-
ghost: {
|
|
66
|
-
base: string[];
|
|
67
|
-
};
|
|
68
|
-
};
|
|
69
|
-
isDisabled: {
|
|
70
|
-
true: {
|
|
71
|
-
base: string[];
|
|
72
|
-
aiSurface: string;
|
|
73
|
-
};
|
|
74
|
-
};
|
|
75
|
-
isLoading: {
|
|
76
|
-
true: {
|
|
77
|
-
aiSurface: string;
|
|
78
|
-
};
|
|
79
|
-
};
|
|
80
|
-
}, {
|
|
81
|
-
base: string[];
|
|
82
|
-
aiSurface: string[];
|
|
83
|
-
content: string[];
|
|
84
|
-
label: string[];
|
|
85
|
-
}>>;
|
|
86
4
|
/**
|
|
87
5
|
* Configures an AI-assisted action and inherits standard React Aria button
|
|
88
6
|
* behavior such as `onPress`, `isDisabled`, and `type`.
|
|
@@ -16,7 +16,6 @@ export interface InlineFieldGroupActionsProps {
|
|
|
16
16
|
* InlineFieldGroupActions renders the edit/save/cancel action buttons.
|
|
17
17
|
* This is an internal component used by InlineFieldGroupHeader and InlineFieldGroup
|
|
18
18
|
* to provide responsive button placement.
|
|
19
|
-
* @internal
|
|
20
19
|
*/
|
|
21
20
|
export declare function InlineFieldGroupActions({ orientation, customActions, }: InlineFieldGroupActionsProps): import('react/jsx-runtime').JSX.Element;
|
|
22
21
|
export declare namespace InlineFieldGroupActions {
|
package/dist/esm/modules/tanstack-table/components/data-table/mocks/employee-columns-legacy.d.ts
CHANGED
|
@@ -1,13 +1,4 @@
|
|
|
1
1
|
import { Employee } from './employee-data.js';
|
|
2
|
-
/**
|
|
3
|
-
* Creates optimized checkbox column with stable handlers to prevent unnecessary re-renders
|
|
4
|
-
*/
|
|
5
|
-
export declare const createCheckboxColumn: () => import('@tanstack/react-table').DisplayColumnDef<import('@tanstack/react-table/legacy').LegacyFeatures, Employee, unknown>;
|
|
6
|
-
export declare const employeeColumns: import('@tanstack/react-table').ColumnDef<import('@tanstack/react-table/legacy').LegacyFeatures, Employee, any>[] & [import('@tanstack/react-table').AccessorKeyColumnDef<import('@tanstack/react-table/legacy').LegacyFeatures, Employee, string>, import('@tanstack/react-table').AccessorKeyColumnDef<import('@tanstack/react-table/legacy').LegacyFeatures, Employee, "Full-time" | "Part-time" | "Freelance" | "Contractor">, import('@tanstack/react-table').AccessorKeyColumnDef<import('@tanstack/react-table/legacy').LegacyFeatures, Employee, {
|
|
7
|
-
name: string;
|
|
8
|
-
position: string;
|
|
9
|
-
team: string;
|
|
10
|
-
} | null>, import('@tanstack/react-table').AccessorKeyColumnDef<import('@tanstack/react-table/legacy').LegacyFeatures, Employee, "active" | "inactive" | "onboarding" | "offboarding" | "retired">];
|
|
11
2
|
export declare const employeeColumnsWithCheckbox: import('@tanstack/react-table').ColumnDef<import('@tanstack/react-table/legacy').LegacyFeatures, Employee, any>[] & [import('@tanstack/react-table').DisplayColumnDef<import('@tanstack/react-table/legacy').LegacyFeatures, Employee, unknown>, ...(import('@tanstack/react-table').ColumnDef<import('@tanstack/react-table/legacy').LegacyFeatures, Employee, any> & (import('@tanstack/react-table').AccessorKeyColumnDef<import('@tanstack/react-table/legacy').LegacyFeatures, Employee, string> | import('@tanstack/react-table').AccessorKeyColumnDef<import('@tanstack/react-table/legacy').LegacyFeatures, Employee, "Full-time" | "Part-time" | "Freelance" | "Contractor"> | import('@tanstack/react-table').AccessorKeyColumnDef<import('@tanstack/react-table/legacy').LegacyFeatures, Employee, {
|
|
12
3
|
name: string;
|
|
13
4
|
position: string;
|
|
@@ -9,69 +9,6 @@ export declare const employeeTableFeatures: {
|
|
|
9
9
|
rowSortingFeature: import('@tanstack/react-table').TableFeature;
|
|
10
10
|
sortedRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
|
|
11
11
|
};
|
|
12
|
-
/**
|
|
13
|
-
* Creates optimized checkbox column with stable handlers to prevent unnecessary re-renders
|
|
14
|
-
*/
|
|
15
|
-
export declare const createCheckboxColumn: () => import('@tanstack/react-table').DisplayColumnDef<{
|
|
16
|
-
columnFilteringFeature: import('@tanstack/react-table').TableFeature;
|
|
17
|
-
columnVisibilityFeature: import('@tanstack/react-table').TableFeature;
|
|
18
|
-
filteredRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
|
|
19
|
-
paginatedRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
|
|
20
|
-
rowPaginationFeature: import('@tanstack/react-table').TableFeature;
|
|
21
|
-
rowSelectionFeature: import('@tanstack/react-table').TableFeature;
|
|
22
|
-
rowSortingFeature: import('@tanstack/react-table').TableFeature;
|
|
23
|
-
sortedRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
|
|
24
|
-
}, Employee, unknown>;
|
|
25
|
-
export declare const employeeColumns: import('@tanstack/react-table').ColumnDef<{
|
|
26
|
-
columnFilteringFeature: import('@tanstack/react-table').TableFeature;
|
|
27
|
-
columnVisibilityFeature: import('@tanstack/react-table').TableFeature;
|
|
28
|
-
filteredRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
|
|
29
|
-
paginatedRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
|
|
30
|
-
rowPaginationFeature: import('@tanstack/react-table').TableFeature;
|
|
31
|
-
rowSelectionFeature: import('@tanstack/react-table').TableFeature;
|
|
32
|
-
rowSortingFeature: import('@tanstack/react-table').TableFeature;
|
|
33
|
-
sortedRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
|
|
34
|
-
}, Employee, any>[] & [import('@tanstack/react-table').AccessorKeyColumnDef<{
|
|
35
|
-
columnFilteringFeature: import('@tanstack/react-table').TableFeature;
|
|
36
|
-
columnVisibilityFeature: import('@tanstack/react-table').TableFeature;
|
|
37
|
-
filteredRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
|
|
38
|
-
paginatedRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
|
|
39
|
-
rowPaginationFeature: import('@tanstack/react-table').TableFeature;
|
|
40
|
-
rowSelectionFeature: import('@tanstack/react-table').TableFeature;
|
|
41
|
-
rowSortingFeature: import('@tanstack/react-table').TableFeature;
|
|
42
|
-
sortedRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
|
|
43
|
-
}, Employee, string>, import('@tanstack/react-table').AccessorKeyColumnDef<{
|
|
44
|
-
columnFilteringFeature: import('@tanstack/react-table').TableFeature;
|
|
45
|
-
columnVisibilityFeature: import('@tanstack/react-table').TableFeature;
|
|
46
|
-
filteredRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
|
|
47
|
-
paginatedRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
|
|
48
|
-
rowPaginationFeature: import('@tanstack/react-table').TableFeature;
|
|
49
|
-
rowSelectionFeature: import('@tanstack/react-table').TableFeature;
|
|
50
|
-
rowSortingFeature: import('@tanstack/react-table').TableFeature;
|
|
51
|
-
sortedRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
|
|
52
|
-
}, Employee, "Full-time" | "Part-time" | "Freelance" | "Contractor">, import('@tanstack/react-table').AccessorKeyColumnDef<{
|
|
53
|
-
columnFilteringFeature: import('@tanstack/react-table').TableFeature;
|
|
54
|
-
columnVisibilityFeature: import('@tanstack/react-table').TableFeature;
|
|
55
|
-
filteredRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
|
|
56
|
-
paginatedRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
|
|
57
|
-
rowPaginationFeature: import('@tanstack/react-table').TableFeature;
|
|
58
|
-
rowSelectionFeature: import('@tanstack/react-table').TableFeature;
|
|
59
|
-
rowSortingFeature: import('@tanstack/react-table').TableFeature;
|
|
60
|
-
sortedRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
|
|
61
|
-
}, Employee, {
|
|
62
|
-
name: string;
|
|
63
|
-
position: string;
|
|
64
|
-
team: string;
|
|
65
|
-
} | null>, import('@tanstack/react-table').AccessorKeyColumnDef<{
|
|
66
|
-
columnFilteringFeature: import('@tanstack/react-table').TableFeature;
|
|
67
|
-
columnVisibilityFeature: import('@tanstack/react-table').TableFeature;
|
|
68
|
-
filteredRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
|
|
69
|
-
paginatedRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
|
|
70
|
-
rowPaginationFeature: import('@tanstack/react-table').TableFeature;
|
|
71
|
-
rowSelectionFeature: import('@tanstack/react-table').TableFeature;
|
|
72
|
-
rowSortingFeature: import('@tanstack/react-table').TableFeature;
|
|
73
|
-
sortedRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
|
|
74
|
-
}, Employee, "active" | "inactive" | "onboarding" | "offboarding" | "retired">];
|
|
75
12
|
export declare const employeeColumnsWithCheckbox: import('@tanstack/react-table').ColumnDef<{
|
|
76
13
|
columnFilteringFeature: import('@tanstack/react-table').TableFeature;
|
|
77
14
|
columnVisibilityFeature: import('@tanstack/react-table').TableFeature;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@payfit/unity-components",
|
|
3
|
-
"version": "3.13.
|
|
3
|
+
"version": "3.13.4",
|
|
4
4
|
"module": "./dist/esm/index.js",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
"@formatjs/intl": "4.1.12",
|
|
104
104
|
"@internationalized/date": "3.12.4",
|
|
105
105
|
"minimatch": "10.2.5",
|
|
106
|
-
"@payfit/unity-illustrations": "3.13.
|
|
106
|
+
"@payfit/unity-illustrations": "3.13.4",
|
|
107
107
|
"@radix-ui/react-avatar": "1.2.7",
|
|
108
108
|
"@radix-ui/react-slot": "1.4.0",
|
|
109
109
|
"@react-aria/interactions": "3.28.1",
|
|
@@ -132,8 +132,8 @@
|
|
|
132
132
|
"zod": "4.6.5"
|
|
133
133
|
},
|
|
134
134
|
"peerDependencies": {
|
|
135
|
-
"@payfit/unity-icons": "3.13.
|
|
136
|
-
"@payfit/unity-themes": "3.13.
|
|
135
|
+
"@payfit/unity-icons": "3.13.4",
|
|
136
|
+
"@payfit/unity-themes": "3.13.4",
|
|
137
137
|
"@storybook/react-vite": "^10",
|
|
138
138
|
"@tanstack/react-query": "^5",
|
|
139
139
|
"@tanstack/form-core": "1.33.5",
|
|
@@ -157,9 +157,9 @@
|
|
|
157
157
|
"@payfit/storybook-addon-console-errors": "0.0.0-use.local",
|
|
158
158
|
"@payfit/storybook-addon-datadog-rum": "0.0.0-use.local",
|
|
159
159
|
"@payfit/storybook-config": "0.0.0-use.local",
|
|
160
|
-
"@payfit/unity-icons": "3.13.
|
|
161
|
-
"@payfit/unity-illustrations": "3.13.
|
|
162
|
-
"@payfit/unity-themes": "3.13.
|
|
160
|
+
"@payfit/unity-icons": "3.13.4",
|
|
161
|
+
"@payfit/unity-illustrations": "3.13.4",
|
|
162
|
+
"@payfit/unity-themes": "3.13.4",
|
|
163
163
|
"@payfit/vite-configs": "0.0.0-use.local",
|
|
164
164
|
"@storybook/addon-a11y": "10.6.1",
|
|
165
165
|
"@storybook/addon-designs": "11.1.4",
|