@paygreen/pgui 2.1.3 → 2.4.0

package/dist/cjs/types/components/ActionsButton/index.d.ts

@@ -1,6 +1,6 @@
-import React, { FC } from 'react';
+import { FC, PropsWithChildren } from 'react';
 import { IconButtonProps } from '@chakra-ui/react';
 export declare type ActionsButtonProps = Omit<IconButtonProps, 'aria-label'> & {
     label: string;
 };
-export declare const ActionsButton: FC<React.PropsWithChildren<ActionsButtonProps>>;
+export declare const ActionsButton: FC<PropsWithChildren<ActionsButtonProps>>;

package/dist/cjs/types/components/Card/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FlexProps } from '@chakra-ui/react';
+export declare const Card: (props: FlexProps) => JSX.Element;

package/dist/cjs/types/components/ConfirmMenuItem/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { HTMLChakraProps, MenuItemProps } from '@chakra-ui/react';
+export declare type StyledMenuItemProps = HTMLChakraProps<'button'>;
+export declare const MenuItem: import("@chakra-ui/react").ComponentWithAs<"button", MenuItemProps>;
+declare type ConfirmMenuItemProps = MenuItemProps & {
+    confirmDelay?: number;
+    confirmColorScheme?: string;
+    confirmContent?: React.ReactNode;
+    confirmText?: React.ReactNode;
+    confirmIcon?: React.FC<React.PropsWithChildren<unknown>>;
+};
+export declare const ConfirmMenuItem: import("@chakra-ui/react").ComponentWithAs<"button", ConfirmMenuItemProps>;
+export {};

package/dist/cjs/types/components/DataList/index.d.ts

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { FC, PropsWithChildren } from 'react';
 import { AccordionProps, FlexProps } from '@chakra-ui/react';
 declare type DataListColumns = Record<string, DataListCellProps>;
 declare type DataListContextValue = {
@@ -30,13 +30,13 @@ export declare type DataListRowProps = FlexProps & {
     isVisible?: boolean | boolean[] | Record<string, boolean>;
     isDisabled?: boolean;
 };
-export declare const DataListRow: FC<React.PropsWithChildren<DataListRowProps>>;
+export declare const DataListRow: FC<PropsWithChildren<DataListRowProps>>;
 export declare type DataListHeaderProps = DataListRowProps;
-export declare const DataListHeader: FC<React.PropsWithChildren<DataListHeaderProps>>;
+export declare const DataListHeader: FC<PropsWithChildren<DataListHeaderProps>>;
 export declare type DataListFooterProps = DataListRowProps;
-export declare const DataListFooter: FC<React.PropsWithChildren<DataListFooterProps>>;
+export declare const DataListFooter: FC<PropsWithChildren<DataListFooterProps>>;
 export declare type DataListProps = AccordionProps & {
     isHover?: boolean;
 };
-export declare const DataList: FC<React.PropsWithChildren<DataListProps>>;
+export declare const DataList: FC<PropsWithChildren<DataListProps>>;
 export {};

package/dist/cjs/types/components/Pagination/index.d.ts

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { FC, PropsWithChildren } from 'react';
 import { IconButtonProps, StackProps } from '@chakra-ui/react';
 export declare const getPaginationInfo: ({ page, pageSize, totalItems, }: {
     page?: number | undefined;
@@ -26,10 +26,10 @@ export declare type PaginationContextValue<PageType = number> = {
     lastItemOnPage: number;
 };
 export declare const PaginationContext: React.Context<PaginationContextValue<number>>;
-export declare const PaginationButtonFirstPage: FC<React.PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
-export declare const PaginationButtonPrevPage: FC<React.PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
-export declare const PaginationButtonLastPage: FC<React.PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
-export declare const PaginationButtonNextPage: FC<React.PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
+export declare const PaginationButtonFirstPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
+export declare const PaginationButtonPrevPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
+export declare const PaginationButtonLastPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
+export declare const PaginationButtonNextPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
 export declare const PaginationInfo: ({ ...rest }: {
     [x: string]: any;
 }) => JSX.Element;

package/dist/cjs/types/components/Textarea/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TextareaProps } from '@chakra-ui/react';
+export declare const Textarea: ({ onFocus, onBlur, onMouseEnter, onMouseLeave, variant, borderRadius, ...rest }: TextareaProps & {
+    onFocus?: (() => void) | undefined;
+    onBlur?: (() => void) | undefined;
+    onMouseEnter?: (() => void) | undefined;
+    onMouseLeave?: (() => void) | undefined;
+}) => JSX.Element;

package/dist/cjs/types/components/index.d.ts

@@ -1,4 +1,6 @@
 export * from './ActionsButton';
+export * from './Card';
+export * from './ConfirmMenuItem';
 export * from './DataList';
 export * from './DayPicker';
 export * from './FormGroup';

package/dist/cjs/types/index.d.ts

@@ -1,3 +1,4 @@
 export * from './components';
 export * from './layout';
 export * from './theme';
+export * from './utils';

package/dist/cjs/types/layout/BottomBar/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FlexProps } from '@chakra-ui/react';
+export declare const BottomBar: (props: FlexProps) => JSX.Element;

package/dist/cjs/types/layout/LayoutContainer/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FlexProps } from '@chakra-ui/react';
+export declare const LayoutContainer: (props: FlexProps) => JSX.Element;

