magneto365.ui 2.58.1 → 2.59.1

package/dist/cjs/types/components/UI/molecules/MegaMenuSideCards/MegaMenuSideCards.interface.d.ts

@@ -1,9 +1,35 @@
 import { IMegaMenuCard } from '@components/UI/molecules';
 import { IMegaMenuLink } from '@components/UI/template/MegaMenu/MegaMenuContext.interface';
+import { Ref } from 'react';
 export interface IMegaMenuSideCards {
+    /**
+     * Array of jobs for each card
+     */
     jobs: IMegaMenuCard[];
+    /**
+     * CallBack when a card is selected
+     */
     onSelectCard?: (index: number) => void;
+    /**
+     * Actrion button on the end of the component
+     */
     action?: IMegaMenuLink;
+    /**
+     * Max amount of cards
+     */
     maxCards?: number;
+    /**
+     * Initial selected card
+     */
     initValue?: number;
+    /**
+     * Reference for iterative bnehaviour
+     */
+    cardsRef?: Ref<ICardsRef>;
+}
+export interface ICardsRef {
+    /**
+     * CallBack to restart filters
+     */
+    setSelectedCard: (index: number) => void;
 }

package/dist/cjs/types/components/UI/molecules/MegaMenuSideCards/index.d.ts

@@ -1 +1,2 @@
 export { default as MegaMenuSideCards } from './MegaMenuSideCards.component';
+export * from './MegaMenuSideCards.interface';

package/dist/cjs/types/components/UI/molecules/Notification/Notification.component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { INotification } from './Notification.interface';
+declare const Notification: React.FC<INotification>;
+export default Notification;

package/dist/cjs/types/components/UI/molecules/Notification/Notification.interface.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+/**
+ * Defines the position of the Notification component
+ */
+declare type NotificationPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+/**
+ * Interface for Notification component props
+ */
+export interface INotification {
+    /**
+     * Callback function to close the notification
+     */
+    onClose: () => void;
+    /**
+     * Message to display in the notification
+     */
+    message?: React.ReactNode;
+    /**
+     * Position where the notification will appear
+     */
+    position?: NotificationPosition;
+    /**
+     * Custom class for styling the notification container
+     */
+    className?: string;
+    /**
+     * Duration in milliseconds before auto-closing the notification
+     */
+    autoCloseDuration?: number;
+    /**
+     * Extra content to display in the notification
+     */
+    extraContent?: React.ReactNode;
+}
+export {};

package/dist/cjs/types/components/UI/molecules/Notification/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Notification.interface';
+export { default as Notification } from './Notification.component';

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

@@ -72,3 +72,4 @@ export * from './UserMenuWrapperAnalyst';
 export * from './AlertJobStatus';
 export * from './SimilarCard';
 export * from './MegaMenuDrawerItem';
+export * from './Notification';

package/dist/cjs/types/components/UI/template/MegaMenu/MegaMenu.component.d.ts

@@ -5,7 +5,9 @@ export declare const MegaMenu: React.FC<IMegaMenuContext & IMegaMenu> & {
     Cards: React.FC<import("@components/UI/organism").IMegaMenuCards>;
     Card: React.FC<import("@components/UI/molecules").IMegaMenuCard>;
     SideCards: React.FC<{
-        sideProps: import("../../molecules/MegaMenuSideCards/MegaMenuSideCards.interface").IMegaMenuSideCards;
+        sideProps: import("@components/UI/molecules").IMegaMenuSideCards;
         wrapperProps: import("@components/UI/organism").IMegaMenuCards;
+        withDrawerAction?: boolean | undefined;
+        showContent?: boolean | undefined;
     }>;
 };

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

@@ -1,2 +1,2 @@
 export { default as withClickOut } from './withClickOut';
-export { default as withMegaMenuContainer } from './megaMenu/withContainer';
+export { default as withMegaMenuSideCards } from './megaMenu/withSideCards';

package/dist/cjs/types/components/hoc/megaMenu/withSideCards.d.ts

@@ -0,0 +1,9 @@
+import { IMegaMenuSideCards } from '@components/UI/molecules';
+import React from 'react';
+declare const withMegaMenuSideCards: <T>(WrappedComponent: React.FC<T>) => React.FC<{
+    sideProps: IMegaMenuSideCards;
+    wrapperProps: T;
+    withDrawerAction?: boolean | undefined;
+    showContent?: boolean | undefined;
+}>;
+export default withMegaMenuSideCards;

package/dist/cjs/types/components/hoc/megaMenu/withSideCards.desktop.d.ts

@@ -0,0 +1,8 @@
+import { IMegaMenuSideCards } from '@components/UI/molecules';
+import React from 'react';
+declare const DesktopSideCards: <T>({ WrappedComponent, sideProps, wrapperProps }: {
+    WrappedComponent: React.FC<T>;
+    sideProps: IMegaMenuSideCards;
+    wrapperProps: T;
+}) => JSX.Element;
+export default DesktopSideCards;

package/dist/cjs/types/components/hoc/megaMenu/withSideCardsDrawer.mobile.d.ts

@@ -0,0 +1,8 @@
+import { IMegaMenuSideCards } from '@components/UI/molecules';
+import React from 'react';
+declare const MobileSideCardsDrawer: <T>({ WrappedComponent, sideProps, wrapperProps }: {
+    WrappedComponent: React.FC<T>;
+    sideProps: IMegaMenuSideCards;
+    wrapperProps: T;
+}) => JSX.Element;
+export default MobileSideCardsDrawer;

package/dist/cjs/types/components/hoc/megaMenu/withSideCardsMobile.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IMegaMenuSideCards } from '@components/UI/molecules';
+declare const MobileSideCards: <T>({ WrappedComponent, sideProps, wrapperProps, showContent }: {
+    WrappedComponent: React.FC<T>;
+    sideProps: IMegaMenuSideCards;
+    wrapperProps: T;
+    showContent: boolean;
+}) => JSX.Element;
+export default MobileSideCards;

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

@@ -22,3 +22,4 @@ export * from './megaMenu.constants';
 export * from './alertJob.constants';
 export * from './similarCard.constants';
 export * from './jobSuggestedDrawer.constants';
+export * from './notification.constants';

package/dist/cjs/types/constants/stories/notification.constants.d.ts

@@ -0,0 +1,2 @@
+import { INotification } from '@components/UI/molecules/Notification';
+export declare const notification: INotification;