@ukpc-lib/react 0.1.20 → 0.1.21

package/dist/components/GlobalMenu/components/Dropdown.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+type DropdownProps = {
+    children: React.ReactNode;
+    parentRef: React.RefObject<HTMLDivElement>;
+    onlyChild?: boolean;
+};
+export default function Dropdown(props: DropdownProps): import("react").ReactNode;
+export {};

package/dist/components/GlobalMenu/components/MenuItem.d.ts

@@ -0,0 +1,15 @@
+import { MenuItemDto } from '../models';
+export type OwnMenuItemProps = {
+    replacePath?(path: string): string;
+    ssr?: boolean;
+};
+type MenuItemProps = {
+    item: MenuItemDto;
+    level?: number;
+    isActive(id: number): boolean;
+    isCollapsed: boolean;
+    expanded(id: number): boolean;
+    toggleExpand: (id: number) => void;
+} & OwnMenuItemProps;
+export default function MenuItem({ item, level, ...props }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/GlobalMenu/icons/IconCollapsed.d.ts

@@ -0,0 +1,2 @@
+declare function IconCollapsed(): import("react/jsx-runtime").JSX.Element;
+export default IconCollapsed;

package/dist/components/GlobalMenu/icons/IconDown.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function IconDown(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default IconDown;

package/dist/components/GlobalMenu/icons/IconExpand.d.ts

@@ -0,0 +1,2 @@
+declare function IconExpand(): import("react/jsx-runtime").JSX.Element;
+export default IconExpand;

package/dist/components/GlobalMenu/icons/IconLogout.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function IconLogout(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/GlobalMenu/index.d.ts

@@ -0,0 +1,7 @@
+import { OwnMenuItemProps } from './components/MenuItem';
+export type GlobalMenuProps = {
+    baseUrl: string;
+    menuPath?: string;
+    logout?(): void;
+} & OwnMenuItemProps;
+export declare function GlobalMenu(props: GlobalMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/GlobalMenu/models/MenuItemDto.d.ts

@@ -0,0 +1,8 @@
+export interface MenuItemDto {
+    id: number;
+    name: string;
+    path?: string;
+    icon?: string;
+    parentKey: number | null;
+    children?: MenuItemDto[];
+}

package/dist/components/GlobalMenu/models/index.d.ts

@@ -0,0 +1 @@
+export * from './MenuItemDto';

package/dist/components/LanguageSwitcher/index.d.ts

@@ -0,0 +1 @@
+export default function LanguageSwitcher(): import("react/jsx-runtime").JSX.Element;

package/dist/components/LogoutConfirmModal/index.d.ts

@@ -0,0 +1,7 @@
+type LogoutConfirmModalProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+};
+declare function LogoutConfirmModal({ isOpen, onClose, onConfirm, }: LogoutConfirmModalProps): import("react/jsx-runtime").JSX.Element | null;
+export default LogoutConfirmModal;

package/dist/components/NoData/index.d.ts

@@ -0,0 +1,2 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const NoData: FC<PropsWithChildren>;

package/dist/components/NotFoundPage/index.d.ts

@@ -0,0 +1,4 @@
+declare const NotFoundPage: ({ rootPath }: {
+    rootPath: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default NotFoundPage;

package/dist/components/PopUp/index.d.ts

@@ -0,0 +1,8 @@
+import { PopUpBaseProps, usePopUpProps } from './types';
+export declare function PopUpBase(props: PopUpBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function usePopUp(props?: boolean | usePopUpProps): {
+    setTrue: () => void;
+    open: boolean;
+    onClose: () => void;
+    onConfirm: (() => void) | undefined;
+};

package/dist/components/PopUp/types.d.ts

@@ -0,0 +1,26 @@
+import { SxProps, TypographyProps, Theme, DialogProps, DialogActionsProps } from "@mui/material";
+import { ReactNode } from "react";
+export type PopUpBaseProps = IPopUp & {
+    title?: ReactNode;
+    subTitle?: ReactNode;
+    desc: ReactNode;
+    fixOverflow?: boolean;
+    minWidthButton?: number;
+    subTitleProps?: TypographyProps;
+    contentProps?: SxProps<Theme>;
+    titleProps?: SxProps<Theme>;
+    hideTitle?: boolean;
+};
+export type IPopUp = {
+    open: boolean;
+    onClose?(): void;
+    onConfirm?: () => void;
+    dialogProps?: Omit<DialogProps, 'open' | 'onClose'>;
+    dialogActionsProps?: DialogActionsProps;
+    customActions?: ReactNode;
+    hideConfirm?: boolean;
+    hideClose?: boolean;
+};
+export type usePopUpProps = {
+    onConfirm?(): void;
+};

package/dist/components/ShadownDom/index.d.ts

@@ -0,0 +1,8 @@
+import React, { PropsWithChildren } from 'react';
+type OwnProps = {
+    styles?: string[];
+};
+type ElementProps = React.HTMLProps<HTMLElement>;
+type Props = PropsWithChildren<OwnProps & ElementProps>;
+export declare function ShadowDomWrapper({ children, styles, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/StyledAutocomplete/AutocompleteOption.d.ts

@@ -0,0 +1,11 @@
+import { StackProps } from '@mui/material';
+import { ReactNode } from 'react';
+type Props<T> = {
+    option: T;
+    renderOption(option: T): ReactNode;
+    onClick?(option: T): any;
+    stackProps?: StackProps;
+    select?: boolean;
+};
+export declare function AutocompleteOption<T>(props: Props<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/StyledAutocomplete/StyledAutocomplete.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { Paging } from './types';
+export type StyledAutocompleteProps<T> = {
+    disabledAllOption?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    isSync?: boolean;
+    label?: React.ReactNode;
+    value?: T;
+    placeholder?: string;
+    onChange?(value?: T): any;
+    isEqual?(option?: T, value?: T): boolean;
+    getOptionLabel(option: T): string;
+    renderOptionTooltip?(option: T): ReactNode;
+    handleChangeSearch?(text: string): void;
+    searchLoading: boolean;
+    loading?: boolean;
+    paging: Paging<T>;
+    error?: boolean;
+    helperText?: ReactNode;
+    hasNextPage: boolean;
+    isNextPageLoading: boolean;
+    loadNextPage(searchText: string): void;
+    wrapperWidth?: string | number;
+    isRequired?: boolean;
+    itemsNumber?: number;
+    placeHolderColor?: string;
+};
+export declare function StyledAutocomplete<T>(props: StyledAutocompleteProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/StyledAutocomplete/helpers.d.ts

@@ -0,0 +1 @@
+export declare function activeStyles<T>(props: T, active?: boolean): T | undefined;

package/dist/components/StyledAutocomplete/index.d.ts

@@ -0,0 +1,3 @@
+export * from './StyledAutocomplete';
+export * from './AutocompleteOption';
+export * from './useStyledAutocomplete';

package/dist/components/StyledAutocomplete/types.d.ts

@@ -0,0 +1,46 @@
+type Normal<S extends string> = S;
+type AsTypeSort<T> = {
+    [P in keyof T as `-${Normal<string & P>}`]: T[P];
+};
+type Filter<T> = {
+    [P in keyof T]?: T[P] | T[P][] | Partial<Record<keyof typeof Op, T[P] | T[P][]>>;
+};
+interface Query<T> {
+    search?: Search<T>;
+    filter?: Filter<T>;
+}
+type NestedKeys<T> = {
+    [K in keyof T]: K extends string | number ? T[K] extends object ? `${(K & string) | number}.${NestedKeys<T[K]>}` : (K & string) | number : never;
+}[keyof T];
+interface Search<T> {
+    content: string;
+    fields?: (keyof T | NestedKeys<T>)[];
+}
+type Sort<T> = keyof T | keyof AsTypeSort<T>;
+declare const Op: {
+    $eq: symbol;
+    $ne: symbol;
+    $gte: symbol;
+    $gt: symbol;
+    $lte: symbol;
+    $lt: symbol;
+    $not: symbol;
+    $notIn: symbol;
+    $notLike: symbol;
+    $notILike: symbol;
+    $regexp: symbol;
+    $bt: symbol;
+};
+export interface ListProps<T> extends Query<T> {
+    page?: number;
+    pageSize?: number;
+    sorts?: Sort<T>[];
+}
+export declare class Paging<T> {
+    rows: T[];
+    total: number;
+    page: number;
+    pageSize: number;
+    totalPages: number;
+}
+export {};

package/dist/components/StyledAutocomplete/useStyledAutocomplete.d.ts

@@ -0,0 +1,28 @@
+import { DependencyList } from 'react';
+import { ListProps, Paging } from './types';
+import { StyledAutocompleteProps } from './StyledAutocomplete';
+export declare function useStyledAutocomplete<T, P extends ListProps<T>>(props: UseAutocomplete<T, P>): TypeReturn<T, P>;
+type SearchList<T> = {
+    searchFields: (keyof T)[];
+    searchOption?: never;
+} | {
+    searchFields?: never;
+    searchOption: (option: T, searchText: string) => boolean;
+};
+export type UseAutocomplete<T, P extends ListProps<T>> = {
+    readOnly?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    list?: {
+        options: T[];
+    } & SearchList<T>;
+    getList?(props: P): Promise<Paging<T>>;
+    listProps?: Partial<P>;
+    dependencyList?: DependencyList;
+};
+export type TypeReturn<T, P> = Pick<StyledAutocompleteProps<T>, 'loadNextPage' | 'handleChangeSearch' | 'paging' | 'hasNextPage' | 'isNextPageLoading' | 'searchLoading' | 'loading' | 'value' | 'onChange' | 'isSync' | 'readOnly'> & {
+    getList(props?: P): Promise<void>;
+    reset(): void;
+    toggleLoading: VoidFunction;
+};
+export {};

package/dist/components/StyledDateRangePicker/BlockIcon.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+type BlockIconProps = SVGProps<SVGSVGElement>;
+export declare function BlockIcon(props: BlockIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/StyledDateRangePicker/index.d.ts

@@ -0,0 +1,13 @@
+interface DateRangeValue {
+    startDate?: Date;
+    endDate?: Date;
+}
+type Props = {
+    value?: DateRangeValue;
+    onChange?(value: DateRangeValue): void;
+    initialSettings?: any;
+    label?: string;
+    dateReset?: DateRangeValue;
+};
+export declare function StyledDateRangePicker(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Toast/ToastConfig.d.ts

@@ -0,0 +1,2 @@
+import { ToastContainerProps } from 'react-toastify';
+export declare const ToastConfig: (props: ToastContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Toast/icons/ErrorIcon.d.ts

@@ -0,0 +1 @@
+export declare function ErrorIcon(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Toast/icons/SuccessIcon.d.ts

@@ -0,0 +1 @@
+export declare function SuccessIcon(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Toast/icons/WarningIcon.d.ts

@@ -0,0 +1 @@
+export declare function WarningIcon(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Toast/index.d.ts

@@ -0,0 +1,5 @@
+declare const pushSuccess: (message: string) => void;
+declare const pushError: (message: string) => void;
+declare const pushWarning: (message: string) => void;
+export * from './ToastConfig';
+export { pushError, pushSuccess, pushWarning };

package/dist/components/Topbar/icons/MessageIcon.d.ts

@@ -0,0 +1,4 @@
+declare function MessageIcon({ primaryColor }: {
+    primaryColor?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export default MessageIcon;

package/dist/components/Topbar/icons/NotificationIcon.d.ts

@@ -0,0 +1,3 @@
+export default function NotificationIcon({ primaryColor, }: {
+    primaryColor?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Topbar/index.d.ts

@@ -0,0 +1,29 @@
+import { CSSProperties } from 'react';
+type CustomColors = {
+    primaryColor?: string;
+    bgColor?: string;
+    color?: string;
+};
+type User = {
+    id?: number;
+    firstName: string;
+    lastName: string;
+    countryCode?: string;
+    status?: string;
+    email?: string;
+    phoneNumber?: string | null;
+    avatarUrl?: string;
+    languageCode?: string;
+    isActive?: boolean;
+    isEnable?: boolean;
+    lastLogin?: Date;
+};
+export declare function TopBar({ logo, user, baseUrl, style, classNames, customColors, }: {
+    logo: string;
+    user: User;
+    baseUrl: string;
+    style?: CSSProperties;
+    classNames?: string;
+    customColors?: CustomColors;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/UnauthorizedPage/index.d.ts

@@ -0,0 +1 @@
+export declare const UnauthorizedPage: () => import("react/jsx-runtime").JSX.Element;