magneto365.ui 2.46.0 → 2.47.0

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/types/components/UI/molecules/ExpandableInfo/index.d.ts

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

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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;
     };

package/dist/index.d.ts

@@ -1395,6 +1395,149 @@ interface IEmptyResults {
 
 declare const EmptyResult: React$1.FC<IEmptyResults>;
 
+interface IExpandableInfoActionProps {
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Loading state
+     */
+    loading?: boolean;
+    /**
+     * Function or URL
+     */
+    onAction?: (() => void) | string;
+    /**
+     * Left icon of the action
+     */
+    prefixIcon?: IconProps$1;
+    /**
+     * Right icon of the action
+     */
+    suffixIcon?: IconProps$1;
+    /**
+     * Action title
+     */
+    title?: string;
+    /**
+     * Action variant
+     */
+    variant?: TExpandableInfoActionVariant;
+}
+declare type TExpandableInfoActionVariant = `${EExpandableInfoActionVariant}`;
+declare enum EExpandableInfoActionVariant {
+    DARK_BLUE = "dark-blue",
+    LIGHT_BLUE = "light-blue",
+    WHITE = "white",
+    GREEN = "green"
+}
+
+interface IExpandableInfoDetailsProps {
+    /**
+     * Details sections
+     */
+    sections?: IExpandableInfoDetailsSection[];
+    /**
+     * Details footer action
+     */
+    footer?: TExpandableInfoDetailsFooter;
+}
+declare type TExpandableInfoDetailsFooter = Pick<IExpandableInfoActionProps, 'title' | 'onAction'>;
+interface IExpandableInfoDetailsSection {
+    /**
+     * Section children
+     */
+    children: IExpandableInfoDetailsContent[];
+}
+interface IExpandableInfoDetailsContent {
+    /**
+     * Section title
+     */
+    title: string;
+    /**
+     * Section summary
+     */
+    summary: string;
+    /**
+     * Section sub content
+     */
+    content?: IExpandableInfoDetailsContent[];
+}
+
+interface IExpandableInfoMessageProps extends Pick<IExpandableInfoProps, 'variant'> {
+    /**
+     * Class name
+     */
+    className?: string;
+    /**
+     * Message title
+     */
+    title?: string;
+    /**
+     * Left icon of the dropdown
+     */
+    prefixIcon?: IconProps$1;
+}
+
+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$1;
+    /**
+     * Size of component
+     */
+    size?: TExpandableInfoSize;
+    /**
+     * Right icon of the dropdown
+     */
+    suffixIcon?: IconProps$1;
+    /**
+     * Main summary
+     */
+    summary?: string | number;
+    /**
+     * Main title
+     */
+    title?: string;
+    /**
+     * Type of component theme
+     */
+    variant?: TExpandableInfoVariant;
+}
+declare type TExpandableInfoVariant = `${EExpandableInfoVariant}`;
+declare enum EExpandableInfoVariant {
+    BLUE = "blue",
+    WHITE = "white"
+}
+declare type TExpandableInfoSize = `${EExpandableInfoSize}`;
+declare enum EExpandableInfoSize {
+    SMALL = "small",
+    LARGE = "large"
+}
+
+/**
+ * Molecule UI component for expandable info
+ */
+declare const ExpandableInfo: React$1.FC<IExpandableInfoProps>;
+
 interface IFilterContainerMenu {
     /**
      * you must add jsx elements
@@ -4544,4 +4687,4 @@ declare const withMegaMenuContainer: <T>(WrappedComponent: React$1.FC<T>) => Rea
     wrapperProps: T;
 }>;
 
-export { Actions, Alert, AnalystTemplate, Avatar, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, _default$2 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, ButtonElement, CitiesDetailDrawer, ComparativeCounter, ComponentProps, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, EAlertType, ERadioType, EmptyResult as EmptyResults, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabItem, HeaderTabs, IActions, IAlert, IAnalystProviderProps, IAnalystTemplateProps, IAvatar, IBreadcrumb, IBreadcrumbs, IBtnPaginationProps, IButton, ICitiesDetailDrawer, ICityDetail, ICompanyAnalyst, ICreatePaginationProps, ICreatePaginationResult, IDateDropdown, IDateInput, IDateList, IDatePicker, IDatePickerComponent, IDefaultFilter, IDefaultOrder, IDetailList, IDrawer, IDrawerOrganism, IDrawerPortal, IDynamicUrl, IEmptyResults, IFieldsAlias, IFilter, IFilterCard, IFilterHeader, IFilterMenuItem, IFilterRepository, IFilterSearchItem, IFilterValue, IFooterList, IFrequentSearch, IGetOptionsOnSearchProps, IHeaderAnalystProps, IHeaderDrawerCompany, IHeaderDrawerTabs, IHeaderTab, IHeaderTabs, IImage, IJobApplyCard, IJobCard, IJobCompanyHeader, IJobCompanyLogo, IJobDetailCard, IJobDetails, IJobDetailsDrawer, IJobFooterCard, IJobHeader, IJobSkillsCard, IJobVideo, IJobsActions, IJobsPage, ILinkProps, IListIcon, IListIconLink, IListMenuIcons, IListMenuItems, ILoading, ILoginHeader, ILoginJobsHeader, ILoginJobsTemplate, ILogoAnalystProps, ILogoComponent, ILogout, ILogoutHeader, ILogoutJobsHeader, ILogoutJobsTemplate, ILogoutTemplate, IMainButton, IMegaMenu, IMegaMenuCard, IMegaMenuCards, IMegaMenuTab, IMenuCollapseChildren, IMenuDropdownProps, IMenuIcon, IMenuItem, IMenuItems, IMenuSearch, IMenuUser, IMessage, IMobileDatePicker, IMobileDrawerMenu, IMobileJobDetailsDrawer, IMobileJobDetailsHeader, IMobileSearchbar, IMobileSortMenu, IMoblieDrawer, IModalAnalyst, IModalAnalystProps, IModalAnalystScreen, IModalProps, IMultiRangeSlider, INavMMenuAnalystRegionModal, INavMenuAnalystIcons, INavMenuAnalystOption, INavMenuAnalystProps, INavMenuAnalystQueryString, INavMenuAnalystRegion, INavMenuAnalystRegionModalProps, INavMenuAnalystSection, INavMenuDrawerAnalystProps, IOption, IOptionValues, IPaginationProps, IParagraph, IPopover, IRadioCommonProps, IRadioProps, ISaveButton, ISearchItem, ISearchRenderTypeOption, ISearchRenderTypeProps, ISearchbar, ISelect, ISetIsApplied, ISettings, IShareButton, IShareLink, IShareLinksActions, ISharePopover, ISideFilter, ISimilarJobsCard, ISkill, ISortBar, ISortMenu, ISortMenuItem, ISubCompanyAnalyst, ISuggestedJobsPage, ISwitch, ITab, ITabButton, IUnApplyWithChild, IUserAnalyst, IUserMenuAnalystAction, IUserMenuAnalystProps, IUserMenuAnalystQueryString, IUserMenuAnalystSection, IUserMenuButtonAnalystProps, IUserMenuWrapperAnalystProps, IVacancies$1 as IVacancies, IValueSelect, IconItem, IconProps, IlistMenuUserProps, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobRequirementsElement, JobSkillsCard, JobVideo, JobsPage, Link, LinkElement, LinkType, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuItemInfo, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, _default$1 as Modal, ModalAnalyst, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarJobs, SimilarJobsCard, Skill, SortBar, _default as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, TabButtonElement, Tags as Tag, TextArea, Timeline, TimelineEvent, TimelineEventProps, TimelineEventStatus, ToggleButton, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, message, useMediaQuery, withClickOut, withMegaMenuContainer };
+export { Actions, Alert, AnalystTemplate, Avatar, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, _default$2 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, ButtonElement, CitiesDetailDrawer, ComparativeCounter, ComponentProps, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, EAlertType, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabItem, HeaderTabs, IActions, IAlert, IAnalystProviderProps, IAnalystTemplateProps, IAvatar, IBreadcrumb, IBreadcrumbs, IBtnPaginationProps, IButton, ICitiesDetailDrawer, ICityDetail, ICompanyAnalyst, ICreatePaginationProps, ICreatePaginationResult, IDateDropdown, IDateInput, IDateList, IDatePicker, IDatePickerComponent, IDefaultFilter, IDefaultOrder, IDetailList, IDrawer, IDrawerOrganism, IDrawerPortal, IDynamicUrl, IEmptyResults, IExpandableInfoProps, IFieldsAlias, IFilter, IFilterCard, IFilterHeader, IFilterMenuItem, IFilterRepository, IFilterSearchItem, IFilterValue, IFooterList, IFrequentSearch, IGetOptionsOnSearchProps, IHeaderAnalystProps, IHeaderDrawerCompany, IHeaderDrawerTabs, IHeaderTab, IHeaderTabs, IImage, IJobApplyCard, IJobCard, IJobCompanyHeader, IJobCompanyLogo, IJobDetailCard, IJobDetails, IJobDetailsDrawer, IJobFooterCard, IJobHeader, IJobSkillsCard, IJobVideo, IJobsActions, IJobsPage, ILinkProps, IListIcon, IListIconLink, IListMenuIcons, IListMenuItems, ILoading, ILoginHeader, ILoginJobsHeader, ILoginJobsTemplate, ILogoAnalystProps, ILogoComponent, ILogout, ILogoutHeader, ILogoutJobsHeader, ILogoutJobsTemplate, ILogoutTemplate, IMainButton, IMegaMenu, IMegaMenuCard, IMegaMenuCards, IMegaMenuTab, IMenuCollapseChildren, IMenuDropdownProps, IMenuIcon, IMenuItem, IMenuItems, IMenuSearch, IMenuUser, IMessage, IMobileDatePicker, IMobileDrawerMenu, IMobileJobDetailsDrawer, IMobileJobDetailsHeader, IMobileSearchbar, IMobileSortMenu, IMoblieDrawer, IModalAnalyst, IModalAnalystProps, IModalAnalystScreen, IModalProps, IMultiRangeSlider, INavMMenuAnalystRegionModal, INavMenuAnalystIcons, INavMenuAnalystOption, INavMenuAnalystProps, INavMenuAnalystQueryString, INavMenuAnalystRegion, INavMenuAnalystRegionModalProps, INavMenuAnalystSection, INavMenuDrawerAnalystProps, IOption, IOptionValues, IPaginationProps, IParagraph, IPopover, IRadioCommonProps, IRadioProps, ISaveButton, ISearchItem, ISearchRenderTypeOption, ISearchRenderTypeProps, ISearchbar, ISelect, ISetIsApplied, ISettings, IShareButton, IShareLink, IShareLinksActions, ISharePopover, ISideFilter, ISimilarJobsCard, ISkill, ISortBar, ISortMenu, ISortMenuItem, ISubCompanyAnalyst, ISuggestedJobsPage, ISwitch, ITab, ITabButton, IUnApplyWithChild, IUserAnalyst, IUserMenuAnalystAction, IUserMenuAnalystProps, IUserMenuAnalystQueryString, IUserMenuAnalystSection, IUserMenuButtonAnalystProps, IUserMenuWrapperAnalystProps, IVacancies$1 as IVacancies, IValueSelect, IconItem, IconProps, IlistMenuUserProps, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobRequirementsElement, JobSkillsCard, JobVideo, JobsPage, Link, LinkElement, LinkType, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuItemInfo, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, _default$1 as Modal, ModalAnalyst, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarJobs, SimilarJobsCard, Skill, SortBar, _default as SortMenu, SuggestedJobsPage, Switch, TExpandableInfoSize, TExpandableInfoVariant, Tab, TabButton, TabButtonElement, Tags as Tag, TextArea, Timeline, TimelineEvent, TimelineEventProps, TimelineEventStatus, ToggleButton, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, message, useMediaQuery, withClickOut, withMegaMenuContainer };

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/W170/talenta.magneto365.ui.git"
   },
-  "version": "2.46.0",
+  "version": "2.47.0",
   "description": "Magneto365 UI common components",
   "scripts": {
     "lint": "eslint ./src --ext .js,.ts,.jsx,.tsx",