package/dist/cjs/types/layout/SideNav/index.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { ButtonProps, DrawerContentProps, FlexProps, StackProps, TextProps } from '@chakra-ui/react';
+export declare type SideNavProps = {
+    isMobileMenuOpen: boolean;
+    onMobileMenuClose: () => void;
+} & FlexProps & DrawerContentProps;
+export declare type SideNavMenuItemProps = {
+    isActive?: boolean;
+} & ButtonProps;
+export declare type SideNavMenuProps = {
+    textProps?: TextProps;
+} & StackProps;
+export declare const SideNav: ({ isMobileMenuOpen, onMobileMenuClose, children, ...props }: SideNavProps) => JSX.Element;
+export declare const SideNavContainer: (props: StackProps) => JSX.Element;
+export declare const SideNavHeader: ({ children, ...rest }: FlexProps) => JSX.Element;
+export declare const SideNavBody: ({ children, ...rest }: StackProps) => JSX.Element;
+export declare const SideNavFooter: ({ children, ...rest }: FlexProps) => JSX.Element;
+export declare const SideNavMenu: ({ title, children, textProps, ...rest }: SideNavMenuProps) => JSX.Element;
+export declare const SideNavMenuItem: ({ isActive, children, ...rest }: SideNavMenuItemProps) => JSX.Element;

package/dist/cjs/types/layout/TopBar/index.d.ts

@@ -4,7 +4,7 @@ export declare type TopBarBackActionProps = {
     backAction?: () => void;
     rightInformation?: ReactComponentElement<any>;
 } & FlexProps;
-export declare const TopBar: ({ ...props }: StackProps) => JSX.Element;
-export declare const TopBarFirstElement: ({ ...props }: FlexProps) => JSX.Element;
-export declare const TopBarLastElement: ({ ...props }: StackProps) => JSX.Element;
+export declare const TopBar: (props: StackProps) => JSX.Element;
+export declare const TopBarFirstElement: (props: FlexProps) => JSX.Element;
+export declare const TopBarLastElement: (props: StackProps) => JSX.Element;
 export declare const TopBarBackAction: ({ backAction, title, rightInformation, ...rest }: TopBarBackActionProps) => JSX.Element;

package/dist/cjs/types/layout/index.d.ts

@@ -1 +1,4 @@
+export * from './BottomBar';
+export * from './LayoutContainer';
+export * from './SideNav';
 export * from './TopBar';

package/dist/cjs/types/theme/components/checkbox.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    defaultProps: {
+        colorScheme: string;
+    };
+    baseStyle: {
+        control: {
+            borderRadius: string;
+        };
+    };
+};
+export default _default;

package/dist/cjs/types/theme/components/drawer.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    sizes: {
+        nav: Partial<Record<"body" | "dialog" | "footer" | "header" | "overlay" | "dialogContainer" | "closeButton", import("@chakra-ui/styled-system").CSSObject>>;
+    };
+};
+export default _default;

package/dist/cjs/types/theme/components/index.d.ts

@@ -1,4 +1,12 @@
 export { default as Badge } from './badge';
 export { default as Button } from './button';
+export { default as Checkbox } from './checkbox';
+export { default as Drawer } from './drawer';
 export { default as Input } from './input';
+export { default as NumberInput } from './number-input';
+export { default as PinInput } from './pin-input';
+export { default as Radio } from './radio';
+export { default as Slider } from './slider';
+export { default as Switch } from './switch';
 export { default as Tag } from './tag';
+export { default as Textarea } from './textarea';

package/dist/cjs/types/theme/components/input.d.ts

