magneto365.ui 2.46.0 → 2.47.0

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IExpandableInfoProps } from './ExpandableInfo.interface';
+/**
+ * Molecule UI component for expandable info
+ */
+export declare const ExpandableInfo: React.FC<IExpandableInfoProps>;

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

@@ -0,0 +1,54 @@
+import { IExpandableInfoActionProps, IExpandableInfoDetailsProps, IExpandableInfoMessageProps } from './children';
+import { IconProps } from '@components/UI/atoms';
+export interface IExpandableInfoProps {
+    /**
+     * Main action
+     */
+    actions?: IExpandableInfoActionProps[];
+    /**
+     * Details list
+     */
+    details?: IExpandableInfoDetailsProps;
+    /**
+     * Floating component or not
+     */
+    floating?: boolean;
+    /**
+     * Footer message
+     */
+    message?: IExpandableInfoMessageProps;
+    /**
+     * Left icon of the dropdown
+     */
+    prefixIcon?: IconProps;
+    /**
+     * Size of component
+     */
+    size?: TExpandableInfoSize;
+    /**
+     * Right icon of the dropdown
+     */
+    suffixIcon?: IconProps;
+    /**
+     * Main summary
+     */
+    summary?: string | number;
+    /**
+     * Main title
+     */
+    title?: string;
+    /**
+     * Type of component theme
+     */
+    variant?: TExpandableInfoVariant;
+}
+export declare type TExpandableInfoVariant = `${EExpandableInfoVariant}`;
+export declare enum EExpandableInfoVariant {
+    BLUE = "blue",
+    WHITE = "white"
+}
+export declare type TExpandableInfoSize = `${EExpandableInfoSize}`;
+export declare enum EExpandableInfoSize {
+    SMALL = "small",
+    LARGE = "large"
+}

package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableInfoAction.component.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IExpandableInfoActionProps } from './ExpandableInfoAction.interface';
+/**
+ * Molecule UI child component of expandable info
+ */
+export declare const ExpandableInfoAction: React.FC<IExpandableInfoActionProps>;

package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableInfoAction.constants.d.ts

@@ -0,0 +1,3 @@
+export declare const EXPANDABLE_INFO_ACTION_ICONS: {
+    [key: string]: Record<string, string>;
+};

package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableInfoAction.interface.d.ts

@@ -0,0 +1,38 @@
+import { IconProps } from '@components/UI/atoms';
+export interface IExpandableInfoActionProps {
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Loading state
+     */
+    loading?: boolean;
+    /**
+     * Function or URL
+     */
+    onAction?: (() => void) | string;
+    /**
+     * Left icon of the action
+     */
+    prefixIcon?: IconProps;
+    /**
+     * Right icon of the action
+     */
+    suffixIcon?: IconProps;
+    /**
+     * Action title
+     */
+    title?: string;
+    /**
+     * Action variant
+     */
+    variant?: TExpandableInfoActionVariant;
+}
+export declare type TExpandableInfoActionVariant = `${EExpandableInfoActionVariant}`;
+export declare enum EExpandableInfoActionVariant {
+    DARK_BLUE = "dark-blue",
+    LIGHT_BLUE = "light-blue",
+    WHITE = "white",
+    GREEN = "green"
+}

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

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

package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoDetails/ExpandableInfoDetails.component.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IExpandableInfoDetailsProps } from './ExpandableInfoDetails.interface';
+/**
+ * Molecule UI child component of expandable info
+ */
+export declare const ExpandableInfoDetails: React.FC<IExpandableInfoDetailsProps>;

package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoDetails/ExpandableInfoDetails.interface.d.ts

@@ -0,0 +1,32 @@
+import { IExpandableInfoActionProps } from '../ExpandableInfoAction';
+export interface IExpandableInfoDetailsProps {
+    /**
+     * Details sections
+     */
+    sections?: IExpandableInfoDetailsSection[];
+    /**
+     * Details footer action
+     */
+    footer?: TExpandableInfoDetailsFooter;
+}
+export declare type TExpandableInfoDetailsFooter = Pick<IExpandableInfoActionProps, 'title' | 'onAction'>;
+export interface IExpandableInfoDetailsSection {
+    /**
+     * Section children
+     */
+    children: IExpandableInfoDetailsContent[];
+}
+export interface IExpandableInfoDetailsContent {
+    /**
+     * Section title
+     */
+    title: string;
+    /**
+     * Section summary
+     */
+    summary: string;
+    /**
+     * Section sub content
+     */
+    content?: IExpandableInfoDetailsContent[];
+}

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

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

