magneto365.ui 2.64.0 → 2.65.2

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

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

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

@@ -0,0 +1,22 @@
+export interface IBarChart {
+    /**
+     * Sets the range of the bar
+     */
+    bin: number[];
+    /**
+     * Sets the percentage of the bar
+     */
+    heightPercentage: number;
+    /**
+     * Sets the description text of the bar
+     */
+    jobText: string;
+    /**
+     * Sets the maximum percentage of the bar
+     */
+    maxPercentage?: number;
+    /**
+     * Sets the maximum height of the bar
+     */
+    maxHeight?: number;
+}

package/dist/esm/types/components/UI/atoms/BarChart/enums.d.ts

@@ -0,0 +1,5 @@
+export declare enum EPositions {
+    left = "left",
+    right = "right",
+    center = "center"
+}

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

@@ -0,0 +1 @@
+export * from './BarChart.component';

package/dist/esm/types/components/UI/atoms/BarChart/interfaces.d.ts

@@ -0,0 +1 @@
+export declare type TPopoverPosition = 'left' | 'right' | 'center';

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

@@ -37,3 +37,4 @@ export * from './Text';
 export * from './Tag';
 export * from './ToggleButton';
 export * from './UserMenuButtonAnalyst';
+export * from './BarChart';

package/dist/esm/types/components/UI/molecules/BarsChart/BarsChart.component.d.ts

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

package/dist/esm/types/components/UI/molecules/BarsChart/BarsChart.interface.d.ts

@@ -0,0 +1,33 @@
+import { IBarChart } from '@components/UI/atoms/BarChart/BarChart.interface';
+export interface IBarsChart {
+    /**
+     * Array of bar chart data objects
+     */
+    data: IBarChart[];
+    /**
+     * Represents the mean value to be displayed
+     */
+    mean: number;
+    /**
+     * Sets the maximum height of the bar
+     */
+    maxHeight?: number;
+    /**
+     * Text labels used in the chart
+     */
+    texts: IBarsChartText;
+}
+export interface IBarsChartText {
+    /**
+     * Label for jobs description
+     */
+    jobs: string;
+    /**
+     * Label for mean value
+     */
+    mean: string;
+    /**
+     * Label for month value
+     */
+    month: string;
+}

package/dist/esm/types/components/UI/molecules/BarsChart/index.d.ts

@@ -0,0 +1 @@
+export * from './BarsChart.component';

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

@@ -76,3 +76,4 @@ export * from './MegaMenuDrawerItem';
 export * from './MegaMenuEmpty';
 export * from './Notification';
 export * from './AlertJobModal';
+export * from './BarsChart';

package/dist/esm/types/components/UI/organism/CategoryGrid/CategoryGrid.component.d.ts

@@ -0,0 +1,3 @@
+import { ICategoryGrid } from './CategoryGrid.interface';
+declare const CategoryGrid: <T>({ elements, render: Component, columnsNumber }: ICategoryGrid<T>) => JSX.Element;
+export default CategoryGrid;

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export interface ICategoryGrid<T> {
+    /**
+     * This is the elements list to render
+     * */
+    elements: T[];
+    /**
+     * This is the component to render dynamically
+     * */
+    render: React.FC<T>;
+    /**
+     * Number of columns to render
+     * */
+    columnsNumber?: number;
+}

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

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

package/dist/esm/types/components/UI/organism/CategoryMenuCard/CategoryMenuCard.component.d.ts

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

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

@@ -0,0 +1,53 @@
+/// <reference types="react" />
+export interface ICategoryMenuCard {
+    /**
+     * This is the category name
+     * */
+    name: string;
+    /**
+     * You can switch between logo and icon
+     * */
+    icon?: string;
+    /**
+     * Onclick callback
+     * */
+    onClick?: () => void;
+    /**
+     * not setting this property is specific to the component
+     * */
+    clickOut?: boolean;
+    /**
+     * not setting this property is specific to the component
+     * */
+    setClickOut?: React.Dispatch<React.SetStateAction<boolean>>;
+    /**
+     * This is the item list to render
+     * */
+    list: ICategoryField[];
+    /**
+     * Url to redirect
+     * */
+    href: string;
+    /**
+     * See more button text
+     * */
+    seeAllText: string;
+}
+export interface ICategoryField {
+    /**
+     * This is the field id
+     * */
+    id: string | number;
+    /**
+     * This is the field name
+     * */
+    name: string;
+    /**
+     * Url to redirect
+     * */
+    href: string;
+    /**
+     * Onclick callback
+     * */
+    onClick?: () => void;
+}

package/dist/esm/types/components/UI/organism/CategoryMenuCard/children/CategoryMenuList/CategoryMenuList.component.d.ts

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

package/dist/esm/types/components/UI/organism/CategoryMenuCard/children/CategoryMenuList/CategoryMenuList.interface.d.ts

