magneto365.ui 2.74.0 → 2.74.1-beta

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

@@ -1,3 +1,4 @@
+import React from "react";
 declare type PositionY = 'top' | 'bottom';
 declare type PositionX = 'left' | 'center' | 'right';
 export interface IPopover {
@@ -30,5 +31,6 @@ export interface IPopover {
      */
     staticContent?: boolean;
     className?: string;
+    style?: React.CSSProperties;
 }
 export {};

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,55 @@
+/// <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;
+    field?: 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/FilterCard/FilterCard.interface.d.ts

@@ -16,4 +16,16 @@ export interface IFilterCard extends IFilter, ISearchRenderTypeProps {
      * This is the switch title and indicate if has switch
      */
     switchText?: string;
+    /**
+     * Identification Key for each filter card
+     */
+    index: number;
+    /**
+     *Function to bnotify an open filter
+     */
+    setCurrentOpenFilter: (index: number) => void;
+    /**
+     * key to know if a filter has changed
+     */
+    showFilters: boolean;
 }

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

@@ -3,6 +3,8 @@ import { ISearchbar } from '@components/UI/molecules';
 import { IPopoverRef } from '@components/UI/molecules/MegaMenuPopover/MegaMenuPopover.interface';
 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;
@@ -27,7 +29,9 @@ export interface IMegaMenuMainHeader {
         signUpText: string;
         onClickSignUp: (event: Event) => Promise<void>;
     };
-    searchBarProps?: ISearchbar;
+    selectCountry?: ISelectOptions<unknown>;
+    searchBarProps?: IMegaMenuSearchBar;
+    mobileSearchBarProps: ISearchbar;
     homeUrl?: string;
     homeText?: string;
 }

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

@@ -188,3 +188,6 @@ 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 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/esm/types/constants/stories/sideFilter.constants.d.ts

