@paygreen/pgui 2.1.3 → 2.4.0

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.
Files changed (68) hide show
  1. package/dist/cjs/index.js +360 -23
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/components/ActionsButton/index.d.ts +2 -2
  4. package/dist/cjs/types/components/Card/index.d.ts +3 -0
  5. package/dist/cjs/types/components/ConfirmMenuItem/index.d.ts +13 -0
  6. package/dist/cjs/types/components/DataList/index.d.ts +5 -5
  7. package/dist/cjs/types/components/Pagination/index.d.ts +5 -5
  8. package/dist/cjs/types/components/Textarea/index.d.ts +8 -0
  9. package/dist/cjs/types/components/index.d.ts +2 -0
  10. package/dist/cjs/types/index.d.ts +1 -0
  11. package/dist/cjs/types/layout/BottomBar/index.d.ts +3 -0
  12. package/dist/cjs/types/layout/LayoutContainer/index.d.ts +3 -0
  13. package/dist/cjs/types/layout/SideNav/index.d.ts +19 -0
  14. package/dist/cjs/types/layout/TopBar/index.d.ts +3 -3
  15. package/dist/cjs/types/layout/index.d.ts +3 -0
  16. package/dist/cjs/types/theme/components/checkbox.d.ts +11 -0
  17. package/dist/cjs/types/theme/components/drawer.d.ts +6 -0
  18. package/dist/cjs/types/theme/components/index.d.ts +8 -0
  19. package/dist/cjs/types/theme/components/input.d.ts +0 -2
  20. package/dist/cjs/types/theme/components/number-input.d.ts +54 -0
  21. package/dist/cjs/types/theme/components/pin-input.d.ts +31 -0
  22. package/dist/cjs/types/theme/components/radio.d.ts +6 -0
  23. package/dist/cjs/types/theme/components/slider.d.ts +6 -0
  24. package/dist/cjs/types/theme/components/switch.d.ts +6 -0
  25. package/dist/cjs/types/theme/components/textarea.d.ts +42 -0
  26. package/dist/cjs/types/theme/foundations/index.d.ts +31 -0
  27. package/dist/cjs/types/theme/foundations/radius.d.ts +11 -0
  28. package/dist/cjs/types/theme/foundations/sizes.d.ts +21 -0
  29. package/dist/cjs/types/theme/rawStyle/chakraStyle.d.ts +2 -0
  30. package/dist/cjs/types/theme/{externals → rawStyle}/index.d.ts +1 -0
  31. package/dist/cjs/types/theme/{externals → rawStyle}/reactDayPicker.d.ts +0 -0
  32. package/dist/cjs/types/utils/index.d.ts +2 -0
  33. package/dist/cjs/types/utils/responsive.d.ts +1 -0
  34. package/dist/esm/index.js +351 -28
  35. package/dist/esm/index.js.map +1 -1
  36. package/dist/esm/types/components/ActionsButton/index.d.ts +2 -2
  37. package/dist/esm/types/components/Card/index.d.ts +3 -0
  38. package/dist/esm/types/components/ConfirmMenuItem/index.d.ts +13 -0
  39. package/dist/esm/types/components/DataList/index.d.ts +5 -5
  40. package/dist/esm/types/components/Pagination/index.d.ts +5 -5
  41. package/dist/esm/types/components/Textarea/index.d.ts +8 -0
  42. package/dist/esm/types/components/index.d.ts +2 -0
  43. package/dist/esm/types/index.d.ts +1 -0
  44. package/dist/esm/types/layout/BottomBar/index.d.ts +3 -0
  45. package/dist/esm/types/layout/LayoutContainer/index.d.ts +3 -0
  46. package/dist/esm/types/layout/SideNav/index.d.ts +19 -0
  47. package/dist/esm/types/layout/TopBar/index.d.ts +3 -3
  48. package/dist/esm/types/layout/index.d.ts +3 -0
  49. package/dist/esm/types/theme/components/checkbox.d.ts +11 -0
  50. package/dist/esm/types/theme/components/drawer.d.ts +6 -0
  51. package/dist/esm/types/theme/components/index.d.ts +8 -0
  52. package/dist/esm/types/theme/components/input.d.ts +0 -2
  53. package/dist/esm/types/theme/components/number-input.d.ts +54 -0
  54. package/dist/esm/types/theme/components/pin-input.d.ts +31 -0
  55. package/dist/esm/types/theme/components/radio.d.ts +6 -0
  56. package/dist/esm/types/theme/components/slider.d.ts +6 -0
  57. package/dist/esm/types/theme/components/switch.d.ts +6 -0
  58. package/dist/esm/types/theme/components/textarea.d.ts +42 -0
  59. package/dist/esm/types/theme/foundations/index.d.ts +31 -0
  60. package/dist/esm/types/theme/foundations/radius.d.ts +11 -0
  61. package/dist/esm/types/theme/foundations/sizes.d.ts +21 -0
  62. package/dist/esm/types/theme/rawStyle/chakraStyle.d.ts +2 -0
  63. package/dist/esm/types/theme/{externals → rawStyle}/index.d.ts +1 -0
  64. package/dist/esm/types/theme/{externals → rawStyle}/reactDayPicker.d.ts +0 -0
  65. package/dist/esm/types/utils/index.d.ts +2 -0
  66. package/dist/esm/types/utils/responsive.d.ts +1 -0
  67. package/dist/index.d.ts +54 -15
  68. package/package.json +2 -2