@@ -0,0 +1,23 @@
+import { ICategoryField } from '../../CategoryMenuCard.interface';
+export interface ICategoryMenuList {
+    /**
+     * list of all options
+     * */
+    list: ICategoryField[];
+    /**
+     * The list is open
+     * */
+    isOpen?: boolean;
+    /**
+     * Onclick callback
+     * */
+    onClick?: () => void;
+    /**
+     * See all text
+     * */
+    seeAllText: string;
+    /**
+     * Url to redirect
+     * */
+    href: string;
+}

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

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

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

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

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

@@ -33,3 +33,5 @@ export * from './UserTerms';
 export * from './MegaMenuDrawer';
 export * from './JobSuggestedDrawer';
 export * from './AlertsPanel';
+export * from './CategoryMenuCard';
+export * from './CategoryGrid';

package/dist/esm/types/components/UI/template/VacantPositionsTemplate/VacantPositions.component.d.ts

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

package/dist/esm/types/components/UI/template/VacantPositionsTemplate/VacantPositions.interface.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { IButtonLink } from '@components/UI/atoms';
+import { IAlphabetFilter } from '@components/UI/organism/AlphabetFilter/AlphabetFilter.interface';
+export interface IVacantPositions {
+    /**
+     * This is the title H1
+     * */
+    title?: string;
+    /**
+     * This is the title H2
+     * */
+    subtitle?: string;
+    /**
+     * Banner to render dynamically
+     * */
+    banner?: React.ReactNode;
+    /**
+     * Props used by the AlphabetFilter component
+     * */
+    filterProps?: IAlphabetFilter;
+    /**
+     * Props used by the back button
+     * */
+    backButtonProps?: IButtonLink;
+    /**
+     * Props used by the view more button
+     * */
+    viewMoreProps?: IButtonLink;
+    /**
+     * component that can be received dynamically as a children
+     * */
+    children?: React.ReactNode;
+}

package/dist/esm/types/components/UI/template/VacantPositionsTemplate/index.d.ts

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

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

@@ -7,3 +7,4 @@ export * from './logoutTemplate';
 export * from './SideFilter';
 export * from './SortBar';
 export * from './MegaMenu';
+export * from './VacantPositionsTemplate';

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

@@ -19,8 +19,11 @@ 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 Bell } from '../assets/bell.svg';
 export { default as BookBlueBold } from '../assets/bookBlueBold.svg';
 export { default as BookWhiteOutline } from '../assets/bookWhiteOutline.svg';
+export { default as Book1 } from '../assets/book-1.svg';
+export { default as Box } from '../assets/programatic/box.svg';
 export { default as Briefcase } from '../assets/Briefcase.svg';
 export { default as BriefcaseBlueBold } from '../assets/briefcaseBlueBold.svg';
 export { default as BriefcaseWhiteOutline } from '../assets/briefcaseWhiteOutline.svg';
@@ -28,6 +31,7 @@ export { default as BrifecaseTick } from '../assets/BrifecaseTick.svg';
 export { default as Broom } from '../assets/Broom.svg';
 export { default as Building5 } from '../assets/Building5.svg';
 export { default as Buildings2 } from '../assets/Buildings2.svg';
+export { default as Brush2 } from '../assets/programatic/brush-2.svg';
 export { default as BuildingSlashBlackOutline } from '../assets/buildingSlashDarkBlueOutline.svg';
 export { default as BuildingWhite } from '../assets/buildingWhite.svg';
 export { default as Calendar1 } from '../assets/Calendar1.svg';
@@ -40,7 +44,9 @@ export { default as Close } from '../assets/Close.svg';
 export { default as CloseCircle } from '../assets/closeCircle.svg';
 export { default as CloseCircleRedBold } from '../assets/closeCircleRedBold.svg';
 export { default as CoinBlackOutline } from '../assets/coinBlackOutline.svg';
+export { default as Computing } from '../assets/programatic/computing.svg';
 export { default as Danger } from '../assets/danger.svg';
+export { default as Device1 } from '../assets/programatic/devices-1.svg';
 export { default as DocTextBlueBold } from '../assets/docTextBlueBold.svg';
 export { default as DocTextWhiteOutline } from '../assets/docTextWhiteOutline.svg';
 export { default as DocumentForward } from '../assets/document-forward.svg';
@@ -59,6 +65,7 @@ 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 Glass } from '../assets/programatic/glass.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';
@@ -69,6 +76,7 @@ export { default as Home2 } from '../assets/home.svg';
 export { default as HomeBlueBold } from '../assets/homeBlueBold.svg';
 export { default as HomeUnderline } from '../assets/homeUnderline.svg';
 export { default as HomeWhiteOutline } from '../assets/homeWhiteOutline.svg';
+export { default as Hospital } from '../assets/programatic/hospital.svg';
 export { default as ImageBlueBold } from '../assets/imageBlueBold.svg';
 export { default as ImageWhiteOutline } from '../assets/imageWhiteOutline.svg';
 export { default as Info } from '../assets/info.svg';
