@paygreen/pgui 3.1.0 → 3.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/card-expandable/card-expandable.d.ts +1 -1
- package/dist/components/data-list/datalist.d.ts +8 -8
- package/dist/components/data-table/components/table-empty-state.d.ts +1 -1
- package/dist/components/data-table/components/table-pagination-footer.d.ts +1 -1
- package/dist/components/data-table/components/table-row-wrapper.d.ts +1 -1
- package/dist/components/data-table/data-table.d.ts +1 -1
- package/dist/components/input-phone/input-phone.d.ts +1 -1
- package/dist/components/input-phone/partials/search-on-list.d.ts +4 -3
- package/dist/components/loader/loader.d.ts +1 -1
- package/dist/components/logos/logoPaygreenByLemonway.d.ts +1 -1
- package/dist/components/modal/modal.d.ts +10 -10
- package/dist/components/pagination/pagination.d.ts +1 -1
- package/dist/components/scroll-shadow/scroll-shadow.d.ts +1 -1
- package/dist/components/sidebar/sidebar.d.ts +4 -4
- package/dist/components/ui/color-mode.d.ts +2 -2
- package/dist/components/ui/toaster.d.ts +1 -1
- package/dist/index.js +5 -5
- package/dist/index.mjs +1605 -1535
- package/dist/pgui.css +1 -1
- package/dist/theme/recipes/alert-recipe.d.ts +52 -0
- package/dist/theme/recipes/native-select-recipe.d.ts +6 -0
- package/package.json +27 -23
- package/src/components/select/select.css +13 -0
|
@@ -13,7 +13,7 @@ export interface CardExpandableProps extends Omit<Card.RootProps, 'title' | 'var
|
|
|
13
13
|
isLazy?: boolean;
|
|
14
14
|
}
|
|
15
15
|
declare const CardExpandable: {
|
|
16
|
-
({ title, subtitle, header, tags, children, defaultExpanded, onExpandChange, colorPalette, icon, isLazy, ...cardProps }: CardExpandableProps): import("react
|
|
16
|
+
({ title, subtitle, header, tags, children, defaultExpanded, onExpandChange, colorPalette, icon, isLazy, ...cardProps }: CardExpandableProps): import("react").JSX.Element;
|
|
17
17
|
displayName: string;
|
|
18
18
|
};
|
|
19
19
|
export { CardExpandable };
|
|
@@ -66,21 +66,21 @@ interface DataListProps extends AccordionRootProps {
|
|
|
66
66
|
* ```
|
|
67
67
|
*/
|
|
68
68
|
declare const DataList: {
|
|
69
|
-
({ multiple, collapsible, isHover, ...rest }: DataListProps): import("react
|
|
69
|
+
({ multiple, collapsible, isHover, ...rest }: DataListProps): import("react").JSX.Element;
|
|
70
70
|
Cell: import('react').NamedExoticComponent<DataListCellProps>;
|
|
71
|
-
Row({ isVisible, isDisabled, ...rest }: DataListRowProps): import("react
|
|
72
|
-
Header({ ...rest }: DataListHeaderProps): import("react
|
|
73
|
-
Footer({ ...rest }: DataListFooterProps): import("react
|
|
74
|
-
Accordion({ value, ...rest }: DataListAccordionProps): import("react
|
|
71
|
+
Row({ isVisible, isDisabled, ...rest }: DataListRowProps): import("react").JSX.Element;
|
|
72
|
+
Header({ ...rest }: DataListHeaderProps): import("react").JSX.Element;
|
|
73
|
+
Footer({ ...rest }: DataListFooterProps): import("react").JSX.Element;
|
|
74
|
+
Accordion({ value, ...rest }: DataListAccordionProps): import("react").JSX.Element;
|
|
75
75
|
AccordionButton({ ...rest }: {
|
|
76
76
|
[x: string]: any;
|
|
77
|
-
}): import("react
|
|
77
|
+
}): import("react").JSX.Element;
|
|
78
78
|
AccordionIcon({ ...rest }: {
|
|
79
79
|
[x: string]: any;
|
|
80
|
-
}): import("react
|
|
80
|
+
}): import("react").JSX.Element;
|
|
81
81
|
AccordionPanel({ ...rest }: {
|
|
82
82
|
[x: string]: any;
|
|
83
|
-
}): import("react
|
|
83
|
+
}): import("react").JSX.Element;
|
|
84
84
|
displayName: string;
|
|
85
85
|
};
|
|
86
86
|
export { DataList };
|
|
@@ -5,5 +5,5 @@ interface TableEmptyStateProps {
|
|
|
5
5
|
variant?: 'mobile' | 'desktop';
|
|
6
6
|
colSpan?: number;
|
|
7
7
|
}
|
|
8
|
-
export declare const TableEmptyState: ({ isLoading, emptyState, variant, colSpan, }: TableEmptyStateProps) => import("react
|
|
8
|
+
export declare const TableEmptyState: ({ isLoading, emptyState, variant, colSpan, }: TableEmptyStateProps) => import("react").JSX.Element;
|
|
9
9
|
export {};
|
|
@@ -10,5 +10,5 @@ interface TablePaginationFooterProps {
|
|
|
10
10
|
isTableLoading?: boolean;
|
|
11
11
|
variant?: 'mobile' | 'desktop';
|
|
12
12
|
}
|
|
13
|
-
export declare const TablePaginationFooter: ({ pagination, paginationButtonProps, countLabel, isTableLoading, variant, }: TablePaginationFooterProps) => import("react
|
|
13
|
+
export declare const TablePaginationFooter: ({ pagination, paginationButtonProps, countLabel, isTableLoading, variant, }: TablePaginationFooterProps) => import("react").JSX.Element | null;
|
|
14
14
|
export {};
|
|
@@ -11,5 +11,5 @@ interface TableRowWrapperProps {
|
|
|
11
11
|
bg: string | Record<string, string>;
|
|
12
12
|
hoverBg: string | Record<string, string>;
|
|
13
13
|
}
|
|
14
|
-
export declare const TableRowWrapper: ({ children, onClick, onAuxClick, cursor, isLoading, bg, hoverBg, }: TableRowWrapperProps) => import("react
|
|
14
|
+
export declare const TableRowWrapper: ({ children, onClick, onAuxClick, cursor, isLoading, bg, hoverBg, }: TableRowWrapperProps) => import("react").JSX.Element;
|
|
15
15
|
export {};
|
|
@@ -36,7 +36,7 @@ export interface DataTableProps<TData> {
|
|
|
36
36
|
};
|
|
37
37
|
colorPalette?: 'blue' | 'orange';
|
|
38
38
|
}
|
|
39
|
-
declare function DataTable<TData>({ data, columns, pagination, variant, enableFiltering, enableSorting, emptyState, responsive, mobileView, isMobile, isLoading, onFilterChange, onSortingChange, rowLink, paginationButtonProps, countLabel, colorPalette, }: DataTableProps<TData>): import("react
|
|
39
|
+
declare function DataTable<TData>({ data, columns, pagination, variant, enableFiltering, enableSorting, emptyState, responsive, mobileView, isMobile, isLoading, onFilterChange, onSortingChange, rowLink, paginationButtonProps, countLabel, colorPalette, }: DataTableProps<TData>): import("react").JSX.Element;
|
|
40
40
|
declare namespace DataTable {
|
|
41
41
|
var displayName: string;
|
|
42
42
|
}
|
|
@@ -56,7 +56,7 @@ declare const formatPhoneIntl: (val: string) => string;
|
|
|
56
56
|
* ```
|
|
57
57
|
*/
|
|
58
58
|
declare const InputPhone: {
|
|
59
|
-
({ locale, label, value, placeholder, disabled, inputProps, onChange, required, invalid, errorMessage, searchLabels, ...props }: InputPhoneProps): import("react
|
|
59
|
+
({ locale, label, value, placeholder, disabled, inputProps, onChange, required, invalid, errorMessage, searchLabels, ...props }: InputPhoneProps): import("react").JSX.Element;
|
|
60
60
|
displayName: string;
|
|
61
61
|
};
|
|
62
62
|
export { formatPhoneIntl, InputPhone, isValidPhone };
|
|
@@ -40,12 +40,13 @@ export interface SearchOnListProps {
|
|
|
40
40
|
search?: string;
|
|
41
41
|
/** Message shown when no results are found */
|
|
42
42
|
noResults?: string;
|
|
43
|
-
/**
|
|
43
|
+
/** @deprecated Filtering is synchronous, no loading state is shown */
|
|
44
44
|
loading?: string;
|
|
45
45
|
};
|
|
46
46
|
}
|
|
47
47
|
/**
|
|
48
|
-
*
|
|
48
|
+
* Searchable dropdown list built on Chakra's Combobox primitives.
|
|
49
|
+
* The dropdown is portaled so it escapes overflow ancestors.
|
|
49
50
|
*
|
|
50
51
|
* @example
|
|
51
52
|
* ```tsx
|
|
@@ -57,5 +58,5 @@ export interface SearchOnListProps {
|
|
|
57
58
|
* />
|
|
58
59
|
* ```
|
|
59
60
|
*/
|
|
60
|
-
declare const SearchOnList: ({ options, onChange, iconComponent: IconComponent, locale, labels: customLabels, ...props }: SearchOnListProps) => import("react
|
|
61
|
+
declare const SearchOnList: ({ options, onChange, iconComponent: IconComponent, locale, labels: customLabels, ...props }: SearchOnListProps) => import("react").JSX.Element;
|
|
61
62
|
export { SearchOnList };
|
|
@@ -19,7 +19,7 @@ export interface LoaderProps extends SpinnerProps {
|
|
|
19
19
|
* ```
|
|
20
20
|
*/
|
|
21
21
|
declare const Loader: {
|
|
22
|
-
({ loading, size, color, ...rest }: LoaderProps): import("react
|
|
22
|
+
({ loading, size, color, ...rest }: LoaderProps): import("react").JSX.Element | null;
|
|
23
23
|
displayName: string;
|
|
24
24
|
};
|
|
25
25
|
export { Loader };
|
|
@@ -21,5 +21,5 @@ export interface LogoPayGreenByLemonwayProps {
|
|
|
21
21
|
* />
|
|
22
22
|
* ```
|
|
23
23
|
*/
|
|
24
|
-
declare const LogoPayGreenByLemonway: ({ color, width, height, ...rest }: LogoPayGreenByLemonwayProps) => import("react
|
|
24
|
+
declare const LogoPayGreenByLemonway: ({ color, width, height, ...rest }: LogoPayGreenByLemonwayProps) => import("react").JSX.Element;
|
|
25
25
|
export { LogoPayGreenByLemonway };
|
|
@@ -34,34 +34,34 @@ export type ModalPropsWithExtensions = ModalProps & Partial<DrawerRootProps> & P
|
|
|
34
34
|
* ```
|
|
35
35
|
*/
|
|
36
36
|
declare const ModalRoot: {
|
|
37
|
-
({ open, setOpen, children, ...rest }: ModalPropsWithExtensions): import("react
|
|
37
|
+
({ open, setOpen, children, ...rest }: ModalPropsWithExtensions): import("react").JSX.Element;
|
|
38
38
|
Trigger({ children, ...rest }: {
|
|
39
39
|
children: ReactNode;
|
|
40
40
|
[key: string]: any;
|
|
41
|
-
}): import("react
|
|
41
|
+
}): import("react").JSX.Element;
|
|
42
42
|
Header({ children, ...rest }: {
|
|
43
43
|
children: ReactNode;
|
|
44
|
-
}): import("react
|
|
44
|
+
}): import("react").JSX.Element;
|
|
45
45
|
Body({ children, ...rest }: {
|
|
46
46
|
children: ReactNode;
|
|
47
|
-
}): import("react
|
|
47
|
+
}): import("react").JSX.Element;
|
|
48
48
|
Footer({ children, ...rest }: {
|
|
49
49
|
children: ReactNode;
|
|
50
|
-
}): import("react
|
|
50
|
+
}): import("react").JSX.Element;
|
|
51
51
|
ActionTrigger({ children, ...rest }: {
|
|
52
52
|
children: ReactNode;
|
|
53
53
|
[key: string]: any;
|
|
54
|
-
}): import("react
|
|
55
|
-
Backdrop(props: any): import("react
|
|
56
|
-
Positioner(props: any): import("react
|
|
54
|
+
}): import("react").JSX.Element;
|
|
55
|
+
Backdrop(props: any): import("react").JSX.Element;
|
|
56
|
+
Positioner(props: any): import("react").JSX.Element;
|
|
57
57
|
Portal({ children, ...rest }: {
|
|
58
58
|
children: ReactNode;
|
|
59
59
|
[key: string]: any;
|
|
60
|
-
}): import("react
|
|
60
|
+
}): import("react").JSX.Element;
|
|
61
61
|
ContentWrapper({ children, ...rest }: {
|
|
62
62
|
children: ReactNode;
|
|
63
63
|
[key: string]: any;
|
|
64
|
-
}): import("react
|
|
64
|
+
}): import("react").JSX.Element;
|
|
65
65
|
displayName: string;
|
|
66
66
|
};
|
|
67
67
|
declare const Modal: typeof ModalRoot & {
|
|
@@ -32,7 +32,7 @@ export interface PaginationProps {
|
|
|
32
32
|
* ```
|
|
33
33
|
*/
|
|
34
34
|
declare const Pagination: {
|
|
35
|
-
({ page, setPage, maxPerPage, totalResults, isLoadingPage, colorPalette, buttonProps, }: PaginationProps): import("react
|
|
35
|
+
({ page, setPage, maxPerPage, totalResults, isLoadingPage, colorPalette, buttonProps, }: PaginationProps): import("react").JSX.Element;
|
|
36
36
|
displayName: string;
|
|
37
37
|
};
|
|
38
38
|
export { Pagination };
|
|
@@ -3,5 +3,5 @@ interface ScrollShadowProps {
|
|
|
3
3
|
children: ReactNode;
|
|
4
4
|
[key: string]: any;
|
|
5
5
|
}
|
|
6
|
-
declare const ScrollShadow: ({ children, ...props }: ScrollShadowProps) => import("react
|
|
6
|
+
declare const ScrollShadow: ({ children, ...props }: ScrollShadowProps) => import("react").JSX.Element;
|
|
7
7
|
export { ScrollShadow };
|
|
@@ -110,16 +110,16 @@ export interface SidebarProps extends Omit<DrawerRootProps, 'open'> {
|
|
|
110
110
|
* ```
|
|
111
111
|
*/
|
|
112
112
|
declare const Sidebar: {
|
|
113
|
-
({ open, setOpen, containerRef, children, theme, ...props }: SidebarProps): import("react
|
|
113
|
+
({ open, setOpen, containerRef, children, theme, ...props }: SidebarProps): import("react").JSX.Element;
|
|
114
114
|
NavItem: import('react').NamedExoticComponent<NavItemProps>;
|
|
115
115
|
NavSection: import('react').NamedExoticComponent<NavSectionProps>;
|
|
116
116
|
Body: import('react').NamedExoticComponent<SidebarBodyProps>;
|
|
117
117
|
Header({ children, ...props }: {
|
|
118
118
|
children: ReactNode;
|
|
119
|
-
} & Partial<BoxProps>): import("react
|
|
119
|
+
} & Partial<BoxProps>): import("react").JSX.Element;
|
|
120
120
|
Footer({ children, ...props }: {
|
|
121
121
|
children: ReactNode;
|
|
122
|
-
} & Partial<BoxProps>): import("react
|
|
123
|
-
Root: ({ pathname, navItemsAs, navItemsProps, displayDrawer, ...props }: SidebarRootProps) => import("react
|
|
122
|
+
} & Partial<BoxProps>): import("react").JSX.Element;
|
|
123
|
+
Root: ({ pathname, navItemsAs, navItemsProps, displayDrawer, ...props }: SidebarRootProps) => import("react").JSX.Element;
|
|
124
124
|
};
|
|
125
125
|
export { Sidebar };
|
|
@@ -3,7 +3,7 @@ import { IconButtonProps, SpanProps } from '@chakra-ui/react';
|
|
|
3
3
|
import { ThemeProviderProps } from 'next-themes';
|
|
4
4
|
export interface ColorModeProviderProps extends ThemeProviderProps {
|
|
5
5
|
}
|
|
6
|
-
export declare function ColorModeProvider(props: ColorModeProviderProps):
|
|
6
|
+
export declare function ColorModeProvider(props: ColorModeProviderProps): React.JSX.Element;
|
|
7
7
|
export type ColorMode = 'light' | 'dark';
|
|
8
8
|
export interface UseColorModeReturn {
|
|
9
9
|
colorMode: ColorMode;
|
|
@@ -12,7 +12,7 @@ export interface UseColorModeReturn {
|
|
|
12
12
|
}
|
|
13
13
|
export declare function useColorMode(): UseColorModeReturn;
|
|
14
14
|
export declare function useColorModeValue<T>(light: T, dark: T): T;
|
|
15
|
-
export declare function ColorModeIcon():
|
|
15
|
+
export declare function ColorModeIcon(): React.JSX.Element;
|
|
16
16
|
interface ColorModeButtonProps extends Omit<IconButtonProps, 'aria-label'> {
|
|
17
17
|
}
|
|
18
18
|
export declare const ColorModeButton: React.ForwardRefExoticComponent<ColorModeButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const toaster: import('@zag-js/toast').Store<any>;
|
|
2
|
-
export declare const Toaster: () => import("react
|
|
2
|
+
export declare const Toaster: () => import("react").JSX.Element;
|