magneto365.ui 2.69.0-beta.2 → 2.69.0-beta.3

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

@@ -57,4 +57,8 @@ export interface IInput extends React.InputHTMLAttributes<HTMLInputElement> {
      * this property sets the max counter value
      */
     maxCounterValue?: number;
+    /**
+     * Main Styles
+     */
+    mainClassName?: string;
 }

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

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

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

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+export interface IMegaMenuSearchBar {
+    location: ISearchBar;
+    occupation: ISearchBar;
+}
+export interface ISearchBar {
+    /**
+     * Sets the value for the input in the searchbar
+     */
+    termValue: any;
+    /**
+     * Placeholder text for the searchbar
+     */
+    placeholder: string;
+    /**
+     * Handler for the input value
+     */
+    onSearch: (searchValue: string) => void;
+    /**
+     * Icon in search input
+     */
+    icon?: string;
+    /**
+     * Action Icon
+     */
+    actionIcon?: string;
+    /**
+     * options
+     */
+    options: ISearchOptions[];
+    /**
+     * sectionTitle
+     */
+    sectionTitle?: ISectionTitle;
+    /**
+     * class name
+     */
+    className?: string;
+    /**
+     *
+     */
+    onSelectOption?: (option: ISearchOptions) => void;
+}
+export interface ISectionTitle {
+    title: string;
+    url: string;
+    onClick: (event: React.MouseEvent) => void;
+    icon?: string;
+}
+export interface ISearchOptions {
+    title: string;
+    subtitle?: string;
+    url: string;
+}

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

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

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

@@ -19,4 +19,8 @@ export interface IMobileSearchbar {
      * Sets the value for the input in the searchbar
      */
     termValue?: any;
+    /**
+     * placeholder
+     */
+    placeholder?: string;
 }

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

@@ -12,6 +12,10 @@ export interface IApplicationSummary {
      * this property closes the ui
      */
     onClose: () => void;
+    /**
+     * this property sets custom styles
+     */
+    className?: string;
 }
 export declare namespace IApplicationSummary {
     interface Section {

package/dist/esm/types/components/UI/template/MegaMenu/MegaMenuContext.interface.d.ts

@@ -4,6 +4,7 @@ import { IPopoverRef } from '@components/UI/molecules/MegaMenuPopover/MegaMenuPo
 import { IlistMenuUserProps } from '@components/UI/organism';
 import React, { ReactNode } from 'react';
 import { ISelectOptions } from '@components/UI/organism/Select2/Select2.interface';
+import { IMegaMenuSearchBar } from '@components/UI/molecules/MegaMenuSearchBar/MegaMenuSearchBar.interface';
 export interface IMegaMenuLink {
     label: string;
     url: string;
@@ -29,7 +30,8 @@ export interface IMegaMenuMainHeader {
         onClickSignUp: (event: Event) => Promise<void>;
     };
     selectCountry?: ISelectOptions<unknown>;
-    searchBarProps?: ISearchbar;
+    searchBarProps?: IMegaMenuSearchBar;
+    mobileSearchBarProps: ISearchbar;
     homeUrl?: string;
     homeText?: string;
 }

package/dist/esm/types/components/hooks/useClickOutside/index.d.ts

@@ -0,0 +1 @@
+export declare const useClickOutside: (ref: React.RefObject<HTMLElement>, handler: () => void) => void;

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

@@ -190,3 +190,4 @@ export { default as Youtube } from '../assets/Youtube.svg';
 export { default as YoutubeSolid } from '../assets/YoutubeSolid.svg';
 export { default as FilterIcon } from '../assets/filter-search.svg';
 export { default as SortIcon } from '../assets/SortIcon.svg';
+export { default as CurrentLocation } from '../assets/current-location.svg';

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

@@ -1,6 +1,7 @@
 import { IBreadcrumb, IMainButton, IconProps } from '@components/UI/atoms';
-import { IHeaderTabs, IListMenuIcons, IMenuItems, IMobileSearchbar, ISearchbar } from '@components/UI/molecules';
+import { IHeaderTabs, IListMenuIcons, IMenuItems, ISearchbar } from '@components/UI/molecules';
 import { IBrands } from '@components/UI/molecules/BrandsContainer/BrandsContainer.interface';
+import { IMegaMenuSearchBar } from '@components/UI/molecules/MegaMenuSearchBar/MegaMenuSearchBar.interface';
 export declare const ourBrandsText = "Nuestras Marcas";
 export declare const brands: IBrands[];
 export declare const breadcrumbProps: IBreadcrumb;
@@ -81,8 +82,8 @@ export declare const DrawerRightTabStyles: {
 export declare const JobsTabsProps: IHeaderTabs;
 export declare const ProcessTabsProps: IHeaderTabs;
 export declare const CurriculumTabProps: IHeaderTabs;
-export declare const SearchbarProps: ISearchbar;
-export declare const MobileSearchbarProps: IMobileSearchbar;
+export declare const SearchbarProps: IMegaMenuSearchBar;
+export declare const MobileSearchbarProps: ISearchbar;
 export declare const iconPropsBreadCrumb: IconProps;
 export declare const searchMobileProps: IMainButton;
 export declare const closeSearchMobileProps: IMainButton;

package/dist/index.d.ts

@@ -40,6 +40,7 @@ import { IFooterMenuLinks as IFooterMenuLinks$1 } from '@components/UI/organism/
 import { IMegaMenuTab as IMegaMenuTab$1 } from '@components/UI/atoms/MegaMenuTab/MegaMenuTab.interface';
 import { IPopoverRef as IPopoverRef$1 } from '@components/UI/molecules/MegaMenuPopover/MegaMenuPopover.interface';
 import { ISelectOptions as ISelectOptions$1 } from '@components/UI/organism/Select2/Select2.interface';
+import { IMegaMenuSearchBar } from '@components/UI/molecules/MegaMenuSearchBar/MegaMenuSearchBar.interface';
 import { ERenderType } from '@constants/stories';
 import { IAlphabetFilter as IAlphabetFilter$1 } from '@components/UI/organism/AlphabetFilter/AlphabetFilter.interface';
 
@@ -2619,6 +2620,10 @@ interface IInput extends React.InputHTMLAttributes<HTMLInputElement> {
      * this property sets the max counter value
      */
     maxCounterValue?: number;
+    /**
+     * Main Styles
+     */
+    mainClassName?: string;
 }
 
 declare const Input: React__default.FC<IInput>;
@@ -3503,6 +3508,10 @@ interface IMobileSearchbar {
      * Sets the value for the input in the searchbar
      */
     termValue?: any;
+    /**
+     * placeholder
+     */
+    placeholder?: string;
 }
 
 /**
@@ -4251,6 +4260,10 @@ interface IApplicationSummary {
      * this property closes the ui
      */
     onClose: () => void;
+    /**
+     * this property sets custom styles
+     */
+    className?: string;
 }
 declare namespace IApplicationSummary {
     interface Section {
@@ -6419,7 +6432,8 @@ interface IMegaMenuMainHeader {
         onClickSignUp: (event: Event) => Promise<void>;
     };
     selectCountry?: ISelectOptions$1<unknown>;
-    searchBarProps?: ISearchbar$1;
+    searchBarProps?: IMegaMenuSearchBar;
+    mobileSearchBarProps: ISearchbar$1;
     homeUrl?: string;
     homeText?: string;
 }

package/package.json

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