@ukpc-lib/react 0.10.1 → 0.10.3

package/dist/application.d.ts

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

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

@@ -1,4 +1,5 @@
 import { CheckboxProps, SvgIconProps } from '@mui/material';
+
 export declare function UncheckedIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
 export declare function CheckedIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
 export declare function BaseCheckbox(props: CheckboxProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,6 @@
 import { FormControlLabelProps, SwitchProps } from '@mui/material';
 import { ReactNode } from 'react';
+
 type Props = {
     formProps?: Partial<FormControlLabelProps>;
     iosSwitchProps?: SwitchProps;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type C = {
     maxHeight: any;
 };

package/dist/components/FavoriteMenu/components/MenuIconComponent.d.ts

@@ -1,6 +1,7 @@
 import { ReactElement } from 'react';
 import { MenuItemDto } from '../models';
+
 export type IconType = 'text' | 'svgHtml' | 'svgHttp' | 'img';
 export declare function IconComponent({ item }: {
     item: MenuItemDto;
-}): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+}): ReactElement<any, string | import('react').JSXElementConstructor<any>>;

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

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { Identity, MenuItemDto } from '../models';
 import { ColorsType } from '../../../theme/Colors';
+
 export type OwnMenuItemProps = {
     replacePath?(path: string): string;
     ssr?: boolean;

package/dist/components/FavoriteMenu/components/Placeholder.d.ts

@@ -1,5 +1,6 @@
 import { NodeModel } from '@minoru/react-dnd-treeview';
-import React from 'react';
+import { default as React } from 'react';
+
 type Props = {
     node: NodeModel;
     depth: number;

package/dist/components/FavoriteMenu/components/Tooltip.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 type TooltipProps = {
     hasTooltip?: boolean;
     children: React.ReactNode;

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

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

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

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

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

@@ -1,4 +1,5 @@
 import { OwnMenuItemProps } from './components/MenuItem';
+
 export type FavoriteMenuProps = {
     baseUrl: string;
     menuPath?: string;

package/dist/components/FilterWraper/FilterIcon.d.ts

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

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

@@ -1,4 +1,5 @@
 import { PropsWithChildren } from 'react';
+
 type FilterWrapperProps = PropsWithChildren<{
     onReset?(): void;
     customAction?: React.ReactNode;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type C = {
     maxHeight: any;
 };

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

@@ -1,6 +1,7 @@
 import { ReactElement } from 'react';
 import { MenuItemDto } from '../models';
+
 export type IconType = 'text' | 'svgHtml' | 'svgHttp' | 'img';
 export declare function IconComponent({ item }: {
     item: MenuItemDto;
-}): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+}): ReactElement<any, string | import('react').JSXElementConstructor<any>>;

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

@@ -1,6 +1,7 @@
 import { NodeModel, RenderParams } from '@minoru/react-dnd-treeview';
 import { ColorsType } from '../../../theme/Colors';
 import { Identity, MenuItemDto } from '../models';
+
 export type OwnMenuItemProps = {
     replacePath?(path: string): string;
     ssr?: boolean;

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

@@ -1,5 +1,6 @@
 import { NodeModel } from '@minoru/react-dnd-treeview';
-import React from 'react';
+import { default as React } from 'react';
+
 type Props = {
     node: NodeModel;
     depth: number;

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

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 type TooltipProps = {
     hasTooltip?: boolean;
     children: React.ReactNode;

package/dist/components/GlobalMenu/hooks/useOpenMenuIds.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 type Props = {
     initOpenIds?: number[];
 };
-declare const useOpeningMenuIds: (props?: Props) => readonly [number[], import("react").Dispatch<import("react").SetStateAction<number[]>>];
+declare const useOpeningMenuIds: (props?: Props) => readonly [number[], import('react').Dispatch<import('react').SetStateAction<number[]>>];
 export default useOpeningMenuIds;

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

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

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

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

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

@@ -1,5 +1,6 @@
 import { OwnMenuItemProps } from './components/MenuItem';
 import { MenuItemDto } from './models/MenuItemDto';
+
 export type GlobalMenuProps = {
     baseUrl: string;
     menuPath?: string;

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

@@ -1,4 +1,5 @@
 import { IconButtonProps } from '@mui/material';
+
 type Props = IconButtonProps;
 declare const BaseIconButton: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BaseIconButton;

package/dist/components/MultiProvider.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export type TMultiProviderProps = React.PropsWithChildren<{
     providers: React.ReactElement[];
 }>;

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

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

package/dist/components/Notification/NotificationList/components/AllContent.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
 import { NotificationItemProps } from '../../models/NotiticationDto';
+
 declare const AllContent: FC<NotificationItemProps>;
 export default AllContent;

package/dist/components/Notification/NotificationList/components/CustomOpenListContext.d.ts

@@ -1,5 +1,6 @@
 import { FC, PropsWithChildren } from 'react';
 import { AllNotificationType } from '../../models/NotiticationDto';
+
 type CustomProps = {
     isOpen: boolean;
     toggleOpen: () => void;
@@ -7,6 +8,6 @@ type CustomProps = {
     notidata: AllNotificationType;
     setNotiData: React.Dispatch<React.SetStateAction<AllNotificationType>>;
 };
-export declare const CustomOpenList: import("react").Context<CustomProps>;
+export declare const CustomOpenList: import('react').Context<CustomProps>;
 export declare const CustomOpenListProvider: FC<PropsWithChildren>;
 export {};

package/dist/components/Notification/NotificationList/components/NotitficationItem.d.ts

@@ -1,5 +1,6 @@
 import { NotificationItemDto } from '../../models/NotiticationDto';
 import { ColorsType } from '../../../../theme';
+
 type ItemProps = {
     notification: NotificationItemDto;
     handleUpdateRead?: (id: number, isRead: boolean) => void;

package/dist/components/Notification/NotificationList/components/query.d.ts

@@ -1,2 +1,3 @@
 import { NotiDataType } from '../../models/NotiticationDto';
+
 export declare const useGetNotiData: ({ baseUrl, notiPath, setNotiData, }: NotiDataType) => () => Promise<void>;

package/dist/components/Notification/NotificationList/index.d.ts

@@ -1,3 +1,4 @@
 import { NotificationApiProps } from '../models/NotiticationDto';
+
 declare const NotificationList: ({ baseUrl, notiPath, brandColors, }: NotificationApiProps) => import("react/jsx-runtime").JSX.Element;
 export default NotificationList;

package/dist/components/Notification/Subcription/index.d.ts

@@ -1,3 +1,4 @@
 import { firebaseProps } from '..';
+
 declare const Subscription: (props: firebaseProps) => import("react/jsx-runtime").JSX.Element;
 export default Subscription;

package/dist/components/Notification/Tabs/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ColorsType } from '../../../theme/Colors';
+
 export type TabsProps = {
     id: string;
     tabTitle: string;

package/dist/components/Notification/firebase/firebaseConfig.d.ts

@@ -1,5 +1,6 @@
 import { firebaseProps } from '../../main';
 import { AllNotificationType } from '../models/NotiticationDto';
+
 export declare const requestForToken: (props: firebaseProps) => void;
 export declare const channelBroastcast: (setNotiData: React.Dispatch<React.SetStateAction<AllNotificationType>>) => void;
 export declare const onMessageListener: (props: firebaseProps) => Promise<unknown>;

package/dist/components/Notification/models/NotiticationDto.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { ColorsType } from "../../../theme";
+import { ColorsType } from '../../../theme';
+
 export interface NotificationItemProps {
     notidata: NotificationItemDto[];
     handleUpdateReadAll?: () => void;

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

@@ -1,4 +1,5 @@
 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;

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

@@ -1,5 +1,6 @@
-import { SxProps, TypographyProps, Theme, DialogProps, DialogActionsProps } from "@mui/material";
-import { ReactNode } from "react";
+import { SxProps, TypographyProps, Theme, DialogProps, DialogActionsProps } from '@mui/material';
+import { ReactNode } from 'react';
+
 export type PopUpBaseProps = IPopUp & {
     title?: ReactNode;
     subTitle?: ReactNode;

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+
 export type SearchTypeProps<T> = {
     listData: T[];
     value?: T;

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

@@ -1,4 +1,5 @@
-import React, { PropsWithChildren } from 'react';
+import { default as React, PropsWithChildren } from 'react';
+
 type OwnProps = {
     styles?: string[];
 };

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

@@ -1,5 +1,6 @@
 import { StackProps } from '@mui/material';
 import { ReactNode } from 'react';
+
 type Props<T> = {
     option: T;
     renderOption(option: T): ReactNode;

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

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { Paging } from './types';
+
 export type StyledAutocompleteProps<T> = {
     disabledAllOption?: boolean;
     readOnly?: boolean;

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

@@ -1,6 +1,7 @@
 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)[];

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

@@ -1,4 +1,5 @@
 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

@@ -1,3 +1,4 @@
+
 interface DateRangeValue {
     startDate?: Date;
     endDate?: Date;

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ToastOptions } from 'react-toastify';
-import 'react-toastify/dist/ReactToastify.css';
+
 declare const pushSuccess: (message: ReactNode, options?: ToastOptions) => void;
 declare const pushError: (message: ReactNode, options?: ToastOptions) => void;
 declare const pushWarning: (message: ReactNode, options?: ToastOptions) => void;

package/dist/components/Topbar/components/autocomplete/ClearIcon.d.ts

@@ -0,0 +1,7 @@
+export declare const ClearIcon: ({ showClear, setSearchString, searchString, setFocus, onClear, }: {
+    showClear: boolean;
+    setSearchString: Function;
+    searchString: string;
+    setFocus: Function;
+    onClear: Function;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Topbar/components/autocomplete/Results.d.ts

@@ -0,0 +1,17 @@
+export type Item<T> = T & {
+    [key: string]: any;
+};
+export interface ResultsProps<T> {
+    results: Item<T>[];
+    onClick: Function;
+    highlightedItem: number;
+    setHighlightedItem: Function;
+    setSearchString: Function;
+    formatResult?: Function;
+    showIcon: boolean;
+    maxResults: number;
+    resultStringKeyName: string;
+    showNoResultsFlag?: boolean;
+    showNoResultsText?: string;
+}
+export default function Results<T>({ results, onClick, setSearchString, showIcon, maxResults, resultStringKeyName, highlightedItem, setHighlightedItem, formatResult, showNoResultsFlag, showNoResultsText, }: ResultsProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Topbar/components/autocomplete/SearchIcon.d.ts

@@ -0,0 +1,3 @@
+export declare const SearchIcon: ({ showIcon }: {
+    showIcon: boolean;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Topbar/components/autocomplete/SearchInput.d.ts

@@ -0,0 +1,18 @@
+import { ChangeEventHandler, FocusEventHandler } from 'react';
+
+interface SearchInputProps {
+    searchString: string;
+    setSearchString: ChangeEventHandler<HTMLInputElement>;
+    setHighlightedItem: Function;
+    eraseResults: Function;
+    autoFocus: boolean;
+    onFocus: FocusEventHandler<HTMLInputElement>;
+    onClear: Function;
+    placeholder: string;
+    showIcon: boolean;
+    showClear: boolean;
+    maxLength: number;
+    baseUrl: string;
+}
+export default function searchInput({ searchString, setSearchString, setHighlightedItem, eraseResults, autoFocus, onFocus, onClear, placeholder, showIcon, showClear, maxLength, baseUrl, }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Topbar/components/autocomplete/config/config.d.ts

@@ -0,0 +1,22 @@
+import { default as Fuse } from 'fuse.js';
+
+export interface DefaultTheme {
+    height?: string;
+    border?: string;
+    borderRadius?: string;
+    backgroundColor?: string;
+    boxShadow?: string;
+    hoverBackgroundColor?: string;
+    color?: string;
+    fontSize?: string;
+    fontFamily?: string;
+    iconColor?: string;
+    lineColor?: string;
+    placeholderColor?: string;
+    zIndex?: number;
+    clearIconMargin?: string;
+    searchIconMargin?: string;
+}
+declare const defaultTheme: DefaultTheme;
+declare const defaultFuseOptions: Fuse.IFuseOptions<any>;
+export { defaultTheme, defaultFuseOptions };

package/dist/components/Topbar/components/autocomplete/searchAutocomplete.d.ts

@@ -0,0 +1,32 @@
+import { default as Fuse } from 'fuse.js';
+import { FocusEventHandler } from 'react';
+import { DefaultTheme } from './config/config';
+
+export declare const DEFAULT_INPUT_DEBOUNCE = 200;
+export declare const MAX_RESULTS = 10;
+export interface SearchAutocompleteProps<T> {
+    items: T[];
+    fuseOptions?: Fuse.IFuseOptions<T>;
+    inputDebounce?: number;
+    onSearch?: (keyword: string, results: T[]) => void;
+    onHover?: (result: T) => void;
+    onSelect?: (result: T) => void;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onClear?: Function;
+    showIcon?: boolean;
+    showClear?: boolean;
+    maxResults?: number;
+    placeholder?: string;
+    autoFocus?: boolean;
+    styling?: DefaultTheme;
+    resultStringKeyName?: string;
+    inputSearchString?: string;
+    formatResult?: Function;
+    showNoResults?: boolean;
+    showNoResultsText?: string;
+    showItemsOnFocus?: boolean;
+    maxLength?: number;
+    className?: string;
+    baseUrl?: string;
+}
+export default function SearchAutocomplete<T>({ items, fuseOptions, inputDebounce, onSearch, onHover, onSelect, onFocus, onClear, showIcon, showClear, maxResults, placeholder, autoFocus, styling, resultStringKeyName, inputSearchString, formatResult, showNoResults, showNoResultsText, showItemsOnFocus, maxLength, baseUrl, }: SearchAutocompleteProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Topbar/components/autocomplete/utils/utils.d.ts

@@ -0,0 +1 @@
+export declare function debounce(func: Function, wait: number, immediate?: boolean): (this: any) => void;

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

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
+import { SVGProps } from 'react';
+
 declare function MessageIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
 export default MessageIcon;

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

@@ -1,4 +1,5 @@
 import { ColorsType } from '../../../theme/Colors';
+
 export default function NotificationIcon({ iconColor, baseUrl, notiPath, brandColors, }: {
     iconColor?: string;
     baseUrl: string;

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

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
+import { SVGProps } from 'react';
+
 declare function SearchIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
 export default SearchIcon;

package/dist/components/Topbar/icons/country-flags/GermanyIcon.d.ts

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

package/dist/components/Topbar/icons/country-flags/UnitedKingdomIcon.d.ts

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

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

@@ -1,6 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { firebaseProps } from '..';
 import { ColorsType, User } from '../../share';
+
 type TopBarContentProps = {
     logo?: string;
     user: User;