magneto365.ui 2.46.0 → 2.48.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/dist/assets/216605c9a4ba8eeb.svg +3 -0
  2. package/dist/assets/360b8d098be3a53b.svg +7 -0
  3. package/dist/assets/53122d74f38b05ed.svg +3 -0
  4. package/dist/assets/8949e8e4bfb2ef16.svg +3 -0
  5. package/dist/assets/b7c5dd6900f044db.svg +3 -0
  6. package/dist/assets/bdaa69e0d22124aa.svg +6 -0
  7. package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
  8. package/dist/cjs/index.js +829 -485
  9. package/dist/cjs/index.js.map +1 -1
  10. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/ExpandableInfo.component.d.ts +6 -0
  11. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/ExpandableInfo.interface.d.ts +54 -0
  12. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableInfoAction.component.d.ts +6 -0
  13. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableInfoAction.constants.d.ts +3 -0
  14. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableInfoAction.interface.d.ts +38 -0
  15. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoAction/index.d.ts +2 -0
  16. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoDetails/ExpandableInfoDetails.component.d.ts +6 -0
  17. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoDetails/ExpandableInfoDetails.interface.d.ts +32 -0
  18. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoDetails/index.d.ts +2 -0
  19. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoMessage/ExpandableInfoMessage.component.d.ts +6 -0
  20. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoMessage/ExpandableInfoMessage.constants.d.ts +3 -0
  21. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoMessage/ExpandableInfoMessage.interface.d.ts +16 -0
  22. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoMessage/index.d.ts +2 -0
  23. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoModal/ExpandableInfoModal.component.d.ts +6 -0
  24. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoModal/ExpandableInfoModal.interface.d.ts +11 -0
  25. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoModal/index.d.ts +2 -0
  26. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoPopover/ExpandableInfoPopover.component.d.ts +6 -0
  27. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoPopover/ExpandableInfoPopover.interface.d.ts +20 -0
  28. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoPopover/index.d.ts +2 -0
  29. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoToggler/ExpandableInfoToggler.component.d.ts +6 -0
  30. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoToggler/ExpandableInfoToggler.constants.d.ts +3 -0
  31. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoToggler/ExpandableInfoToggler.interface.d.ts +16 -0
  32. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoToggler/index.d.ts +2 -0
  33. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/children/index.d.ts +6 -0
  34. package/dist/cjs/types/components/UI/molecules/ExpandableInfo/index.d.ts +2 -0
  35. package/dist/cjs/types/components/UI/molecules/Message/Message.component.d.ts +7 -4
  36. package/dist/cjs/types/components/UI/molecules/Message/Message.interface.d.ts +27 -5
  37. package/dist/cjs/types/components/UI/molecules/Message/constants/message.constant.d.ts +3 -2
  38. package/dist/cjs/types/components/UI/molecules/Message/index.d.ts +1 -1
  39. package/dist/cjs/types/components/UI/molecules/index.d.ts +1 -0
  40. package/dist/cjs/types/constants/icons.constants.d.ts +19 -13
  41. package/dist/cjs/types/constants/stories/expandableInfo.constants.d.ts +5 -0
  42. package/dist/cjs/types/constants/stories/index.d.ts +1 -0
  43. package/dist/cjs/types/utils/classNameManager/classNameManager.util.d.ts +1 -1
  44. package/dist/esm/css/magneto.ui.lib.min.css +1 -1
  45. package/dist/esm/index.js +829 -485
  46. package/dist/esm/index.js.map +1 -1
  47. package/dist/esm/types/components/UI/molecules/ExpandableInfo/ExpandableInfo.component.d.ts +6 -0
  48. package/dist/esm/types/components/UI/molecules/ExpandableInfo/ExpandableInfo.interface.d.ts +54 -0
  49. package/dist/esm/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableInfoAction.component.d.ts +6 -0
  50. package/dist/esm/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableInfoAction.constants.d.ts +3 -0
  51. package/dist/esm/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableInfoAction.interface.d.ts +38 -0
  52. package/dist/esm/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoAction/index.d.ts +2 -0
  53. package/dist/esm/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoDetails/ExpandableInfoDetails.component.d.ts +6 -0
  54. package/dist/esm/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoDetails/ExpandableInfoDetails.interface.d.ts +32 -0
  55. package/dist/esm/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoDetails/index.d.ts +2 -0
  56. package/dist/esm/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoMessage/ExpandableInfoMessage.component.d.ts +6 -0
  57. package/dist/esm/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoMessage/ExpandableInfoMessage.constants.d.ts +3 -0
  58. package/dist/esm/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoMessage/ExpandableInfoMessage.interface.d.ts +16 -0
  59. package/dist/esm/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoMessage/index.d.ts +2 -0
  60. package/dist/esm/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoModal/ExpandableInfoModal.component.d.ts +6 -0
  61. package/dist/esm/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoModal/ExpandableInfoModal.interface.d.ts +11 -0
  62. package/dist/esm/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoModal/index.d.ts +2 -0
  63. package/dist/esm/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoPopover/ExpandableInfoPopover.component.d.ts +6 -0
  64. package/dist/esm/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoPopover/ExpandableInfoPopover.interface.d.ts +20 -0
  65. package/dist/esm/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoPopover/index.d.ts +2 -0
  66. package/dist/esm/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoToggler/ExpandableInfoToggler.component.d.ts +6 -0
  67. package/dist/esm/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoToggler/ExpandableInfoToggler.constants.d.ts +3 -0
  68. package/dist/esm/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoToggler/ExpandableInfoToggler.interface.d.ts +16 -0
  69. package/dist/esm/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoToggler/index.d.ts +2 -0
  70. package/dist/esm/types/components/UI/molecules/ExpandableInfo/children/index.d.ts +6 -0
  71. package/dist/esm/types/components/UI/molecules/ExpandableInfo/index.d.ts +2 -0
  72. package/dist/esm/types/components/UI/molecules/Message/Message.component.d.ts +7 -4
  73. package/dist/esm/types/components/UI/molecules/Message/Message.interface.d.ts +27 -5
  74. package/dist/esm/types/components/UI/molecules/Message/constants/message.constant.d.ts +3 -2
  75. package/dist/esm/types/components/UI/molecules/Message/index.d.ts +1 -1
  76. package/dist/esm/types/components/UI/molecules/index.d.ts +1 -0
  77. package/dist/esm/types/constants/icons.constants.d.ts +19 -13
  78. package/dist/esm/types/constants/stories/expandableInfo.constants.d.ts +5 -0
  79. package/dist/esm/types/constants/stories/index.d.ts +1 -0
  80. package/dist/esm/types/utils/classNameManager/classNameManager.util.d.ts +1 -1
  81. package/dist/index.d.ts +174 -8
  82. package/package.json +1 -1
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ import { IExpandableInfoProps } from './ExpandableInfo.interface';
3
+ /**
4
+ * Molecule UI component for expandable info
5
+ */
6
+ export declare const ExpandableInfo: React.FC<IExpandableInfoProps>;
@@ -0,0 +1,54 @@
1
+ import { IExpandableInfoActionProps, IExpandableInfoDetailsProps, IExpandableInfoMessageProps } from './children';
2
+ import { IconProps } from '@components/UI/atoms';
3
+ export interface IExpandableInfoProps {
4
+ /**
5
+ * Main action
6
+ */
7
+ actions?: IExpandableInfoActionProps[];
8
+ /**
9
+ * Details list
10
+ */
11
+ details?: IExpandableInfoDetailsProps;
12
+ /**
13
+ * Floating component or not
14
+ */
15
+ floating?: boolean;
16
+ /**
17
+ * Footer message
18
+ */
19
+ message?: IExpandableInfoMessageProps;
20
+ /**
21
+ * Left icon of the dropdown
22
+ */
23
+ prefixIcon?: IconProps;
24
+ /**
25
+ * Size of component
26
+ */
27
+ size?: TExpandableInfoSize;
28
+ /**
29
+ * Right icon of the dropdown
30
+ */
31
+ suffixIcon?: IconProps;
32
+ /**
33
+ * Main summary
34
+ */
35
+ summary?: string | number;
36
+ /**
37
+ * Main title
38
+ */
39
+ title?: string;
40
+ /**
41
+ * Type of component theme
42
+ */
43
+ variant?: TExpandableInfoVariant;
44
+ }
45
+ export declare type TExpandableInfoVariant = `${EExpandableInfoVariant}`;
46
+ export declare enum EExpandableInfoVariant {
47
+ BLUE = "blue",
48
+ WHITE = "white"
49
+ }
50
+ export declare type TExpandableInfoSize = `${EExpandableInfoSize}`;
51
+ export declare enum EExpandableInfoSize {
52
+ SMALL = "small",
53
+ LARGE = "large"
54
+ }
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ import { IExpandableInfoActionProps } from './ExpandableInfoAction.interface';
3
+ /**
4
+ * Molecule UI child component of expandable info
5
+ */
6
+ export declare const ExpandableInfoAction: React.FC<IExpandableInfoActionProps>;
@@ -0,0 +1,3 @@
1
+ export declare const EXPANDABLE_INFO_ACTION_ICONS: {
2
+ [key: string]: Record<string, string>;
3
+ };
@@ -0,0 +1,38 @@
1
+ import { IconProps } from '@components/UI/atoms';
2
+ export interface IExpandableInfoActionProps {
3
+ /**
4
+ * Custom class name
5
+ */
6
+ className?: string;
7
+ /**
8
+ * Loading state
9
+ */
10
+ loading?: boolean;
11
+ /**
12
+ * Function or URL
13
+ */
14
+ onAction?: (() => void) | string;
15
+ /**
16
+ * Left icon of the action
17
+ */
18
+ prefixIcon?: IconProps;
19
+ /**
20
+ * Right icon of the action
21
+ */
22
+ suffixIcon?: IconProps;
23
+ /**
24
+ * Action title
25
+ */
26
+ title?: string;
27
+ /**
28
+ * Action variant
29
+ */
30
+ variant?: TExpandableInfoActionVariant;
31
+ }
32
+ export declare type TExpandableInfoActionVariant = `${EExpandableInfoActionVariant}`;
33
+ export declare enum EExpandableInfoActionVariant {
34
+ DARK_BLUE = "dark-blue",
35
+ LIGHT_BLUE = "light-blue",
36
+ WHITE = "white",
37
+ GREEN = "green"
38
+ }
@@ -0,0 +1,2 @@
1
+ export { ExpandableInfoAction } from './ExpandableInfoAction.component';
2
+ export * from './ExpandableInfoAction.interface';
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ import { IExpandableInfoDetailsProps } from './ExpandableInfoDetails.interface';
3
+ /**
4
+ * Molecule UI child component of expandable info
5
+ */
6
+ export declare const ExpandableInfoDetails: React.FC<IExpandableInfoDetailsProps>;
@@ -0,0 +1,32 @@
1
+ import { IExpandableInfoActionProps } from '../ExpandableInfoAction';
2
+ export interface IExpandableInfoDetailsProps {
3
+ /**
4
+ * Details sections
5
+ */
6
+ sections?: IExpandableInfoDetailsSection[];
7
+ /**
8
+ * Details footer action
9
+ */
10
+ footer?: TExpandableInfoDetailsFooter;
11
+ }
12
+ export declare type TExpandableInfoDetailsFooter = Pick<IExpandableInfoActionProps, 'title' | 'onAction'>;
13
+ export interface IExpandableInfoDetailsSection {
14
+ /**
15
+ * Section children
16
+ */
17
+ children: IExpandableInfoDetailsContent[];
18
+ }
19
+ export interface IExpandableInfoDetailsContent {
20
+ /**
21
+ * Section title
22
+ */
23
+ title: string;
24
+ /**
25
+ * Section summary
26
+ */
27
+ summary: string;
28
+ /**
29
+ * Section sub content
30
+ */
31
+ content?: IExpandableInfoDetailsContent[];
32
+ }
@@ -0,0 +1,2 @@
1
+ export { ExpandableInfoDetails } from './ExpandableInfoDetails.component';
2
+ export * from './ExpandableInfoDetails.interface';
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ import { IExpandableInfoMessageProps } from './ExpandableInfoMessage.interface';
3
+ /**
4
+ * Molecule UI child component of expandable info
5
+ */
6
+ export declare const ExpandableInfoMessage: React.FC<IExpandableInfoMessageProps>;
@@ -0,0 +1,3 @@
1
+ export declare const EXPANDABLE_INFO_MESSAGE_ICONS: {
2
+ [key: string]: Record<string, string>;
3
+ };
@@ -0,0 +1,16 @@
1
+ import { IconProps } from '@components/UI/atoms';
2
+ import { IExpandableInfoProps } from '../../ExpandableInfo.interface';
3
+ export interface IExpandableInfoMessageProps extends Pick<IExpandableInfoProps, 'variant'> {
4
+ /**
5
+ * Class name
6
+ */
7
+ className?: string;
8
+ /**
9
+ * Message title
10
+ */
11
+ title?: string;
12
+ /**
13
+ * Left icon of the dropdown
14
+ */
15
+ prefixIcon?: IconProps;
16
+ }
@@ -0,0 +1,2 @@
1
+ export { ExpandableInfoMessage } from './ExpandableInfoMessage.component';
2
+ export * from './ExpandableInfoMessage.interface';
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ import { IExpandableInfoModalProps } from './ExpandableInfoModal.interface';
3
+ /**
4
+ * Molecule UI child component of expandable info
5
+ */
6
+ export declare const ExpandableInfoModal: React.FC<IExpandableInfoModalProps>;
@@ -0,0 +1,11 @@
1
+ import { IExpandableInfoDetailsProps, IExpandableInfoTogglerProps } from '../index';
2
+ export interface IExpandableInfoModalProps {
3
+ /**
4
+ * Details props
5
+ */
6
+ details?: IExpandableInfoDetailsProps;
7
+ /**
8
+ * Toggler props
9
+ */
10
+ toggler: Omit<IExpandableInfoTogglerProps, 'onToggle'>;
11
+ }
@@ -0,0 +1,2 @@
1
+ export { ExpandableInfoModal } from './ExpandableInfoModal.component';
2
+ export * from './ExpandableInfoModal.interface';
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ import { IExpandableInfoPopoverProps } from './ExpandableInfoPopover.interface';
3
+ /**
4
+ * Molecule UI child component of expandable info
5
+ */
6
+ export declare const ExpandableInfoPopover: React.FC<IExpandableInfoPopoverProps>;
@@ -0,0 +1,20 @@
1
+ /// <reference types="react" />
2
+ import { IExpandableInfoTogglerProps, IExpandableInfoDetailsProps } from '../index';
3
+ export interface IExpandableInfoPopoverProps {
4
+ /**
5
+ * Details props
6
+ */
7
+ details?: IExpandableInfoDetailsProps;
8
+ /**
9
+ * Toggler props
10
+ */
11
+ toggler: Omit<IExpandableInfoTogglerProps, 'onToggle'>;
12
+ /**
13
+ * Click out
14
+ */
15
+ clickOut?: boolean;
16
+ /**
17
+ * Set click out
18
+ */
19
+ setClickOut?: React.Dispatch<React.SetStateAction<boolean>>;
20
+ }
@@ -0,0 +1,2 @@
1
+ export { ExpandableInfoPopover } from './ExpandableInfoPopover.component';
2
+ export * from './ExpandableInfoPopover.interface';
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ import { IExpandableInfoTogglerProps } from './ExpandableInfoToggler.interface';
3
+ /**
4
+ * Molecule UI child component of expandable info
5
+ */
6
+ export declare const ExpandableInfoToggler: React.FC<IExpandableInfoTogglerProps>;
@@ -0,0 +1,3 @@
1
+ export declare const EXPANDABLE_INFO_TOGGLER_ICONS: {
2
+ [key: string]: string;
3
+ };
@@ -0,0 +1,16 @@
1
+ import { IExpandableInfoProps } from '../../ExpandableInfo.interface';
2
+ import { IconProps } from '@components/UI/atoms';
3
+ export interface IExpandableInfoTogglerProps extends Omit<IExpandableInfoProps, 'actionButton' | 'message' | 'clickOut' | 'setClickOut' | 'floating'> {
4
+ /**
5
+ * Function to be called when the toggler is clicked
6
+ */
7
+ onToggle: (value?: boolean) => void;
8
+ /**
9
+ * Left icon of the dropdown
10
+ */
11
+ prefixIcon?: IconProps;
12
+ /**
13
+ * Right icon of the dropdown
14
+ */
15
+ suffixIcon?: IconProps;
16
+ }
@@ -0,0 +1,2 @@
1
+ export { ExpandableInfoToggler } from './ExpandableInfoToggler.component';
2
+ export * from './ExpandableInfoToggler.interface';
@@ -0,0 +1,6 @@
1
+ export * from './ExpandableInfoAction';
2
+ export * from './ExpandableInfoDetails';
3
+ export * from './ExpandableInfoMessage';
4
+ export * from './ExpandableInfoModal';
5
+ export * from './ExpandableInfoPopover';
6
+ export * from './ExpandableInfoToggler';
@@ -0,0 +1,2 @@
1
+ export { ExpandableInfo } from './ExpandableInfo.component';
2
+ export * from './ExpandableInfo.interface';
@@ -1,4 +1,7 @@
1
- import { FC } from 'react';
2
- import { IMessage } from './Message.interface';
3
- export declare const Message: FC<IMessage>;
4
- export declare const message: (props: IMessage) => void;
1
+ import React from 'react';
2
+ import { IMessageProps } from './Message.interface';
3
+ export declare const Component: React.FC<IMessageProps>;
4
+ /**
5
+ * Molecule UI component for Message
6
+ */
7
+ export declare const Message: React.FC<IMessageProps>;
@@ -1,4 +1,25 @@
1
- export interface IMessage {
1
+ import { IconProps } from '@components/UI/atoms';
2
+ export interface IMessageProps {
3
+ /**
4
+ * Optional class name
5
+ */
6
+ className?: string;
7
+ /**
8
+ * Optional description of the message
9
+ */
10
+ description?: string;
11
+ /**
12
+ * This is the optional duration in milliseconds
13
+ * */
14
+ duration?: number;
15
+ /**
16
+ * Optional props for the icon
17
+ */
18
+ iconProps?: IconProps;
19
+ /**
20
+ * This is the function to be called when the message is hidden
21
+ */
22
+ onHide?: (visible: boolean) => void;
2
23
  /**
3
24
  * This is the main text in the message
4
25
  * */
@@ -6,9 +27,10 @@ export interface IMessage {
6
27
  /**
7
28
  * This is the type of message
8
29
  * */
9
- type?: 'info' | 'success' | 'warning' | 'error';
30
+ type?: TMessageType;
10
31
  /**
11
- * This is the optional duration in milliseconds
12
- * */
13
- duration?: number;
32
+ * Handles visibility of the message
33
+ */
34
+ visible?: boolean;
14
35
  }
36
+ export declare type TMessageType = 'info' | 'success' | 'warning' | 'error';
@@ -1,8 +1,9 @@
1
- import { IMessage } from '../Message.interface';
2
- export declare const initialState: IMessage;
1
+ import { IMessageProps } from '../Message.interface';
2
+ export declare const initialState: IMessageProps;
3
3
  export declare const iconByType: {
4
4
  info: any;
5
5
  success: any;
6
6
  warning: any;
7
7
  error: any;
8
8
  };
9
+ export declare const transitionDuration = 300;
@@ -1,2 +1,2 @@
1
- export { Message, message } from './Message.component';
1
+ export { Message } from './Message.component';
2
2
  export * from './Message.interface';
@@ -8,6 +8,7 @@ export * from './CitiesDetailDrawer';
8
8
  export * from './DatePicker';
9
9
  export * from './Drawer';
10
10
  export * from './EmptyResults';
11
+ export * from './ExpandableInfo';
11
12
  export * from './FilterContainerMenu';
12
13
  export * from './FilterMenuItem';
13
14
  export * from './FilterSearchItem';
@@ -2,6 +2,10 @@ export { default as Add } from '../assets/Add.svg';
2
2
  export { default as Add2 } from '../assets/Add2.svg';
3
3
  export { default as AddSquareBlackOutline } from '../assets/addSquareBlackOutline.svg';
4
4
  export { default as AllJobs } from '../assets/all-jobs.svg';
5
+ export { default as AnimatedSpinnerBlack } from '../assets/gif/spinnerBlack.gif';
6
+ export { default as AnimatedSpinnerBlue } from '../assets/gif/spinnerBlue.gif';
7
+ export { default as AnimatedSpinnerGreen } from '../assets/gif/spinnerGreen.gif';
8
+ export { default as AnimatedSpinnerWhite } from '../assets/gif/spinnerWhite.gif';
5
9
  export { default as AppGallery } from '../assets/app-galery.svg';
6
10
  export { default as AppStore } from '../assets/app-store.svg';
7
11
  export { default as ArchiveAdd } from '../assets/ArchiveAdd.svg';
@@ -13,6 +17,7 @@ export { default as ArrowDownBlue } from '../assets/arrowDownBlue.svg';
13
17
  export { default as ArrowDownWhite } from '../assets/arrowDownWhite.svg';
14
18
  export { default as ArrowLeft2 } from '../assets/ArrowLeft2.svg';
15
19
  export { default as ArrowRight2 } from '../assets/ArrowRight2.svg';
20
+ export { default as ArrowRightWhite } from '../assets/ArrowRightWhite.svg';
16
21
  export { default as ArrowSwapVertical } from '../assets/ArrowSwapVertical.svg';
17
22
  export { default as BookBlueBold } from '../assets/bookBlueBold.svg';
18
23
  export { default as BookWhiteOutline } from '../assets/bookWhiteOutline.svg';
@@ -29,6 +34,10 @@ export { default as Checked } from '../assets/Checked.svg';
29
34
  export { default as ClipboardClose } from '../assets/ClipboardClose.svg';
30
35
  export { default as Clock } from '../assets/Clock.svg';
31
36
  export { default as Close } from '../assets/Close.svg';
37
+ export { default as CloseCircle } from '../assets/closeCircle.svg';
38
+ export { default as CloseCircleRedBold } from '../assets/closeCircleRedBold.svg';
39
+ export { default as CoinBlackOutline } from '../assets/coinBlackOutline.svg';
40
+ export { default as Danger } from '../assets/danger.svg';
32
41
  export { default as DocTextBlueBold } from '../assets/docTextBlueBold.svg';
33
42
  export { default as DocTextWhiteOutline } from '../assets/docTextWhiteOutline.svg';
34
43
  export { default as DocumentText } from '../assets/DocumentText.svg';
@@ -39,11 +48,12 @@ export { default as DollarCircleWhiteOutline } from '../assets/dollarCircleWhite
39
48
  export { default as Ellipsis } from '../assets/Ellipsis-h.svg';
40
49
  export { default as Email } from '../assets/Email.svg';
41
50
  export { default as Error } from '../assets/error.svg';
42
- export { default as EyeSlash } from '../assets/eye-slash.svg';
43
51
  export { default as Export3 } from '../assets/Export3.svg';
52
+ export { default as EyeSlash } from '../assets/eye-slash.svg';
44
53
  export { default as Facebook } from '../assets/Facebook.svg';
45
54
  export { default as FacebookBlue } from '../assets/Facebook2.svg';
46
55
  export { default as FacebookDark } from '../assets/Facebook1.svg';
56
+ export { default as FacebookSolid } from '../assets/FacebookSolid.svg';
47
57
  export { default as GooglePlay } from '../assets/google-play.svg';
48
58
  export { default as GridBlueBold } from '../assets/gridBlueBold.svg';
49
59
  export { default as GridWhiteOutline } from '../assets/gridWhiteOutline.svg';
@@ -57,7 +67,9 @@ export { default as HomeWhiteOutline } from '../assets/homeWhiteOutline.svg';
57
67
  export { default as ImageBlueBold } from '../assets/imageBlueBold.svg';
58
68
  export { default as ImageWhiteOutline } from '../assets/imageWhiteOutline.svg';
59
69
  export { default as Info } from '../assets/info.svg';
70
+ export { default as InfoCircleBlueBold } from '../assets/infoCircleBlueBold.svg';
60
71
  export { default as Instagram } from '../assets/Instagram.svg';
72
+ export { default as InstagramSolid } from '../assets/InstagramSolid.svg';
61
73
  export { default as IsoLogoMagneto } from '../assets/favicon-m.svg';
62
74
  export { default as IsoLogoMagnetoDark } from '../assets/logoMagnetoDarkMobile.svg';
63
75
  export { default as Link } from '../assets/Link.svg';
@@ -66,6 +78,7 @@ export { default as LinkDark } from '../assets/Link21.svg';
66
78
  export { default as Linkedin } from '../assets/Linkedin.svg';
67
79
  export { default as LinkedInBlue } from '../assets/Linkedin2.svg';
68
80
  export { default as LinkedInDark } from '../assets/Linkedin1.svg';
81
+ export { default as LinkedinSolid } from '../assets/LinkedinSolid.svg';
69
82
  export { default as Location } from '../assets/Location.svg';
70
83
  export { default as Lock } from '../assets/Lock.svg';
71
84
  export { default as Login } from '../assets/Login.svg';
@@ -89,6 +102,7 @@ export { default as People } from '../assets/People.svg';
89
102
  export { default as PeopleBlueBold } from '../assets/peopleBlueBold.svg';
90
103
  export { default as PeopleWhiteOutline } from '../assets/peopleWhiteOutline.svg';
91
104
  export { default as ProfileAdd } from '../assets/ProfileAdd.svg';
105
+ export { default as QuestionCircle } from '../assets/question-cirlce.svg';
92
106
  export { default as RedoDarkBlue } from '../assets/redoDarkBlue.svg';
93
107
  export { default as Refresh } from '../assets/Refresh.svg';
94
108
  export { default as SearchIcon } from '../assets/SearchNormal1Gray.svg';
@@ -99,6 +113,7 @@ export { default as SettingBlueBold } from '../assets/settingBlueBold.svg';
99
113
  export { default as SettingWhiteOutline } from '../assets/settingWhiteOutline.svg';
100
114
  export { default as Share } from '../assets/Share.svg';
101
115
  export { default as ShareBlue } from '../assets/Share1.svg';
116
+ export { default as ShoppingCartBlueOutline } from '../assets/shoppingCartBlueOutline.svg';
102
117
  export { default as SmallClose } from '../assets/SmallClose.svg';
103
118
  export { default as SMSBlue } from '../assets/SMS.svg';
104
119
  export { default as SpinnerWhite } from '../assets/SpinnerWhite.svg';
@@ -108,7 +123,9 @@ export { default as Tag } from '../assets/tag.svg';
108
123
  export { default as TaskBlueBold } from '../assets/taskBlueBold.svg';
109
124
  export { default as TaskSquare } from '../assets/TaskSquare.svg';
110
125
  export { default as TaskWhiteOutline } from '../assets/taskWhiteOutline.svg';
126
+ export { default as TickCircleGreenBold } from '../assets/tickCircleGreenBold.svg';
111
127
  export { default as Tiktok } from '../assets/Tiktok.svg';
128
+ export { default as TiktokSolid } from '../assets/TiktokSolid.svg';
112
129
  export { default as Trash } from '../assets/trash.svg';
113
130
  export { default as TwitterBlue } from '../assets/Twitter2.svg';
114
131
  export { default as TwitterDark } from '../assets/Twitter1.svg';
@@ -119,20 +136,9 @@ export { default as UserRoundedGray } from '../assets/userRoundedGray.svg';
119
136
  export { default as UserSearchBlueBold } from '../assets/userSearchBlueBold.svg';
120
137
  export { default as UserSearchWhiteOutline } from '../assets/userSearchWhiteOutline.svg';
121
138
  export { default as Warning } from '../assets/warning.svg';
139
+ export { default as WarningYellowBold } from '../assets/warningYellowBold.svg';
122
140
  export { default as WhatsAppColor } from '../assets/Whatsapp1.svg';
123
141
  export { default as WhatsAppDark } from '../assets/Whatsapp.svg';
124
142
  export { default as X } from '../assets/X.svg';
125
143
  export { default as Youtube } from '../assets/Youtube.svg';
126
- export { default as AnimatedSpinnerWhite } from '../assets/gif/spinnerWhite.gif';
127
- export { default as AnimatedSpinnerBlack } from '../assets/gif/spinnerBlack.gif';
128
- export { default as AnimatedSpinnerBlue } from '../assets/gif/spinnerBlue.gif';
129
- export { default as AnimatedSpinnerGreen } from '../assets/gif/spinnerGreen.gif';
130
- export { default as CloseCircle } from '../assets/closeCircle.svg';
131
- export { default as Danger } from '../assets/danger.svg';
132
- export { default as InstagramSolid } from '../assets/InstagramSolid.svg';
133
- export { default as FacebookSolid } from '../assets/FacebookSolid.svg';
134
- export { default as LinkedinSolid } from '../assets/LinkedinSolid.svg';
135
- export { default as TiktokSolid } from '../assets/TiktokSolid.svg';
136
144
  export { default as YoutubeSolid } from '../assets/YoutubeSolid.svg';
137
- export { default as QuestionCircle } from '../assets/question-cirlce.svg';
138
- export { default as ArrowRightWhite } from '../assets/ArrowRightWhite.svg';
@@ -0,0 +1,5 @@
1
+ import { IExpandableInfoProps } from '@components/UI/molecules/ExpandableInfo';
2
+ export declare const expandableInfoProps: IExpandableInfoProps;
3
+ export declare const expandableInfoPropsVariantBlue: Pick<IExpandableInfoProps, 'variant' | 'actions'>;
4
+ export declare const expandableInfoPropsWithMessage: Pick<IExpandableInfoProps, 'variant' | 'actions' | 'message'>;
5
+ export declare const expandableInfoPropsSizeSmall: Pick<IExpandableInfoProps, 'size' | 'prefixIcon'>;
@@ -5,6 +5,7 @@ export * from './citiesDrawer.constant';
5
5
  export * from './common.constants';
6
6
  export * from './drawer.constants';
7
7
  export * from './emptyResults.constants';
8
+ export * from './expandableInfo.constants';
8
9
  export * from './filter.constants';
9
10
  export * from './footer.constants';
10
11
  export * from './headers.constants';
@@ -1,5 +1,5 @@
1
1
  interface IStylesConfig {
2
- cls: (string | string[] | null | false | undefined)[];
2
+ cls: (string | string[] | null | boolean | undefined)[];
3
3
  styles?: {
4
4
  [key: string]: string;
5
5
  };