@@ -33,10 +33,7 @@ export declare const storiesFilters: ({
         fieldsAlias: {
             id: string;
             label: string;
-            parentId?: undefined;
         };
-        fieldFullSearch?: undefined;
-        sourceName?: undefined;
     };
     values: {
         id: number;
@@ -46,90 +43,6 @@ export declare const storiesFilters: ({
         isApplied: boolean;
     }[];
     searchPlaceholder: string;
-    renderChild?: undefined;
-    child?: undefined;
-    filtersApplied?: undefined;
-} | {
-    label: string;
-    field: string;
-    type: string;
-    renderType: string;
-    renderChild: string;
-    dataType: string;
-    multiple: boolean;
-    repository: {
-        type: string;
-        defaultFilter: {
-            active?: undefined;
-        };
-        defaultOrder: {
-            name?: undefined;
-        };
-        defaultOperator: number;
-        source: string;
-        fieldFullSearch: string;
-        sourceName: string;
-        fieldsAlias: {
-            id: string;
-            label: string;
-            parentId: null;
-        };
-    };
-    child: {
-        label: string;
-        field: string;
-        type: string;
-        renderType: string;
-        renderChild: string;
-        dataType: string;
-        multiple: boolean;
-        repository: {
-            type: string;
-            defaultFilter: {};
-            defaultOrder: {};
-            defaultOperator: number;
-            source: string;
-            fieldFullSearch: string;
-            sourceName: string;
-            fieldsAlias: {
-                id: string;
-                label: string;
-                parentId: string;
-            };
-        };
-        child: {
-            label: string;
-            field: string;
-            type: string;
-            renderType: string;
-            dataType: string;
-            multiple: boolean;
-            repository: {
-                type: string;
-                defaultFilter: {};
-                defaultOrder: {};
-                defaultOperator: number;
-                source: string;
-                fieldFullSearch: string;
-                sourceName: string;
-                fieldsAlias: {
-                    id: string;
-                    label: string;
-                    parentId: string;
-                };
-            };
-            values: never[];
-            filtersApplied: string[];
-            searchPlaceholder: string;
-        };
-        values: never[];
-        filtersApplied: string[];
-        searchPlaceholder: string;
-    };
-    values: never[];
-    filtersApplied: number[];
-    searchPlaceholder: string;
-    placeholder?: undefined;
 } | {
     label: string;
     field: string;
@@ -150,10 +63,7 @@ export declare const storiesFilters: ({
         fieldsAlias: {
             id?: undefined;
             label?: undefined;
-            parentId?: undefined;
         };
-        fieldFullSearch?: undefined;
-        sourceName?: undefined;
     };
     values: ({
         operator: number;
@@ -176,9 +86,6 @@ export declare const storiesFilters: ({
     })[];
     searchPlaceholder: string;
     placeholder?: undefined;
-    renderChild?: undefined;
-    child?: undefined;
-    filtersApplied?: undefined;
 } | {
     label: string;
     field: string;
@@ -197,8 +104,6 @@ export declare const storiesFilters: ({
         defaultOperator: number;
         source: null;
         fieldsAlias: null;
-        fieldFullSearch?: undefined;
-        sourceName?: undefined;
     };
     values: ({
         operator: number;
@@ -230,9 +135,6 @@ export declare const storiesFilters: ({
     })[];
     searchPlaceholder: string;
     placeholder?: undefined;
-    renderChild?: undefined;
-    child?: undefined;
-    filtersApplied?: undefined;
 } | {
     label: string;
     field: string;
@@ -251,8 +153,6 @@ export declare const storiesFilters: ({
         defaultOperator: number;
         source: string;
         fieldsAlias: null;
-        fieldFullSearch?: undefined;
-        sourceName?: undefined;
     };
     values: {
         id: string;
@@ -265,9 +165,6 @@ export declare const storiesFilters: ({
     }[];
     searchPlaceholder: string;
     placeholder?: undefined;
-    renderChild?: undefined;
-    child?: undefined;
-    filtersApplied?: undefined;
 } | {
     label: string;
     field: string;
@@ -286,8 +183,6 @@ export declare const storiesFilters: ({
         defaultOperator: number;
         source: string;
         fieldsAlias: null;
-        fieldFullSearch?: undefined;
-        sourceName?: undefined;
     };
     values: {
         id: number;
@@ -298,9 +193,6 @@ export declare const storiesFilters: ({
     }[];
     searchPlaceholder: string;
     placeholder?: undefined;
-    renderChild?: undefined;
-    child?: undefined;
-    filtersApplied?: undefined;
 } | {
     label: string;
     field: string;
@@ -319,8 +211,6 @@ export declare const storiesFilters: ({
         defaultOperator: number;
         source: null;
         fieldsAlias: null;
-        fieldFullSearch?: undefined;
-        sourceName?: undefined;
     };
     values: {
         operator: number;
@@ -331,9 +221,6 @@ export declare const storiesFilters: ({
     }[];
     searchPlaceholder: string;
     placeholder?: undefined;
-    renderChild?: undefined;
-    child?: undefined;
-    filtersApplied?: undefined;
 } | {
     label: string;
     field: string;
@@ -352,8 +239,6 @@ export declare const storiesFilters: ({
         defaultOperator: number;
         source: null;
         fieldsAlias: null;
-        fieldFullSearch?: undefined;
-        sourceName?: undefined;
     };
     values: {
         operator: number;
@@ -364,9 +249,6 @@ export declare const storiesFilters: ({
     }[];
     searchPlaceholder: string;
     placeholder?: undefined;
-    renderChild?: undefined;
-    child?: undefined;
-    filtersApplied?: undefined;
 } | {
     label: string;
     field: string;
@@ -385,8 +267,6 @@ export declare const storiesFilters: ({
         defaultOperator: number;
         source: null;
         fieldsAlias: null;
-        fieldFullSearch?: undefined;
-        sourceName?: undefined;
     };
     values: {
         operator: number;
@@ -398,9 +278,6 @@ export declare const storiesFilters: ({
     }[];
     searchPlaceholder: string;
     placeholder?: undefined;
-    renderChild?: undefined;
-    child?: undefined;
-    filtersApplied?: undefined;
 })[];
 export declare const sideFilterProps: {
     title: string;

package/dist/index.d.ts

@@ -40,6 +40,8 @@ import { IRightsReservedText as IRightsReservedText$1 } from '@components/UI/mol
 import { IFooterMenuLinks as IFooterMenuLinks$1 } from '@components/UI/organism/FooterMenuLinks/FooterMenuLinks.interface';
 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';
 
@@ -954,6 +956,7 @@ interface IPopover {
      */
     staticContent?: boolean;
     className?: string;
+    style?: React__default.CSSProperties;
 }
 
 /**
@@ -2594,6 +2597,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>;
@@ -3482,6 +3489,10 @@ interface IMobileSearchbar {
      * Sets the value for the input in the searchbar
      */
     termValue?: any;
+    /**
+     * placeholder
+     */
+    placeholder?: string;
 }
 
 /**
@@ -4444,6 +4455,18 @@ interface IFilterCard extends IFilter$1, ISearchRenderTypeProps$1 {
      * This is the switch title and indicate if has switch
      */
     switchText?: string;
+    /**
+     * Identification Key for each filter card
+     */
+    index: number;
+    /**
+     *Function to bnotify an open filter
+     */
+    setCurrentOpenFilter: (index: number) => void;
+    /**
+     * key to know if a filter has changed
+     */
+    showFilters: boolean;
 }
 
 declare const FilterCard: FC<IFilterCard>;
@@ -6641,7 +6664,9 @@ interface IMegaMenuMainHeader {
         signUpText: string;
         onClickSignUp: (event: Event) => Promise<void>;
     };
-    searchBarProps?: ISearchbar$1;
+    selectCountry?: ISelectOptions$1<unknown>;
+    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.74.0",
+  "version": "2.74.1-beta",
   "description": "Magneto365 UI common components",
   "scripts": {
     "generate:tokens": "node ./.scripts/generateTokens.js",