package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoMessage/ExpandableInfoMessage.component.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IExpandableInfoMessageProps } from './ExpandableInfoMessage.interface';
+/**
+ * Molecule UI child component of expandable info
+ */
+export declare const ExpandableInfoMessage: React.FC<IExpandableInfoMessageProps>;

package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoMessage/ExpandableInfoMessage.constants.d.ts

@@ -0,0 +1,3 @@
+export declare const EXPANDABLE_INFO_MESSAGE_ICONS: {
+    [key: string]: Record<string, string>;
+};

package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoMessage/ExpandableInfoMessage.interface.d.ts

@@ -0,0 +1,16 @@
+import { IconProps } from '@components/UI/atoms';
+import { IExpandableInfoProps } from '../../ExpandableInfo.interface';
+export interface IExpandableInfoMessageProps extends Pick<IExpandableInfoProps, 'variant'> {
+    /**
+     * Class name
+     */
+    className?: string;
+    /**
+     * Message title
+     */
+    title?: string;
+    /**
+     * Left icon of the dropdown
+     */
+    prefixIcon?: IconProps;
+}

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

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

package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoModal/ExpandableInfoModal.component.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IExpandableInfoModalProps } from './ExpandableInfoModal.interface';
+/**
+ * Molecule UI child component of expandable info
+ */
+export declare const ExpandableInfoModal: React.FC<IExpandableInfoModalProps>;

package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoModal/ExpandableInfoModal.interface.d.ts

@@ -0,0 +1,11 @@
+import { IExpandableInfoDetailsProps, IExpandableInfoTogglerProps } from '../index';
+export interface IExpandableInfoModalProps {
+    /**
+     * Details props
+     */
+    details?: IExpandableInfoDetailsProps;
+    /**
+     * Toggler props
+     */
+    toggler: Omit<IExpandableInfoTogglerProps, 'onToggle'>;
+}

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

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

package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoPopover/ExpandableInfoPopover.component.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IExpandableInfoPopoverProps } from './ExpandableInfoPopover.interface';
+/**
+ * Molecule UI child component of expandable info
+ */
+export declare const ExpandableInfoPopover: React.FC<IExpandableInfoPopoverProps>;

package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoPopover/ExpandableInfoPopover.interface.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { IExpandableInfoTogglerProps, IExpandableInfoDetailsProps } from '../index';
+export interface IExpandableInfoPopoverProps {
+    /**
+     * Details props
+     */
+    details?: IExpandableInfoDetailsProps;
+    /**
+     * Toggler props
+     */
+    toggler: Omit<IExpandableInfoTogglerProps, 'onToggle'>;
+    /**
+     * Click out
+     */
+    clickOut?: boolean;
+    /**
+     * Set click out
+     */
+    setClickOut?: React.Dispatch<React.SetStateAction<boolean>>;
+}

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

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

package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoToggler/ExpandableInfoToggler.component.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IExpandableInfoTogglerProps } from './ExpandableInfoToggler.interface';
+/**
+ * Molecule UI child component of expandable info
+ */
+export declare const ExpandableInfoToggler: React.FC<IExpandableInfoTogglerProps>;

package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoToggler/ExpandableInfoToggler.constants.d.ts

@@ -0,0 +1,3 @@
+export declare const EXPANDABLE_INFO_TOGGLER_ICONS: {
+    [key: string]: string;
+};

package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoToggler/ExpandableInfoToggler.interface.d.ts

@@ -0,0 +1,16 @@
+import { IExpandableInfoProps } from '../../ExpandableInfo.interface';
+import { IconProps } from '@components/UI/atoms';
+export interface IExpandableInfoTogglerProps extends Omit<IExpandableInfoProps, 'actionButton' | 'message' | 'clickOut' | 'setClickOut' | 'floating'> {
+    /**
+     * Function to be called when the toggler is clicked
+     */
+    onToggle: (value?: boolean) => void;
+    /**
+     * Left icon of the dropdown
+     */
+    prefixIcon?: IconProps;
+    /**
+     * Right icon of the dropdown
+     */
+    suffixIcon?: IconProps;
+}

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

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

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

@@ -0,0 +1,6 @@
+export * from './ExpandableInfoAction';
+export * from './ExpandableInfoDetails';
+export * from './ExpandableInfoMessage';
+export * from './ExpandableInfoModal';
+export * from './ExpandableInfoPopover';
+export * from './ExpandableInfoToggler';

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

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

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

@@ -8,6 +8,7 @@ export * from './CitiesDetailDrawer';
 export * from './DatePicker';
 export * from './Drawer';
 export * from './EmptyResults';
+export * from './ExpandableInfo';
 export * from './FilterContainerMenu';
 export * from './FilterMenuItem';
 export * from './FilterSearchItem';