@@ -1,6 +1,6 @@
1
- import React, { FC } from 'react';
1
+ import { FC, PropsWithChildren } from 'react';
2
2
  import { IconButtonProps } from '@chakra-ui/react';
3
3
  export declare type ActionsButtonProps = Omit<IconButtonProps, 'aria-label'> & {
4
4
  label: string;
5
5
  };
6
- export declare const ActionsButton: FC<React.PropsWithChildren<ActionsButtonProps>>;
6
+ export declare const ActionsButton: FC<PropsWithChildren<ActionsButtonProps>>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { FlexProps } from '@chakra-ui/react';
3
+ export declare const Card: (props: FlexProps) => JSX.Element;
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { HTMLChakraProps, MenuItemProps } from '@chakra-ui/react';
3
+ export declare type StyledMenuItemProps = HTMLChakraProps<'button'>;
4
+ export declare const MenuItem: import("@chakra-ui/react").ComponentWithAs<"button", MenuItemProps>;
5
+ declare type ConfirmMenuItemProps = MenuItemProps & {
6
+ confirmDelay?: number;
7
+ confirmColorScheme?: string;
8
+ confirmContent?: React.ReactNode;
9
+ confirmText?: React.ReactNode;
10
+ confirmIcon?: React.FC<React.PropsWithChildren<unknown>>;
11
+ };
12
+ export declare const ConfirmMenuItem: import("@chakra-ui/react").ComponentWithAs<"button", ConfirmMenuItemProps>;
13
+ export {};
@@ -1,4 +1,4 @@
1
- import React, { FC } from 'react';
1
+ import React, { FC, PropsWithChildren } from 'react';
2
2
  import { AccordionProps, FlexProps } from '@chakra-ui/react';
3
3
  declare type DataListColumns = Record<string, DataListCellProps>;
