@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.
@@ -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/jsx-runtime").JSX.Element;
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/jsx-runtime").JSX.Element;
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/jsx-runtime").JSX.Element;
72
- Header({ ...rest }: DataListHeaderProps): import("react/jsx-runtime").JSX.Element;
73
- Footer({ ...rest }: DataListFooterProps): import("react/jsx-runtime").JSX.Element;
74
- Accordion({ value, ...rest }: DataListAccordionProps): import("react/jsx-runtime").JSX.Element;
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/jsx-runtime").JSX.Element;
77
+ }): import("react").JSX.Element;
78
78
  AccordionIcon({ ...rest }: {
79
79
  [x: string]: any;
80
- }): import("react/jsx-runtime").JSX.Element;
80
+ }): import("react").JSX.Element;
81
81
  AccordionPanel({ ...rest }: {
82
82
  [x: string]: any;
83
- }): import("react/jsx-runtime").JSX.Element;
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/jsx-runtime").JSX.Element;
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/jsx-runtime").JSX.Element | null;
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/jsx-runtime").JSX.Element;
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/jsx-runtime").JSX.Element;
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/jsx-runtime").JSX.Element;
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
- /** Message shown during search loading */
43
+ /** @deprecated Filtering is synchronous, no loading state is shown */
44
44
  loading?: string;
45
45
  };
46
46
  }
47
47
  /**
48
- * SearchOnList component - A searchable dropdown list with keyboard navigation
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/jsx-runtime").JSX.Element;
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/jsx-runtime").JSX.Element | null;
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/jsx-runtime").JSX.Element;
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/jsx-runtime").JSX.Element;
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/jsx-runtime").JSX.Element;
41
+ }): import("react").JSX.Element;
42
42
  Header({ children, ...rest }: {
43
43
  children: ReactNode;
44
- }): import("react/jsx-runtime").JSX.Element;
44
+ }): import("react").JSX.Element;
45
45
  Body({ children, ...rest }: {
46
46
  children: ReactNode;
47
- }): import("react/jsx-runtime").JSX.Element;
47
+ }): import("react").JSX.Element;
48
48
  Footer({ children, ...rest }: {
49
49
  children: ReactNode;
50
- }): import("react/jsx-runtime").JSX.Element;
50
+ }): import("react").JSX.Element;
51
51
  ActionTrigger({ children, ...rest }: {
52
52
  children: ReactNode;
53
53
  [key: string]: any;
54
- }): import("react/jsx-runtime").JSX.Element;
55
- Backdrop(props: any): import("react/jsx-runtime").JSX.Element;
56
- Positioner(props: any): import("react/jsx-runtime").JSX.Element;
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/jsx-runtime").JSX.Element;
60
+ }): import("react").JSX.Element;
61
61
  ContentWrapper({ children, ...rest }: {
62
62
  children: ReactNode;
63
63
  [key: string]: any;
64
- }): import("react/jsx-runtime").JSX.Element;
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/jsx-runtime").JSX.Element;
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/jsx-runtime").JSX.Element;
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/jsx-runtime").JSX.Element;
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/jsx-runtime").JSX.Element;
119
+ } & Partial<BoxProps>): import("react").JSX.Element;
120
120
  Footer({ children, ...props }: {
121
121
  children: ReactNode;
122
- } & Partial<BoxProps>): import("react/jsx-runtime").JSX.Element;
123
- Root: ({ pathname, navItemsAs, navItemsProps, displayDrawer, ...props }: SidebarRootProps) => import("react/jsx-runtime").JSX.Element;
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): import("react/jsx-runtime").JSX.Element;
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(): import("react/jsx-runtime").JSX.Element;
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/jsx-runtime").JSX.Element;
2
+ export declare const Toaster: () => import("react").JSX.Element;