package/dist/cjs/types/constants/icons.constants.d.ts

@@ -2,6 +2,10 @@ export { default as Add } from '../assets/Add.svg';
 export { default as Add2 } from '../assets/Add2.svg';
 export { default as AddSquareBlackOutline } from '../assets/addSquareBlackOutline.svg';
 export { default as AllJobs } from '../assets/all-jobs.svg';
+export { default as AnimatedSpinnerBlack } from '../assets/gif/spinnerBlack.gif';
+export { default as AnimatedSpinnerBlue } from '../assets/gif/spinnerBlue.gif';
+export { default as AnimatedSpinnerGreen } from '../assets/gif/spinnerGreen.gif';
+export { default as AnimatedSpinnerWhite } from '../assets/gif/spinnerWhite.gif';
 export { default as AppGallery } from '../assets/app-galery.svg';
 export { default as AppStore } from '../assets/app-store.svg';
 export { default as ArchiveAdd } from '../assets/ArchiveAdd.svg';
@@ -13,6 +17,7 @@ export { default as ArrowDownBlue } from '../assets/arrowDownBlue.svg';
 export { default as ArrowDownWhite } from '../assets/arrowDownWhite.svg';
 export { default as ArrowLeft2 } from '../assets/ArrowLeft2.svg';
 export { default as ArrowRight2 } from '../assets/ArrowRight2.svg';
+export { default as ArrowRightWhite } from '../assets/ArrowRightWhite.svg';
 export { default as ArrowSwapVertical } from '../assets/ArrowSwapVertical.svg';
 export { default as BookBlueBold } from '../assets/bookBlueBold.svg';
 export { default as BookWhiteOutline } from '../assets/bookWhiteOutline.svg';
@@ -29,6 +34,9 @@ export { default as Checked } from '../assets/Checked.svg';
 export { default as ClipboardClose } from '../assets/ClipboardClose.svg';
 export { default as Clock } from '../assets/Clock.svg';
 export { default as Close } from '../assets/Close.svg';
+export { default as CloseCircle } from '../assets/closeCircle.svg';
+export { default as CoinBlackOutline } from '../assets/coinBlackOutline.svg';
+export { default as Danger } from '../assets/danger.svg';
 export { default as DocTextBlueBold } from '../assets/docTextBlueBold.svg';
 export { default as DocTextWhiteOutline } from '../assets/docTextWhiteOutline.svg';
 export { default as DocumentText } from '../assets/DocumentText.svg';
@@ -39,11 +47,12 @@ export { default as DollarCircleWhiteOutline } from '../assets/dollarCircleWhite
 export { default as Ellipsis } from '../assets/Ellipsis-h.svg';
 export { default as Email } from '../assets/Email.svg';
 export { default as Error } from '../assets/error.svg';
-export { default as EyeSlash } from '../assets/eye-slash.svg';
 export { default as Export3 } from '../assets/Export3.svg';
+export { default as EyeSlash } from '../assets/eye-slash.svg';
 export { default as Facebook } from '../assets/Facebook.svg';
 export { default as FacebookBlue } from '../assets/Facebook2.svg';
 export { default as FacebookDark } from '../assets/Facebook1.svg';
+export { default as FacebookSolid } from '../assets/FacebookSolid.svg';
 export { default as GooglePlay } from '../assets/google-play.svg';
 export { default as GridBlueBold } from '../assets/gridBlueBold.svg';
 export { default as GridWhiteOutline } from '../assets/gridWhiteOutline.svg';
@@ -58,6 +67,7 @@ export { default as ImageBlueBold } from '../assets/imageBlueBold.svg';
 export { default as ImageWhiteOutline } from '../assets/imageWhiteOutline.svg';
 export { default as Info } from '../assets/info.svg';
 export { default as Instagram } from '../assets/Instagram.svg';
+export { default as InstagramSolid } from '../assets/InstagramSolid.svg';
 export { default as IsoLogoMagneto } from '../assets/favicon-m.svg';
 export { default as IsoLogoMagnetoDark } from '../assets/logoMagnetoDarkMobile.svg';
 export { default as Link } from '../assets/Link.svg';
@@ -66,6 +76,7 @@ export { default as LinkDark } from '../assets/Link21.svg';
 export { default as Linkedin } from '../assets/Linkedin.svg';
 export { default as LinkedInBlue } from '../assets/Linkedin2.svg';
 export { default as LinkedInDark } from '../assets/Linkedin1.svg';
+export { default as LinkedinSolid } from '../assets/LinkedinSolid.svg';
 export { default as Location } from '../assets/Location.svg';
 export { default as Lock } from '../assets/Lock.svg';
 export { default as Login } from '../assets/Login.svg';