@@ -77,6 +85,7 @@ 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 Like } from '../assets/programatic/like-shapes.svg';
 export { default as Link } from '../assets/Link.svg';
 export { default as Link1 } from '../assets/Link1.svg';
 export { default as LinkDark } from '../assets/Link21.svg';
@@ -94,6 +103,7 @@ export { default as LogoutBlackOutline } from '../assets/logoutBlackOutline.svg'
 export { default as LogoutIcon } from '../assets/logout.svg';
 export { default as MagicStarBlackOutline } from '../assets/magicStarBlackOutline.svg';
 export { default as MailDark } from '../assets/Mail1.svg';
+export { default as Message } from '../assets/programatic/device-message.svg';
 export { default as MessageQuestion } from '../assets/MessageQuestion.svg';
 export { default as Messages2BlackOutline } from '../assets/messages2BlackOutline.svg';
 export { default as MiniArrowGrayDown } from '../assets/miniArrowGrayDown.svg';
@@ -109,11 +119,13 @@ 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 Ranking } from '../assets/programatic/ranking-1.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';
 export { default as SearchNormal1 } from '../assets/SearchNormal1.svg';
 export { default as Security } from '../assets/security.svg';
+export { default as Setting } from '../assets/programatic/setting.svg';
 export { default as Setting2 } from '../assets/Setting2.svg';
 export { default as Setting4 } from '../assets/Setting4.svg';
 export { default as SettingBlueBold } from '../assets/settingBlueBold.svg';
@@ -128,6 +140,7 @@ export { default as SMSBlue } from '../assets/SMS.svg';
 export { default as SpinnerWhite } from '../assets/SpinnerWhite.svg';
 export { default as Success } from '../assets/success.svg';
 export { default as SuggestedJobs } from '../assets/suggested-jobs.svg';
+export { default as Sun } from '../assets/programatic/sun-fog.svg';
 export { default as Tag } from '../assets/tag.svg';
 export { default as TaskBlueBold } from '../assets/taskBlueBold.svg';
 export { default as TaskSquare } from '../assets/TaskSquare.svg';
@@ -136,6 +149,7 @@ export { default as TickCircleGreenBold } from '../assets/tickCircleGreenBold.sv
 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 Tree } from '../assets/programatic/tree.svg';
 export { default as TwitterBlue } from '../assets/Twitter2.svg';
 export { default as TwitterDark } from '../assets/Twitter1.svg';
 export { default as Urgent } from '../assets/Urgent.svg';
@@ -146,6 +160,7 @@ export { default as UserRoundedGray } from '../assets/userRoundedGray.svg';
 export { default as UserSearchBlueBold } from '../assets/userSearchBlueBold.svg';
 export { default as UserSearchWhiteOutline } from '../assets/userSearchWhiteOutline.svg';
 export { default as UserTick } from '../assets/user-tick.svg';
+export { default as Video1 } from '../assets/programatic/video.svg';
 export { default as Warning } from '../assets/warning.svg';
 export { default as Warning3D } from '../assets/warning-3d.svg';
 export { default as WarningHex } from '../assets/warning-hex.svg';
@@ -155,4 +170,3 @@ 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 YoutubeSolid } from '../assets/YoutubeSolid.svg';
-export { default as Bell } from '../assets/bell.svg';

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

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

package/dist/esm/types/constants/stories/vacantPositionsCategory.constants.d.ts

@@ -0,0 +1,25 @@
+import { IButtonLink } from '@components/UI/atoms';
+import { IBarsChart } from '@components/UI/molecules/BarsChart/BarsChart.interface';
+import { ICategoryMenuCard } from '@components/UI/organism';
+import { IVacantPositions } from '@components/UI/template';
+export declare const categoriesData: ICategoryMenuCard[];
+export declare const vacantPositionsSearchList: IButtonLink[];
+export declare const programaticIcons: {
+    'oficios-varios-aseo-seguridad': any;
+    'manufactura-produccion-operativos': any;
+    'construccion-oficios-artesanias': any;
+    'tecnicos-reparaciones-mantenimiento': any;
+    'ventas-servicio-cliente-marketing': any;
+    'medios-arte-produccion-audiovisual': any;
+    'direccion-gerencia': any;
+    'profesionales-consultorias-servicios': any;
+    'informatica-tecnologia-sistemas': any;
+    ingenieria: any;
+    'agricultura-recursos-naturales': any;
+    'educacion-formacion-docencia': any;
+    'salud-medicina': any;
+    'ciencia-investigacion': any;
+    'hoteleria-turismo-gastronomia': any;
+};
+export declare const vacantPositionsData: IVacantPositions;
+export declare const BarsChartData: IBarsChart;

package/dist/esm/types/utils/currency/currency.util.d.ts

@@ -0,0 +1 @@
+export declare const numberToCurrency: (currency: number) => string;

package/dist/esm/types/utils/icons/getIcons.util.d.ts

@@ -1 +1 @@
-export declare const getIcons: (iconName?: string | undefined) => any;
+export declare const getIcon: (iconsObject: Record<string, any>, iconName?: string | undefined) => any;