@ukpc-lib/react 0.2.8 → 0.2.9

package/dist/assets/icons/notification-icon.svg

@@ -0,0 +1,7 @@
+<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4" width="48" height="48" rx="24" fill="#D1FADF"/>
+<rect x="4" y="4" width="48" height="48" rx="24" stroke="#ECFDF3" stroke-width="8"/>
+<path d="M28 22.4399V25.7699" stroke="#009D4F" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M28.0199 18C24.3399 18 21.3599 20.98 21.3599 24.66V26.76C21.3599 27.44 21.0799 28.46 20.7299 29.04L19.4599 31.16C18.6799 32.47 19.2199 33.93 20.6599 34.41C25.4399 36 30.6099 36 35.3899 34.41C36.7399 33.96 37.3199 32.38 36.5899 31.16L35.3199 29.04C34.9699 28.46 34.6899 27.43 34.6899 26.76V24.66C34.6799 21 31.6799 18 28.0199 18Z" stroke="#009D4F" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M31.3299 34.8201C31.3299 36.6501 29.8299 38.1501 27.9999 38.1501C27.0899 38.1501 26.2499 37.7701 25.6499 37.1701C25.0499 36.5701 24.6699 35.7301 24.6699 34.8201" stroke="#009D4F" stroke-width="1.5" stroke-miterlimit="10"/>
+</svg>

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

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

@@ -0,0 +1,9 @@
+import { FC, PropsWithChildren } from 'react';
+type CustomProps = {
+    isOpen: boolean;
+    toggleOpen: () => void;
+    setShowModalFalse: () => void;
+};
+export declare const CustomOpenList: import("react").Context<CustomProps>;
+export declare const CustomOpenListProvider: FC<PropsWithChildren>;
+export {};

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

@@ -0,0 +1,7 @@
+import { NotificationItemDto } from '../../models/NotiticationDto';
+type ItemProps = {
+    notification: NotificationItemDto;
+    handleUpdateRead: (id: number, isRead: boolean) => void;
+};
+declare const NotitficationItem: ({ notification, handleUpdateRead }: ItemProps) => import("react/jsx-runtime").JSX.Element;
+export default NotitficationItem;

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

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

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export type TabsProps = {
+    id: string;
+    tabTitle: string;
+    children?: React.ReactNode;
+};
+type GroupProps = React.PropsWithChildren<{
+    tabs: TabsProps[];
+    setCurrentTab: (index: string) => void;
+    currentTab: string;
+}>;
+declare const Tabs: (props: GroupProps) => import("react/jsx-runtime").JSX.Element;
+export default Tabs;

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

@@ -1,2 +1,3 @@
-export declare const requestForToken: (path: string) => void;
-export declare const onMessageListener: () => Promise<unknown>;
+import { firebaseProps } from '../../main';
+export declare const requestForToken: (props: firebaseProps) => void;
+export declare const onMessageListener: (props: firebaseProps) => Promise<unknown>;

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

@@ -1,4 +1,12 @@
 export type firebaseProps = {
     path: string;
+    apiKey: string;
+    authDomain: string;
+    projectId: string;
+    storageBucket: string;
+    messagingSenderId: string;
+    appId: string;
+    measurementId: string;
+    vapidKey: string;
 };
 export declare const NotificationBase: (props: firebaseProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,43 @@
+export interface NotificationItemProps {
+    notidata: NotificationItemDto[];
+    handleUpdateReadAll?: () => void;
+    handleUpdateRead: (id: number, isRead: boolean) => void;
+}
+export declare class Paging<T> {
+    rows: T[];
+    total: number;
+    page: number;
+    pageSize: number;
+    totalPages: number;
+}
+export declare const DEFAULT_PAGE_SIZE = 10;
+export interface NotificationItemDto {
+    id: number;
+    message: string;
+    context: string;
+    contextUrl: string;
+    userName: string;
+    userAvatarUrl: string;
+    createdAt: Date | null;
+    isRead?: boolean;
+}
+export type UpdateRead = {
+    id: number;
+    isRead: UpdateReadDto;
+};
+export type UpdateReadDto = {
+    isRead: boolean;
+};
+export type NotificationApiProps = {
+    baseUrl: string;
+    notiPath?: string;
+};
+type NotificationType = {
+    rows: NotificationItemDto[];
+    total: number;
+};
+export type AllNotificationType = {
+    all: NotificationType;
+    unread: NotificationType;
+};
+export {};

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

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

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

@@ -18,10 +18,11 @@ type User = {
     isEnable?: boolean;
     lastLogin?: Date;
 };
-export declare function TopBar({ logo, user, baseUrl, style, classNames, customColors, }: {
+export declare function TopBar({ logo, user, baseUrl, notiPath, style, classNames, customColors, }: {
     logo: string;
     user: User;
     baseUrl: string;
+    notiPath?: string;
     style?: CSSProperties;
     classNames?: string;
     customColors?: CustomColors;