@paygreen/pgui 2.10.0 → 2.10.1

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

@@ -1,2 +1,3 @@
 import React from 'react';
+import { CardProps } from '@chakra-ui/react';
 export declare const Card: (props: CardProps) => React.JSX.Element;

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

@@ -1,4 +1,13 @@
-import { HTMLChakraProps } from '@chakra-ui/react';
+import React from 'react';
+import { HTMLChakraProps, MenuItemProps } from '@chakra-ui/react';
 export type StyledMenuItemProps = HTMLChakraProps<'button'>;
-export declare const MenuItem: any;
-export declare const ConfirmMenuItem: any;
+export declare const MenuItem: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"button", MenuItemProps>;
+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/system/dist/system.types").ComponentWithAs<"button", ConfirmMenuItemProps>;
+export {};

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

@@ -2,7 +2,7 @@ import React from 'react';
 import 'dayjs/locale/en';
 import 'dayjs/locale/fr';
 export type DayPickerProps = {
-    defaultValue?: string | Date;
+    defaultValue?: string | Date | undefined;
     onChange: (e: string | undefined) => void;
     locale?: string;
     customFormat?: string;

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

@@ -1,6 +1,6 @@
 import React, { Dispatch, SetStateAction } from 'react';
 import { InputProps } from '@chakra-ui/react';
-export type InputDayPickerProps = {
+export type InputDayPickerProps = Omit<InputProps, 'minDate' | 'maxDate' | 'defaultValue'> & {
     name: string;
     placeholder?: string;
     onChange: Dispatch<SetStateAction<string | undefined | null>>;
@@ -13,5 +13,5 @@ export type InputDayPickerProps = {
     maxDate?: Date | null | undefined;
     calendarFunc?: (date: any) => 'after-max-date' | 'before-min-date' | undefined;
     isDisabled?: boolean;
-} & InputProps;
+};
 export declare const InputDayPicker: ({ name, placeholder, value, onChange, locale, variant, format, withTime, minDate, maxDate, calendarFunc, isDisabled, ...inputProps }: InputDayPickerProps) => React.JSX.Element;

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

@@ -1 +1,12 @@
-export declare const SearchInput: any;
+import { InputProps } from '@chakra-ui/react';
+type CustomProps = {
+    value?: string;
+    defaultValue?: string;
+    onChange?(value?: string): void;
+    delay?: number;
+    clearLabel?: string;
+    inputProps?: object;
+};
+type SearchInputProps = Overwrite<InputProps, CustomProps>;
+export declare const SearchInput: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"input", SearchInputProps>;
+export {};

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

@@ -25,26 +25,28 @@ export declare const Select: <Option, IsMulti extends boolean = false, Group ext
     defaultOptions?: unknown | boolean;
     debounceDelay?: number | undefined;
     variant?: "outline" | "filled" | undefined;
-} & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "aria-label" | "form" | "value" | "onChange" | "inputValue" | "theme" | "className" | "id" | "name" | "autoFocus" | "onFocus" | "onBlur" | "onKeyDown" | "aria-errormessage" | "aria-invalid" | "aria-labelledby" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "required"> & {
-    isDisabled?: boolean | undefined;
+} & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "aria-label" | "form" | "name" | "value" | "autoFocus" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "inputValue" | "theme" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
     placeholder?: React.ReactNode;
+    tabIndex?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    isLoading?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, Group>> | undefined;
+    unstyled?: boolean | undefined;
     options?: import("react-select").OptionsOrGroups<Option, Group> | undefined;
     pageSize?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
     backspaceRemovesValue?: boolean | undefined;
     blurInputOnSelect?: boolean | undefined;
     captureMenuScroll?: boolean | undefined;
     classNames?: import("react-select").ClassNamesConfig<Option, IsMulti, Group> | undefined;
     closeMenuOnSelect?: boolean | undefined;
     closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, Group>> | undefined;
     controlShouldRenderValue?: boolean | undefined;
     escapeClearsValue?: boolean | undefined;
     filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<Option>, inputValue: string) => boolean) | null | undefined;
     formatGroupLabel?: ((group: Group) => React.ReactNode) | undefined;
     getOptionLabel?: import("react-select").GetOptionLabel<Option> | undefined;
     getOptionValue?: import("react-select").GetOptionValue<Option> | undefined;
-    isLoading?: boolean | undefined;
     isOptionDisabled?: ((option: Option, selectValue: import("react-select").Options<Option>) => boolean) | undefined;
     isMulti?: IsMulti | undefined;
     isRtl?: boolean | undefined;
@@ -68,29 +70,29 @@ export declare const Select: <Option, IsMulti extends boolean = false, Group ext
         count: number;
     }) => string) | undefined;
     styles?: import("react-select").StylesConfig<Option, IsMulti, Group> | undefined;
-    tabIndex?: number | undefined;
     tabSelectsValue?: boolean | undefined;
-    unstyled?: boolean | undefined;
-} & {}, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "aria-label" | "form" | "value" | "onChange" | "inputValue" | "theme" | "className" | "id" | "name" | "autoFocus" | "onFocus" | "onBlur" | "onKeyDown" | "aria-errormessage" | "aria-invalid" | "aria-labelledby" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "required"> & {
-    isDisabled?: boolean | undefined;
+} & {}, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "aria-label" | "form" | "name" | "value" | "autoFocus" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "inputValue" | "theme" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
     placeholder?: React.ReactNode;
+    tabIndex?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    isLoading?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, Group>> | undefined;
+    unstyled?: boolean | undefined;
     options?: import("react-select").OptionsOrGroups<Option, Group> | undefined;
     pageSize?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
     backspaceRemovesValue?: boolean | undefined;
     blurInputOnSelect?: boolean | undefined;
     captureMenuScroll?: boolean | undefined;
     classNames?: import("react-select").ClassNamesConfig<Option, IsMulti, Group> | undefined;
     closeMenuOnSelect?: boolean | undefined;
     closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, Group>> | undefined;
     controlShouldRenderValue?: boolean | undefined;
     escapeClearsValue?: boolean | undefined;
     filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<Option>, inputValue: string) => boolean) | null | undefined;
     formatGroupLabel?: ((group: Group) => React.ReactNode) | undefined;
     getOptionLabel?: import("react-select").GetOptionLabel<Option> | undefined;
     getOptionValue?: import("react-select").GetOptionValue<Option> | undefined;
-    isLoading?: boolean | undefined;
     isOptionDisabled?: ((option: Option, selectValue: import("react-select").Options<Option>) => boolean) | undefined;
     isMulti?: IsMulti | undefined;
     isRtl?: boolean | undefined;
@@ -114,7 +116,5 @@ export declare const Select: <Option, IsMulti extends boolean = false, Group ext
         count: number;
     }) => string) | undefined;
     styles?: import("react-select").StylesConfig<Option, IsMulti, Group> | undefined;
-    tabIndex?: number | undefined;
     tabSelectsValue?: boolean | undefined;
-    unstyled?: boolean | undefined;
 } & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<Option> & Omit<BoxProps, "defaultValue"> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import React, { ReactComponentElement } from 'react';
-import { FlexProps } from '@chakra-ui/react';
+import { FlexProps, StackProps } from '@chakra-ui/react';
 export type TopBarBackActionProps = {
     backAction?: () => void;
     rightInformation?: ReactComponentElement<any>;

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

@@ -1 +1 @@
-export declare const theme: any;
+export declare const theme: Record<string, any>;