@payfit/unity-components 3.20.3 → 3.20.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/autocomplete/parts/AutocompletePanel.d.ts +1 -1
- package/dist/esm/core/components/carousel/types.d.ts +1 -3
- package/dist/esm/core/components/checkbox/parts/CheckboxIndicator.d.ts +1 -1
- package/dist/esm/core/components/client-side-pagination/parts/PaginationEllipsis.d.ts +1 -1
- package/dist/esm/core/components/client-side-pagination/parts/PaginationNavButton.d.ts +1 -1
- package/dist/esm/core/components/code/Code.d.ts +1 -1
- package/dist/esm/core/components/date-calendar/parts/DateSegmentSelect.d.ts +1 -1
- package/dist/esm/core/components/dropzone/Dropzone.context.d.ts +2 -1
- package/dist/esm/core/components/dropzone/Dropzone.variants.d.ts +0 -2
- package/dist/esm/core/components/error-state/parts/Collapsible.d.ts +1 -1
- package/dist/esm/core/components/filter-toolbar/parts/AddFilter.d.ts +1 -1
- package/dist/esm/core/components/filter-toolbar/parts/AddFilterItem.d.ts +1 -1
- package/dist/esm/core/components/multi-select/MultiselectTypes.d.ts +3 -3
- package/dist/esm/core/components/phone-number/parts/PhoneNumberItem.d.ts +1 -1
- package/dist/esm/core/components/popover/parts/PopoverHeader.d.ts +1 -1
- package/dist/esm/core/components/select-list/parts/SelectListOptGroup.d.ts +1 -1
- package/dist/esm/core/components/select-list/parts/SelectListOptGroup.js +0 -1
- package/dist/esm/core/utils/scroll-detection.d.ts +2 -1
- package/dist/esm/docs/reference/catalog/types.d.ts +6 -15
- package/dist/esm/modules/ai-kit/components/proposal-card/ProposalCard.context.d.ts +2 -1
- package/dist/esm/modules/tanstack-form/components/inline-field/parts/test-utils/InlineFieldEditTrigger.d.ts +1 -1
- package/dist/esm/modules/tanstack-router/utils/test-utils/decorators.d.ts +4 -0
- package/dist/esm/modules/tanstack-table/components/data-table/parts/test-utils/DataTableBulkActionsLegacy.d.ts +1 -1
- package/package.json +6 -6
|
@@ -33,7 +33,7 @@ declare const autocompletePanel: import('tailwind-variants').TVReturnType<{
|
|
|
33
33
|
base: string;
|
|
34
34
|
list: string;
|
|
35
35
|
}>>;
|
|
36
|
-
|
|
36
|
+
interface AutocompletePanelProps<T extends object> extends VariantProps<typeof autocompletePanel>, Omit<PopoverProps, 'children'> {
|
|
37
37
|
/** Width of the panel, used to match the width of the search input */
|
|
38
38
|
panelWidth: string | null;
|
|
39
39
|
/** Reference to the search input element */
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { default as useEmblaCarousel } from 'embla-carousel-react';
|
|
2
2
|
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
3
|
-
export type CarouselApi = UseEmblaCarouselType[1];
|
|
4
3
|
export type CarouselOptions = UseCarouselParameters[0];
|
|
5
|
-
export type CarouselPlugin = UseCarouselParameters[1];
|
|
6
4
|
export type EmblaCarouselRef = ReturnType<typeof useEmblaCarousel>[0];
|
|
7
5
|
export type EmblaCarouselApi = ReturnType<typeof useEmblaCarousel>[1];
|
|
8
6
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VariantProps } from '@payfit/unity-themes';
|
|
2
2
|
import { ButtonProps } from 'react-aria-components/Button';
|
|
3
3
|
import { paginationLink } from './RawPaginationLink.js';
|
|
4
|
-
|
|
4
|
+
interface PaginationEllipsisProps extends Omit<ButtonProps, 'value' | 'children' | 'className' | 'style' | 'slot'>, VariantProps<typeof paginationLink> {
|
|
5
5
|
value: [number, number];
|
|
6
6
|
id?: string;
|
|
7
7
|
isDisabled?: boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CircularIconButtonProps } from '../../icon-button/CircularIconButton.js';
|
|
2
|
-
|
|
2
|
+
interface PaginationNavButtonProps extends Omit<CircularIconButtonProps, 'icon' | 'title'> {
|
|
3
3
|
variant: 'previous' | 'next';
|
|
4
4
|
}
|
|
5
5
|
declare function PaginationNavButton({ variant, ...props }: PaginationNavButtonProps): import('react/jsx-runtime').JSX.Element;
|
|
@@ -30,7 +30,7 @@ declare const code: import('tailwind-variants').TVReturnType<{
|
|
|
30
30
|
base: string[];
|
|
31
31
|
pre: string;
|
|
32
32
|
}>>;
|
|
33
|
-
|
|
33
|
+
interface CodeProps extends VariantProps<typeof code> {
|
|
34
34
|
children: string;
|
|
35
35
|
}
|
|
36
36
|
declare const Code: import('react').ForwardRefExoticComponent<CodeProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
interface DropzoneContextValue {
|
|
2
2
|
descriptionId: string;
|
|
3
3
|
labelId: string;
|
|
4
4
|
}
|
|
5
5
|
export declare const DropzoneContextProvider: import('react').Provider<DropzoneContextValue | null>;
|
|
6
6
|
export declare function useDropzoneContext(): DropzoneContextValue;
|
|
7
|
+
export {};
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { VariantProps } from '@payfit/unity-themes';
|
|
2
1
|
export declare const dropzone: import('tailwind-variants').TVReturnType<{
|
|
3
2
|
state: {
|
|
4
3
|
default: "uy:border-border-neutral-enabled uy:bg-surface-neutral-enabled";
|
|
@@ -21,4 +20,3 @@ export declare const dropzone: import('tailwind-variants').TVReturnType<{
|
|
|
21
20
|
valid: "uy:border-border-success uy:bg-surface-success-lowest";
|
|
22
21
|
};
|
|
23
22
|
}, undefined>>;
|
|
24
|
-
export type DropzoneVariants = VariantProps<typeof dropzone>;
|
|
@@ -49,7 +49,7 @@ declare const collapsible: import('tailwind-variants').TVReturnType<{
|
|
|
49
49
|
icon: string;
|
|
50
50
|
content: string;
|
|
51
51
|
}>>;
|
|
52
|
-
|
|
52
|
+
interface CollapsibleProps extends PropsWithChildren<VariantProps<typeof collapsible>> {
|
|
53
53
|
children: ReactNode;
|
|
54
54
|
}
|
|
55
55
|
declare const Collapsible: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VariantProps } from '@payfit/unity-themes';
|
|
2
2
|
import { Selection } from 'react-aria-components/GridList';
|
|
3
3
|
import { FilterDef } from '../FilterToolbar.types.js';
|
|
4
|
-
|
|
4
|
+
interface AddFilterProps extends VariantProps<typeof addFilter> {
|
|
5
5
|
/** Available filter definitions that can be added */
|
|
6
6
|
availableFilterDefs: FilterDef[];
|
|
7
7
|
/** Callback invoked when user selects filters to add */
|
|
@@ -1,7 +1,7 @@
|
|
|
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
|
+
interface AddFilterItemProps extends VariantProps<typeof addFilterItem>, ListBoxItemProps {
|
|
5
5
|
}
|
|
6
6
|
/**
|
|
7
7
|
* Internal component that renders individual filter options in the add filter menu.
|
|
@@ -2,7 +2,7 @@ type Key = string | number;
|
|
|
2
2
|
/**
|
|
3
3
|
* Common props shared by all MultiSelect variants.
|
|
4
4
|
*/
|
|
5
|
-
|
|
5
|
+
interface MultiSelectBaseProps {
|
|
6
6
|
/** The ID of the element */
|
|
7
7
|
id?: string;
|
|
8
8
|
/** Default content when no value is selected */
|
|
@@ -36,7 +36,7 @@ export interface MultiSelectBaseProps {
|
|
|
36
36
|
* Props for flat (non-grouped) dynamic items MultiSelect.
|
|
37
37
|
* @template TItems The type of set of items.
|
|
38
38
|
*/
|
|
39
|
-
|
|
39
|
+
interface FlatSelectProps<TItems extends Set<unknown>> extends MultiSelectBaseProps {
|
|
40
40
|
/** The items to display in the select */
|
|
41
41
|
items: TItems;
|
|
42
42
|
/** Function to get the value from an item, defaults to String(item) */ getItemValue?: (item: TItems extends Set<infer U> ? U : never) => Key;
|
|
@@ -56,7 +56,7 @@ export interface FlatSelectProps<TItems extends Set<unknown>> extends MultiSelec
|
|
|
56
56
|
* Props for grouped dynamic items MultiSelect.
|
|
57
57
|
* @template TItems The type of map from group key to array of items.
|
|
58
58
|
*/
|
|
59
|
-
|
|
59
|
+
interface GroupedSelectProps<TItems extends Map<string, unknown[]>> extends MultiSelectBaseProps {
|
|
60
60
|
/** The items to display in the select, grouped by category */
|
|
61
61
|
items: TItems;
|
|
62
62
|
/** Function to get the value from an item, defaults to String(item) */
|
|
@@ -32,7 +32,7 @@ declare const phoneNumberItem: import('tailwind-variants').TVReturnType<{
|
|
|
32
32
|
base: string[];
|
|
33
33
|
name: string[];
|
|
34
34
|
}>>;
|
|
35
|
-
|
|
35
|
+
interface PhoneNumberItemProps extends VariantProps<typeof phoneNumberItem>, ListBoxItemProps {
|
|
36
36
|
country: ParsedCountry;
|
|
37
37
|
}
|
|
38
38
|
declare const PhoneNumberItem: {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HeadingProps } from 'react-aria-components/Heading';
|
|
2
|
-
|
|
2
|
+
interface PopoverHeaderProps extends Omit<HeadingProps, 'className' | 'style' | 'children'> {
|
|
3
3
|
/**
|
|
4
4
|
* Title text to be displayed in the header and used as the Popover's label.
|
|
5
5
|
*/
|
|
@@ -3,7 +3,7 @@ import { ListBoxSectionProps } from 'react-aria-components/ListBox';
|
|
|
3
3
|
* Props for the SelectListOptGroup component.
|
|
4
4
|
* @template TType - The type of items when using the dynamic API
|
|
5
5
|
*/
|
|
6
|
-
|
|
6
|
+
interface SelectListOptGroupProps<TType extends object> extends ListBoxSectionProps<TType> {
|
|
7
7
|
/**
|
|
8
8
|
* The heading text for this group of options. Displayed above the group's options to provide visual and semantic organization.
|
|
9
9
|
*/
|
|
@@ -5,7 +5,7 @@ export type ScrollDetectionStrategy = 'size' | 'style' | 'both';
|
|
|
5
5
|
/**
|
|
6
6
|
* Detailed detection results for both size and style methods
|
|
7
7
|
*/
|
|
8
|
-
|
|
8
|
+
interface DetectionMethod {
|
|
9
9
|
size: {
|
|
10
10
|
vertical: boolean;
|
|
11
11
|
horizontal: boolean;
|
|
@@ -48,3 +48,4 @@ export interface ScrollDetectionResult {
|
|
|
48
48
|
* ```
|
|
49
49
|
*/
|
|
50
50
|
export declare function detectScroll(element: HTMLElement, strategy?: ScrollDetectionStrategy): ScrollDetectionResult;
|
|
51
|
+
export {};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
export type CatalogSection = 'components' | 'forms' | 'patterns' | 'integrations';
|
|
2
|
-
|
|
2
|
+
type CatalogTypeTag = 'type:component' | 'type:form-control' | 'type:pattern' | 'type:integration' | 'type:primitive' | 'type:utility';
|
|
3
3
|
export type CatalogCategoryTag = 'category:actions' | 'category:content' | 'category:fields' | 'category:feedback' | 'category:foundations' | 'category:information' | 'category:inputs' | 'category:layout' | 'category:navigation' | 'category:tabular-data';
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
type CatalogBehaviorTag = 'behavior:async' | 'behavior:blocking' | 'behavior:disclosure' | 'behavior:editing' | 'behavior:filtering' | 'behavior:multi-selection' | 'behavior:navigation' | 'behavior:selection' | 'behavior:validation';
|
|
5
|
+
type CatalogStatusTag = 'status:deprecated' | 'status:experimental' | 'status:stable';
|
|
6
6
|
export type CatalogTaxonomyTag = CatalogTypeTag | CatalogCategoryTag | CatalogBehaviorTag | CatalogStatusTag;
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
type CatalogPreviewZoom = number | string;
|
|
8
|
+
type CatalogPreview = ({
|
|
9
9
|
type: 'story';
|
|
10
10
|
zoom?: CatalogPreviewZoom;
|
|
11
11
|
} & ({
|
|
@@ -21,16 +21,6 @@ export type CatalogPreview = ({
|
|
|
21
21
|
} | {
|
|
22
22
|
type: 'none';
|
|
23
23
|
};
|
|
24
|
-
export interface CatalogParameters {
|
|
25
|
-
include?: boolean;
|
|
26
|
-
section?: CatalogSection;
|
|
27
|
-
title?: string;
|
|
28
|
-
description?: string;
|
|
29
|
-
keywords?: string[];
|
|
30
|
-
related?: string[];
|
|
31
|
-
principal?: string;
|
|
32
|
-
preview?: CatalogPreview;
|
|
33
|
-
}
|
|
34
24
|
export interface CatalogEntry {
|
|
35
25
|
id: string;
|
|
36
26
|
title: string;
|
|
@@ -43,3 +33,4 @@ export interface CatalogEntry {
|
|
|
43
33
|
principal?: string;
|
|
44
34
|
preview: CatalogPreview;
|
|
45
35
|
}
|
|
36
|
+
export {};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
export type AIProposalCardState = 'pending' | 'confirmed' | 'dismissed';
|
|
2
|
-
|
|
2
|
+
interface ProposalCardContextValue {
|
|
3
3
|
state: AIProposalCardState;
|
|
4
4
|
isExpandable: boolean;
|
|
5
5
|
}
|
|
6
6
|
export declare const ProposalCardContextProvider: import('react').Provider<ProposalCardContextValue | null>;
|
|
7
7
|
export declare function useProposalCardContext(): ProposalCardContextValue;
|
|
8
|
+
export {};
|
|
@@ -9,6 +9,10 @@ interface RouteConfig {
|
|
|
9
9
|
validateSearch?: (search: Record<string, unknown>) => any;
|
|
10
10
|
loaderDeps?: (deps: Record<string, unknown>) => Record<string, unknown>;
|
|
11
11
|
}
|
|
12
|
+
/**
|
|
13
|
+
* Required by decorators.test.tsx in the TypeScript spec project.
|
|
14
|
+
* @developmentType
|
|
15
|
+
*/
|
|
12
16
|
export interface TanstackRouterDecoratorContext extends StoryContext {
|
|
13
17
|
parameters: {
|
|
14
18
|
router?: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { RowData } from '@tanstack/react-table';
|
|
2
2
|
import { LegacyTable as TableType } from '@tanstack/react-table/legacy';
|
|
3
3
|
import { ActionBarActionItem } from '../../../../../../core/components/action-bar/ActionBar.js';
|
|
4
|
-
|
|
4
|
+
interface DataTableBulkActionsLegacyProps<TData extends RowData> {
|
|
5
5
|
table: TableType<TData>;
|
|
6
6
|
actions: ActionBarActionItem[];
|
|
7
7
|
renderSelectionText?: (count: number) => string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@payfit/unity-components",
|
|
3
|
-
"version": "3.20.
|
|
3
|
+
"version": "3.20.5",
|
|
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.20.
|
|
106
|
+
"@payfit/unity-illustrations": "3.20.5",
|
|
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.20.
|
|
136
|
-
"@payfit/unity-themes": "3.20.
|
|
135
|
+
"@payfit/unity-icons": "3.20.5",
|
|
136
|
+
"@payfit/unity-themes": "3.20.5",
|
|
137
137
|
"@storybook/react-vite": "^10",
|
|
138
138
|
"@tanstack/react-query": "^5",
|
|
139
139
|
"@tanstack/form-core": "1.33.5",
|
|
@@ -156,8 +156,8 @@
|
|
|
156
156
|
"@payfit/storybook-addon-console-errors": "0.0.0-use.local",
|
|
157
157
|
"@payfit/storybook-addon-datadog-rum": "0.0.0-use.local",
|
|
158
158
|
"@payfit/storybook-config": "0.0.0-use.local",
|
|
159
|
-
"@payfit/unity-icons": "3.20.
|
|
160
|
-
"@payfit/unity-themes": "3.20.
|
|
159
|
+
"@payfit/unity-icons": "3.20.5",
|
|
160
|
+
"@payfit/unity-themes": "3.20.5",
|
|
161
161
|
"@payfit/vite-configs": "0.0.0-use.local",
|
|
162
162
|
"@storybook/addon-a11y": "10.6.1",
|
|
163
163
|
"@storybook/addon-designs": "11.1.4",
|