magneto365.ui 2.59.6 → 2.61.0

package/dist/cjs/types/components/UI/atoms/ComparativeCounter/ComparativeCounter.interface.d.ts

@@ -1,3 +1,4 @@
+export declare type TComparativeCounterPosition = 'left' | 'center' | 'right';
 export interface IComparativeCounter {
     /**
      * this property sets the current counter value
@@ -7,4 +8,8 @@ export interface IComparativeCounter {
      * this property sets the max counter value
      */
     max: number;
+    /**
+     * this property changes the text align
+     */
+    position?: TComparativeCounterPosition;
 }

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

@@ -8,6 +8,10 @@ export interface IAlertJobModal {
      * Additional class names for custom styling.
      */
     className?: string;
+    /**
+     * Additional class names for custom styling.
+     */
+    mobileClassName?: string;
     /**
      * Represents whether the modal is open or closed.
      */

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

@@ -7,8 +7,8 @@ export interface IListMenuIcons {
     logout: ILogout;
     settings: ISettings;
     haveGif?: boolean;
-    profileImage: IAvatar;
-    isAuthenticated: boolean;
+    profileImage?: IAvatar;
+    isAuthenticated?: boolean;
 }
 export interface IMenuItems {
     title?: string;

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

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

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface IMegaMenuPopover {
+    children: ReactNode;
+    popoverRef?: React.Ref<IPopoverRef>;
+}
+export interface IPopoverRef {
+    setShow: (show: boolean) => void;
+}

package/dist/cjs/types/components/UI/organism/AlertsPanel/AlertsPanel.component.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IAlertsPanel } from './AlertsPanel.interface';
+export declare const AlertsPanel: React.FC<IAlertsPanel> & {
+    List: React.FC<IAlertsPanel.List>;
+    Item: React.FC<IAlertsPanel.Item>;
+};

package/dist/cjs/types/components/UI/organism/AlertsPanel/AlertsPanel.interface.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+export interface IAlertsPanel {
+    /**
+     *  This is the title on the top
+     */
+    title: string;
+    /**
+     * React children to be rendered inside the component.
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional class names for custom styling.
+     */
+    className?: string;
+}
+export declare namespace IAlertsPanel {
+    interface List {
+        /**
+         * React children to be rendered inside the component.
+         */
+        children?: React.ReactNode;
+        /**
+         * Additional class names for custom styling.
+         */
+        className?: string;
+    }
+    interface Item {
+        /**
+         * Additional class names for custom styling.
+         */
+        className?: string;
+        /**
+         * This is the custom text
+         */
+        text: string;
+        /**
+         * React children to be rendered inside the component.
+         */
+        onDelete: () => void;
+    }
+}

package/dist/cjs/types/components/UI/organism/AlertsPanel/children/AlertsPanelItem/AlertsPanelItem.component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IAlertsPanel } from '../../AlertsPanel.interface';
+export declare const AlertsPanelItem: React.FC<IAlertsPanel.Item>;

package/dist/cjs/types/components/UI/organism/AlertsPanel/children/AlertsPanelList/AlertsPanelList.component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IAlertsPanel } from '../../AlertsPanel.interface';
+export declare const AlertsPanelList: React.FC<IAlertsPanel.List>;

package/dist/cjs/types/components/UI/organism/AlertsPanel/index.d.ts

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

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

@@ -32,3 +32,4 @@ export * from './Timeline';
 export * from './UserTerms';
 export * from './MegaMenuDrawer';
 export * from './JobSuggestedDrawer';
+export * from './AlertsPanel';

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

@@ -1,10 +1,12 @@
 import { IMegaMenuTab } from '@components/UI/atoms/MegaMenuTab/MegaMenuTab.interface';
 import { ISearchbar } from '@components/UI/molecules';
+import { IPopoverRef } from '@components/UI/molecules/MegaMenuPopover/MegaMenuPopover.interface';
 import { IlistMenuUserProps } from '@components/UI/organism';
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export interface IMegaMenuLink {
     label: string;
     url: string;
+    onClick?: () => void;
     target?: string;
     icon?: string | undefined;
 }
@@ -39,6 +41,7 @@ export interface IMegaMenuJobs {
     onChangeTab?: (index: number) => void;
     jobAction?: IMegaMenuAction;
     allJobsAction?: IMegaMenuLink;
+    popoverRef?: React.Ref<IPopoverRef>;
 }
 export interface IMegaMenuContext {
     socialHeaderProps: IMegaMenuSocialHeader;

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

@@ -0,0 +1,4 @@
+export declare const alerts: {
+    id: number;
+    text: string;
+}[];

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

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