4
4
  declare type DataListContextValue = {
@@ -30,13 +30,13 @@ export declare type DataListRowProps = FlexProps & {
30
30
  isVisible?: boolean | boolean[] | Record<string, boolean>;
31
31
  isDisabled?: boolean;
32
32
  };
33
- export declare const DataListRow: FC<React.PropsWithChildren<DataListRowProps>>;
33
+ export declare const DataListRow: FC<PropsWithChildren<DataListRowProps>>;
34
34
  export declare type DataListHeaderProps = DataListRowProps;
35
- export declare const DataListHeader: FC<React.PropsWithChildren<DataListHeaderProps>>;
35
+ export declare const DataListHeader: FC<PropsWithChildren<DataListHeaderProps>>;
36
36
  export declare type DataListFooterProps = DataListRowProps;
37
- export declare const DataListFooter: FC<React.PropsWithChildren<DataListFooterProps>>;
37
+ export declare const DataListFooter: FC<PropsWithChildren<DataListFooterProps>>;
38
38
  export declare type DataListProps = AccordionProps & {
39
39
  isHover?: boolean;
40
40
  };
41
- export declare const DataList: FC<React.PropsWithChildren<DataListProps>>;
41
+ export declare const DataList: FC<PropsWithChildren<DataListProps>>;
42
42
  export {};
@@ -1,4 +1,4 @@
1
- import React, { FC } from 'react';
1
+ import React, { FC, PropsWithChildren } from 'react';
2
2
  import { IconButtonProps, StackProps } from '@chakra-ui/react';
3
3
  export declare const getPaginationInfo: ({ page, pageSize, totalItems, }: {
4
4
  page?: number | undefined;
@@ -26,10 +26,10 @@ export declare type PaginationContextValue<PageType = number> = {
26
26
  lastItemOnPage: number;
27
27
  };
28
28
  export declare const PaginationContext: React.Context<PaginationContextValue<number>>;
29
- export declare const PaginationButtonFirstPage: FC<React.PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
30
- export declare const PaginationButtonPrevPage: FC<React.PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
31
- export declare const PaginationButtonLastPage: FC<React.PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
32
- export declare const PaginationButtonNextPage: FC<React.PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
29
+ export declare const PaginationButtonFirstPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
30
+ export declare const PaginationButtonPrevPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
31
+ export declare const PaginationButtonLastPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
32
+ export declare const PaginationButtonNextPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
33
33
  export declare const PaginationInfo: ({ ...rest }: {
34
34
  [x: string]: any;
35
35
  }) => JSX.Element;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { TextareaProps } from '@chakra-ui/react';
3
+ export declare const Textarea: ({ onFocus, onBlur, onMouseEnter, onMouseLeave, variant, borderRadius, ...rest }: TextareaProps & {
4
+ onFocus?: (() => void) | undefined;
5
+ onBlur?: (() => void) | undefined;
6
+ onMouseEnter?: (() => void) | undefined;
7
+ onMouseLeave?: (() => void) | undefined;
8
+ }) => JSX.Element;
@@ -1,4 +1,6 @@
1
1
  export * from './ActionsButton';
2
+ export * from './Card';
3
+ export * from './ConfirmMenuItem';
2
4
  export * from './DataList';
3
5
  export * from './DayPicker';
4
6
  export * from './FormGroup';
@@ -1,3 +1,4 @@
1
1
  export * from './components';
2
2
  export * from './layout';
3
3
  export * from './theme';
4
+ export * from './utils';
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { FlexProps } from '@chakra-ui/react';
3
+ export declare const BottomBar: (props: FlexProps) => JSX.Element;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { FlexProps } from '@chakra-ui/react';
3
+ export declare const LayoutContainer: (props: FlexProps) => JSX.Element;
@@ -0,0 +1,19 @@
1
+ /// <reference types="react" />
2
+ import { ButtonProps, DrawerContentProps, FlexProps, StackProps, TextProps } from '@chakra-ui/react';
3
+ export declare type SideNavProps = {
4
+ isMobileMenuOpen: boolean;
5
+ onMobileMenuClose: () => void;
6
+ } & FlexProps & DrawerContentProps;
7
+ export declare type SideNavMenuItemProps = {
8
+ isActive?: boolean;
9
+ } & ButtonProps;
10
+ export declare type SideNavMenuProps = {
11
+ textProps?: TextProps;
12
+ } & StackProps;
13
+ export declare const SideNav: ({ isMobileMenuOpen, onMobileMenuClose, children, ...props }: SideNavProps) => JSX.Element;
14
+ export declare const SideNavContainer: (props: StackProps) => JSX.Element;
15
+ export declare const SideNavHeader: ({ children, ...rest }: FlexProps) => JSX.Element;
16
+ export declare const SideNavBody: ({ children, ...rest }: StackProps) => JSX.Element;
17
+ export declare const SideNavFooter: ({ children, ...rest }: FlexProps) => JSX.Element;
18
+ export declare const SideNavMenu: ({ title, children, textProps, ...rest }: SideNavMenuProps) => JSX.Element;
19
+ export declare const SideNavMenuItem: ({ isActive, children, ...rest }: SideNavMenuItemProps) => JSX.Element;
@@ -4,7 +4,7 @@ export declare type TopBarBackActionProps = {
4
4
  backAction?: () => void;
5
5
  rightInformation?: ReactComponentElement<any>;
6
6
  } & FlexProps;
7
- export declare const TopBar: ({ ...props }: StackProps) => JSX.Element;
8
- export declare const TopBarFirstElement: ({ ...props }: FlexProps) => JSX.Element;
9
- export declare const TopBarLastElement: ({ ...props }: StackProps) => JSX.Element;
7
+ export declare const TopBar: (props: StackProps) => JSX.Element;
8
+ export declare const TopBarFirstElement: (props: FlexProps) => JSX.Element;
9
+ export declare const TopBarLastElement: (props: StackProps) => JSX.Element;
10
10
  export declare const TopBarBackAction: ({ backAction, title, rightInformation, ...rest }: TopBarBackActionProps) => JSX.Element;
@@ -1 +1,4 @@
1
+ export * from './BottomBar';
2
+ export * from './LayoutContainer';
3
+ export * from './SideNav';
1
4
  export * from './TopBar';
@@ -0,0 +1,11 @@
1
+ declare const _default: {
2
+ defaultProps: {
3
+ colorScheme: string;
4
+ };
5
+ baseStyle: {
6
+ control: {
7
+ borderRadius: string;
8
+ };
9
+ };
10
+ };
11
+ export default _default;
@@ -0,0 +1,6 @@
1
+ declare const _default: {
2
+ sizes: {
3
+ nav: Partial<Record<"body" | "dialog" | "footer" | "header" | "overlay" | "dialogContainer" | "closeButton", import("@chakra-ui/styled-system").CSSObject>>;
4
+ };
5
+ };
6
+ export default _default;
@@ -1,4 +1,12 @@
1
1
  export { default as Badge } from './badge';
2
2
  export { default as Button } from './button';
3
+ export { default as Checkbox } from './checkbox';
4
+ export { default as Drawer } from './drawer';
3
5
  export { default as Input } from './input';
6
+ export { default as NumberInput } from './number-input';
7
+ export { default as PinInput } from './pin-input';
8
+ export { default as Radio } from './radio';
9
+ export { default as Slider } from './slider';
10
+ export { default as Switch } from './switch';
4
11
  export { default as Tag } from './tag';
12
+ export { default as Textarea } from './textarea';
@@ -9,7 +9,6 @@ declare const _default: {
9
9
  field: {
10
10
  bg: string;
11
11
  borderColor: string;
12
- borderRadius: string;
13
12
  _focus: {
14
13
  borderColor: string;
15
14
  };
@@ -26,7 +25,6 @@ declare const _default: {
26
25
  bg: string;
27
26
  borderWidth: string;
28
27
  borderColor: string;
29
- borderRadius: string;
30
28
  _hover: {
31
29
  bg: string;
32
30
  borderColor: string;
@@ -0,0 +1,54 @@
1
+ declare const _default: {
2
+ baseStyle: {
3
+ field: {
4
+ borderRadius: string;
5
+ };
6
+ stepperGroup: {
7
+ width: string;
8
+ };
9
+ stepper: {
10
+ paddingRight: string;
11
+ };
12
+ };
13
+ variants: {
14
+ outline: (props: any) => {
15
+ field: {
16
+ bg: string;
17
+ borderColor: string;
18
+ borderRadius: string;
19
+ _focus: {
20
+ borderColor: string;
21
+ };
22
+ _focusVisible: {
23
+ boxShadow: string;
24
+ };
25
+ };
26
+ addon: {
27
+ borderRadius: string;
28
+ };
29
+ };
30
+ filled: (props: any) => {
31
+ field: {
32
+ bg: string;
33
+ borderWidth: string;
34
+ borderColor: string;
35
+ borderRadius: string;
36
+ _hover: {
37
+ bg: string;
38
+ borderColor: string;
39
+ };
40
+ _focus: {
41
+ bg: string;
42
+ borderColor: string;
43
+ };
44
+ _focusVisible: {
45
+ boxShadow: string;
46
+ };
47
+ };
48
+ addon: {
49
+ borderRadius: string;
50
+ };
51
+ };
52
+ };
53
+ };
54
+ export default _default;
@@ -0,0 +1,31 @@
1
+ declare const _default: {
2
+ variants: {
3
+ outline: (props: any) => {
4
+ bg: string;
5
+ borderColor: string;
6
+ _focus: {
7
+ borderColor: string;
8
+ };
9
+ _focusVisible: {
10
+ boxShadow: string;
11
+ };
12
+ };
13
+ filled: (props: any) => {
14
+ bg: string;
15
+ borderWidth: string;
16
+ borderColor: string;
17
+ _hover: {
18
+ bg: string;
19
+ borderColor: string;
20
+ };
21
+ _focus: {
22
+ bg: string;
23
+ borderColor: string;
24
+ };
25
+ _focusVisible: {
26
+ boxShadow: string;
27
+ };
28
+ };
29
+ };
30
+ };
31
+ export default _default;
@@ -0,0 +1,6 @@
1
+ declare const _default: {
2
+ defaultProps: {
3
+ colorScheme: string;
4
+ };
5
+ };
6
+ export default _default;
@@ -0,0 +1,6 @@
1
+ declare const _default: {
2
+ defaultProps: {
3
+ colorScheme: string;
4
+ };
5
+ };
6
+ export default _default;
@@ -0,0 +1,6 @@
1
+ declare const _default: {
2
+ defaultProps: {
3
+ colorScheme: string;
4
+ };
5
+ };
6
+ export default _default;
@@ -0,0 +1,42 @@
1
+ declare const _default: {
2
+ baseStyle: {
3
+ paddingY: string;
4
+ minHeight: string;
5
+ lineHeight: string;
6
+ verticalAlign: string;
7
+ borderRadius: string;
8
+ };
9
+ variants: {
10
+ outline: (props: any) => {
11
+ bg: string;
12
+ borderColor: string;
13
+ _focus: {
14
+ borderColor: string;
15
+ };
16
+ _focusVisible: {
17
+ boxShadow: string;
18
+ };
19
+ };
20
+ filled: (props: any) => {
21
+ bg: string;
22
+ borderWidth: string;
23
+ borderColor: string;
24
+ _hover: {
25
+ bg: string;
26
+ borderColor: string;
27
+ };
28
+ _focus: {
29
+ bg: string;
30
+ borderColor: string;
31
+ };
32
+ _focusVisible: {
33
+ boxShadow: string;
34
+ };
35
+ };
36
+ };
37
+ defaultProps: {
38
+ size: string;
39
+ variant: string;
40
+ };
41
+ };
42
+ export default _default;
@@ -1,4 +1,24 @@
1
1
  declare const foundations: {
2
+ sizes: {
3
+ max: string;
4
+ min: string;
5
+ full: string;
6
+ '3xs': string;
7
+ '2xs': string;
8
+ xs: string;
9
+ nav: string;
10
+ sm: string;
11
+ md: string;
12
+ lg: string;
13
+ xl: string;
14
+ '2xl': string;
15
+ '3xl': string;
16
+ '4xl': string;
17
+ '5xl': string;
18
+ '6xl': string;
19
+ '7xl': string;
20
+ '8xl': string;
21
+ };
2
22
  shadows: {
3
23
  xs: string;
4
24
  sm: string;
@@ -9,6 +29,17 @@ declare const foundations: {
9
29
  '2xl': string;
10
30
  layout: string;
11
31
  };
32
+ radii: {
33
+ none: string;
34
+ sm: string;
35
+ base: string;
36
+ md: string;
37
+ lg: string;
38
+ xl: string;
39
+ '2xl': string;
40
+ '3xl': string;
41
+ full: string;
42
+ };
12
43
  fonts: {
13
44
  heading: string;
14
45
  body: string;
@@ -0,0 +1,11 @@
1
+ export declare const radii: {
2
+ none: string;
3
+ sm: string;
4
+ base: string;
5
+ md: string;
6
+ lg: string;
7
+ xl: string;
8
+ '2xl': string;
9
+ '3xl': string;
10
+ full: string;
11
+ };
@@ -0,0 +1,21 @@
1
+ declare const _default: {
2
+ max: string;
3
+ min: string;
4
+ full: string;
5
+ '3xs': string;
6
+ '2xs': string;
7
+ xs: string;
8
+ nav: string;
9
+ sm: string;
10
+ md: string;
11
+ lg: string;
12
+ xl: string;
13
+ '2xl': string;
14
+ '3xl': string;
15
+ '4xl': string;
16
+ '5xl': string;
17
+ '6xl': string;
18
+ '7xl': string;
19
+ '8xl': string;
20
+ };
21
+ export default _default;
@@ -0,0 +1,2 @@
1
+ import { Styles } from '@chakra-ui/theme-tools';
2
+ export declare const chakraStyle: Styles['global'];
@@ -1 +1,2 @@
1
+ export { chakraStyle } from './chakraStyle';
1
2
  export { reactDayPicker } from './reactDayPicker';
@@ -0,0 +1,2 @@
1
+ export * from './date';
2
+ export * from './responsive';
@@ -0,0 +1 @@
1
+ export declare const useIsMobile: (currentBreakpoint: string) => boolean;
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
- import React, { FC, ReactNode, Dispatch, SetStateAction, ReactComponentElement } from 'react';
2
+ import React, { FC, PropsWithChildren, ReactNode, Dispatch, SetStateAction, ReactComponentElement } from 'react';
3
3
  import * as _chakra_ui_react from '@chakra-ui/react';
4
- import { IconButtonProps, FlexProps, AccordionProps, FormControlProps, PopoverProps, InputProps, StackProps, BoxProps } from '@chakra-ui/react';
4
+ import { IconButtonProps, FlexProps, HTMLChakraProps, MenuItemProps, AccordionProps, FormControlProps, PopoverProps, InputProps, StackProps, BoxProps, DrawerContentProps, ButtonProps, TextProps } from '@chakra-ui/react';
5
5
  import { DayPickerProps, DaySelectionMode, DayPickerSingleProps } from 'react-day-picker';
6
6
  import * as react_select_dist_declarations_src_useStateManager from 'react-select/dist/declarations/src/useStateManager';
7
7
  import * as react_select from 'react-select';
@@ -13,7 +13,20 @@ import * as react_select_dist_declarations_src_Select from 'react-select/dist/de
13
13
  declare type ActionsButtonProps = Omit<IconButtonProps, 'aria-label'> & {
14
14
  label: string;
15
15
  };
16
- declare const ActionsButton: FC<React.PropsWithChildren<ActionsButtonProps>>;
16
+ declare const ActionsButton: FC<PropsWithChildren<ActionsButtonProps>>;
17
+
18
+ declare const Card: (props: FlexProps) => JSX.Element;
19
+
20
+ declare type StyledMenuItemProps = HTMLChakraProps<'button'>;
21
+ declare const MenuItem: _chakra_ui_react.ComponentWithAs<"button", MenuItemProps>;
22
+ declare type ConfirmMenuItemProps = MenuItemProps & {
23
+ confirmDelay?: number;
24
+ confirmColorScheme?: string;
25
+ confirmContent?: React.ReactNode;
26
+ confirmText?: React.ReactNode;
27
+ confirmIcon?: React.FC<React.PropsWithChildren<unknown>>;
28
+ };
29
+ declare const ConfirmMenuItem: _chakra_ui_react.ComponentWithAs<"button", ConfirmMenuItemProps>;
17
30
 
18
31
  declare type DataListColumns = Record<string, DataListCellProps>;
19
32
  declare type DataListContextValue = {
@@ -45,15 +58,15 @@ declare type DataListRowProps = FlexProps & {
45
58
  isVisible?: boolean | boolean[] | Record<string, boolean>;
46
59
  isDisabled?: boolean;
47
60
  };
48
- declare const DataListRow: FC<React.PropsWithChildren<DataListRowProps>>;
61
+ declare const DataListRow: FC<PropsWithChildren<DataListRowProps>>;
49
62
  declare type DataListHeaderProps = DataListRowProps;
50
- declare const DataListHeader: FC<React.PropsWithChildren<DataListHeaderProps>>;
63
+ declare const DataListHeader: FC<PropsWithChildren<DataListHeaderProps>>;
51
64
  declare type DataListFooterProps = DataListRowProps;
52
- declare const DataListFooter: FC<React.PropsWithChildren<DataListFooterProps>>;
65
+ declare const DataListFooter: FC<PropsWithChildren<DataListFooterProps>>;
53
66
  declare type DataListProps = AccordionProps & {
54
67
  isHover?: boolean;
55
68
  };
56
- declare const DataList: FC<React.PropsWithChildren<DataListProps>>;
69
+ declare const DataList: FC<PropsWithChildren<DataListProps>>;
57
70
 
58
71
  declare const DayPicker: (props: DayPickerProps) => JSX.Element;
59
72
 
@@ -108,10 +121,10 @@ declare type PaginationContextValue<PageType = number> = {
108
121
  lastItemOnPage: number;
109
122
  };
110
123
  declare const PaginationContext: React.Context<PaginationContextValue<number>>;
111
- declare const PaginationButtonFirstPage: FC<React.PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
112
- declare const PaginationButtonPrevPage: FC<React.PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
113
- declare const PaginationButtonLastPage: FC<React.PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
114
- declare const PaginationButtonNextPage: FC<React.PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
124
+ declare const PaginationButtonFirstPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
125
+ declare const PaginationButtonPrevPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
126
+ declare const PaginationButtonLastPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
127
+ declare const PaginationButtonNextPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
115
128
  declare const PaginationInfo: ({ ...rest }: {
116
129
  [x: string]: any;
117
130
  }) => JSX.Element;
@@ -248,15 +261,41 @@ declare const Select: <Option, IsMulti extends boolean = false, Group extends Gr
248
261
  tabSelectsValue?: boolean | undefined;
249
262
  } & {}> & react_select_dist_declarations_src_useStateManager.StateManagerAdditionalProps<Option> & Omit<BoxProps, "defaultValue"> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
250
263
 
264
+ declare const BottomBar: (props: FlexProps) => JSX.Element;
265
+
266
+ declare const LayoutContainer: (props: FlexProps) => JSX.Element;
267
+
268
+ declare type SideNavProps = {
269
+ isMobileMenuOpen: boolean;
270
+ onMobileMenuClose: () => void;
271
+ } & FlexProps & DrawerContentProps;
272
+ declare type SideNavMenuItemProps = {
273
+ isActive?: boolean;
274
+ } & ButtonProps;
275
+ declare type SideNavMenuProps = {
276
+ textProps?: TextProps;
277
+ } & StackProps;
278
+ declare const SideNav: ({ isMobileMenuOpen, onMobileMenuClose, children, ...props }: SideNavProps) => JSX.Element;
279
+ declare const SideNavContainer: (props: StackProps) => JSX.Element;
280
+ declare const SideNavHeader: ({ children, ...rest }: FlexProps) => JSX.Element;
281
+ declare const SideNavBody: ({ children, ...rest }: StackProps) => JSX.Element;
282
+ declare const SideNavFooter: ({ children, ...rest }: FlexProps) => JSX.Element;
283
+ declare const SideNavMenu: ({ title, children, textProps, ...rest }: SideNavMenuProps) => JSX.Element;
284
+ declare const SideNavMenuItem: ({ isActive, children, ...rest }: SideNavMenuItemProps) => JSX.Element;
285
+
251
286
  declare type TopBarBackActionProps = {
252
287
  backAction?: () => void;
253
288
  rightInformation?: ReactComponentElement<any>;
254
289
  } & FlexProps;
255
- declare const TopBar: ({ ...props }: StackProps) => JSX.Element;
256
- declare const TopBarFirstElement: ({ ...props }: FlexProps) => JSX.Element;
257
- declare const TopBarLastElement: ({ ...props }: StackProps) => JSX.Element;
290
+ declare const TopBar: (props: StackProps) => JSX.Element;
291
+ declare const TopBarFirstElement: (props: FlexProps) => JSX.Element;
292
+ declare const TopBarLastElement: (props: StackProps) => JSX.Element;
258
293
  declare const TopBarBackAction: ({ backAction, title, rightInformation, ...rest }: TopBarBackActionProps) => JSX.Element;
259
294
 
260
295
  declare const theme: any;
261
296
 
262
- export { ActionsButton, ActionsButtonProps, DataList, DataListAccordion, DataListAccordionButton, DataListAccordionIcon, DataListAccordionPanel, DataListCell, DataListCellProps, DataListContext, DataListFooter, DataListFooterProps, DataListHeader, DataListHeaderContext, DataListHeaderProps, DataListProps, DataListRow, DataListRowProps, DayPicker, FormGroup, FormGroupProps, InputDayPicker, InputDayPickerProps, Pagination, PaginationButtonFirstPage, PaginationButtonLastPage, PaginationButtonNextPage, PaginationButtonPrevPage, PaginationContext, PaginationContextValue, PaginationInfo, PaginationProps, SearchInput, Select, SelectProps, SingleDayPickerProps, TopBar, TopBarBackAction, TopBarBackActionProps, TopBarFirstElement, TopBarLastElement, getPaginationInfo, theme };
297
+ declare const dateFormat = "dd/MM/yyyy";
298
+
299
+ declare const useIsMobile: (currentBreakpoint: string) => boolean;
300
+
301
+ export { ActionsButton, ActionsButtonProps, BottomBar, Card, ConfirmMenuItem, DataList, DataListAccordion, DataListAccordionButton, DataListAccordionIcon, DataListAccordionPanel, DataListCell, DataListCellProps, DataListContext, DataListFooter, DataListFooterProps, DataListHeader, DataListHeaderContext, DataListHeaderProps, DataListProps, DataListRow, DataListRowProps, DayPicker, FormGroup, FormGroupProps, InputDayPicker, InputDayPickerProps, LayoutContainer, MenuItem, Pagination, PaginationButtonFirstPage, PaginationButtonLastPage, PaginationButtonNextPage, PaginationButtonPrevPage, PaginationContext, PaginationContextValue, PaginationInfo, PaginationProps, SearchInput, Select, SelectProps, SideNav, SideNavBody, SideNavContainer, SideNavFooter, SideNavHeader, SideNavMenu, SideNavMenuItem, SideNavMenuItemProps, SideNavMenuProps, SideNavProps, SingleDayPickerProps, StyledMenuItemProps, TopBar, TopBarBackAction, TopBarBackActionProps, TopBarFirstElement, TopBarLastElement, dateFormat, getPaginationInfo, theme, useIsMobile };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@paygreen/pgui",
3
- "version": "2.1.3",
3
+ "version": "2.4.0",
4
4
  "description": "PGUI is the design system coming from Paygreen.",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -96,4 +96,4 @@
96
96
  "sass": "^1.53.0",
97
97
  "typescript": "^4.7.4"
98
98
  }
99
- }
99
+ }