@@ -9,7 +9,6 @@ declare const _default: {
             field: {
                 bg: string;
                 borderColor: string;
-                borderRadius: string;
                 _focus: {
                     borderColor: string;
                 };
@@ -26,7 +25,6 @@ declare const _default: {
                 bg: string;
                 borderWidth: string;
                 borderColor: string;
-                borderRadius: string;
                 _hover: {
                     bg: string;
                     borderColor: string;

package/dist/cjs/types/theme/components/number-input.d.ts

@@ -0,0 +1,54 @@
+declare const _default: {
+    baseStyle: {
+        field: {
+            borderRadius: string;
+        };
+        stepperGroup: {
+            width: string;
+        };
+        stepper: {
+            paddingRight: string;
+        };
+    };
+    variants: {
+        outline: (props: any) => {
+            field: {
+                bg: string;
+                borderColor: string;
+                borderRadius: string;
+                _focus: {
+                    borderColor: string;
+                };
+                _focusVisible: {
+                    boxShadow: string;
+                };
+            };
+            addon: {
+                borderRadius: string;
+            };
+        };
+        filled: (props: any) => {
+            field: {
+                bg: string;
+                borderWidth: string;
+                borderColor: string;
+                borderRadius: string;
+                _hover: {
+                    bg: string;
+                    borderColor: string;
+                };
+                _focus: {
+                    bg: string;
+                    borderColor: string;
+                };
+                _focusVisible: {
+                    boxShadow: string;
+                };
+            };
+            addon: {
+                borderRadius: string;
+            };
+        };
+    };
+};
+export default _default;

package/dist/cjs/types/theme/components/pin-input.d.ts

@@ -0,0 +1,31 @@
+declare const _default: {
+    variants: {
+        outline: (props: any) => {
+            bg: string;
+            borderColor: string;
+            _focus: {
+                borderColor: string;
+            };
+            _focusVisible: {
+                boxShadow: string;
+            };
+        };
+        filled: (props: any) => {
+            bg: string;
+            borderWidth: string;
+            borderColor: string;
+            _hover: {
+                bg: string;
+                borderColor: string;
+            };
+            _focus: {
+                bg: string;
+                borderColor: string;
+            };
+            _focusVisible: {
+                boxShadow: string;
+            };
+        };
+    };
+};
+export default _default;

package/dist/cjs/types/theme/components/radio.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    defaultProps: {
+        colorScheme: string;
+    };
+};
+export default _default;

package/dist/cjs/types/theme/components/slider.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    defaultProps: {
+        colorScheme: string;
+    };
+};
+export default _default;

package/dist/cjs/types/theme/components/switch.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    defaultProps: {
+        colorScheme: string;
+    };
+};
+export default _default;

package/dist/cjs/types/theme/components/textarea.d.ts

@@ -0,0 +1,42 @@
+declare const _default: {
+    baseStyle: {
+        paddingY: string;
+        minHeight: string;
+        lineHeight: string;
+        verticalAlign: string;
+        borderRadius: string;
+    };
+    variants: {
+        outline: (props: any) => {
+            bg: string;
+            borderColor: string;
+            _focus: {
+                borderColor: string;
+            };
+            _focusVisible: {
+                boxShadow: string;
+            };
+        };
+        filled: (props: any) => {
+            bg: string;
+            borderWidth: string;
+            borderColor: string;
+            _hover: {
+                bg: string;
+                borderColor: string;
+            };
+            _focus: {
+                bg: string;
+                borderColor: string;
+            };
+            _focusVisible: {
+                boxShadow: string;
+            };
+        };
+    };
+    defaultProps: {
+        size: string;
+        variant: string;
+    };
+};
+export default _default;

package/dist/cjs/types/theme/foundations/index.d.ts

@@ -1,4 +1,24 @@
 declare const foundations: {
+    sizes: {
+        max: string;
+        min: string;
+        full: string;
+        '3xs': string;
+        '2xs': string;
+        xs: string;
+        nav: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+    };
     shadows: {
         xs: string;
         sm: string;
@@ -9,6 +29,17 @@ declare const foundations: {
         '2xl': string;
         layout: string;
     };
+    radii: {
+        none: string;
+        sm: string;
+        base: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        full: string;
+    };
     fonts: {
         heading: string;
         body: string;

package/dist/cjs/types/theme/foundations/radius.d.ts

@@ -0,0 +1,11 @@
+export declare const radii: {
+    none: string;
+    sm: string;
+    base: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    full: string;
+};

package/dist/cjs/types/theme/foundations/sizes.d.ts

@@ -0,0 +1,21 @@
+declare const _default: {
+    max: string;
+    min: string;
+    full: string;
+    '3xs': string;
+    '2xs': string;
+    xs: string;
+    nav: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    '4xl': string;
+    '5xl': string;
+    '6xl': string;
+    '7xl': string;
+    '8xl': string;
+};
+export default _default;

package/dist/cjs/types/theme/rawStyle/chakraStyle.d.ts

@@ -0,0 +1,2 @@
+import { Styles } from '@chakra-ui/theme-tools';
+export declare const chakraStyle: Styles['global'];

package/dist/cjs/types/theme/{externals → rawStyle}/index.d.ts

@@ -1 +1,2 @@
+export { chakraStyle } from './chakraStyle';
 export { reactDayPicker } from './reactDayPicker';

package/dist/cjs/types/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './date';
+export * from './responsive';

package/dist/cjs/types/utils/responsive.d.ts

@@ -0,0 +1 @@
+export declare const useIsMobile: (currentBreakpoint: string) => boolean;