magneto365.ui 2.45.2 → 2.47.0

package/dist/esm/types/components/UI/atoms/Checkbox/Checkbox.component.d.ts

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

package/dist/esm/types/components/UI/atoms/Checkbox/Checkbox.interface.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export interface ICheckbox extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+    /**
+     * event to controll the change value component.
+     * @param checked
+     * @returns
+     */
+    onChange?: (checked: boolean) => void;
+    /**
+     * change UI behavior with this prop.
+     */
+    type?: 'box' | 'background';
+    /**
+     * change display behavior for checkbox.
+     */
+    display?: 'inline' | 'block';
+}

package/dist/esm/types/components/UI/atoms/Checkbox/index.d.ts

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

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/MobileDrawer/MobileDrawer.interface.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface IMoblieDrawer {
     className?: string;
     /**
@@ -11,7 +12,7 @@ export interface IMoblieDrawer {
     /**
      * can receive components inside the drawer
      */
-    children: JSX.Element | JSX.Element[];
+    children: JSX.Element | JSX.Element[] | React.ReactNode;
     /**
      * this property blocks fn onClose from background
      */

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/components/UI/organism/Select/Select.component.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ISelect } from './Select.interface';
+import { ISelectInput } from './children/SelectInput/SelectInput.interface';
+/**
+ * @experimental this component is early, so that the interface component and behavrior could change.
+ * @deprecated this function will change soon.
+ */
+export declare const Select: (<T>({ children, renderSelect, placeholder, options, value, onChange, inputReadonly }: ISelect<T>) => JSX.Element) & {
+    useContext: <T_1>() => import("./Select.context").ISelectContext<T_1>;
+    Input: <T_2>({ onChange, value, className, onClick, open, actionIcon, selected, getLabel, readOnly, ...rest }: ISelectInput<T_2>) => JSX.Element;
+    Clickout: React.FC<{
+        clickOut: boolean;
+        setClickOut: (value: boolean) => void;
+    }>;
+    Drawer: React.FC<import("./children/SelectDrawer").ISelectDrawer>;
+    ListCheck: <T_3>({ className, renderItem, filter }: import("./children/SelectListCheck").ISelect2ListCheck<T_3>) => JSX.Element;
+};

package/dist/esm/types/components/UI/organism/Select/Select.context.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { ISelect } from './Select.interface';
+export interface ISelectContext<T> {
+    value: ISelect<T>['value'];
+    /**
+     *
+     * @param value
+     * @returns
+     */
+    onChange: (value: ISelectContext<T>['value']) => void;
+    /**
+     * current options to display in select list components.
+     */
+    options: ISelect<T>['options'];
+    /**
+     * input search values, it works for make filters.
+     */
+    search: string;
+    /**
+     * @param search current search input value.
+     * @returns
+     */
+    onSearch: (search: string | ((current: string) => string)) => void;
+    open: boolean;
+    /**
+     *
+     * @param value current state from Drawer (open/close).
+     * @returns
+     */
+    onSwitch: (value: boolean | ((current: boolean) => boolean)) => void;
+}
+export declare const SelectContext: React.Context<ISelectContext<any>>;
+export declare const useSelectContext: <T>() => ISelectContext<T>;

package/dist/esm/types/components/UI/organism/Select/Select.interface.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ISelectInput } from './children/SelectInput/SelectInput.interface';
+export interface ISelect<T> {
+    value: IValueSelect<T>[];
+    onChange?: (value: IValueSelect<T>[]) => void;
+    options: IOption<T>[];
+    placeholder?: string;
+    renderSelect?: <T>(props: ISelectInput<T>) => React.ReactNode;
+    inputReadonly?: boolean;
+    children?: React.ReactNode;
+}
+export interface IValueSelect<T> {
+    id: number | string;
+    value: T;
+}
+export interface IOption<T> extends IValueSelect<T> {
+    label?: string;
+}

package/dist/esm/types/components/UI/organism/Select/children/SelectClickout/SelectClickout.component.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type Props = {
+    clickOut: boolean;
+    setClickOut: (value: boolean) => void;
+};
+declare const _default: React.FC<Props>;
+export default _default;

package/dist/esm/types/components/UI/organism/Select/children/SelectClickout/index.d.ts

@@ -0,0 +1 @@
+export { default as SelectClickout } from './SelectClickout.component';

package/dist/esm/types/components/UI/organism/Select/children/SelectDrawer/SelectDrawer.d.ts

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

package/dist/esm/types/components/UI/organism/Select/children/SelectDrawer/SelectDrawer.interface.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface ISelectDrawer {
+    className?: string;
+    children: React.ReactNode;
+}

package/dist/esm/types/components/UI/organism/Select/children/SelectDrawer/index.d.ts

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

package/dist/esm/types/components/UI/organism/Select/children/SelectInput/SelectInput.component.d.ts

@@ -0,0 +1,2 @@
+import { ISelectInput } from './SelectInput.interface';
+export declare const SelectInput: <T>({ onChange, value, className, onClick, open, actionIcon, selected, getLabel, readOnly, ...rest }: ISelectInput<T>) => JSX.Element;

package/dist/esm/types/components/UI/organism/Select/children/SelectInput/SelectInput.interface.d.ts

@@ -0,0 +1,36 @@
+import { IInput } from '@components/UI/molecules/Input/Input.interface';
+import { ISelect, IValueSelect } from '../../Select.interface';
+export interface ISelectInput<T> extends IInput {
+    /**
+     * placeholder for input.
+     */
+    placeholder: IInput['placeholder'];
+    /**
+     * type for input.
+     */
+    type: IInput['type'];
+    /**
+     * to know if the select is open.
+     */
+    open?: boolean;
+    /**
+     * select value.
+     */
+    selected: ISelect<T>['value'];
+    /**
+     * onClick on input container.
+     */
+    onClick: () => void;
+    /**
+     * display values selected in input.
+     */
+    readonly?: boolean;
+    /**
+     * The select value is generic, so for display correctly the label in input
+     * use this function.
+     * @param value current values selected
+     * @default (value) => value.map(select => select.value).join(', ')
+     * @returns
+     */
+    getLabel?: (value: IValueSelect<T>[]) => string;
+}

package/dist/esm/types/components/UI/organism/Select/children/SelectListCheck/SelectListCheck.component.d.ts

@@ -0,0 +1,2 @@
+import { ISelect2ListCheck } from './SelectListCheck.interface';
+export declare const SelectListCheck: <T>({ className, renderItem, filter }: ISelect2ListCheck<T>) => JSX.Element;

package/dist/esm/types/components/UI/organism/Select/children/SelectListCheck/SelectListCheck.interface.d.ts

@@ -0,0 +1,8 @@
+import { IOption } from '../../Select.interface';
+export interface ISelect2ListCheck<T> {
+    className?: string;
+    filter?: (option: IOption<T>, searchValue: string, value?: IOption<T> | IOption<T>[] | undefined) => boolean;
+    renderItem?: (option: IOption<T>) => JSX.Element;
+    clickOut?: boolean;
+    setClickOut?: (clickOut: boolean) => void;
+}

package/dist/esm/types/components/UI/organism/Select/children/SelectListCheck/index.d.ts

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

package/dist/esm/types/components/UI/organism/Select/index.d.ts

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

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

@@ -24,3 +24,4 @@ export * from './OneSelectionEntry';
 export * from './Select2';
 export * from './SimilarJobs';
 export * from './Timeline';
+export * from './Select';

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/Select2Multiple.constants.d.ts

@@ -0,0 +1,5 @@
+export declare const disabiltiesOptions: {
+    id: number;
+    value: string;
+    label: string;
+}[];