@@ -89,6 +100,7 @@ export { default as People } from '../assets/People.svg';
 export { default as PeopleBlueBold } from '../assets/peopleBlueBold.svg';
 export { default as PeopleWhiteOutline } from '../assets/peopleWhiteOutline.svg';
 export { default as ProfileAdd } from '../assets/ProfileAdd.svg';
+export { default as QuestionCircle } from '../assets/question-cirlce.svg';
 export { default as RedoDarkBlue } from '../assets/redoDarkBlue.svg';
 export { default as Refresh } from '../assets/Refresh.svg';
 export { default as SearchIcon } from '../assets/SearchNormal1Gray.svg';
@@ -99,6 +111,7 @@ export { default as SettingBlueBold } from '../assets/settingBlueBold.svg';
 export { default as SettingWhiteOutline } from '../assets/settingWhiteOutline.svg';
 export { default as Share } from '../assets/Share.svg';
 export { default as ShareBlue } from '../assets/Share1.svg';
+export { default as ShoppingCartBlueOutline } from '../assets/shoppingCartBlueOutline.svg';
 export { default as SmallClose } from '../assets/SmallClose.svg';
 export { default as SMSBlue } from '../assets/SMS.svg';
 export { default as SpinnerWhite } from '../assets/SpinnerWhite.svg';
@@ -109,6 +122,7 @@ export { default as TaskBlueBold } from '../assets/taskBlueBold.svg';
 export { default as TaskSquare } from '../assets/TaskSquare.svg';
 export { default as TaskWhiteOutline } from '../assets/taskWhiteOutline.svg';
 export { default as Tiktok } from '../assets/Tiktok.svg';
+export { default as TiktokSolid } from '../assets/TiktokSolid.svg';
 export { default as Trash } from '../assets/trash.svg';
 export { default as TwitterBlue } from '../assets/Twitter2.svg';
 export { default as TwitterDark } from '../assets/Twitter1.svg';
@@ -123,16 +137,4 @@ export { default as WhatsAppColor } from '../assets/Whatsapp1.svg';
 export { default as WhatsAppDark } from '../assets/Whatsapp.svg';
 export { default as X } from '../assets/X.svg';
 export { default as Youtube } from '../assets/Youtube.svg';
-export { default as AnimatedSpinnerWhite } from '../assets/gif/spinnerWhite.gif';
-export { default as AnimatedSpinnerBlack } from '../assets/gif/spinnerBlack.gif';
-export { default as AnimatedSpinnerBlue } from '../assets/gif/spinnerBlue.gif';
-export { default as AnimatedSpinnerGreen } from '../assets/gif/spinnerGreen.gif';
-export { default as CloseCircle } from '../assets/closeCircle.svg';
-export { default as Danger } from '../assets/danger.svg';
-export { default as InstagramSolid } from '../assets/InstagramSolid.svg';
-export { default as FacebookSolid } from '../assets/FacebookSolid.svg';
-export { default as LinkedinSolid } from '../assets/LinkedinSolid.svg';
-export { default as TiktokSolid } from '../assets/TiktokSolid.svg';
 export { default as YoutubeSolid } from '../assets/YoutubeSolid.svg';
-export { default as QuestionCircle } from '../assets/question-cirlce.svg';
-export { default as ArrowRightWhite } from '../assets/ArrowRightWhite.svg';

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

@@ -0,0 +1,5 @@
+import { IExpandableInfoProps } from '@components/UI/molecules/ExpandableInfo';
+export declare const expandableInfoProps: IExpandableInfoProps;
+export declare const expandableInfoPropsVariantBlue: Pick<IExpandableInfoProps, 'variant' | 'actions'>;
+export declare const expandableInfoPropsWithMessage: Pick<IExpandableInfoProps, 'variant' | 'actions' | 'message'>;
+export declare const expandableInfoPropsSizeSmall: Pick<IExpandableInfoProps, 'size' | 'prefixIcon'>;

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

@@ -5,6 +5,7 @@ export * from './citiesDrawer.constant';
 export * from './common.constants';
 export * from './drawer.constants';
 export * from './emptyResults.constants';
+export * from './expandableInfo.constants';
 export * from './filter.constants';
 export * from './footer.constants';
 export * from './headers.constants';

package/dist/cjs/types/utils/classNameManager/classNameManager.util.d.ts

@@ -1,5 +1,5 @@
 interface IStylesConfig {
-    cls: (string | string[] | null | false | undefined)[];
+    cls: (string | string[] | null | boolean | undefined)[];
     styles?: {
         [key: string]: string;
     };