@consta/header 0.3.0 → 0.3.1
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.
- package/ButtonMenu/helpers.d.ts +16 -16
- package/ButtonMenu/helpers.js.map +1 -1
- package/ButtonMenu/types.d.ts +4 -4
- package/Header/Header.js.map +1 -1
- package/Header/helpers.d.ts +3 -3
- package/Header/helpers.js.map +1 -1
- package/Header/types.d.ts +32 -24
- package/Header/types.js +1 -1
- package/Header/types.js.map +1 -1
- package/Languages/Languages.js.map +1 -1
- package/Languages/helpers.d.ts +4 -4
- package/Languages/types.d.ts +4 -4
- package/Menu/helpers.d.ts +19 -19
- package/Menu/helpers.js.map +1 -1
- package/Menu/types.d.ts +5 -5
- package/Notifications/types.d.ts +3 -3
- package/NotificationsList/helpers.d.ts +15 -15
- package/NotificationsList/helpers.js.map +1 -1
- package/NotificationsList/types.d.ts +11 -11
- package/SelectMenu/SelectMenu.js.map +1 -1
- package/SelectMenu/helpers.d.ts +16 -16
- package/SelectMenu/helpers.js.map +1 -1
- package/SelectMenu/types.d.ts +5 -5
- package/TileMenu/helpers.d.ts +11 -11
- package/TileMenu/helpers.js.map +1 -1
- package/TileMenu/types.d.ts +6 -6
- package/TileMenu/types.js.map +1 -1
- package/package.json +2 -2
package/ButtonMenu/helpers.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
export declare const defaultGetItemLabel: ButtonMenuPropGetItemLabel<
|
|
4
|
-
export declare const defaultGetItemHref: ButtonMenuPropGetItemHref<
|
|
5
|
-
export declare const defaultGetItemOnClick: ButtonMenuPropGetItemOnClick<
|
|
6
|
-
export declare const defaultGetItemTarget: ButtonMenuPropGetItemTarget<
|
|
7
|
-
export declare const defaultGetItemIcon: ButtonMenuPropGetItemIcon<
|
|
2
|
+
import { ButtonMenuDefaultItem, ButtonMenuProps, ButtonMenuPropGetItemHref, ButtonMenuPropGetItemLabel, ButtonMenuPropGetItemOnClick, ButtonMenuPropGetItemTarget, ButtonMenuPropGetItemIcon } from "./types";
|
|
3
|
+
export declare const defaultGetItemLabel: ButtonMenuPropGetItemLabel<ButtonMenuDefaultItem>;
|
|
4
|
+
export declare const defaultGetItemHref: ButtonMenuPropGetItemHref<ButtonMenuDefaultItem>;
|
|
5
|
+
export declare const defaultGetItemOnClick: ButtonMenuPropGetItemOnClick<ButtonMenuDefaultItem>;
|
|
6
|
+
export declare const defaultGetItemTarget: ButtonMenuPropGetItemTarget<ButtonMenuDefaultItem>;
|
|
7
|
+
export declare const defaultGetItemIcon: ButtonMenuPropGetItemIcon<ButtonMenuDefaultItem>;
|
|
8
8
|
export declare const getGetters: <ITEM>(props: {
|
|
9
9
|
getItemLabel?: ButtonMenuPropGetItemLabel<ITEM> | undefined;
|
|
10
10
|
getItemHref?: ButtonMenuPropGetItemHref<ITEM> | undefined;
|
|
@@ -12,11 +12,11 @@ export declare const getGetters: <ITEM>(props: {
|
|
|
12
12
|
getItemTarget?: ButtonMenuPropGetItemTarget<ITEM> | undefined;
|
|
13
13
|
getItemIcon?: ButtonMenuPropGetItemIcon<ITEM> | undefined;
|
|
14
14
|
}) => {
|
|
15
|
-
getItemLabel: ButtonMenuPropGetItemLabel<
|
|
16
|
-
getItemHref: ButtonMenuPropGetItemHref<
|
|
17
|
-
getItemOnClick: ButtonMenuPropGetItemOnClick<
|
|
18
|
-
getItemTarget: ButtonMenuPropGetItemTarget<
|
|
19
|
-
getItemIcon: ButtonMenuPropGetItemIcon<
|
|
15
|
+
getItemLabel: ButtonMenuPropGetItemLabel<ButtonMenuDefaultItem> | ButtonMenuPropGetItemLabel<ITEM>;
|
|
16
|
+
getItemHref: ButtonMenuPropGetItemHref<ButtonMenuDefaultItem> | ButtonMenuPropGetItemHref<ITEM>;
|
|
17
|
+
getItemOnClick: ButtonMenuPropGetItemOnClick<ButtonMenuDefaultItem> | ButtonMenuPropGetItemOnClick<ITEM>;
|
|
18
|
+
getItemTarget: ButtonMenuPropGetItemTarget<ButtonMenuDefaultItem> | ButtonMenuPropGetItemTarget<ITEM>;
|
|
19
|
+
getItemIcon: ButtonMenuPropGetItemIcon<ButtonMenuDefaultItem> | ButtonMenuPropGetItemIcon<ITEM>;
|
|
20
20
|
};
|
|
21
21
|
export declare function withDefaultGetters<ITEM>(props: ButtonMenuProps<ITEM>): {
|
|
22
22
|
items: ITEM[];
|
|
@@ -35,9 +35,9 @@ export declare function withDefaultGetters<ITEM>(props: ButtonMenuProps<ITEM>):
|
|
|
35
35
|
} ? {} : {
|
|
36
36
|
getItemLabel: ButtonMenuPropGetItemLabel<ITEM>;
|
|
37
37
|
}) & {
|
|
38
|
-
getItemLabel: ButtonMenuPropGetItemLabel<
|
|
39
|
-
getItemHref: ButtonMenuPropGetItemHref<
|
|
40
|
-
getItemOnClick: ButtonMenuPropGetItemOnClick<
|
|
41
|
-
getItemTarget: ButtonMenuPropGetItemTarget<
|
|
42
|
-
getItemIcon: ButtonMenuPropGetItemIcon<
|
|
38
|
+
getItemLabel: ButtonMenuPropGetItemLabel<ButtonMenuDefaultItem> | ButtonMenuPropGetItemLabel<ITEM>;
|
|
39
|
+
getItemHref: ButtonMenuPropGetItemHref<ButtonMenuDefaultItem> | ButtonMenuPropGetItemHref<ITEM>;
|
|
40
|
+
getItemOnClick: ButtonMenuPropGetItemOnClick<ButtonMenuDefaultItem> | ButtonMenuPropGetItemOnClick<ITEM>;
|
|
41
|
+
getItemTarget: ButtonMenuPropGetItemTarget<ButtonMenuDefaultItem> | ButtonMenuPropGetItemTarget<ITEM>;
|
|
42
|
+
getItemIcon: ButtonMenuPropGetItemIcon<ButtonMenuDefaultItem> | ButtonMenuPropGetItemIcon<ITEM>;
|
|
43
43
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/ButtonMenu/helpers.ts"],"names":["defaultGetItemLabel","item","label","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemTarget","target","defaultGetItemIcon","icon","getGetters","props","getItemLabel","getItemHref","getItemOnClick","getItemTarget","getItemIcon","withDefaultGetters"],"mappings":"+DAUA,MAAO,MAAMA,CAAAA,
|
|
1
|
+
{"version":3,"sources":["../../src/ButtonMenu/helpers.ts"],"names":["defaultGetItemLabel","item","label","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemTarget","target","defaultGetItemIcon","icon","getGetters","props","getItemLabel","getItemHref","getItemOnClick","getItemTarget","getItemIcon","withDefaultGetters"],"mappings":"+DAUA,MAAO,MAAMA,CAAAA,mBAAsE,CAAGC,CAAI,EACxFA,CAAI,CAACC,KADA,CAEP,MAAO,MAAMC,CAAAA,kBAAoE,CAAGF,CAAI,EACtFA,CAAI,CAACG,IADA,CAEP,MAAO,MAAMC,CAAAA,qBAA0E,CAAGJ,CAAI,EAC5FA,CAAI,CAACK,OADA,CAEP,MAAO,MAAMC,CAAAA,oBAAwE,CAAGN,CAAI,EAC1FA,CAAI,CAACO,MADA,CAEP,MAAO,MAAMC,CAAAA,kBAAoE,CAAGR,CAAI,EACtFA,CAAI,CAACS,IADA,CAGP,MAAO,MAAMC,CAAAA,UAAU,CAAUC,CAAP,GAOjB,CACLC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBb,mBAD/B,CAELc,WAAW,CAAEF,CAAK,CAACE,WAAN,EAAqBX,kBAF7B,CAGLY,cAAc,CAAEH,CAAK,CAACG,cAAN,EAAwBV,qBAHnC,CAILW,aAAa,CAAEJ,CAAK,CAACI,aAAN,EAAuBT,oBAJjC,CAKLU,WAAW,CAAEL,CAAK,CAACK,WAAN,EAAqBR,kBAL7B,CAPiB,CAAnB,CAgBP,MAAO,SAASS,CAAAA,kBAAT,CAAkCN,CAAlC,CAAgE,CACrE,wBACKA,CADL,CAEKD,UAAU,CAACC,CAAD,CAFf,CAID","sourcesContent":["import {\n ButtonMenuDefaultItem,\n ButtonMenuProps,\n ButtonMenuPropGetItemHref,\n ButtonMenuPropGetItemLabel,\n ButtonMenuPropGetItemOnClick,\n ButtonMenuPropGetItemTarget,\n ButtonMenuPropGetItemIcon,\n} from './types'\n\nexport const defaultGetItemLabel: ButtonMenuPropGetItemLabel<ButtonMenuDefaultItem> = item =>\n item.label\nexport const defaultGetItemHref: ButtonMenuPropGetItemHref<ButtonMenuDefaultItem> = item =>\n item.href\nexport const defaultGetItemOnClick: ButtonMenuPropGetItemOnClick<ButtonMenuDefaultItem> = item =>\n item.onClick\nexport const defaultGetItemTarget: ButtonMenuPropGetItemTarget<ButtonMenuDefaultItem> = item =>\n item.target\nexport const defaultGetItemIcon: ButtonMenuPropGetItemIcon<ButtonMenuDefaultItem> = item =>\n item.icon\n\nexport const getGetters = <ITEM>(props: {\n getItemLabel?: ButtonMenuPropGetItemLabel<ITEM>\n getItemHref?: ButtonMenuPropGetItemHref<ITEM>\n getItemOnClick?: ButtonMenuPropGetItemOnClick<ITEM>\n getItemTarget?: ButtonMenuPropGetItemTarget<ITEM>\n getItemIcon?: ButtonMenuPropGetItemIcon<ITEM>\n}) => {\n return {\n getItemLabel: props.getItemLabel || defaultGetItemLabel,\n getItemHref: props.getItemHref || defaultGetItemHref,\n getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n getItemTarget: props.getItemTarget || defaultGetItemTarget,\n getItemIcon: props.getItemIcon || defaultGetItemIcon,\n }\n}\n\nexport function withDefaultGetters<ITEM>(props: ButtonMenuProps<ITEM>) {\n return {\n ...props,\n ...getGetters(props),\n }\n}\n"],"file":"helpers.js"}
|
package/ButtonMenu/types.d.ts
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { PropsWithHTMLAttributesAndRef } from "../__private__/utils/types/PropsWithHTMLAttributes";
|
|
3
3
|
import { IconComponent } from '@consta/uikit/Icon';
|
|
4
4
|
import { ButtonPropForm, ButtonPropSize, ButtonPropView } from '@consta/uikit/Button';
|
|
5
|
-
export declare type
|
|
5
|
+
export declare type ButtonMenuDefaultItem = {
|
|
6
6
|
label: string;
|
|
7
7
|
href?: string;
|
|
8
8
|
target?: string;
|
|
@@ -18,7 +18,7 @@ export declare type ButtonMenuPropOnItemClick<ITEM> = (props: {
|
|
|
18
18
|
e: React.MouseEvent;
|
|
19
19
|
item: ITEM;
|
|
20
20
|
}) => void;
|
|
21
|
-
export declare type ButtonMenuProps<ITEM =
|
|
21
|
+
export declare type ButtonMenuProps<ITEM = ButtonMenuDefaultItem> = PropsWithHTMLAttributesAndRef<{
|
|
22
22
|
items: ITEM[];
|
|
23
23
|
onItemClick?: ButtonMenuPropOnItemClick<ITEM>;
|
|
24
24
|
getItemHref?: ButtonMenuPropGetItemHref<ITEM>;
|
|
@@ -31,8 +31,8 @@ export declare type ButtonMenuProps<ITEM = DefaultItem> = PropsWithHTMLAttribute
|
|
|
31
31
|
view?: ButtonPropView;
|
|
32
32
|
onlyIcon?: boolean;
|
|
33
33
|
}, HTMLDivElement> & (ITEM extends {
|
|
34
|
-
label:
|
|
34
|
+
label: ButtonMenuDefaultItem['label'];
|
|
35
35
|
} ? {} : {
|
|
36
36
|
getItemLabel: ButtonMenuPropGetItemLabel<ITEM>;
|
|
37
37
|
});
|
|
38
|
-
export declare type ButtonMenuComponent = <ITEM =
|
|
38
|
+
export declare type ButtonMenuComponent = <ITEM = ButtonMenuDefaultItem>(props: ButtonMenuProps<ITEM>) => React.ReactElement | null;
|
package/Header/Header.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Header/Header.tsx"],"names":["React","forwardRef","useState","cn","Layout","Menu","HeaderLogo","HeaderLogin","HeaderSearch","Notifications","TileMenu","useBreakpoints","MobileMenu","Breadcrumbs","SelectMenu","ButtonMenu","Languages","getMobileMenu","cnHeader","HeaderRender","props","ref","className","fixed","logo","onLogoClick","logoHref","menu","getMenuItemActive","getMenuItemHref","getMenuItemLabel","getMenuItemOnClick","getMenuItemSubMenu","getMenuItemTarget","onMenuItemClick","userName","userAvatar","userInfo","userLogined","onLoginButtonClick","loginButtonLabel","notifications","notificationsDateFormat","notificationsTitle","notificationsActions","notificationsGroupByDay","notificationsGroupLabelFormat","notificationsGroups","getNotificationsItemLabel","getNotificationsItemDescription","getNotificationsItemImage","getNotificationsItemRead","getNotificationsItemDate","getNotificationsItemBadges","getNotificationsItemActions","getNotificationsItemGroup","getNotificationsItemView","getNotificationsActionLabel","getNotificationsActionIcon","getNotificationsActionOnClick","getNotificationsGroupLabel","getNotificationsGroupId","tileMenu","tileMenuView","onTileMenuItemClick","getTileMenuItemDescription","getTileMenuItemHref","getTileMenuItemImage","getTileMenuItemOnClick","getTileMenuItemLabel","tileMenuTitle","breadcrumbs","breadcrumbsOnlyIconRoot","onBreadcrumbsItemClick","getBreadcrumbsItemLabel","getBreadcrumbsItemHref","getBreadcrumbsItemIcon","getBreadcrumbsItemOnClick","breadcrumbsLastItemIsLink","breadcrumbsFitMode","searchValue","searchOnChange","searchOnSubmit","searchPlaceholder","secondaryMenuLabel","secondaryMenu","getSecondaryMenuItemHref","getSecondaryMenuItemLabel","getSecondaryMenuItemOnClick","getSecondaryMenuItemSubMenu","getSecondaryMenuItemTarget","socialMedia","getSocialMediaItemHref","getSocialMediaItemIcon","getSocialMediaItemLabel","getSocialMediaItemOnClick","getSocialMediaItemTarget","onSocialMediaItemClick","languages","languageValue","languageValueProp","getLanguagesItemHref","getLanguagesItemLabel","getLanguagesItemOnClick","getLanguagesItemTarget","onLanguageChange","onLanguageChangeProp","additionalButtons","getAdditionalButtonsItemHref","getAdditionalButtonsItemIcon","getAdditionalButtonsItemLabel","getAdditionalButtonsItemOnClick","getAdditionalButtonsItemTarget","onAdditionalButtonsItemClick","otherProps","breakpoints","s","m","languagesValue","setLanguagesValue","elementZIndex","style","zIndex","left","length","center","right","params","item","breakpoint","Header"],"mappings":"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","sourcesContent":["import React, { forwardRef, useState } from 'react'\n\nimport { cn } from '@/__private__/utils/bem'\nimport { HeaderProps, HeaderComponent, DefaultItemLanguages } from './types'\nimport { Layout } from '@/Layout'\nimport { Menu } from '@/Menu'\nimport { HeaderLogo } from './HeaderLogo'\nimport { HeaderLogin } from './HeaderLogin'\nimport { HeaderSearch } from './HeaderSearch'\nimport { Notifications } from '@/Notifications'\nimport { TileMenu } from '@/TileMenu'\nimport { useBreakpoints } from '@consta/uikit/useBreakpoints'\nimport { MobileMenu } from '@/MobileMenu'\nimport { Breadcrumbs } from '@consta/uikit/BreadcrumbsCanary'\nimport { SelectMenu } from '@/SelectMenu'\nimport { ButtonMenu } from '@/ButtonMenu'\nimport { Languages, LanguagesProps } from '@/Languages'\n\nimport { getMobileMenu } from './helpers'\n\nimport './Header.css'\n\nexport const cnHeader = cn('Header')\n\nconst HeaderRender = (props: HeaderProps, ref: React.Ref<HTMLDivElement>) => {\n const {\n className,\n fixed,\n\n // Logo\n logo,\n onLogoClick,\n logoHref,\n\n // Menu\n menu,\n getMenuItemActive,\n getMenuItemHref,\n getMenuItemLabel,\n getMenuItemOnClick,\n getMenuItemSubMenu,\n getMenuItemTarget,\n onMenuItemClick,\n\n // Login\n userName,\n userAvatar,\n userInfo,\n userLogined,\n onLoginButtonClick,\n loginButtonLabel,\n\n // Notifications\n notifications,\n notificationsDateFormat,\n notificationsTitle,\n notificationsActions,\n notificationsGroupByDay,\n notificationsGroupLabelFormat,\n notificationsGroups,\n getNotificationsItemLabel,\n getNotificationsItemDescription,\n getNotificationsItemImage,\n getNotificationsItemRead,\n getNotificationsItemDate,\n getNotificationsItemBadges,\n getNotificationsItemActions,\n getNotificationsItemGroup,\n getNotificationsItemView,\n getNotificationsActionLabel,\n getNotificationsActionIcon,\n getNotificationsActionOnClick,\n getNotificationsGroupLabel,\n getNotificationsGroupId,\n\n // TileMenu\n tileMenu,\n tileMenuView,\n onTileMenuItemClick,\n getTileMenuItemDescription,\n getTileMenuItemHref,\n getTileMenuItemImage,\n getTileMenuItemOnClick,\n getTileMenuItemLabel,\n tileMenuTitle,\n\n // Breadcrumbs\n breadcrumbs,\n breadcrumbsOnlyIconRoot,\n onBreadcrumbsItemClick,\n getBreadcrumbsItemLabel,\n getBreadcrumbsItemHref,\n getBreadcrumbsItemIcon,\n getBreadcrumbsItemOnClick,\n breadcrumbsLastItemIsLink,\n breadcrumbsFitMode,\n\n // Search\n searchValue,\n searchOnChange,\n searchOnSubmit,\n searchPlaceholder,\n\n // SecondaryMenu\n secondaryMenuLabel,\n secondaryMenu,\n getSecondaryMenuItemHref,\n getSecondaryMenuItemLabel,\n getSecondaryMenuItemOnClick,\n getSecondaryMenuItemSubMenu,\n getSecondaryMenuItemTarget,\n\n // SocialMedia\n socialMedia,\n getSocialMediaItemHref,\n getSocialMediaItemIcon,\n getSocialMediaItemLabel,\n getSocialMediaItemOnClick,\n getSocialMediaItemTarget,\n onSocialMediaItemClick,\n\n // Languages\n languages,\n languageValue: languageValueProp,\n getLanguagesItemHref,\n getLanguagesItemLabel,\n getLanguagesItemOnClick,\n getLanguagesItemTarget,\n onLanguageChange: onLanguageChangeProp,\n\n // AdditionalButtons\n additionalButtons,\n getAdditionalButtonsItemHref,\n getAdditionalButtonsItemIcon,\n getAdditionalButtonsItemLabel,\n getAdditionalButtonsItemOnClick,\n getAdditionalButtonsItemTarget,\n onAdditionalButtonsItemClick,\n\n ...otherProps\n } = props\n\n const breakpoints = useBreakpoints({ s: 800, m: 1200 })\n\n const [languagesValue, setLanguagesValue] = useState<DefaultItemLanguages | undefined>(\n languageValueProp || languages?.[0]\n )\n\n const elementZIndex = typeof props.style?.zIndex === 'number' ? props.style.zIndex : undefined\n\n const onLanguageChange: LanguagesProps<DefaultItemLanguages>['onChange'] = params => {\n onLanguageChangeProp?.(params)\n setLanguagesValue(params.item)\n }\n\n if (breakpoints.m) {\n return (\n <Layout\n {...otherProps}\n ref={ref}\n className={cnHeader({ fixed }, [className])}\n rowTop={{\n left:\n secondaryMenuLabel && secondaryMenu?.length ? (\n <SelectMenu\n label={secondaryMenuLabel}\n items={secondaryMenu}\n getItemHref={getSecondaryMenuItemHref}\n getItemLabel={getSecondaryMenuItemLabel}\n getItemOnClick={getSecondaryMenuItemOnClick}\n getItemSubMenu={getSecondaryMenuItemSubMenu}\n getItemTarget={getSecondaryMenuItemTarget}\n style={{ zIndex: elementZIndex }}\n />\n ) : (\n undefined\n ),\n center: socialMedia?.length ? (\n <ButtonMenu\n items={socialMedia}\n getItemHref={getSocialMediaItemHref}\n getItemIcon={getSocialMediaItemIcon}\n getItemLabel={getSocialMediaItemLabel}\n getItemOnClick={getSocialMediaItemOnClick}\n getItemTarget={getSocialMediaItemTarget}\n onItemClick={onSocialMediaItemClick}\n view=\"clear\"\n onlyIcon\n size=\"s\"\n />\n ) : (\n undefined\n ),\n right: (\n <div className={cnHeader('RowTopRight')}>\n {[\n languages?.length ? (\n <Languages\n key=\"Languages\"\n items={languages}\n value={languagesValue}\n getItemHref={getLanguagesItemHref}\n getItemLabel={getLanguagesItemLabel}\n getItemOnClick={getLanguagesItemOnClick}\n getItemTarget={getLanguagesItemTarget}\n onChange={onLanguageChange}\n style={{ zIndex: elementZIndex }}\n />\n ) : (\n undefined\n ),\n additionalButtons?.length ? (\n <ButtonMenu\n items={additionalButtons}\n getItemHref={getAdditionalButtonsItemHref}\n getItemIcon={getAdditionalButtonsItemIcon}\n getItemLabel={getAdditionalButtonsItemLabel}\n getItemOnClick={getAdditionalButtonsItemOnClick}\n getItemTarget={getAdditionalButtonsItemTarget}\n onItemClick={onAdditionalButtonsItemClick}\n view=\"clear\"\n size=\"s\"\n />\n ) : (\n undefined\n ),\n ]}\n </div>\n ),\n }}\n rowCenter={{\n left: (\n <div className={cnHeader('RowCenterLeft', { breakpoint: 'm' })}>\n <HeaderLogo className={cnHeader('Logo')} logo={logo} href={logoHref} />\n {(searchOnSubmit || searchOnChange) && (\n <HeaderSearch\n value={searchValue}\n onChange={searchOnChange}\n onSubmit={searchOnSubmit}\n placeholder={searchPlaceholder}\n />\n )}\n {menu && (\n <Menu\n className={cnHeader('Menu')}\n items={menu}\n getItemActive={getMenuItemActive}\n getItemHref={getMenuItemHref}\n getItemLabel={getMenuItemLabel}\n getItemOnClick={getMenuItemOnClick}\n getItemSubMenu={getMenuItemSubMenu}\n getItemTarget={getMenuItemTarget}\n onItemClick={onMenuItemClick}\n style={{ zIndex: elementZIndex }}\n />\n )}\n </div>\n ),\n right: (\n <div className={cnHeader('RowCenterRight')}>\n <HeaderLogin\n userName={userName}\n userAvatar={userAvatar}\n userInfo={userInfo}\n userLogined={userLogined}\n onLoginButtonClick={onLoginButtonClick}\n loginButtonLabel={loginButtonLabel}\n />\n {tileMenu?.length && (\n <TileMenu\n items={tileMenu}\n view={tileMenuView}\n onItemClick={onTileMenuItemClick}\n getItemDescription={getTileMenuItemDescription}\n getItemHref={getTileMenuItemHref}\n getItemImage={getTileMenuItemImage}\n getItemOnClick={getTileMenuItemOnClick}\n getItemLabel={getTileMenuItemLabel}\n listClassName={cnHeader('TileMenuList', { breakpoint: 'm' })}\n title={tileMenuTitle}\n style={{ zIndex: elementZIndex }}\n />\n )}\n {notifications?.length && (\n <Notifications\n listClassName={cnHeader('NotificationsList', { breakpoint: 'm' })}\n items={notifications}\n itemDateFormat={notificationsDateFormat}\n title={notificationsTitle}\n actions={notificationsActions}\n groupByDay={notificationsGroupByDay}\n groupLabelFormat={notificationsGroupLabelFormat}\n groups={notificationsGroups}\n getItemLabel={getNotificationsItemLabel}\n getItemDescription={getNotificationsItemDescription}\n getItemImage={getNotificationsItemImage}\n getItemRead={getNotificationsItemRead}\n getItemDate={getNotificationsItemDate}\n getItemBadges={getNotificationsItemBadges}\n getItemActions={getNotificationsItemActions}\n getItemGroup={getNotificationsItemGroup}\n getItemView={getNotificationsItemView}\n getActionLabel={getNotificationsActionLabel}\n getActionIcon={getNotificationsActionIcon}\n getActionOnClick={getNotificationsActionOnClick}\n getGroupLabel={getNotificationsGroupLabel}\n getGroupId={getNotificationsGroupId}\n style={{ zIndex: elementZIndex }}\n />\n )}\n </div>\n ),\n }}\n rowBottom={\n breadcrumbs ? (\n <Breadcrumbs\n className={cnHeader('Breadcrumbs')}\n items={breadcrumbs}\n onlyIconRoot={breadcrumbsOnlyIconRoot}\n size=\"m\"\n onItemClick={onBreadcrumbsItemClick}\n getItemLabel={getBreadcrumbsItemLabel}\n getItemHref={getBreadcrumbsItemHref}\n getItemIcon={getBreadcrumbsItemIcon}\n getItemOnClick={getBreadcrumbsItemOnClick}\n lastItemIsLink={breadcrumbsLastItemIsLink}\n fitMode={breadcrumbsFitMode}\n />\n ) : (\n undefined\n )\n }\n />\n )\n }\n\n if (breakpoints.s) {\n return (\n <Layout\n {...otherProps}\n ref={ref}\n className={cnHeader({ fixed }, [className])}\n rowCenter={{\n left: (\n <div className={cnHeader('RowCenterLeft')}>\n {menu && (\n <MobileMenu\n className={cnHeader('Menu')}\n items={getMobileMenu(props, { languagesValue, setLanguagesValue })}\n getItemActive={getMenuItemActive}\n getItemHref={getMenuItemHref}\n getItemLabel={getMenuItemLabel}\n getItemOnClick={getMenuItemOnClick}\n getItemSubMenu={getMenuItemSubMenu}\n getItemTarget={getMenuItemTarget}\n style={{ zIndex: elementZIndex }}\n footer={\n socialMedia?.length && (\n <ButtonMenu\n className={cnHeader('MobileMenuSocialMedia')}\n items={socialMedia}\n getItemHref={getSocialMediaItemHref}\n getItemIcon={getSocialMediaItemIcon}\n getItemLabel={getSocialMediaItemLabel}\n getItemOnClick={getSocialMediaItemOnClick}\n getItemTarget={getSocialMediaItemTarget}\n onItemClick={onSocialMediaItemClick}\n view=\"clear\"\n onlyIcon\n size=\"s\"\n />\n )\n }\n />\n )}\n <HeaderLogo className={cnHeader('Logo')} logo={logo} href={logoHref} />\n {(searchOnSubmit || searchOnChange) && (\n <HeaderSearch\n value={searchValue}\n onChange={searchOnChange}\n onSubmit={searchOnSubmit}\n placeholder={searchPlaceholder}\n />\n )}\n </div>\n ),\n right: (\n <div className={cnHeader('RowCenterRight')}>\n <HeaderLogin\n userName={userName}\n userAvatar={userAvatar}\n userInfo={userInfo}\n userLogined={userLogined}\n onLoginButtonClick={onLoginButtonClick}\n loginButtonLabel={loginButtonLabel}\n />\n {tileMenu?.length && (\n <TileMenu\n items={tileMenu}\n view={tileMenuView}\n onItemClick={onTileMenuItemClick}\n getItemDescription={getTileMenuItemDescription}\n getItemHref={getTileMenuItemHref}\n getItemImage={getTileMenuItemImage}\n getItemOnClick={getTileMenuItemOnClick}\n getItemLabel={getTileMenuItemLabel}\n listClassName={cnHeader('TileMenuList')}\n title={tileMenuTitle}\n isMobile\n style={{ zIndex: elementZIndex }}\n />\n )}\n {notifications?.length && (\n <Notifications\n listClassName={cnHeader('NotificationsList')}\n items={notifications}\n itemDateFormat={notificationsDateFormat}\n title={notificationsTitle}\n actions={notificationsActions}\n groupByDay={notificationsGroupByDay}\n groupLabelFormat={notificationsGroupLabelFormat}\n groups={notificationsGroups}\n getItemLabel={getNotificationsItemLabel}\n getItemDescription={getNotificationsItemDescription}\n getItemImage={getNotificationsItemImage}\n getItemRead={getNotificationsItemRead}\n getItemDate={getNotificationsItemDate}\n getItemBadges={getNotificationsItemBadges}\n getItemActions={getNotificationsItemActions}\n getItemGroup={getNotificationsItemGroup}\n getItemView={getNotificationsItemView}\n getActionLabel={getNotificationsActionLabel}\n getActionIcon={getNotificationsActionIcon}\n getActionOnClick={getNotificationsActionOnClick}\n getGroupLabel={getNotificationsGroupLabel}\n getGroupId={getNotificationsGroupId}\n isMobile\n style={{ zIndex: elementZIndex }}\n />\n )}\n </div>\n ),\n }}\n rowBottom={\n breadcrumbs ? (\n <Breadcrumbs\n className={cnHeader('Breadcrumbs')}\n items={breadcrumbs}\n onlyIconRoot={breadcrumbsOnlyIconRoot}\n size=\"m\"\n onItemClick={onBreadcrumbsItemClick}\n getItemLabel={getBreadcrumbsItemLabel}\n getItemHref={getBreadcrumbsItemHref}\n getItemIcon={getBreadcrumbsItemIcon}\n getItemOnClick={getBreadcrumbsItemOnClick}\n lastItemIsLink={breadcrumbsLastItemIsLink}\n fitMode={breadcrumbsFitMode}\n />\n ) : (\n undefined\n )\n }\n />\n )\n }\n\n return (\n <Layout\n {...otherProps}\n ref={ref}\n className={cnHeader({ fixed }, [className])}\n rowCenter={{\n left: (\n <div className={cnHeader('RowCenterLeft')}>\n {menu && (\n <MobileMenu\n className={cnHeader('Menu')}\n items={getMobileMenu(props, { languagesValue, setLanguagesValue })}\n getItemActive={getMenuItemActive}\n getItemHref={getMenuItemHref}\n getItemLabel={getMenuItemLabel}\n getItemOnClick={getMenuItemOnClick}\n getItemSubMenu={getMenuItemSubMenu}\n getItemTarget={getMenuItemTarget}\n style={{ zIndex: elementZIndex }}\n header={\n <div className={cnHeader('MobileMenuHeader')}>\n <div>\n <HeaderLogin\n userName={userName}\n userAvatar={userAvatar}\n userInfo={userInfo}\n userLogined={userLogined}\n onLoginButtonClick={onLoginButtonClick}\n loginButtonLabel={loginButtonLabel}\n />\n </div>\n {tileMenu?.length && notifications?.length && (\n <div>\n {tileMenu?.length && (\n <TileMenu\n items={tileMenu}\n view={tileMenuView}\n onItemClick={onTileMenuItemClick}\n getItemDescription={getTileMenuItemDescription}\n getItemHref={getTileMenuItemHref}\n getItemImage={getTileMenuItemImage}\n getItemOnClick={getTileMenuItemOnClick}\n getItemLabel={getTileMenuItemLabel}\n listClassName={cnHeader('TileMenuList')}\n title={tileMenuTitle}\n isMobile\n style={{ zIndex: elementZIndex }}\n />\n )}\n {notifications?.length && (\n <Notifications\n listClassName={cnHeader('NotificationsList')}\n items={notifications}\n itemDateFormat={notificationsDateFormat}\n title={notificationsTitle}\n actions={notificationsActions}\n groupByDay={notificationsGroupByDay}\n groupLabelFormat={notificationsGroupLabelFormat}\n groups={notificationsGroups}\n getItemLabel={getNotificationsItemLabel}\n getItemDescription={getNotificationsItemDescription}\n getItemImage={getNotificationsItemImage}\n getItemRead={getNotificationsItemRead}\n getItemDate={getNotificationsItemDate}\n getItemBadges={getNotificationsItemBadges}\n getItemActions={getNotificationsItemActions}\n getItemGroup={getNotificationsItemGroup}\n getItemView={getNotificationsItemView}\n getActionLabel={getNotificationsActionLabel}\n getActionIcon={getNotificationsActionIcon}\n getActionOnClick={getNotificationsActionOnClick}\n getGroupLabel={getNotificationsGroupLabel}\n getGroupId={getNotificationsGroupId}\n isMobile\n style={{ zIndex: elementZIndex }}\n />\n )}\n </div>\n )}\n <div className={cnHeader('MobileSearchContainer')}>\n {(searchOnSubmit || searchOnChange) && (\n <HeaderSearch\n value={searchValue}\n onChange={searchOnChange}\n onSubmit={searchOnSubmit}\n placeholder={searchPlaceholder}\n />\n )}\n </div>\n </div>\n }\n footer={\n socialMedia?.length && (\n <ButtonMenu\n className={cnHeader('MobileMenuSocialMedia')}\n items={socialMedia}\n getItemHref={getSocialMediaItemHref}\n getItemIcon={getSocialMediaItemIcon}\n getItemLabel={getSocialMediaItemLabel}\n getItemOnClick={getSocialMediaItemOnClick}\n getItemTarget={getSocialMediaItemTarget}\n onItemClick={onSocialMediaItemClick}\n view=\"clear\"\n onlyIcon\n size=\"s\"\n />\n )\n }\n />\n )}\n <HeaderLogo className={cnHeader('Logo')} logo={logo} href={logoHref} />\n </div>\n ),\n }}\n />\n )\n}\n\nexport const Header = forwardRef(HeaderRender) as HeaderComponent\n\nexport * from './types'\n"],"file":"Header.js"}
|
|
1
|
+
{"version":3,"sources":["../../src/Header/Header.tsx"],"names":["React","forwardRef","useState","cn","Layout","Menu","HeaderLogo","HeaderLogin","HeaderSearch","Notifications","TileMenu","useBreakpoints","MobileMenu","Breadcrumbs","SelectMenu","ButtonMenu","Languages","getMobileMenu","cnHeader","HeaderRender","props","ref","className","fixed","logo","onLogoClick","logoHref","menu","getMenuItemActive","getMenuItemHref","getMenuItemLabel","getMenuItemOnClick","getMenuItemSubMenu","getMenuItemTarget","onMenuItemClick","userName","userAvatar","userInfo","userLogined","onLoginButtonClick","loginButtonLabel","notifications","notificationsDateFormat","notificationsTitle","notificationsActions","notificationsGroupByDay","notificationsGroupLabelFormat","notificationsGroups","getNotificationsItemLabel","getNotificationsItemDescription","getNotificationsItemImage","getNotificationsItemRead","getNotificationsItemDate","getNotificationsItemBadges","getNotificationsItemActions","getNotificationsItemGroup","getNotificationsItemView","getNotificationsActionLabel","getNotificationsActionIcon","getNotificationsActionOnClick","getNotificationsGroupLabel","getNotificationsGroupId","tileMenu","tileMenuView","onTileMenuItemClick","getTileMenuItemDescription","getTileMenuItemHref","getTileMenuItemImage","getTileMenuItemOnClick","getTileMenuItemLabel","tileMenuTitle","breadcrumbs","breadcrumbsOnlyIconRoot","onBreadcrumbsItemClick","getBreadcrumbsItemLabel","getBreadcrumbsItemHref","getBreadcrumbsItemIcon","getBreadcrumbsItemOnClick","breadcrumbsLastItemIsLink","breadcrumbsFitMode","searchValue","searchOnChange","searchOnSubmit","searchPlaceholder","secondaryMenuLabel","secondaryMenu","getSecondaryMenuItemHref","getSecondaryMenuItemLabel","getSecondaryMenuItemOnClick","getSecondaryMenuItemSubMenu","getSecondaryMenuItemTarget","socialMedia","getSocialMediaItemHref","getSocialMediaItemIcon","getSocialMediaItemLabel","getSocialMediaItemOnClick","getSocialMediaItemTarget","onSocialMediaItemClick","languages","languageValue","languageValueProp","getLanguagesItemHref","getLanguagesItemLabel","getLanguagesItemOnClick","getLanguagesItemTarget","onLanguageChange","onLanguageChangeProp","additionalButtons","getAdditionalButtonsItemHref","getAdditionalButtonsItemIcon","getAdditionalButtonsItemLabel","getAdditionalButtonsItemOnClick","getAdditionalButtonsItemTarget","onAdditionalButtonsItemClick","otherProps","breakpoints","s","m","languagesValue","setLanguagesValue","elementZIndex","style","zIndex","left","length","center","right","params","item","breakpoint","Header"],"mappings":"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","sourcesContent":["import React, { forwardRef, useState } from 'react'\n\nimport { cn } from '@/__private__/utils/bem'\nimport { HeaderProps, HeaderComponent, HeaderDefaultLanguagesItem } from './types'\nimport { Layout } from '@/Layout'\nimport { Menu } from '@/Menu'\nimport { HeaderLogo } from './HeaderLogo'\nimport { HeaderLogin } from './HeaderLogin'\nimport { HeaderSearch } from './HeaderSearch'\nimport { Notifications } from '@/Notifications'\nimport { TileMenu } from '@/TileMenu'\nimport { useBreakpoints } from '@consta/uikit/useBreakpoints'\nimport { MobileMenu } from '@/MobileMenu'\nimport { Breadcrumbs } from '@consta/uikit/BreadcrumbsCanary'\nimport { SelectMenu } from '@/SelectMenu'\nimport { ButtonMenu } from '@/ButtonMenu'\nimport { Languages, LanguagesProps } from '@/Languages'\n\nimport { getMobileMenu } from './helpers'\n\nimport './Header.css'\n\nexport const cnHeader = cn('Header')\n\nconst HeaderRender = (props: HeaderProps, ref: React.Ref<HTMLDivElement>) => {\n const {\n className,\n fixed,\n\n // Logo\n logo,\n onLogoClick,\n logoHref,\n\n // Menu\n menu,\n getMenuItemActive,\n getMenuItemHref,\n getMenuItemLabel,\n getMenuItemOnClick,\n getMenuItemSubMenu,\n getMenuItemTarget,\n onMenuItemClick,\n\n // Login\n userName,\n userAvatar,\n userInfo,\n userLogined,\n onLoginButtonClick,\n loginButtonLabel,\n\n // Notifications\n notifications,\n notificationsDateFormat,\n notificationsTitle,\n notificationsActions,\n notificationsGroupByDay,\n notificationsGroupLabelFormat,\n notificationsGroups,\n getNotificationsItemLabel,\n getNotificationsItemDescription,\n getNotificationsItemImage,\n getNotificationsItemRead,\n getNotificationsItemDate,\n getNotificationsItemBadges,\n getNotificationsItemActions,\n getNotificationsItemGroup,\n getNotificationsItemView,\n getNotificationsActionLabel,\n getNotificationsActionIcon,\n getNotificationsActionOnClick,\n getNotificationsGroupLabel,\n getNotificationsGroupId,\n\n // TileMenu\n tileMenu,\n tileMenuView,\n onTileMenuItemClick,\n getTileMenuItemDescription,\n getTileMenuItemHref,\n getTileMenuItemImage,\n getTileMenuItemOnClick,\n getTileMenuItemLabel,\n tileMenuTitle,\n\n // Breadcrumbs\n breadcrumbs,\n breadcrumbsOnlyIconRoot,\n onBreadcrumbsItemClick,\n getBreadcrumbsItemLabel,\n getBreadcrumbsItemHref,\n getBreadcrumbsItemIcon,\n getBreadcrumbsItemOnClick,\n breadcrumbsLastItemIsLink,\n breadcrumbsFitMode,\n\n // Search\n searchValue,\n searchOnChange,\n searchOnSubmit,\n searchPlaceholder,\n\n // SecondaryMenu\n secondaryMenuLabel,\n secondaryMenu,\n getSecondaryMenuItemHref,\n getSecondaryMenuItemLabel,\n getSecondaryMenuItemOnClick,\n getSecondaryMenuItemSubMenu,\n getSecondaryMenuItemTarget,\n\n // SocialMedia\n socialMedia,\n getSocialMediaItemHref,\n getSocialMediaItemIcon,\n getSocialMediaItemLabel,\n getSocialMediaItemOnClick,\n getSocialMediaItemTarget,\n onSocialMediaItemClick,\n\n // Languages\n languages,\n languageValue: languageValueProp,\n getLanguagesItemHref,\n getLanguagesItemLabel,\n getLanguagesItemOnClick,\n getLanguagesItemTarget,\n onLanguageChange: onLanguageChangeProp,\n\n // AdditionalButtons\n additionalButtons,\n getAdditionalButtonsItemHref,\n getAdditionalButtonsItemIcon,\n getAdditionalButtonsItemLabel,\n getAdditionalButtonsItemOnClick,\n getAdditionalButtonsItemTarget,\n onAdditionalButtonsItemClick,\n\n ...otherProps\n } = props\n\n const breakpoints = useBreakpoints({ s: 800, m: 1200 })\n\n const [languagesValue, setLanguagesValue] = useState<HeaderDefaultLanguagesItem | undefined>(\n languageValueProp || languages?.[0]\n )\n\n const elementZIndex = typeof props.style?.zIndex === 'number' ? props.style.zIndex : undefined\n\n const onLanguageChange: LanguagesProps<HeaderDefaultLanguagesItem>['onChange'] = params => {\n onLanguageChangeProp?.(params)\n setLanguagesValue(params.item)\n }\n\n if (breakpoints.m) {\n return (\n <Layout\n {...otherProps}\n ref={ref}\n className={cnHeader({ fixed }, [className])}\n rowTop={{\n left:\n secondaryMenuLabel && secondaryMenu?.length ? (\n <SelectMenu\n label={secondaryMenuLabel}\n items={secondaryMenu}\n getItemHref={getSecondaryMenuItemHref}\n getItemLabel={getSecondaryMenuItemLabel}\n getItemOnClick={getSecondaryMenuItemOnClick}\n getItemSubMenu={getSecondaryMenuItemSubMenu}\n getItemTarget={getSecondaryMenuItemTarget}\n style={{ zIndex: elementZIndex }}\n />\n ) : (\n undefined\n ),\n center: socialMedia?.length ? (\n <ButtonMenu\n items={socialMedia}\n getItemHref={getSocialMediaItemHref}\n getItemIcon={getSocialMediaItemIcon}\n getItemLabel={getSocialMediaItemLabel}\n getItemOnClick={getSocialMediaItemOnClick}\n getItemTarget={getSocialMediaItemTarget}\n onItemClick={onSocialMediaItemClick}\n view=\"clear\"\n onlyIcon\n size=\"s\"\n />\n ) : (\n undefined\n ),\n right: (\n <div className={cnHeader('RowTopRight')}>\n {[\n languages?.length ? (\n <Languages\n key=\"Languages\"\n items={languages}\n value={languagesValue}\n getItemHref={getLanguagesItemHref}\n getItemLabel={getLanguagesItemLabel}\n getItemOnClick={getLanguagesItemOnClick}\n getItemTarget={getLanguagesItemTarget}\n onChange={onLanguageChange}\n style={{ zIndex: elementZIndex }}\n />\n ) : (\n undefined\n ),\n additionalButtons?.length ? (\n <ButtonMenu\n items={additionalButtons}\n getItemHref={getAdditionalButtonsItemHref}\n getItemIcon={getAdditionalButtonsItemIcon}\n getItemLabel={getAdditionalButtonsItemLabel}\n getItemOnClick={getAdditionalButtonsItemOnClick}\n getItemTarget={getAdditionalButtonsItemTarget}\n onItemClick={onAdditionalButtonsItemClick}\n view=\"clear\"\n size=\"s\"\n />\n ) : (\n undefined\n ),\n ]}\n </div>\n ),\n }}\n rowCenter={{\n left: (\n <div className={cnHeader('RowCenterLeft', { breakpoint: 'm' })}>\n <HeaderLogo className={cnHeader('Logo')} logo={logo} href={logoHref} />\n {(searchOnSubmit || searchOnChange) && (\n <HeaderSearch\n value={searchValue}\n onChange={searchOnChange}\n onSubmit={searchOnSubmit}\n placeholder={searchPlaceholder}\n />\n )}\n {menu && (\n <Menu\n className={cnHeader('Menu')}\n items={menu}\n getItemActive={getMenuItemActive}\n getItemHref={getMenuItemHref}\n getItemLabel={getMenuItemLabel}\n getItemOnClick={getMenuItemOnClick}\n getItemSubMenu={getMenuItemSubMenu}\n getItemTarget={getMenuItemTarget}\n onItemClick={onMenuItemClick}\n style={{ zIndex: elementZIndex }}\n />\n )}\n </div>\n ),\n right: (\n <div className={cnHeader('RowCenterRight')}>\n <HeaderLogin\n userName={userName}\n userAvatar={userAvatar}\n userInfo={userInfo}\n userLogined={userLogined}\n onLoginButtonClick={onLoginButtonClick}\n loginButtonLabel={loginButtonLabel}\n />\n {tileMenu?.length && (\n <TileMenu\n items={tileMenu}\n view={tileMenuView}\n onItemClick={onTileMenuItemClick}\n getItemDescription={getTileMenuItemDescription}\n getItemHref={getTileMenuItemHref}\n getItemImage={getTileMenuItemImage}\n getItemOnClick={getTileMenuItemOnClick}\n getItemLabel={getTileMenuItemLabel}\n listClassName={cnHeader('TileMenuList', { breakpoint: 'm' })}\n title={tileMenuTitle}\n style={{ zIndex: elementZIndex }}\n />\n )}\n {notifications?.length && (\n <Notifications\n listClassName={cnHeader('NotificationsList', { breakpoint: 'm' })}\n items={notifications}\n itemDateFormat={notificationsDateFormat}\n title={notificationsTitle}\n actions={notificationsActions}\n groupByDay={notificationsGroupByDay}\n groupLabelFormat={notificationsGroupLabelFormat}\n groups={notificationsGroups}\n getItemLabel={getNotificationsItemLabel}\n getItemDescription={getNotificationsItemDescription}\n getItemImage={getNotificationsItemImage}\n getItemRead={getNotificationsItemRead}\n getItemDate={getNotificationsItemDate}\n getItemBadges={getNotificationsItemBadges}\n getItemActions={getNotificationsItemActions}\n getItemGroup={getNotificationsItemGroup}\n getItemView={getNotificationsItemView}\n getActionLabel={getNotificationsActionLabel}\n getActionIcon={getNotificationsActionIcon}\n getActionOnClick={getNotificationsActionOnClick}\n getGroupLabel={getNotificationsGroupLabel}\n getGroupId={getNotificationsGroupId}\n style={{ zIndex: elementZIndex }}\n />\n )}\n </div>\n ),\n }}\n rowBottom={\n breadcrumbs ? (\n <Breadcrumbs\n className={cnHeader('Breadcrumbs')}\n items={breadcrumbs}\n onlyIconRoot={breadcrumbsOnlyIconRoot}\n size=\"m\"\n onItemClick={onBreadcrumbsItemClick}\n getItemLabel={getBreadcrumbsItemLabel}\n getItemHref={getBreadcrumbsItemHref}\n getItemIcon={getBreadcrumbsItemIcon}\n getItemOnClick={getBreadcrumbsItemOnClick}\n lastItemIsLink={breadcrumbsLastItemIsLink}\n fitMode={breadcrumbsFitMode}\n />\n ) : (\n undefined\n )\n }\n />\n )\n }\n\n if (breakpoints.s) {\n return (\n <Layout\n {...otherProps}\n ref={ref}\n className={cnHeader({ fixed }, [className])}\n rowCenter={{\n left: (\n <div className={cnHeader('RowCenterLeft')}>\n {menu && (\n <MobileMenu\n className={cnHeader('Menu')}\n items={getMobileMenu(props, { languagesValue, setLanguagesValue })}\n getItemActive={getMenuItemActive}\n getItemHref={getMenuItemHref}\n getItemLabel={getMenuItemLabel}\n getItemOnClick={getMenuItemOnClick}\n getItemSubMenu={getMenuItemSubMenu}\n getItemTarget={getMenuItemTarget}\n style={{ zIndex: elementZIndex }}\n footer={\n socialMedia?.length && (\n <ButtonMenu\n className={cnHeader('MobileMenuSocialMedia')}\n items={socialMedia}\n getItemHref={getSocialMediaItemHref}\n getItemIcon={getSocialMediaItemIcon}\n getItemLabel={getSocialMediaItemLabel}\n getItemOnClick={getSocialMediaItemOnClick}\n getItemTarget={getSocialMediaItemTarget}\n onItemClick={onSocialMediaItemClick}\n view=\"clear\"\n onlyIcon\n size=\"s\"\n />\n )\n }\n />\n )}\n <HeaderLogo className={cnHeader('Logo')} logo={logo} href={logoHref} />\n {(searchOnSubmit || searchOnChange) && (\n <HeaderSearch\n value={searchValue}\n onChange={searchOnChange}\n onSubmit={searchOnSubmit}\n placeholder={searchPlaceholder}\n />\n )}\n </div>\n ),\n right: (\n <div className={cnHeader('RowCenterRight')}>\n <HeaderLogin\n userName={userName}\n userAvatar={userAvatar}\n userInfo={userInfo}\n userLogined={userLogined}\n onLoginButtonClick={onLoginButtonClick}\n loginButtonLabel={loginButtonLabel}\n />\n {tileMenu?.length && (\n <TileMenu\n items={tileMenu}\n view={tileMenuView}\n onItemClick={onTileMenuItemClick}\n getItemDescription={getTileMenuItemDescription}\n getItemHref={getTileMenuItemHref}\n getItemImage={getTileMenuItemImage}\n getItemOnClick={getTileMenuItemOnClick}\n getItemLabel={getTileMenuItemLabel}\n listClassName={cnHeader('TileMenuList')}\n title={tileMenuTitle}\n isMobile\n style={{ zIndex: elementZIndex }}\n />\n )}\n {notifications?.length && (\n <Notifications\n listClassName={cnHeader('NotificationsList')}\n items={notifications}\n itemDateFormat={notificationsDateFormat}\n title={notificationsTitle}\n actions={notificationsActions}\n groupByDay={notificationsGroupByDay}\n groupLabelFormat={notificationsGroupLabelFormat}\n groups={notificationsGroups}\n getItemLabel={getNotificationsItemLabel}\n getItemDescription={getNotificationsItemDescription}\n getItemImage={getNotificationsItemImage}\n getItemRead={getNotificationsItemRead}\n getItemDate={getNotificationsItemDate}\n getItemBadges={getNotificationsItemBadges}\n getItemActions={getNotificationsItemActions}\n getItemGroup={getNotificationsItemGroup}\n getItemView={getNotificationsItemView}\n getActionLabel={getNotificationsActionLabel}\n getActionIcon={getNotificationsActionIcon}\n getActionOnClick={getNotificationsActionOnClick}\n getGroupLabel={getNotificationsGroupLabel}\n getGroupId={getNotificationsGroupId}\n isMobile\n style={{ zIndex: elementZIndex }}\n />\n )}\n </div>\n ),\n }}\n rowBottom={\n breadcrumbs ? (\n <Breadcrumbs\n className={cnHeader('Breadcrumbs')}\n items={breadcrumbs}\n onlyIconRoot={breadcrumbsOnlyIconRoot}\n size=\"m\"\n onItemClick={onBreadcrumbsItemClick}\n getItemLabel={getBreadcrumbsItemLabel}\n getItemHref={getBreadcrumbsItemHref}\n getItemIcon={getBreadcrumbsItemIcon}\n getItemOnClick={getBreadcrumbsItemOnClick}\n lastItemIsLink={breadcrumbsLastItemIsLink}\n fitMode={breadcrumbsFitMode}\n />\n ) : (\n undefined\n )\n }\n />\n )\n }\n\n return (\n <Layout\n {...otherProps}\n ref={ref}\n className={cnHeader({ fixed }, [className])}\n rowCenter={{\n left: (\n <div className={cnHeader('RowCenterLeft')}>\n {menu && (\n <MobileMenu\n className={cnHeader('Menu')}\n items={getMobileMenu(props, { languagesValue, setLanguagesValue })}\n getItemActive={getMenuItemActive}\n getItemHref={getMenuItemHref}\n getItemLabel={getMenuItemLabel}\n getItemOnClick={getMenuItemOnClick}\n getItemSubMenu={getMenuItemSubMenu}\n getItemTarget={getMenuItemTarget}\n style={{ zIndex: elementZIndex }}\n header={\n <div className={cnHeader('MobileMenuHeader')}>\n <div>\n <HeaderLogin\n userName={userName}\n userAvatar={userAvatar}\n userInfo={userInfo}\n userLogined={userLogined}\n onLoginButtonClick={onLoginButtonClick}\n loginButtonLabel={loginButtonLabel}\n />\n </div>\n {tileMenu?.length && notifications?.length && (\n <div>\n {tileMenu?.length && (\n <TileMenu\n items={tileMenu}\n view={tileMenuView}\n onItemClick={onTileMenuItemClick}\n getItemDescription={getTileMenuItemDescription}\n getItemHref={getTileMenuItemHref}\n getItemImage={getTileMenuItemImage}\n getItemOnClick={getTileMenuItemOnClick}\n getItemLabel={getTileMenuItemLabel}\n listClassName={cnHeader('TileMenuList')}\n title={tileMenuTitle}\n isMobile\n style={{ zIndex: elementZIndex }}\n />\n )}\n {notifications?.length && (\n <Notifications\n listClassName={cnHeader('NotificationsList')}\n items={notifications}\n itemDateFormat={notificationsDateFormat}\n title={notificationsTitle}\n actions={notificationsActions}\n groupByDay={notificationsGroupByDay}\n groupLabelFormat={notificationsGroupLabelFormat}\n groups={notificationsGroups}\n getItemLabel={getNotificationsItemLabel}\n getItemDescription={getNotificationsItemDescription}\n getItemImage={getNotificationsItemImage}\n getItemRead={getNotificationsItemRead}\n getItemDate={getNotificationsItemDate}\n getItemBadges={getNotificationsItemBadges}\n getItemActions={getNotificationsItemActions}\n getItemGroup={getNotificationsItemGroup}\n getItemView={getNotificationsItemView}\n getActionLabel={getNotificationsActionLabel}\n getActionIcon={getNotificationsActionIcon}\n getActionOnClick={getNotificationsActionOnClick}\n getGroupLabel={getNotificationsGroupLabel}\n getGroupId={getNotificationsGroupId}\n isMobile\n style={{ zIndex: elementZIndex }}\n />\n )}\n </div>\n )}\n <div className={cnHeader('MobileSearchContainer')}>\n {(searchOnSubmit || searchOnChange) && (\n <HeaderSearch\n value={searchValue}\n onChange={searchOnChange}\n onSubmit={searchOnSubmit}\n placeholder={searchPlaceholder}\n />\n )}\n </div>\n </div>\n }\n footer={\n socialMedia?.length && (\n <ButtonMenu\n className={cnHeader('MobileMenuSocialMedia')}\n items={socialMedia}\n getItemHref={getSocialMediaItemHref}\n getItemIcon={getSocialMediaItemIcon}\n getItemLabel={getSocialMediaItemLabel}\n getItemOnClick={getSocialMediaItemOnClick}\n getItemTarget={getSocialMediaItemTarget}\n onItemClick={onSocialMediaItemClick}\n view=\"clear\"\n onlyIcon\n size=\"s\"\n />\n )\n }\n />\n )}\n <HeaderLogo className={cnHeader('Logo')} logo={logo} href={logoHref} />\n </div>\n ),\n }}\n />\n )\n}\n\nexport const Header = forwardRef(HeaderRender) as HeaderComponent\n\nexport * from './types'\n"],"file":"Header.js"}
|
package/Header/helpers.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { HeaderProps,
|
|
2
|
+
import { HeaderProps, HeaderDefaultLanguagesItem } from "./types";
|
|
3
3
|
import { DefaultItem } from "../MobileMenu/index";
|
|
4
4
|
declare type HeaderState = {
|
|
5
|
-
languagesValue:
|
|
6
|
-
setLanguagesValue: React.Dispatch<React.SetStateAction<
|
|
5
|
+
languagesValue: HeaderDefaultLanguagesItem | undefined;
|
|
6
|
+
setLanguagesValue: React.Dispatch<React.SetStateAction<HeaderDefaultLanguagesItem | undefined>>;
|
|
7
7
|
};
|
|
8
8
|
export declare const getMobileMenu: (props: HeaderProps, state: HeaderState) => DefaultItem[];
|
|
9
9
|
export {};
|
package/Header/helpers.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Header/helpers.ts"],"names":["getGetters","getGettersForMenu","getGettersForButtonMenu","getGettersForSelectMenu","getItemClick","getMenu","props","menu","length","getters","getItemLabel","getMenuItemLabel","getItemActive","getMenuItemActive","getItemHref","getMenuItemHref","getItemOnClick","getMenuItemOnClick","getItemTarget","getMenuItemTarget","getItemSubMenu","getMenuItemSubMenu","map","item","label","href","target","active","onClick","onMenuItemClick","subMenu","groupId","getSecondaryMenu","secondaryMenu","secondaryMenuLabel","getSecondaryMenuItemLabel","getSecondaryMenuItemHref","getSecondaryMenuItemOnClick","getSecondaryMenuItemTarget","getSecondaryMenuItemSubMenu","onSecondaryMenuItemClick","getAdditionalButtons","additionalButtons","getAdditionalButtonsItemLabel","getAdditionalButtonsItemHref","getAdditionalButtonsItemOnClick","getAdditionalButtonsItemTarget","onAdditionalButtonsItemClick","getLanguages","state","languages","onLanguageChange","params","setLanguagesValue","getActive","languagesValue","languagesLabel","getMobileMenu"],"mappings":"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
|
|
1
|
+
{"version":3,"sources":["../../src/Header/helpers.ts"],"names":["getGetters","getGettersForMenu","getGettersForButtonMenu","getGettersForSelectMenu","getItemClick","getMenu","props","menu","length","getters","getItemLabel","getMenuItemLabel","getItemActive","getMenuItemActive","getItemHref","getMenuItemHref","getItemOnClick","getMenuItemOnClick","getItemTarget","getMenuItemTarget","getItemSubMenu","getMenuItemSubMenu","map","item","label","href","target","active","onClick","onMenuItemClick","subMenu","groupId","getSecondaryMenu","secondaryMenu","secondaryMenuLabel","getSecondaryMenuItemLabel","getSecondaryMenuItemHref","getSecondaryMenuItemOnClick","getSecondaryMenuItemTarget","getSecondaryMenuItemSubMenu","onSecondaryMenuItemClick","getAdditionalButtons","additionalButtons","getAdditionalButtonsItemLabel","getAdditionalButtonsItemHref","getAdditionalButtonsItemOnClick","getAdditionalButtonsItemTarget","onAdditionalButtonsItemClick","getLanguages","state","languages","onLanguageChange","params","setLanguagesValue","getActive","languagesValue","languagesLabel","getMobileMenu"],"mappings":"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","sourcesContent":["import { HeaderProps, HeaderDefaultLanguagesItem } from './types'\n\nimport { getGetters as getGettersForMenu } from '@/Menu/helpers'\nimport { DefaultItem } from '@/MobileMenu'\nimport { getGetters as getGettersForButtonMenu } from '@/ButtonMenu/helpers'\nimport { getGetters as getGettersForSelectMenu } from '@/SelectMenu/helpers'\nimport { getItemClick } from '@/__private__/helpers/getItemClick'\nimport { SelectMenuPropOnItemClick } from '@/SelectMenu'\n\ntype HeaderState = {\n languagesValue: HeaderDefaultLanguagesItem | undefined\n setLanguagesValue: React.Dispatch<React.SetStateAction<HeaderDefaultLanguagesItem | undefined>>\n}\n\nconst getMenu = (props: HeaderProps): DefaultItem[] => {\n if (!props.menu?.length) {\n return []\n }\n\n const getters = getGettersForMenu({\n getItemLabel: props.getMenuItemLabel,\n getItemActive: props.getMenuItemActive,\n getItemHref: props.getMenuItemHref,\n getItemOnClick: props.getMenuItemOnClick,\n getItemTarget: props.getMenuItemTarget,\n getItemSubMenu: props.getMenuItemSubMenu,\n })\n\n return props.menu.map(item => ({\n label: getters.getItemLabel(item),\n href: getters.getItemHref(item),\n target: getters.getItemTarget(item),\n active: getters.getItemActive(item),\n onClick: getItemClick(item, getters.getItemOnClick, props.onMenuItemClick),\n subMenu: getters.getItemSubMenu(item),\n groupId: '1',\n }))\n}\n\nconst getSecondaryMenu = (props: HeaderProps): DefaultItem[] => {\n if (!props.secondaryMenu?.length || !props.secondaryMenuLabel) {\n return []\n }\n\n const getters = getGettersForSelectMenu({\n getItemLabel: props.getSecondaryMenuItemLabel,\n getItemHref: props.getSecondaryMenuItemHref,\n getItemOnClick: props.getSecondaryMenuItemOnClick,\n getItemTarget: props.getSecondaryMenuItemTarget,\n getItemSubMenu: props.getSecondaryMenuItemSubMenu,\n })\n\n return [\n {\n label: props.secondaryMenuLabel,\n groupId: '2',\n subMenu: props.secondaryMenu.map(item => ({\n label: getters.getItemLabel(item),\n href: getters.getItemHref(item),\n target: getters.getItemTarget(item),\n onClick: getItemClick(item, getters.getItemOnClick, props.onSecondaryMenuItemClick),\n subMenu: getters.getItemSubMenu(item),\n })),\n },\n ]\n}\n\nconst getAdditionalButtons = (props: HeaderProps): DefaultItem[] => {\n if (!props.additionalButtons?.length) {\n return []\n }\n\n const getters = getGettersForButtonMenu({\n getItemLabel: props.getAdditionalButtonsItemLabel,\n getItemHref: props.getAdditionalButtonsItemHref,\n getItemOnClick: props.getAdditionalButtonsItemOnClick,\n getItemTarget: props.getAdditionalButtonsItemTarget,\n })\n\n return props.additionalButtons.map(item => ({\n label: getters.getItemLabel(item),\n href: getters.getItemHref(item),\n target: getters.getItemTarget(item),\n onClick: getItemClick(item, getters.getItemOnClick, props.onAdditionalButtonsItemClick),\n groupId: '2',\n }))\n}\n\nconst getLanguages = (props: HeaderProps, state: HeaderState): DefaultItem[] => {\n if (!props.languages?.length) {\n return []\n }\n\n const onLanguageChange: SelectMenuPropOnItemClick<HeaderDefaultLanguagesItem> = params => {\n state.setLanguagesValue(params.item)\n props.onLanguageChange?.(params)\n }\n\n const getters = getGettersForSelectMenu({\n getItemLabel: props.getAdditionalButtonsItemLabel,\n getItemHref: props.getAdditionalButtonsItemHref,\n getItemOnClick: props.getAdditionalButtonsItemOnClick,\n getItemTarget: props.getAdditionalButtonsItemTarget,\n })\n\n const getActive = (item: DefaultItem): boolean => {\n if (!state.languagesValue) {\n return false\n }\n\n return getters.getItemLabel(item) === getters.getItemLabel(state.languagesValue)\n }\n\n return [\n {\n label: props.languagesLabel || 'Сменить язык',\n groupId: '2',\n subMenu: props.languages.map(item => ({\n label: getters.getItemLabel(item),\n href: getters.getItemHref(item),\n target: getters.getItemTarget(item),\n onClick: getItemClick(item, getters.getItemOnClick, onLanguageChange),\n subMenu: getters.getItemSubMenu(item),\n active: getActive(item),\n })),\n },\n ]\n}\n\nexport const getMobileMenu = (props: HeaderProps, state: HeaderState): DefaultItem[] => [\n ...getMenu(props),\n ...getSecondaryMenu(props),\n ...getAdditionalButtons(props),\n ...getLanguages(props, state),\n]\n"],"file":"helpers.js"}
|
package/Header/types.d.ts
CHANGED
|
@@ -1,19 +1,27 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IconComponent } from '@consta/uikit/Icon';
|
|
3
|
-
import {
|
|
4
|
-
import { NotificationsListPropGetItemLabel, NotificationsListPropGetActionIcon, NotificationsListPropGetActionLabel, NotificationsListPropGetActionOnClick, NotificationsListPropGetGroupId, NotificationsListPropGetGroupLabel, NotificationsListPropGetItemActions, NotificationsListPropGetItemBadges, NotificationsListPropGetItemDate, NotificationsListPropGetItemDescription, NotificationsListPropGetItemGroup, NotificationsListPropGetItemImage, NotificationsListPropGetItemRead, NotificationsListPropGetItemView, NotificationsListPropGroupLabelFormat,
|
|
5
|
-
import { TileMenuPropGetItemImage, TileMenuPropGetItemDescription, TileMenuPropGetItemHref, TileMenuPropGetItemOnClick, TileMenuPropGetItemLabel, TileMenuOnItemClick, TileMenuPropView,
|
|
3
|
+
import { MenuDefaultItem, MenuPropOnItemClick, MenuPropGetItemHref, MenuPropGetItemLabel, MenuPropGetItemTarget, MenuPropGetItemActive, MenuPropGetItemOnClick, MenuPropGetItemSubMenu } from "../Menu/index";
|
|
4
|
+
import { NotificationsListPropGetItemLabel, NotificationsListPropGetActionIcon, NotificationsListPropGetActionLabel, NotificationsListPropGetActionOnClick, NotificationsListPropGetGroupId, NotificationsListPropGetGroupLabel, NotificationsListPropGetItemActions, NotificationsListPropGetItemBadges, NotificationsListPropGetItemDate, NotificationsListPropGetItemDescription, NotificationsListPropGetItemGroup, NotificationsListPropGetItemImage, NotificationsListPropGetItemRead, NotificationsListPropGetItemView, NotificationsListPropGroupLabelFormat, NotificationsDefaultAction, NotificationsDefaultGroup, NotificationsDefaultItem, NotificationsListPropItemDateFormat } from "../NotificationsList/index";
|
|
5
|
+
import { TileMenuPropGetItemImage, TileMenuPropGetItemDescription, TileMenuPropGetItemHref, TileMenuPropGetItemOnClick, TileMenuPropGetItemLabel, TileMenuOnItemClick, TileMenuPropView, TileMenuDefaultItem } from "../TileMenu/index";
|
|
6
6
|
import { PropsWithHTMLAttributesAndRef } from "../__private__/utils/types/PropsWithHTMLAttributes";
|
|
7
|
-
import { BreadcrumbsPropGetItemLabel, BreadcrumbsPropGetItemHref, BreadcrumbsPropGetItemOnClick, BreadcrumbsPropGetItemIcon, BreadcrumbsPropOnItemClick, BreadcrumbPropFitMode, DefaultItem as
|
|
7
|
+
import { BreadcrumbsPropGetItemLabel, BreadcrumbsPropGetItemHref, BreadcrumbsPropGetItemOnClick, BreadcrumbsPropGetItemIcon, BreadcrumbsPropOnItemClick, BreadcrumbPropFitMode, DefaultItem as BreadcrumbsDefaultItem } from '@consta/uikit/BreadcrumbsCanary';
|
|
8
8
|
import { HeaderSearchProps } from "./HeaderSearch/index";
|
|
9
|
-
import { SelectMenuPropGetItemHref, SelectMenuPropGetItemLabel, SelectMenuPropGetItemOnClick, SelectMenuPropGetItemSubMenu, SelectMenuPropGetItemTarget, SelectMenuPropOnItemClick,
|
|
10
|
-
import { ButtonMenuPropGetItemHref, ButtonMenuPropGetItemIcon, ButtonMenuPropGetItemLabel, ButtonMenuPropGetItemOnClick, ButtonMenuPropGetItemTarget, ButtonMenuPropOnItemClick,
|
|
11
|
-
import {
|
|
12
|
-
export declare type
|
|
9
|
+
import { SelectMenuPropGetItemHref, SelectMenuPropGetItemLabel, SelectMenuPropGetItemOnClick, SelectMenuPropGetItemSubMenu, SelectMenuPropGetItemTarget, SelectMenuPropOnItemClick, SelectMenuDefaultItem } from "../SelectMenu/index";
|
|
10
|
+
import { ButtonMenuPropGetItemHref, ButtonMenuPropGetItemIcon, ButtonMenuPropGetItemLabel, ButtonMenuPropGetItemOnClick, ButtonMenuPropGetItemTarget, ButtonMenuPropOnItemClick, ButtonMenuDefaultItem } from "../ButtonMenu/index";
|
|
11
|
+
import { LanguagesDefaultItem } from "../Languages/index";
|
|
12
|
+
export declare type HeaderDefaultSocialMediaItem = ButtonMenuDefaultItem & {
|
|
13
13
|
icon: IconComponent;
|
|
14
14
|
};
|
|
15
|
-
export
|
|
16
|
-
export declare type
|
|
15
|
+
export declare type HeaderDefaultAdditionalButtonsItem = ButtonMenuDefaultItem;
|
|
16
|
+
export declare type HeaderDefaultMenuItem = MenuDefaultItem;
|
|
17
|
+
export declare type HeaderDefaultNotificationAction = NotificationsDefaultAction;
|
|
18
|
+
export declare type HeaderDefaultNotificationGroup = NotificationsDefaultGroup;
|
|
19
|
+
export declare type HeaderDefaultNotificationItem = NotificationsDefaultItem;
|
|
20
|
+
export declare type HeaderDefaultTileMenuItem = TileMenuDefaultItem;
|
|
21
|
+
export declare type HeaderDefaultBreadcrumbsItem = BreadcrumbsDefaultItem;
|
|
22
|
+
export declare type HeaderDefaultSelectMenuItem = SelectMenuDefaultItem;
|
|
23
|
+
export declare type HeaderDefaultLanguagesItem = LanguagesDefaultItem;
|
|
24
|
+
export declare type HeaderProps<MENU_ITEM = HeaderDefaultMenuItem, NOTIFICATION_ITEM = HeaderDefaultNotificationItem, NOTIFICATION_GROUP = HeaderDefaultNotificationGroup, NOTIFICATION_ACTION = HeaderDefaultNotificationAction, NOTIFICATION_GROUP_BY_DAY extends boolean = false, TILE_MENU_ITEM = HeaderDefaultTileMenuItem, BREADCRUMBS_ITEM = HeaderDefaultBreadcrumbsItem, SECONDARY_MENU_ITEM = HeaderDefaultSelectMenuItem, SOCIAL_MEDIA_ITEM = HeaderDefaultSocialMediaItem, LANGUAGES_ITEM = HeaderDefaultLanguagesItem, ADDITIONAL_BUTTONS_ITEM = HeaderDefaultAdditionalButtonsItem> = PropsWithHTMLAttributesAndRef<{
|
|
17
25
|
fixed?: boolean;
|
|
18
26
|
logo?: React.ReactNode;
|
|
19
27
|
onLogoClick?: React.MouseEventHandler;
|
|
@@ -76,7 +84,7 @@ export declare type HeaderProps<MENU_ITEM = DefaultMenuItem, NOTIFICATION_ITEM =
|
|
|
76
84
|
searchOnChange?: HeaderSearchProps['onChange'];
|
|
77
85
|
searchOnSubmit?: HeaderSearchProps['onSubmit'];
|
|
78
86
|
searchPlaceholder?: HeaderSearchProps['placeholder'];
|
|
79
|
-
secondaryMenu?:
|
|
87
|
+
secondaryMenu?: SECONDARY_MENU_ITEM[];
|
|
80
88
|
onSecondaryMenuItemClick?: SelectMenuPropOnItemClick<SECONDARY_MENU_ITEM>;
|
|
81
89
|
getSecondaryMenuItemHref?: SelectMenuPropGetItemHref<SECONDARY_MENU_ITEM>;
|
|
82
90
|
getSecondaryMenuItemLabel?: SelectMenuPropGetItemLabel<SECONDARY_MENU_ITEM>;
|
|
@@ -107,52 +115,52 @@ export declare type HeaderProps<MENU_ITEM = DefaultMenuItem, NOTIFICATION_ITEM =
|
|
|
107
115
|
getAdditionalButtonsItemOnClick?: ButtonMenuPropGetItemOnClick<ADDITIONAL_BUTTONS_ITEM>;
|
|
108
116
|
getAdditionalButtonsItemIcon?: ButtonMenuPropGetItemIcon<ADDITIONAL_BUTTONS_ITEM>;
|
|
109
117
|
}, HTMLDivElement> & (MENU_ITEM extends {
|
|
110
|
-
label:
|
|
118
|
+
label: HeaderDefaultMenuItem['label'] | unknown;
|
|
111
119
|
} ? {} : {
|
|
112
120
|
getMenuItemLabel: MenuPropGetItemLabel<MENU_ITEM>;
|
|
113
121
|
}) & (NOTIFICATION_ACTION extends {
|
|
114
|
-
label:
|
|
122
|
+
label: HeaderDefaultNotificationAction['label'] | unknown;
|
|
115
123
|
} ? {} : {
|
|
116
124
|
getNotificationsActionLabel: NotificationsListPropGetItemActions<NOTIFICATION_ACTION>;
|
|
117
125
|
}) & (NOTIFICATION_GROUP extends {
|
|
118
|
-
label:
|
|
126
|
+
label: HeaderDefaultNotificationGroup['label'] | unknown;
|
|
119
127
|
} ? {} : {
|
|
120
128
|
getNotificationsGroupLabel: NotificationsListPropGetGroupLabel<NOTIFICATION_GROUP>;
|
|
121
129
|
}) & (NOTIFICATION_GROUP extends {
|
|
122
|
-
id:
|
|
130
|
+
id: HeaderDefaultNotificationGroup['id'] | unknown;
|
|
123
131
|
} ? {} : {
|
|
124
132
|
getNotificationsGroupId: NotificationsListPropGetGroupId<NOTIFICATION_GROUP>;
|
|
125
133
|
}) & (NOTIFICATION_ITEM extends {
|
|
126
|
-
label:
|
|
134
|
+
label: HeaderDefaultNotificationItem['label'] | unknown;
|
|
127
135
|
} ? {} : {
|
|
128
136
|
getNotificationsItemLabel: NotificationsListPropGetItemLabel<NOTIFICATION_ITEM>;
|
|
129
137
|
}) & (TILE_MENU_ITEM extends {
|
|
130
|
-
|
|
138
|
+
label: HeaderDefaultTileMenuItem['label'] | unknown;
|
|
131
139
|
} ? {} : {
|
|
132
140
|
getTileMenuItemLabel: TileMenuPropGetItemLabel<TILE_MENU_ITEM>;
|
|
133
141
|
}) & (BREADCRUMBS_ITEM extends {
|
|
134
|
-
label:
|
|
142
|
+
label: HeaderDefaultBreadcrumbsItem['label'] | unknown;
|
|
135
143
|
} ? {} : {
|
|
136
144
|
getBreadcrumbsItemLabel: BreadcrumbsPropGetItemLabel<BREADCRUMBS_ITEM>;
|
|
137
145
|
}) & (SECONDARY_MENU_ITEM extends {
|
|
138
|
-
label:
|
|
146
|
+
label: HeaderDefaultSelectMenuItem['label'] | unknown;
|
|
139
147
|
} ? {} : {
|
|
140
148
|
getSecondaryMenuItemLabel: SelectMenuPropGetItemLabel<SECONDARY_MENU_ITEM>;
|
|
141
149
|
}) & (SOCIAL_MEDIA_ITEM extends {
|
|
142
|
-
label:
|
|
150
|
+
label: HeaderDefaultSocialMediaItem['label'] | unknown;
|
|
143
151
|
} ? {} : {
|
|
144
152
|
getSocialMediaItemLabel: ButtonMenuPropGetItemLabel<SOCIAL_MEDIA_ITEM>;
|
|
145
153
|
}) & (SOCIAL_MEDIA_ITEM extends {
|
|
146
|
-
icon:
|
|
154
|
+
icon: HeaderDefaultSocialMediaItem['icon'] | unknown;
|
|
147
155
|
} ? {} : {
|
|
148
156
|
getSocialMediaItemIcon: ButtonMenuPropGetItemIcon<SOCIAL_MEDIA_ITEM>;
|
|
149
157
|
}) & (LANGUAGES_ITEM extends {
|
|
150
|
-
label:
|
|
158
|
+
label: HeaderDefaultLanguagesItem['label'] | unknown;
|
|
151
159
|
} ? {} : {
|
|
152
160
|
getLanguagesItemLabel: SelectMenuPropGetItemLabel<LANGUAGES_ITEM>;
|
|
153
161
|
}) & (ADDITIONAL_BUTTONS_ITEM extends {
|
|
154
|
-
label:
|
|
162
|
+
label: HeaderDefaultAdditionalButtonsItem['label'] | unknown;
|
|
155
163
|
} ? {} : {
|
|
156
164
|
getAdditionalButtonsItemLabel: ButtonMenuPropGetItemLabel<ADDITIONAL_BUTTONS_ITEM>;
|
|
157
165
|
});
|
|
158
|
-
export declare type HeaderComponent = <MENU_ITEM =
|
|
166
|
+
export declare type HeaderComponent = <MENU_ITEM = MenuDefaultItem, NOTIFICATION_ITEM = HeaderDefaultNotificationItem, NOTIFICATION_GROUP = HeaderDefaultNotificationGroup, NOTIFICATION_ACTION = HeaderDefaultNotificationAction, NOTIFICATION_GROUP_BY_DAY extends boolean = false, TILE_MENU_ITEM = HeaderDefaultTileMenuItem, BREADCRUMBS_ITEM = HeaderDefaultBreadcrumbsItem>(props: HeaderProps<MENU_ITEM, NOTIFICATION_ITEM, NOTIFICATION_GROUP, NOTIFICATION_ACTION, NOTIFICATION_GROUP_BY_DAY, TILE_MENU_ITEM, BREADCRUMBS_ITEM>) => React.ReactElement | null;
|
package/Header/types.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
2
2
|
//# sourceMappingURL=types.js.map
|
package/Header/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Header/types.ts"],"names":["DefaultItem","DefaultMenuItem","DefaultAction","DefaultNotificationAction","DefaultGroup","DefaultNotificationGroup","DefaultNotificationItem","DefaultTileMenuItem","DefaultSelectMenuItem","ButtonMenuDefaultItem","DefaultItemLanguages","AdditionalButtonsDefaultItem"],"mappings":"AAGA,OACEA,WAAW,GAAIC,CAAAA,eADjB,eAWA,OAgBEC,aAAa,GAAIC,CAAAA,yBAhBnB,CAiBEC,YAAY,GAAIC,CAAAA,wBAjBlB,CAkBEL,WAAW,GAAIM,CAAAA,uBAlBjB,4BAsBA,OAQEN,WAAW,GAAIO,CAAAA,mBARjB,mBAyBA,OAOEP,WAAW,GAAIQ,CAAAA,qBAPjB,qBAUA,OAOER,WAAW,GAAIS,CAAAA,qBAPjB,qBAUA,OAAST,WAAW,GAAIU,CAAAA,oBAAxB,oBAIA,OACET,eADF,CAEEK,uBAFF,CAGED,wBAHF,CAIEF,yBAJF,CAKEI,mBALF,CAMEC,qBANF,CAOEE,oBAPF,CAQED,qBAAqB,GAAIE,CAAAA,4BAR3B","sourcesContent":["import React from 'react'\nimport { IconComponent } from '@consta/uikit/Icon'\n\nimport {\n DefaultItem as DefaultMenuItem,\n MenuPropOnItemClick,\n MenuPropGetItemHref,\n MenuPropGetItemLabel,\n MenuPropGetItemTarget,\n MenuPropGetItemActive,\n MenuPropGetItemOnClick,\n MenuPropGetItemSubMenu,\n} from '@/Menu'\n\nimport {\n NotificationsListPropGetItemLabel,\n NotificationsListPropGetActionIcon,\n NotificationsListPropGetActionLabel,\n NotificationsListPropGetActionOnClick,\n NotificationsListPropGetGroupId,\n NotificationsListPropGetGroupLabel,\n NotificationsListPropGetItemActions,\n NotificationsListPropGetItemBadges,\n NotificationsListPropGetItemDate,\n NotificationsListPropGetItemDescription,\n NotificationsListPropGetItemGroup,\n NotificationsListPropGetItemImage,\n NotificationsListPropGetItemRead,\n NotificationsListPropGetItemView,\n NotificationsListPropGroupLabelFormat,\n DefaultAction as DefaultNotificationAction,\n DefaultGroup as DefaultNotificationGroup,\n DefaultItem as DefaultNotificationItem,\n NotificationsListPropItemDateFormat,\n} from '@/NotificationsList'\n\nimport {\n TileMenuPropGetItemImage,\n TileMenuPropGetItemDescription,\n TileMenuPropGetItemHref,\n TileMenuPropGetItemOnClick,\n TileMenuPropGetItemLabel,\n TileMenuOnItemClick,\n TileMenuPropView,\n DefaultItem as DefaultTileMenuItem,\n} from '@/TileMenu'\n\nimport { PropsWithHTMLAttributesAndRef } from '@/__private__/utils/types/PropsWithHTMLAttributes'\n\nimport {\n BreadcrumbsPropGetItemLabel,\n BreadcrumbsPropGetItemHref,\n BreadcrumbsPropGetItemOnClick,\n BreadcrumbsPropGetItemIcon,\n BreadcrumbsPropOnItemClick,\n BreadcrumbPropFitMode,\n DefaultItem as DefaultBreadcrumbsItem,\n} from '@consta/uikit/BreadcrumbsCanary'\n\nimport { HeaderSearchProps } from './HeaderSearch'\n\nimport {\n SelectMenuPropGetItemHref,\n SelectMenuPropGetItemLabel,\n SelectMenuPropGetItemOnClick,\n SelectMenuPropGetItemSubMenu,\n SelectMenuPropGetItemTarget,\n SelectMenuPropOnItemClick,\n DefaultItem as DefaultSelectMenuItem,\n} from '@/SelectMenu'\n\nimport {\n ButtonMenuPropGetItemHref,\n ButtonMenuPropGetItemIcon,\n ButtonMenuPropGetItemLabel,\n ButtonMenuPropGetItemOnClick,\n ButtonMenuPropGetItemTarget,\n ButtonMenuPropOnItemClick,\n DefaultItem as ButtonMenuDefaultItem,\n} from '@/ButtonMenu'\n\nimport { DefaultItem as DefaultItemLanguages } from '@/Languages'\n\nexport type DefaultSocialMediaItem = ButtonMenuDefaultItem & { icon: IconComponent }\n\nexport {\n DefaultMenuItem,\n DefaultNotificationItem,\n DefaultNotificationGroup,\n DefaultNotificationAction,\n DefaultTileMenuItem,\n DefaultSelectMenuItem,\n DefaultItemLanguages,\n ButtonMenuDefaultItem as AdditionalButtonsDefaultItem,\n}\n\nexport type HeaderProps<\n // Menu\n MENU_ITEM = DefaultMenuItem,\n // Notifications\n NOTIFICATION_ITEM = DefaultNotificationItem,\n NOTIFICATION_GROUP = DefaultNotificationGroup,\n NOTIFICATION_ACTION = DefaultNotificationAction,\n NOTIFICATION_GROUP_BY_DAY extends boolean = false,\n // TileMenu\n TILE_MENU_ITEM = DefaultTileMenuItem,\n // Breadcrumbs\n BREADCRUMBS_ITEM = DefaultBreadcrumbsItem,\n // SecondaryMenu\n SECONDARY_MENU_ITEM = DefaultSelectMenuItem,\n // ButtonMenu\n SOCIAL_MEDIA_ITEM = DefaultSocialMediaItem,\n // Languages\n LANGUAGES_ITEM = DefaultItemLanguages,\n // AdditionalButtons\n ADDITIONAL_BUTTONS_ITEM = ButtonMenuDefaultItem\n> = PropsWithHTMLAttributesAndRef<\n {\n fixed?: boolean\n\n // Logo\n logo?: React.ReactNode\n onLogoClick?: React.MouseEventHandler\n logoHref?: string\n\n // Menu\n menu?: MENU_ITEM[]\n onMenuItemClick?: MenuPropOnItemClick<MENU_ITEM>\n getMenuItemHref?: MenuPropGetItemHref<MENU_ITEM>\n getMenuItemLabel?: MenuPropGetItemLabel<MENU_ITEM>\n getMenuItemTarget?: MenuPropGetItemTarget<MENU_ITEM>\n getMenuItemActive?: MenuPropGetItemActive<MENU_ITEM>\n getMenuItemOnClick?: MenuPropGetItemOnClick<MENU_ITEM>\n getMenuItemSubMenu?: MenuPropGetItemSubMenu<MENU_ITEM>\n\n // Login\n userName?: string\n userAvatar?: string\n userInfo?: string\n userLogined?: boolean\n onLoginButtonClick?: React.MouseEventHandler\n onUserClick?: React.MouseEventHandler\n loginButtonLabel?: string\n\n // Notifications\n notifications?: NOTIFICATION_ITEM[]\n notificationsDateFormat?: NotificationsListPropItemDateFormat\n notificationsTitle?: string\n notificationsActions?: NOTIFICATION_ACTION[]\n notificationsGroupByDay?: NOTIFICATION_GROUP_BY_DAY\n notificationsGroupLabelFormat?: NotificationsListPropGroupLabelFormat<NOTIFICATION_GROUP_BY_DAY>\n notificationsGroups?: NOTIFICATION_GROUP_BY_DAY extends true ? never : NOTIFICATION_GROUP[]\n getNotificationsItemLabel?: NotificationsListPropGetItemLabel<NOTIFICATION_ITEM>\n getNotificationsItemDescription?: NotificationsListPropGetItemDescription<NOTIFICATION_ITEM>\n getNotificationsItemImage?: NotificationsListPropGetItemImage<NOTIFICATION_ITEM>\n getNotificationsItemRead?: NotificationsListPropGetItemRead<NOTIFICATION_ITEM>\n getNotificationsItemDate?: NotificationsListPropGetItemDate<NOTIFICATION_ITEM>\n getNotificationsItemBadges?: NotificationsListPropGetItemBadges<NOTIFICATION_ITEM>\n getNotificationsItemActions?: NotificationsListPropGetItemActions<NOTIFICATION_ITEM>\n getNotificationsItemGroup?: NotificationsListPropGetItemGroup<NOTIFICATION_ITEM>\n getNotificationsItemView?: NotificationsListPropGetItemView<NOTIFICATION_ITEM>\n getNotificationsActionLabel?: NotificationsListPropGetActionLabel<NOTIFICATION_ACTION>\n getNotificationsActionIcon?: NotificationsListPropGetActionIcon<NOTIFICATION_ACTION>\n getNotificationsActionOnClick?: NotificationsListPropGetActionOnClick<NOTIFICATION_ACTION>\n getNotificationsGroupLabel?: NotificationsListPropGetGroupLabel<NOTIFICATION_GROUP>\n getNotificationsGroupId?: NotificationsListPropGetGroupId<NOTIFICATION_GROUP>\n\n // TileMenu\n tileMenu?: TILE_MENU_ITEM[]\n tileMenuTitle?: string\n tileMenuView?: TileMenuPropView\n onTileMenuItemClick?: TileMenuOnItemClick<TILE_MENU_ITEM>\n getTileMenuItemImage?: TileMenuPropGetItemImage<TILE_MENU_ITEM>\n getTileMenuItemLabel?: TileMenuPropGetItemLabel<TILE_MENU_ITEM>\n getTileMenuItemDescription?: TileMenuPropGetItemDescription<TILE_MENU_ITEM>\n getTileMenuItemHref?: TileMenuPropGetItemHref<TILE_MENU_ITEM>\n getTileMenuItemOnClick?: TileMenuPropGetItemOnClick<TILE_MENU_ITEM>\n\n // Breadcrumbs\n breadcrumbs?: BREADCRUMBS_ITEM[]\n getBreadcrumbsItemLabel?: BreadcrumbsPropGetItemLabel<BREADCRUMBS_ITEM>\n getBreadcrumbsItemHref?: BreadcrumbsPropGetItemHref<BREADCRUMBS_ITEM>\n getBreadcrumbsItemIcon?: BreadcrumbsPropGetItemIcon<BREADCRUMBS_ITEM>\n getBreadcrumbsItemOnClick?: BreadcrumbsPropGetItemOnClick<BREADCRUMBS_ITEM>\n onBreadcrumbsItemClick?: BreadcrumbsPropOnItemClick<BREADCRUMBS_ITEM>\n breadcrumbsOnlyIconRoot?: boolean\n breadcrumbsLastItemIsLink?: boolean\n breadcrumbsFitMode?: BreadcrumbPropFitMode\n\n // Search\n searchValue?: HeaderSearchProps['value']\n searchOnChange?: HeaderSearchProps['onChange']\n searchOnSubmit?: HeaderSearchProps['onSubmit']\n searchPlaceholder?: HeaderSearchProps['placeholder']\n\n // SecondaryMenu\n secondaryMenu?: DefaultSelectMenuItem[]\n onSecondaryMenuItemClick?: SelectMenuPropOnItemClick<SECONDARY_MENU_ITEM>\n getSecondaryMenuItemHref?: SelectMenuPropGetItemHref<SECONDARY_MENU_ITEM>\n getSecondaryMenuItemLabel?: SelectMenuPropGetItemLabel<SECONDARY_MENU_ITEM>\n getSecondaryMenuItemTarget?: SelectMenuPropGetItemTarget<SECONDARY_MENU_ITEM>\n getSecondaryMenuItemOnClick?: SelectMenuPropGetItemOnClick<SECONDARY_MENU_ITEM>\n getSecondaryMenuItemSubMenu?: SelectMenuPropGetItemSubMenu<SECONDARY_MENU_ITEM>\n secondaryMenuLabel?: string\n\n // SocialMedia\n socialMedia?: SOCIAL_MEDIA_ITEM[]\n onSocialMediaItemClick?: ButtonMenuPropOnItemClick<SOCIAL_MEDIA_ITEM>\n getSocialMediaItemHref?: ButtonMenuPropGetItemHref<SOCIAL_MEDIA_ITEM>\n getSocialMediaItemLabel?: ButtonMenuPropGetItemLabel<SOCIAL_MEDIA_ITEM>\n getSocialMediaItemTarget?: ButtonMenuPropGetItemTarget<SOCIAL_MEDIA_ITEM>\n getSocialMediaItemOnClick?: ButtonMenuPropGetItemOnClick<SOCIAL_MEDIA_ITEM>\n getSocialMediaItemIcon?: ButtonMenuPropGetItemIcon<SOCIAL_MEDIA_ITEM>\n\n // Languages\n\n languages?: LANGUAGES_ITEM[]\n languagesLabel?: string\n languageValue?: LANGUAGES_ITEM\n onLanguageChange?: SelectMenuPropOnItemClick<LANGUAGES_ITEM>\n getLanguagesItemHref?: SelectMenuPropGetItemHref<LANGUAGES_ITEM>\n getLanguagesItemLabel?: SelectMenuPropGetItemLabel<LANGUAGES_ITEM>\n getLanguagesItemTarget?: SelectMenuPropGetItemTarget<LANGUAGES_ITEM>\n getLanguagesItemOnClick?: SelectMenuPropGetItemOnClick<LANGUAGES_ITEM>\n\n // AdditionalButtons\n additionalButtons?: ADDITIONAL_BUTTONS_ITEM[]\n onAdditionalButtonsItemClick?: ButtonMenuPropOnItemClick<ADDITIONAL_BUTTONS_ITEM>\n getAdditionalButtonsItemHref?: ButtonMenuPropGetItemHref<ADDITIONAL_BUTTONS_ITEM>\n getAdditionalButtonsItemLabel?: ButtonMenuPropGetItemLabel<ADDITIONAL_BUTTONS_ITEM>\n getAdditionalButtonsItemTarget?: ButtonMenuPropGetItemTarget<ADDITIONAL_BUTTONS_ITEM>\n getAdditionalButtonsItemOnClick?: ButtonMenuPropGetItemOnClick<ADDITIONAL_BUTTONS_ITEM>\n getAdditionalButtonsItemIcon?: ButtonMenuPropGetItemIcon<ADDITIONAL_BUTTONS_ITEM>\n },\n HTMLDivElement\n> &\n // Menu\n (MENU_ITEM extends { label: DefaultMenuItem['label'] | unknown }\n ? {}\n : { getMenuItemLabel: MenuPropGetItemLabel<MENU_ITEM> }) &\n // Notifications\n (NOTIFICATION_ACTION extends { label: DefaultNotificationAction['label'] | unknown }\n ? {}\n : { getNotificationsActionLabel: NotificationsListPropGetItemActions<NOTIFICATION_ACTION> }) &\n (NOTIFICATION_GROUP extends { label: DefaultNotificationGroup['label'] | unknown }\n ? {}\n : { getNotificationsGroupLabel: NotificationsListPropGetGroupLabel<NOTIFICATION_GROUP> }) &\n (NOTIFICATION_GROUP extends { id: DefaultNotificationGroup['id'] | unknown }\n ? {}\n : { getNotificationsGroupId: NotificationsListPropGetGroupId<NOTIFICATION_GROUP> }) &\n (NOTIFICATION_ITEM extends { label: DefaultNotificationItem['label'] | unknown }\n ? {}\n : { getNotificationsItemLabel: NotificationsListPropGetItemLabel<NOTIFICATION_ITEM> }) &\n // TileMenu\n (TILE_MENU_ITEM extends { title: DefaultTileMenuItem['label'] | unknown }\n ? {}\n : { getTileMenuItemLabel: TileMenuPropGetItemLabel<TILE_MENU_ITEM> }) &\n // Breadcrumbs\n (BREADCRUMBS_ITEM extends { label: DefaultBreadcrumbsItem['label'] | unknown }\n ? {}\n : { getBreadcrumbsItemLabel: BreadcrumbsPropGetItemLabel<BREADCRUMBS_ITEM> }) &\n // SecondaryMenu\n (SECONDARY_MENU_ITEM extends { label: DefaultSelectMenuItem['label'] | unknown }\n ? {}\n : { getSecondaryMenuItemLabel: SelectMenuPropGetItemLabel<SECONDARY_MENU_ITEM> }) &\n // SocialMedia\n (SOCIAL_MEDIA_ITEM extends { label: DefaultSocialMediaItem['label'] | unknown }\n ? {}\n : { getSocialMediaItemLabel: ButtonMenuPropGetItemLabel<SOCIAL_MEDIA_ITEM> }) &\n (SOCIAL_MEDIA_ITEM extends { icon: DefaultSocialMediaItem['icon'] | unknown }\n ? {}\n : { getSocialMediaItemIcon: ButtonMenuPropGetItemIcon<SOCIAL_MEDIA_ITEM> }) &\n (LANGUAGES_ITEM extends { label: DefaultSelectMenuItem['label'] | unknown }\n ? {}\n : { getLanguagesItemLabel: SelectMenuPropGetItemLabel<LANGUAGES_ITEM> }) &\n // AdditionalButtons\n (ADDITIONAL_BUTTONS_ITEM extends { label: ButtonMenuDefaultItem['label'] | unknown }\n ? {}\n : { getAdditionalButtonsItemLabel: ButtonMenuPropGetItemLabel<ADDITIONAL_BUTTONS_ITEM> })\n\nexport type HeaderComponent = <\n MENU_ITEM = DefaultMenuItem,\n NOTIFICATION_ITEM = DefaultNotificationItem,\n NOTIFICATION_GROUP = DefaultNotificationGroup,\n NOTIFICATION_ACTION = DefaultNotificationAction,\n NOTIFICATION_GROUP_BY_DAY extends boolean = false,\n TILE_MENU_ITEM = DefaultTileMenuItem,\n BREADCRUMBS_ITEM = DefaultBreadcrumbsItem\n>(\n props: HeaderProps<\n MENU_ITEM,\n NOTIFICATION_ITEM,\n NOTIFICATION_GROUP,\n NOTIFICATION_ACTION,\n NOTIFICATION_GROUP_BY_DAY,\n TILE_MENU_ITEM,\n BREADCRUMBS_ITEM\n >\n) => React.ReactElement | null\n"],"file":"types.js"}
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Languages/Languages.tsx"],"names":["React","forwardRef","useState","withDefaultGetters","SelectMenu","LanguagesRender","props","ref","value","valueProp","onChange","otherProps","setValue","items","args","item","getItemLabel","Languages"],"mappings":"qFAAA,MAAOA,CAAAA,KAAP,EAAgBC,UAAhB,CAA4BC,QAA5B,KAA4C,OAA5C,CAGA,OAASC,kBAAT,iBAEA,OAASC,UAAT,qBAEA,KAAMC,CAAAA,eAAe,CAAG,CAACC,CAAD,CAAwBC,CAAxB,GAA2D,SAC3BJ,kBAAkB,CAACG,CAAD,CADS,CAC3E,CAAEE,KAAK,CAAEC,CAAT,CAAoBC,QAAQ,CAARA,CAApB,CAD2E,GAC1CC,CAD0C,kDAE3E,CAACH,CAAD,CAAQI,CAAR,EAAoBV,QAAQ,
|
|
1
|
+
{"version":3,"sources":["../../src/Languages/Languages.tsx"],"names":["React","forwardRef","useState","withDefaultGetters","SelectMenu","LanguagesRender","props","ref","value","valueProp","onChange","otherProps","setValue","items","args","item","getItemLabel","Languages"],"mappings":"qFAAA,MAAOA,CAAAA,KAAP,EAAgBC,UAAhB,CAA4BC,QAA5B,KAA4C,OAA5C,CAGA,OAASC,kBAAT,iBAEA,OAASC,UAAT,qBAEA,KAAMC,CAAAA,eAAe,CAAG,CAACC,CAAD,CAAwBC,CAAxB,GAA2D,SAC3BJ,kBAAkB,CAACG,CAAD,CADS,CAC3E,CAAEE,KAAK,CAAEC,CAAT,CAAoBC,QAAQ,CAARA,CAApB,CAD2E,GAC1CC,CAD0C,kDAE3E,CAACH,CAAD,CAAQI,CAAR,EAAoBV,QAAQ,CAChCO,CAAS,EAAIE,CAAU,CAACE,KAAX,CAAiB,CAAjB,CADmB,CAF+C,CAMjF,MACE,qBAAC,UAAD,kBACMF,CADN,EAEE,WAAW,CAAEG,CAAI,EAAI,QACnBJ,CADmB,WACnBA,CADmB,QACnBA,CAAQ,CAAGI,CAAH,CADW,CAEnBF,CAAQ,CAACE,CAAI,CAACC,IAAN,CACT,CALH,CAME,KAAK,CAAEP,CAAK,CAAGG,CAAU,CAACK,YAAX,CAAwBR,CAAxB,CAAH,CAAoC,EANlD,CAOE,GAAG,CAAED,CAPP,GAUH,CAjBD,CAmBA,MAAO,MAAMU,CAAAA,SAAS,CAAGhB,UAAU,CAACI,eAAD,CAA5B,CAEP","sourcesContent":["import React, { forwardRef, useState } from 'react'\n\nimport { LanguagesProps, LanguagesComponent, LanguagesDefaultItem } from './types'\nimport { withDefaultGetters } from './helpers'\n\nimport { SelectMenu } from '@/SelectMenu'\n\nconst LanguagesRender = (props: LanguagesProps, ref: React.Ref<HTMLDivElement>) => {\n const { value: valueProp, onChange, ...otherProps } = withDefaultGetters(props)\n const [value, setValue] = useState<LanguagesDefaultItem | undefined>(\n valueProp || otherProps.items[0]\n )\n\n return (\n <SelectMenu\n {...otherProps}\n onItemClick={args => {\n onChange?.(args)\n setValue(args.item)\n }}\n label={value ? otherProps.getItemLabel(value) : ''}\n ref={ref}\n />\n )\n}\n\nexport const Languages = forwardRef(LanguagesRender) as LanguagesComponent\n\nexport * from './types'\n"],"file":"Languages.js"}
|
package/Languages/helpers.d.ts
CHANGED
|
@@ -13,8 +13,8 @@ export declare function withDefaultGetters<ITEM>(props: LanguagesProps<ITEM>): {
|
|
|
13
13
|
} ? {} : {
|
|
14
14
|
getItemLabel: import("../SelectMenu/index").SelectMenuPropGetItemLabel<ITEM>;
|
|
15
15
|
}) & {
|
|
16
|
-
getItemLabel: import("../SelectMenu/index").SelectMenuPropGetItemLabel<import("../SelectMenu").
|
|
17
|
-
getItemHref: import("../SelectMenu/index").SelectMenuPropGetItemHref<import("../SelectMenu").
|
|
18
|
-
getItemOnClick: import("../SelectMenu/index").SelectMenuPropGetItemOnClick<import("../SelectMenu").
|
|
19
|
-
getItemTarget: import("../SelectMenu/index").SelectMenuPropGetItemTarget<import("../SelectMenu").
|
|
16
|
+
getItemLabel: import("../SelectMenu/index").SelectMenuPropGetItemLabel<import("../SelectMenu").SelectMenuDefaultItem> | import("../SelectMenu/index").SelectMenuPropGetItemLabel<ITEM>;
|
|
17
|
+
getItemHref: import("../SelectMenu/index").SelectMenuPropGetItemHref<import("../SelectMenu").SelectMenuDefaultItem> | import("../SelectMenu/index").SelectMenuPropGetItemHref<ITEM>;
|
|
18
|
+
getItemOnClick: import("../SelectMenu/index").SelectMenuPropGetItemOnClick<import("../SelectMenu").SelectMenuDefaultItem> | import("../SelectMenu/index").SelectMenuPropGetItemOnClick<ITEM>;
|
|
19
|
+
getItemTarget: import("../SelectMenu/index").SelectMenuPropGetItemTarget<import("../SelectMenu").SelectMenuDefaultItem> | import("../SelectMenu/index").SelectMenuPropGetItemTarget<ITEM>;
|
|
20
20
|
};
|
package/Languages/types.d.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { SelectMenuPropGetItemHref, SelectMenuPropGetItemLabel, SelectMenuPropGetItemOnClick, SelectMenuPropGetItemTarget, SelectMenuPropOnItemClick } from "../SelectMenu/index";
|
|
3
3
|
import { PropsWithHTMLAttributesAndRef } from "../__private__/utils/types/PropsWithHTMLAttributes";
|
|
4
|
-
export declare type
|
|
4
|
+
export declare type LanguagesDefaultItem = {
|
|
5
5
|
label: string;
|
|
6
6
|
href?: string;
|
|
7
7
|
target?: string;
|
|
8
8
|
onClick?: React.EventHandler<React.MouseEvent>;
|
|
9
9
|
};
|
|
10
|
-
export declare type LanguagesProps<ITEM =
|
|
10
|
+
export declare type LanguagesProps<ITEM = LanguagesDefaultItem> = PropsWithHTMLAttributesAndRef<{
|
|
11
11
|
items: ITEM[];
|
|
12
12
|
value?: ITEM;
|
|
13
13
|
onChange?: SelectMenuPropOnItemClick<ITEM>;
|
|
@@ -16,8 +16,8 @@ export declare type LanguagesProps<ITEM = DefaultItem> = PropsWithHTMLAttributes
|
|
|
16
16
|
getItemTarget?: SelectMenuPropGetItemTarget<ITEM>;
|
|
17
17
|
getItemOnClick?: SelectMenuPropGetItemOnClick<ITEM>;
|
|
18
18
|
}, HTMLDivElement> & (ITEM extends {
|
|
19
|
-
label:
|
|
19
|
+
label: LanguagesDefaultItem['label'];
|
|
20
20
|
} ? {} : {
|
|
21
21
|
getItemLabel: SelectMenuPropGetItemLabel<ITEM>;
|
|
22
22
|
});
|
|
23
|
-
export declare type LanguagesComponent = <ITEM =
|
|
23
|
+
export declare type LanguagesComponent = <ITEM = LanguagesDefaultItem>(props: LanguagesProps<ITEM>) => React.ReactElement | null;
|
package/Menu/helpers.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
export declare const defaultGetItemLabel: MenuPropGetItemLabel<
|
|
4
|
-
export declare const defaultGetItemActive: MenuPropGetItemActive<
|
|
5
|
-
export declare const defaultGetItemHref: MenuPropGetItemHref<
|
|
6
|
-
export declare const defaultGetItemOnClick: MenuPropGetItemOnClick<
|
|
7
|
-
export declare const defaultGetItemTarget: MenuPropGetItemTarget<
|
|
8
|
-
export declare const defaultGetItemSubMenu: MenuPropGetItemSubMenu<
|
|
2
|
+
import { MenuDefaultItem, MenuProps, MenuPropGetItemActive, MenuPropGetItemHref, MenuPropGetItemLabel, MenuPropGetItemOnClick, MenuPropGetItemSubMenu, MenuPropGetItemTarget } from "./types";
|
|
3
|
+
export declare const defaultGetItemLabel: MenuPropGetItemLabel<MenuDefaultItem>;
|
|
4
|
+
export declare const defaultGetItemActive: MenuPropGetItemActive<MenuDefaultItem>;
|
|
5
|
+
export declare const defaultGetItemHref: MenuPropGetItemHref<MenuDefaultItem>;
|
|
6
|
+
export declare const defaultGetItemOnClick: MenuPropGetItemOnClick<MenuDefaultItem>;
|
|
7
|
+
export declare const defaultGetItemTarget: MenuPropGetItemTarget<MenuDefaultItem>;
|
|
8
|
+
export declare const defaultGetItemSubMenu: MenuPropGetItemSubMenu<MenuDefaultItem>;
|
|
9
9
|
export declare const getGetters: <ITEM>(props: {
|
|
10
10
|
getItemLabel?: MenuPropGetItemLabel<ITEM> | undefined;
|
|
11
11
|
getItemActive?: MenuPropGetItemActive<ITEM> | undefined;
|
|
@@ -14,12 +14,12 @@ export declare const getGetters: <ITEM>(props: {
|
|
|
14
14
|
getItemTarget?: MenuPropGetItemTarget<ITEM> | undefined;
|
|
15
15
|
getItemSubMenu?: MenuPropGetItemSubMenu<ITEM> | undefined;
|
|
16
16
|
}) => {
|
|
17
|
-
getItemLabel: MenuPropGetItemLabel<
|
|
18
|
-
getItemActive: MenuPropGetItemActive<
|
|
19
|
-
getItemHref: MenuPropGetItemHref<
|
|
20
|
-
getItemOnClick: MenuPropGetItemOnClick<
|
|
21
|
-
getItemTarget: MenuPropGetItemTarget<
|
|
22
|
-
getItemSubMenu: MenuPropGetItemSubMenu<
|
|
17
|
+
getItemLabel: MenuPropGetItemLabel<MenuDefaultItem> | MenuPropGetItemLabel<ITEM>;
|
|
18
|
+
getItemActive: MenuPropGetItemActive<MenuDefaultItem> | MenuPropGetItemActive<ITEM>;
|
|
19
|
+
getItemHref: MenuPropGetItemHref<MenuDefaultItem> | MenuPropGetItemHref<ITEM>;
|
|
20
|
+
getItemOnClick: MenuPropGetItemOnClick<MenuDefaultItem> | MenuPropGetItemOnClick<ITEM>;
|
|
21
|
+
getItemTarget: MenuPropGetItemTarget<MenuDefaultItem> | MenuPropGetItemTarget<ITEM>;
|
|
22
|
+
getItemSubMenu: MenuPropGetItemSubMenu<MenuDefaultItem> | MenuPropGetItemSubMenu<ITEM>;
|
|
23
23
|
};
|
|
24
24
|
export declare function withDefaultGetters<ITEM>(props: MenuProps<ITEM>): {
|
|
25
25
|
items: ITEM[];
|
|
@@ -35,10 +35,10 @@ export declare function withDefaultGetters<ITEM>(props: MenuProps<ITEM>): {
|
|
|
35
35
|
} ? {} : {
|
|
36
36
|
getItemLabel: MenuPropGetItemLabel<ITEM>;
|
|
37
37
|
}) & {
|
|
38
|
-
getItemLabel: MenuPropGetItemLabel<
|
|
39
|
-
getItemActive: MenuPropGetItemActive<
|
|
40
|
-
getItemHref: MenuPropGetItemHref<
|
|
41
|
-
getItemOnClick: MenuPropGetItemOnClick<
|
|
42
|
-
getItemTarget: MenuPropGetItemTarget<
|
|
43
|
-
getItemSubMenu: MenuPropGetItemSubMenu<
|
|
38
|
+
getItemLabel: MenuPropGetItemLabel<MenuDefaultItem> | MenuPropGetItemLabel<ITEM>;
|
|
39
|
+
getItemActive: MenuPropGetItemActive<MenuDefaultItem> | MenuPropGetItemActive<ITEM>;
|
|
40
|
+
getItemHref: MenuPropGetItemHref<MenuDefaultItem> | MenuPropGetItemHref<ITEM>;
|
|
41
|
+
getItemOnClick: MenuPropGetItemOnClick<MenuDefaultItem> | MenuPropGetItemOnClick<ITEM>;
|
|
42
|
+
getItemTarget: MenuPropGetItemTarget<MenuDefaultItem> | MenuPropGetItemTarget<ITEM>;
|
|
43
|
+
getItemSubMenu: MenuPropGetItemSubMenu<MenuDefaultItem> | MenuPropGetItemSubMenu<ITEM>;
|
|
44
44
|
};
|
package/Menu/helpers.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Menu/helpers.ts"],"names":["defaultGetItemLabel","item","label","defaultGetItemActive","active","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemTarget","target","defaultGetItemSubMenu","subMenu","getGetters","props","getItemLabel","getItemActive","getItemHref","getItemOnClick","getItemTarget","getItemSubMenu","withDefaultGetters"],"mappings":"+DAWA,MAAO,MAAMA,CAAAA,
|
|
1
|
+
{"version":3,"sources":["../../src/Menu/helpers.ts"],"names":["defaultGetItemLabel","item","label","defaultGetItemActive","active","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemTarget","target","defaultGetItemSubMenu","subMenu","getGetters","props","getItemLabel","getItemActive","getItemHref","getItemOnClick","getItemTarget","getItemSubMenu","withDefaultGetters"],"mappings":"+DAWA,MAAO,MAAMA,CAAAA,mBAA0D,CAAGC,CAAI,EAAIA,CAAI,CAACC,KAAhF,CACP,MAAO,MAAMC,CAAAA,oBAA4D,CAAGF,CAAI,EAAIA,CAAI,CAACG,MAAlF,CACP,MAAO,MAAMC,CAAAA,kBAAwD,CAAGJ,CAAI,EAAIA,CAAI,CAACK,IAA9E,CACP,MAAO,MAAMC,CAAAA,qBAA8D,CAAGN,CAAI,EAAIA,CAAI,CAACO,OAApF,CACP,MAAO,MAAMC,CAAAA,oBAA4D,CAAGR,CAAI,EAAIA,CAAI,CAACS,MAAlF,CACP,MAAO,MAAMC,CAAAA,qBAA8D,CAAGV,CAAI,EAAIA,CAAI,CAACW,OAApF,CAEP,MAAO,MAAMC,CAAAA,UAAU,CAAUC,CAAP,GAQjB,CACLC,YAAY,CAAE,QAAAD,CAAK,WAALA,SAAAA,CAAK,CAAEC,YAAP,GAAuBf,mBADhC,CAELgB,aAAa,CAAE,QAAAF,CAAK,WAALA,SAAAA,CAAK,CAAEE,aAAP,GAAwBb,oBAFlC,CAGLc,WAAW,CAAE,QAAAH,CAAK,WAALA,SAAAA,CAAK,CAAEG,WAAP,GAAsBZ,kBAH9B,CAILa,cAAc,CAAE,QAAAJ,CAAK,WAALA,SAAAA,CAAK,CAAEI,cAAP,GAAyBX,qBAJpC,CAKLY,aAAa,CAAE,QAAAL,CAAK,WAALA,SAAAA,CAAK,CAAEK,aAAP,GAAwBV,oBALlC,CAMLW,cAAc,CAAE,QAAAN,CAAK,WAALA,SAAAA,CAAK,CAAEM,cAAP,GAAyBT,qBANpC,CARiB,CAAnB,CAkBP,MAAO,SAASU,CAAAA,kBAAT,CAAkCP,CAAlC,CAA0D,CAC/D,wBACKA,CADL,CAEKD,UAAU,CAACC,CAAD,CAFf,CAID","sourcesContent":["import {\n MenuDefaultItem,\n MenuProps,\n MenuPropGetItemActive,\n MenuPropGetItemHref,\n MenuPropGetItemLabel,\n MenuPropGetItemOnClick,\n MenuPropGetItemSubMenu,\n MenuPropGetItemTarget,\n} from './types'\n\nexport const defaultGetItemLabel: MenuPropGetItemLabel<MenuDefaultItem> = item => item.label\nexport const defaultGetItemActive: MenuPropGetItemActive<MenuDefaultItem> = item => item.active\nexport const defaultGetItemHref: MenuPropGetItemHref<MenuDefaultItem> = item => item.href\nexport const defaultGetItemOnClick: MenuPropGetItemOnClick<MenuDefaultItem> = item => item.onClick\nexport const defaultGetItemTarget: MenuPropGetItemTarget<MenuDefaultItem> = item => item.target\nexport const defaultGetItemSubMenu: MenuPropGetItemSubMenu<MenuDefaultItem> = item => item.subMenu\n\nexport const getGetters = <ITEM>(props: {\n getItemLabel?: MenuPropGetItemLabel<ITEM>\n getItemActive?: MenuPropGetItemActive<ITEM>\n getItemHref?: MenuPropGetItemHref<ITEM>\n getItemOnClick?: MenuPropGetItemOnClick<ITEM>\n getItemTarget?: MenuPropGetItemTarget<ITEM>\n getItemSubMenu?: MenuPropGetItemSubMenu<ITEM>\n}) => {\n return {\n getItemLabel: props?.getItemLabel || defaultGetItemLabel,\n getItemActive: props?.getItemActive || defaultGetItemActive,\n getItemHref: props?.getItemHref || defaultGetItemHref,\n getItemOnClick: props?.getItemOnClick || defaultGetItemOnClick,\n getItemTarget: props?.getItemTarget || defaultGetItemTarget,\n getItemSubMenu: props?.getItemSubMenu || defaultGetItemSubMenu,\n }\n}\n\nexport function withDefaultGetters<ITEM>(props: MenuProps<ITEM>) {\n return {\n ...props,\n ...getGetters(props),\n }\n}\n"],"file":"helpers.js"}
|
package/Menu/types.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { PropsWithHTMLAttributesAndRef } from "../__private__/utils/types/PropsWithHTMLAttributes";
|
|
3
|
-
export declare type
|
|
3
|
+
export declare type MenuDefaultItem = {
|
|
4
4
|
label: string;
|
|
5
5
|
href?: string;
|
|
6
6
|
target?: string;
|
|
7
7
|
active?: boolean;
|
|
8
8
|
onClick?: React.EventHandler<React.MouseEvent>;
|
|
9
|
-
subMenu?:
|
|
9
|
+
subMenu?: MenuDefaultItem[];
|
|
10
10
|
};
|
|
11
11
|
export declare type MenuPropGetItemLabel<ITEM> = (item: ITEM) => string;
|
|
12
12
|
export declare type MenuPropGetItemHref<ITEM> = (item: ITEM) => string | undefined;
|
|
@@ -18,7 +18,7 @@ export declare type MenuPropOnItemClick<ITEM> = (props: {
|
|
|
18
18
|
e: React.MouseEvent;
|
|
19
19
|
item: ITEM;
|
|
20
20
|
}) => void;
|
|
21
|
-
export declare type MenuProps<ITEM =
|
|
21
|
+
export declare type MenuProps<ITEM = MenuDefaultItem> = PropsWithHTMLAttributesAndRef<{
|
|
22
22
|
items: ITEM[];
|
|
23
23
|
onItemClick?: MenuPropOnItemClick<ITEM>;
|
|
24
24
|
getItemHref?: MenuPropGetItemHref<ITEM>;
|
|
@@ -28,8 +28,8 @@ export declare type MenuProps<ITEM = DefaultItem> = PropsWithHTMLAttributesAndRe
|
|
|
28
28
|
getItemOnClick?: MenuPropGetItemOnClick<ITEM>;
|
|
29
29
|
getItemSubMenu?: MenuPropGetItemSubMenu<ITEM>;
|
|
30
30
|
}, HTMLDivElement> & (ITEM extends {
|
|
31
|
-
label:
|
|
31
|
+
label: MenuDefaultItem['label'];
|
|
32
32
|
} ? {} : {
|
|
33
33
|
getItemLabel: MenuPropGetItemLabel<ITEM>;
|
|
34
34
|
});
|
|
35
|
-
export declare type MenuComponent = <ITEM =
|
|
35
|
+
export declare type MenuComponent = <ITEM = MenuDefaultItem>(props: MenuProps<ITEM>) => React.ReactElement | null;
|
package/Notifications/types.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Props,
|
|
2
|
+
import { Props, NotificationsDefaultAction, NotificationsDefaultItem, NotificationsDefaultGroup } from "../NotificationsList/index";
|
|
3
3
|
import { PropsWithHTMLAttributesAndRef } from "../__private__/utils/types/PropsWithHTMLAttributes";
|
|
4
|
-
export declare type NotificationsProps<ITEM =
|
|
4
|
+
export declare type NotificationsProps<ITEM = NotificationsDefaultItem, GROUP = NotificationsDefaultGroup, ACTION = NotificationsDefaultAction, GROUP_BY_DAY extends boolean = false> = PropsWithHTMLAttributesAndRef<Omit<Props<ITEM, GROUP, ACTION, GROUP_BY_DAY>, 'onClose'> & {
|
|
5
5
|
listClassName?: string;
|
|
6
6
|
isMobile?: boolean;
|
|
7
7
|
}, HTMLButtonElement>;
|
|
8
|
-
export declare type NotificationsComponent = <ITEM =
|
|
8
|
+
export declare type NotificationsComponent = <ITEM = NotificationsDefaultItem, GROUP = NotificationsDefaultGroup, ACTION = NotificationsDefaultAction, GROUP_BY_DAY extends boolean = false>(props: NotificationsProps<ITEM, GROUP, ACTION, GROUP_BY_DAY>) => React.ReactElement | null;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { NotificationsListPropGetActionIcon, NotificationsListPropGetActionLabel, NotificationsListPropGetActionOnClick, NotificationsListPropGetGroupId, NotificationsListPropGetGroupLabel, NotificationsListPropGetItemActions, NotificationsListPropGetItemBadges, NotificationsListPropGetItemDate, NotificationsListPropGetItemDescription, NotificationsListPropGetItemGroup, NotificationsListPropGetItemImage, NotificationsListPropGetItemLabel, NotificationsListPropGetItemRead, NotificationsListPropGetItemView,
|
|
2
|
+
import { NotificationsListPropGetActionIcon, NotificationsListPropGetActionLabel, NotificationsListPropGetActionOnClick, NotificationsListPropGetGroupId, NotificationsListPropGetGroupLabel, NotificationsListPropGetItemActions, NotificationsListPropGetItemBadges, NotificationsListPropGetItemDate, NotificationsListPropGetItemDescription, NotificationsListPropGetItemGroup, NotificationsListPropGetItemImage, NotificationsListPropGetItemLabel, NotificationsListPropGetItemRead, NotificationsListPropGetItemView, NotificationsDefaultAction, NotificationsDefaultGroup, NotificationsDefaultItem, NotificationsListProps, NotificationsListPropGroupLabelFormat } from "./types";
|
|
3
3
|
export declare function withDefaultGetters<ITEM, GROUP, ACTION>(props: NotificationsListProps<ITEM, GROUP, ACTION>): {
|
|
4
4
|
children?: undefined;
|
|
5
5
|
items: ITEM[];
|
|
@@ -4121,20 +4121,20 @@ export declare function withDefaultGetters<ITEM, GROUP, ACTION>(props: Notificat
|
|
|
4121
4121
|
} ? {} : {
|
|
4122
4122
|
getItemLabel: NotificationsListPropGetItemLabel<ITEM>;
|
|
4123
4123
|
})>> & {
|
|
4124
|
-
getActionIcon: NotificationsListPropGetActionIcon<
|
|
4125
|
-
getActionLabel: NotificationsListPropGetActionLabel<
|
|
4126
|
-
getActionOnClick: NotificationsListPropGetActionOnClick<
|
|
4127
|
-
getGroupId: NotificationsListPropGetGroupId<
|
|
4128
|
-
getGroupLabel: NotificationsListPropGetGroupLabel<
|
|
4129
|
-
getItemActions: NotificationsListPropGetItemActions<
|
|
4130
|
-
getItemBadges: NotificationsListPropGetItemBadges<
|
|
4131
|
-
getItemDate: NotificationsListPropGetItemDate<
|
|
4132
|
-
getItemDescription: NotificationsListPropGetItemDescription<
|
|
4133
|
-
getItemGroup: NotificationsListPropGetItemGroup<
|
|
4134
|
-
getItemImage: NotificationsListPropGetItemImage<
|
|
4135
|
-
getItemLabel: NotificationsListPropGetItemLabel<
|
|
4136
|
-
getItemRead: NotificationsListPropGetItemRead<
|
|
4137
|
-
getItemView: NotificationsListPropGetItemView<
|
|
4124
|
+
getActionIcon: NotificationsListPropGetActionIcon<NotificationsDefaultAction> | NotificationsListPropGetActionIcon<ACTION>;
|
|
4125
|
+
getActionLabel: NotificationsListPropGetActionLabel<NotificationsDefaultAction> | NotificationsListPropGetActionLabel<ACTION>;
|
|
4126
|
+
getActionOnClick: NotificationsListPropGetActionOnClick<NotificationsDefaultAction> | NotificationsListPropGetActionOnClick<ACTION>;
|
|
4127
|
+
getGroupId: NotificationsListPropGetGroupId<NotificationsDefaultGroup> | NotificationsListPropGetGroupId<GROUP>;
|
|
4128
|
+
getGroupLabel: NotificationsListPropGetGroupLabel<NotificationsDefaultGroup> | NotificationsListPropGetGroupLabel<GROUP>;
|
|
4129
|
+
getItemActions: NotificationsListPropGetItemActions<NotificationsDefaultItem> | NotificationsListPropGetItemActions<ITEM>;
|
|
4130
|
+
getItemBadges: NotificationsListPropGetItemBadges<NotificationsDefaultItem> | NotificationsListPropGetItemBadges<ITEM>;
|
|
4131
|
+
getItemDate: NotificationsListPropGetItemDate<NotificationsDefaultItem> | NotificationsListPropGetItemDate<ITEM>;
|
|
4132
|
+
getItemDescription: NotificationsListPropGetItemDescription<NotificationsDefaultItem> | NotificationsListPropGetItemDescription<ITEM>;
|
|
4133
|
+
getItemGroup: NotificationsListPropGetItemGroup<NotificationsDefaultItem> | NotificationsListPropGetItemGroup<ITEM>;
|
|
4134
|
+
getItemImage: NotificationsListPropGetItemImage<NotificationsDefaultItem> | NotificationsListPropGetItemImage<ITEM>;
|
|
4135
|
+
getItemLabel: NotificationsListPropGetItemLabel<NotificationsDefaultItem> | NotificationsListPropGetItemLabel<ITEM>;
|
|
4136
|
+
getItemRead: NotificationsListPropGetItemRead<NotificationsDefaultItem> | NotificationsListPropGetItemRead<ITEM>;
|
|
4137
|
+
getItemView: NotificationsListPropGetItemView<NotificationsDefaultItem> | NotificationsListPropGetItemView<ITEM>;
|
|
4138
4138
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
4139
4139
|
key?: string | number | undefined;
|
|
4140
4140
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/NotificationsList/helpers.ts"],"names":["getGroups","constaGetGroups","format","isToday","isYesterday","startOfDay","defaultGetActionIcon","action","icon","defaultGetActionLabel","label","defaultGetActionOnClick","onClick","defaultGetGroupId","group","id","defaultGetGroupLabel","defaultGetItemActions","item","actions","defaultGetItemBadges","badges","defaultGetItemDate","date","defaultGetItemDescription","description","defaultGetItemGroup","defaultGetItemImage","image","defaultGetItemLabel","defaultGetItemRead","read","defaultGetItemView","view","withDefaultGetters","props","getActionIcon","getActionLabel","getActionOnClick","getGroupId","getGroupLabel","getItemActions","getItemBadges","getItemDate","getItemDescription","getItemGroup","getItemImage","getItemLabel","getItemRead","getItemView","noGroupKey","defaultGroupLabelFormat","timestamp","sortGroup","a","b","key","items","groups","groupByDay","getTime"],"mappings":"+DAsBA,OAASA,SAAS,GAAIC,CAAAA,eAAtB,KAA6C,gDAA7C,CACA,OAASC,MAAT,CAAiBC,OAAjB,CAA0BC,WAA1B,CAAuCC,UAAvC,KAAyD,UAAzD,C,KAEMC,CAAAA,
|
|
1
|
+
{"version":3,"sources":["../../src/NotificationsList/helpers.ts"],"names":["getGroups","constaGetGroups","format","isToday","isYesterday","startOfDay","defaultGetActionIcon","action","icon","defaultGetActionLabel","label","defaultGetActionOnClick","onClick","defaultGetGroupId","group","id","defaultGetGroupLabel","defaultGetItemActions","item","actions","defaultGetItemBadges","badges","defaultGetItemDate","date","defaultGetItemDescription","description","defaultGetItemGroup","defaultGetItemImage","image","defaultGetItemLabel","defaultGetItemRead","read","defaultGetItemView","view","withDefaultGetters","props","getActionIcon","getActionLabel","getActionOnClick","getGroupId","getGroupLabel","getItemActions","getItemBadges","getItemDate","getItemDescription","getItemGroup","getItemImage","getItemLabel","getItemRead","getItemView","noGroupKey","defaultGroupLabelFormat","timestamp","sortGroup","a","b","key","items","groups","groupByDay","getTime"],"mappings":"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","sourcesContent":["import {\n NotificationsListPropGetActionIcon,\n NotificationsListPropGetActionLabel,\n NotificationsListPropGetActionOnClick,\n NotificationsListPropGetGroupId,\n NotificationsListPropGetGroupLabel,\n NotificationsListPropGetItemActions,\n NotificationsListPropGetItemBadges,\n NotificationsListPropGetItemDate,\n NotificationsListPropGetItemDescription,\n NotificationsListPropGetItemGroup,\n NotificationsListPropGetItemImage,\n NotificationsListPropGetItemLabel,\n NotificationsListPropGetItemRead,\n NotificationsListPropGetItemView,\n NotificationsDefaultAction,\n NotificationsDefaultGroup,\n NotificationsDefaultItem,\n NotificationsListProps,\n NotificationsListPropGroupLabelFormat,\n} from './types'\n\nimport { getGroups as constaGetGroups } from '@consta/uikit/__internal__/src/utils/getGroups'\nimport { format, isToday, isYesterday, startOfDay } from 'date-fns'\n\nconst defaultGetActionIcon: NotificationsListPropGetActionIcon<NotificationsDefaultAction> = action =>\n action.icon\nconst defaultGetActionLabel: NotificationsListPropGetActionLabel<NotificationsDefaultAction> = action =>\n action.label\nconst defaultGetActionOnClick: NotificationsListPropGetActionOnClick<NotificationsDefaultAction> = action =>\n action.onClick\nconst defaultGetGroupId: NotificationsListPropGetGroupId<NotificationsDefaultGroup> = group =>\n group.id\nconst defaultGetGroupLabel: NotificationsListPropGetGroupLabel<NotificationsDefaultGroup> = group =>\n group.label\nconst defaultGetItemActions: NotificationsListPropGetItemActions<NotificationsDefaultItem> = item =>\n item.actions\nconst defaultGetItemBadges: NotificationsListPropGetItemBadges<NotificationsDefaultItem> = item =>\n item.badges\nconst defaultGetItemDate: NotificationsListPropGetItemDate<NotificationsDefaultItem> = item =>\n item.date\nconst defaultGetItemDescription: NotificationsListPropGetItemDescription<NotificationsDefaultItem> = item =>\n item.description\nconst defaultGetItemGroup: NotificationsListPropGetItemGroup<NotificationsDefaultItem> = item =>\n item.group\nconst defaultGetItemImage: NotificationsListPropGetItemImage<NotificationsDefaultItem> = item =>\n item.image\nconst defaultGetItemLabel: NotificationsListPropGetItemLabel<NotificationsDefaultItem> = item =>\n item.label\nconst defaultGetItemRead: NotificationsListPropGetItemRead<NotificationsDefaultItem> = item =>\n item.read\nconst defaultGetItemView: NotificationsListPropGetItemView<NotificationsDefaultItem> = item =>\n item.view\n\nexport function withDefaultGetters<ITEM, GROUP, ACTION>(\n props: NotificationsListProps<ITEM, GROUP, ACTION>\n) {\n return {\n ...props,\n getActionIcon: props.getActionIcon || defaultGetActionIcon,\n getActionLabel: props.getActionLabel || defaultGetActionLabel,\n getActionOnClick: props.getActionOnClick || defaultGetActionOnClick,\n getGroupId: props.getGroupId || defaultGetGroupId,\n getGroupLabel: props.getGroupLabel || defaultGetGroupLabel,\n getItemActions: props.getItemActions || defaultGetItemActions,\n getItemBadges: props.getItemBadges || defaultGetItemBadges,\n getItemDate: props.getItemDate || defaultGetItemDate,\n getItemDescription: props.getItemDescription || defaultGetItemDescription,\n getItemGroup: props.getItemGroup || defaultGetItemGroup,\n getItemImage: props.getItemImage || defaultGetItemImage,\n getItemLabel: props.getItemLabel || defaultGetItemLabel,\n getItemRead: props.getItemRead || defaultGetItemRead,\n getItemView: props.getItemView || defaultGetItemView,\n }\n}\n\ntype ReturnedGroup<ITEM, GROUP> = {\n items: ITEM[]\n key: string | number\n group?: GROUP\n groupIndex: number\n}\n\nexport const noGroupKey = 'no-group'\n\nexport const defaultGroupLabelFormat: NotificationsListPropGroupLabelFormat<true> = timestamp => {\n if (isToday(timestamp)) {\n return 'Сегодня'\n }\n if (isYesterday(timestamp)) {\n return 'Вчера'\n }\n return format(timestamp, 'dd.MM.yyyy')\n}\n\nconst sortGroup = (a: { key: string | number }, b: { key: string | number }) => {\n if (a.key < b.key) {\n return 1\n }\n if (a.key > b.key) {\n return -1\n }\n return 0\n}\n\nexport const getGroups = <ITEM, GROUP>(\n items: ITEM[],\n groups: GROUP[] | undefined,\n groupByDay: boolean,\n getItemGroup: NotificationsListPropGetItemGroup<ITEM>,\n getItemDate: NotificationsListPropGetItemDate<ITEM>,\n getGroupId: NotificationsListPropGetGroupId<GROUP>\n): Array<ReturnedGroup<ITEM, GROUP>> => {\n if (groupByDay) {\n const getItemGroupByDate = (item: ITEM) => {\n const date = getItemDate(item)\n return date ? startOfDay(date).getTime() : undefined\n }\n\n return constaGetGroups<ITEM, GROUP>(\n items,\n getItemGroupByDate,\n undefined,\n undefined,\n sortGroup,\n noGroupKey\n )\n }\n return constaGetGroups(items, getItemGroup, groups, getGroupId, undefined, noGroupKey)\n}\n"],"file":"helpers.js"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { BadgePropStatus } from '@consta/uikit/Badge';
|
|
3
3
|
import { IconProps } from '@consta/uikit/Icon';
|
|
4
4
|
import { PropsWithHTMLAttributesAndRef } from "../__private__/utils/types/PropsWithHTMLAttributes";
|
|
5
|
-
export declare type
|
|
5
|
+
export declare type NotificationsDefaultAction = {
|
|
6
6
|
label: string;
|
|
7
7
|
onClick?: React.EventHandler<React.MouseEvent>;
|
|
8
8
|
icon?: React.FC<IconProps>;
|
|
@@ -11,18 +11,18 @@ export declare type Badge = {
|
|
|
11
11
|
label: string;
|
|
12
12
|
status?: BadgePropStatus;
|
|
13
13
|
};
|
|
14
|
-
export declare type
|
|
14
|
+
export declare type NotificationsDefaultGroup = {
|
|
15
15
|
label: string;
|
|
16
16
|
id: string;
|
|
17
17
|
};
|
|
18
|
-
export declare type
|
|
18
|
+
export declare type NotificationsDefaultItem = {
|
|
19
19
|
label: string;
|
|
20
20
|
description?: string;
|
|
21
21
|
image?: string;
|
|
22
22
|
read?: boolean;
|
|
23
23
|
date?: Date;
|
|
24
24
|
badges?: Badge[];
|
|
25
|
-
actions?:
|
|
25
|
+
actions?: NotificationsDefaultAction[];
|
|
26
26
|
onClick?: React.EventHandler<React.MouseEvent>;
|
|
27
27
|
group?: string;
|
|
28
28
|
view?: 'default' | 'user';
|
|
@@ -33,7 +33,7 @@ export declare type NotificationsListPropGetItemImage<ITEM> = (item: ITEM) => st
|
|
|
33
33
|
export declare type NotificationsListPropGetItemRead<ITEM> = (item: ITEM) => boolean | undefined;
|
|
34
34
|
export declare type NotificationsListPropGetItemDate<ITEM> = (item: ITEM) => Date | undefined;
|
|
35
35
|
export declare type NotificationsListPropGetItemBadges<ITEM> = (item: ITEM) => Badge[] | undefined;
|
|
36
|
-
export declare type NotificationsListPropGetItemActions<ITEM> = (item: ITEM) =>
|
|
36
|
+
export declare type NotificationsListPropGetItemActions<ITEM> = (item: ITEM) => NotificationsDefaultAction[] | undefined;
|
|
37
37
|
export declare type NotificationsListPropGetItemGroup<ITEM> = (item: ITEM) => string | undefined;
|
|
38
38
|
export declare type NotificationsListPropGetItemView<ITEM> = (item: ITEM) => 'default' | 'user' | undefined;
|
|
39
39
|
export declare type NotificationsListPropItemDateFormat = (date: Date) => string;
|
|
@@ -68,21 +68,21 @@ export declare type Props<ITEM, GROUP, ACTION, GROUP_BY_DAY extends boolean> = {
|
|
|
68
68
|
groups?: GROUP_BY_DAY extends true ? never : GROUP[];
|
|
69
69
|
onClose?: React.EventHandler<React.MouseEvent>;
|
|
70
70
|
} & (ACTION extends {
|
|
71
|
-
label:
|
|
71
|
+
label: NotificationsDefaultAction['label'];
|
|
72
72
|
} ? {} : {
|
|
73
73
|
getActionLabel: NotificationsListPropGetItemActions<ACTION>;
|
|
74
74
|
}) & (GROUP extends {
|
|
75
|
-
label:
|
|
75
|
+
label: NotificationsDefaultGroup['label'];
|
|
76
76
|
} ? {} : {
|
|
77
77
|
getGroupLabel: NotificationsListPropGetGroupLabel<GROUP>;
|
|
78
78
|
}) & (GROUP extends {
|
|
79
|
-
id:
|
|
79
|
+
id: NotificationsDefaultGroup['id'];
|
|
80
80
|
} ? {} : {
|
|
81
81
|
getGroupId: NotificationsListPropGetGroupId<GROUP>;
|
|
82
82
|
}) & (ITEM extends {
|
|
83
|
-
label:
|
|
83
|
+
label: NotificationsDefaultItem['label'];
|
|
84
84
|
} ? {} : {
|
|
85
85
|
getItemLabel: NotificationsListPropGetItemLabel<ITEM>;
|
|
86
86
|
});
|
|
87
|
-
export declare type NotificationsListProps<ITEM =
|
|
88
|
-
export declare type NotificationsListComponent = <ITEM =
|
|
87
|
+
export declare type NotificationsListProps<ITEM = NotificationsDefaultItem, GROUP = NotificationsDefaultGroup, ACTION = NotificationsDefaultAction, GROUP_BY_DAY extends boolean = false> = PropsWithHTMLAttributesAndRef<Props<ITEM, GROUP, ACTION, GROUP_BY_DAY>, HTMLDivElement>;
|
|
88
|
+
export declare type NotificationsListComponent = <ITEM = NotificationsDefaultItem, GROUP = NotificationsDefaultGroup, ACTION = NotificationsDefaultAction, GROUP_BY_DAY extends boolean = false>(props: NotificationsListProps<ITEM, GROUP, ACTION, GROUP_BY_DAY>) => React.ReactElement | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/SelectMenu/SelectMenu.tsx"],"names":["React","useRef","useCallback","forwardRef","cn","withDefaultGetters","Text","IconSelect","useFlag","useMutableRef","useForkRef","AnimatedContextMenu","cnSelectMenu","SelectMenuRender","props","componentRef","items","className","getItemHref","getItemLabel","getItemOnClick","getItemTarget","onItemClick","label","onClick","onClickProp","getItemSubMenu","style","otherProps","open","setOpen","ref","getItemHrefRef","getItemTargetRef","onClickRef","getItemAs","item","current","getItemHTMLAttributes","href","target","e","toogle","off","zIndex","SelectMenu"],"mappings":"iMAAA,MAAOA,CAAAA,KAAP,EAAgBC,MAAhB,CAAwBC,WAAxB,CAAqCC,UAArC,KAAuD,OAAvD,CAEA,OAASC,EAAT,gCAEA,OAASC,kBAAT,iBAEA,yBACA,OAASC,IAAT,KAAqB,oBAArB,CACA,OAASC,UAAT,KAA2B,0BAA3B,CACA,OAASC,OAAT,KAAwB,uBAAxB,CACA,OAASC,aAAT,KAA8B,6BAA9B,CACA,OAASC,UAAT,KAA2B,0BAA3B,CACA,OAASC,mBAAT,8DAEA,MAAO,MAAMC,CAAAA,YAAY,CAAGR,EAAE,CAAC,YAAD,CAAvB,C,SA6DG,KAAC,UAAD,EAAY,IAAI,CAAC,IAAjB,E,CA3DV,KAAMS,CAAAA,gBAAgB,CAAG,CAACC,CAAD,CAAyBC,CAAzB,GAAqE,SAcxFV,kBAAkB,CAACS,CAAD,CAdsE,CACtF,CACJE,KAAK,CAALA,CADI,CAEJC,SAAS,CAATA,CAFI,CAGJC,WAAW,CAAXA,CAHI,CAIJC,YAAY,CAAZA,CAJI,CAKJC,cAAc,CAAdA,CALI,CAMJC,aAAa,CAAbA,CANI,CAOJC,WAAW,CAAXA,CAPI,CAQJC,KAAK,CAALA,CARI,CASJC,OAAO,CAAEC,CATL,CAUJC,cAAc,CAAdA,CAVI,CAWJC,KAAK,CAALA,CAXI,CADsF,GAavFC,CAbuF,0KAgBtF,CAACC,CAAD,CAAOC,CAAP,EAAkBtB,OAAO,EAhB6D,CAkBtFuB,CAAG,CAAG9B,MAAM,CAAiB,IAAjB,CAlB0E,CAoBtF+B,CAAc,CAAGvB,aAAa,CAACS,CAAD,CApBwD,CAqBtFe,CAAgB,CAAGxB,aAAa,CAACY,CAAD,CArBsD,CAsBtFa,CAAU,CAAGzB,aAAa,CAACgB,CAAD,CAtB4D,CAwBtFU,CAAS,CAAGjC,WAAW,CAAEkC,CAAD,EACtBJ,CAAc,CAACK,OAAf,CAAuBD,CAAvB,CADsB,CAEnB,GAFmB,CAIrB,MAJoB,CAK1B,EAL0B,CAxB+D,CA+BtFE,CAAqB,CAAGpC,WAAW,CAAEkC,CAAD,
|
|
1
|
+
{"version":3,"sources":["../../src/SelectMenu/SelectMenu.tsx"],"names":["React","useRef","useCallback","forwardRef","cn","withDefaultGetters","Text","IconSelect","useFlag","useMutableRef","useForkRef","AnimatedContextMenu","cnSelectMenu","SelectMenuRender","props","componentRef","items","className","getItemHref","getItemLabel","getItemOnClick","getItemTarget","onItemClick","label","onClick","onClickProp","getItemSubMenu","style","otherProps","open","setOpen","ref","getItemHrefRef","getItemTargetRef","onClickRef","getItemAs","item","current","getItemHTMLAttributes","href","target","e","toogle","off","zIndex","SelectMenu"],"mappings":"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","sourcesContent":["import React, { useRef, useCallback, forwardRef } from 'react'\n\nimport { cn } from '@/__private__/utils/bem'\n\nimport { withDefaultGetters } from './helpers'\nimport { SelectMenuComponent, SelectMenuProps, SelectMenuDefaultItem } from './types'\nimport './SelectMenu.css'\nimport { Text } from '@consta/uikit/Text'\nimport { IconSelect } from '@consta/uikit/IconSelect'\nimport { useFlag } from '@consta/uikit/useFlag'\nimport { useMutableRef } from '@consta/uikit/useMutableRef'\nimport { useForkRef } from '@consta/uikit/useForkRef'\nimport { AnimatedContextMenu } from '@/__private__/AnimatedContextMenu/AnimatedContextMenu'\n\nexport const cnSelectMenu = cn('SelectMenu')\n\nconst SelectMenuRender = (props: SelectMenuProps, componentRef: React.Ref<HTMLDivElement>) => {\n const {\n items,\n className,\n getItemHref,\n getItemLabel,\n getItemOnClick,\n getItemTarget,\n onItemClick,\n label,\n onClick: onClickProp,\n getItemSubMenu,\n style,\n ...otherProps\n } = withDefaultGetters(props)\n\n const [open, setOpen] = useFlag()\n\n const ref = useRef<HTMLDivElement>(null)\n\n const getItemHrefRef = useMutableRef(getItemHref)\n const getItemTargetRef = useMutableRef(getItemTarget)\n const onClickRef = useMutableRef(onClickProp)\n\n const getItemAs = useCallback((item: SelectMenuDefaultItem) => {\n if (!!getItemHrefRef.current(item)) {\n return 'a'\n }\n return 'span'\n }, [])\n\n const getItemHTMLAttributes = useCallback((item: SelectMenuDefaultItem) => {\n const href = getItemHrefRef.current(item)\n const target = getItemTargetRef.current(item)\n\n return {\n ...(href && { href: getItemHrefRef.current(item) }),\n ...(target && { href: getItemTargetRef.current(item) }),\n }\n }, [])\n\n const onClick = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n onClickRef.current?.(e)\n setOpen.toogle()\n }, [])\n\n return (\n <>\n <div\n {...otherProps}\n className={cnSelectMenu(null, [className])}\n ref={useForkRef([ref, componentRef])}\n onClick={onClick}\n style={style}\n >\n <Text className={cnSelectMenu('Label')} size=\"s\">\n {label}\n </Text>\n <span className={cnSelectMenu('ArrowBox', { open })}>\n <IconSelect size=\"xs\" />\n </span>\n </div>\n {items && (\n <AnimatedContextMenu\n className={cnSelectMenu('Menu')}\n anchorRef={ref}\n isOpen={open}\n items={items}\n getLabel={getItemLabel}\n getItemOnClick={getItemOnClick}\n getItemAs={getItemAs}\n getItemHTMLAttributes={getItemHTMLAttributes}\n onClickOutside={setOpen.off}\n onItemClick={onItemClick}\n direction=\"rightStartDown\"\n possibleDirections={['downStartLeft', 'upStartLeft', 'downStartRight', 'upStartRight']}\n getSubItems={getItemSubMenu}\n style={{ zIndex: typeof style?.zIndex === 'number' ? style.zIndex + 1 : 'auto' }}\n />\n )}\n </>\n )\n}\n\nexport const SelectMenu = forwardRef(SelectMenuRender) as SelectMenuComponent\n\nexport * from './types'\n"],"file":"SelectMenu.js"}
|
package/SelectMenu/helpers.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
export declare const defaultGetItemLabel: SelectMenuPropGetItemLabel<
|
|
4
|
-
export declare const defaultGetItemHref: SelectMenuPropGetItemHref<
|
|
5
|
-
export declare const defaultGetItemOnClick: SelectMenuPropGetItemOnClick<
|
|
6
|
-
export declare const defaultGetItemTarget: SelectMenuPropGetItemTarget<
|
|
7
|
-
export declare const defaultGetItemSubMenu: SelectMenuPropGetItemSubMenu<
|
|
2
|
+
import { SelectMenuDefaultItem, SelectMenuProps, SelectMenuPropGetItemHref, SelectMenuPropGetItemLabel, SelectMenuPropGetItemOnClick, SelectMenuPropGetItemTarget, SelectMenuPropGetItemSubMenu } from "./types";
|
|
3
|
+
export declare const defaultGetItemLabel: SelectMenuPropGetItemLabel<SelectMenuDefaultItem>;
|
|
4
|
+
export declare const defaultGetItemHref: SelectMenuPropGetItemHref<SelectMenuDefaultItem>;
|
|
5
|
+
export declare const defaultGetItemOnClick: SelectMenuPropGetItemOnClick<SelectMenuDefaultItem>;
|
|
6
|
+
export declare const defaultGetItemTarget: SelectMenuPropGetItemTarget<SelectMenuDefaultItem>;
|
|
7
|
+
export declare const defaultGetItemSubMenu: SelectMenuPropGetItemSubMenu<SelectMenuDefaultItem>;
|
|
8
8
|
export declare const getGetters: <ITEM>(props: {
|
|
9
9
|
getItemLabel?: SelectMenuPropGetItemLabel<ITEM> | undefined;
|
|
10
10
|
getItemHref?: SelectMenuPropGetItemHref<ITEM> | undefined;
|
|
@@ -12,11 +12,11 @@ export declare const getGetters: <ITEM>(props: {
|
|
|
12
12
|
getItemTarget?: SelectMenuPropGetItemTarget<ITEM> | undefined;
|
|
13
13
|
getItemSubMenu?: SelectMenuPropGetItemSubMenu<ITEM> | undefined;
|
|
14
14
|
}) => {
|
|
15
|
-
getItemLabel: SelectMenuPropGetItemLabel<
|
|
16
|
-
getItemHref: SelectMenuPropGetItemHref<
|
|
17
|
-
getItemOnClick: SelectMenuPropGetItemOnClick<
|
|
18
|
-
getItemTarget: SelectMenuPropGetItemTarget<
|
|
19
|
-
getItemSubMenu: SelectMenuPropGetItemSubMenu<
|
|
15
|
+
getItemLabel: SelectMenuPropGetItemLabel<SelectMenuDefaultItem> | SelectMenuPropGetItemLabel<ITEM>;
|
|
16
|
+
getItemHref: SelectMenuPropGetItemHref<SelectMenuDefaultItem> | SelectMenuPropGetItemHref<ITEM>;
|
|
17
|
+
getItemOnClick: SelectMenuPropGetItemOnClick<SelectMenuDefaultItem> | SelectMenuPropGetItemOnClick<ITEM>;
|
|
18
|
+
getItemTarget: SelectMenuPropGetItemTarget<SelectMenuDefaultItem> | SelectMenuPropGetItemTarget<ITEM>;
|
|
19
|
+
getItemSubMenu: SelectMenuPropGetItemSubMenu<SelectMenuDefaultItem> | SelectMenuPropGetItemSubMenu<ITEM>;
|
|
20
20
|
};
|
|
21
21
|
export declare function withDefaultGetters<ITEM>(props: SelectMenuProps<ITEM>): {
|
|
22
22
|
items: ITEM[];
|
|
@@ -32,9 +32,9 @@ export declare function withDefaultGetters<ITEM>(props: SelectMenuProps<ITEM>):
|
|
|
32
32
|
} ? {} : {
|
|
33
33
|
getItemLabel: SelectMenuPropGetItemLabel<ITEM>;
|
|
34
34
|
}) & {
|
|
35
|
-
getItemLabel: SelectMenuPropGetItemLabel<
|
|
36
|
-
getItemHref: SelectMenuPropGetItemHref<
|
|
37
|
-
getItemOnClick: SelectMenuPropGetItemOnClick<
|
|
38
|
-
getItemTarget: SelectMenuPropGetItemTarget<
|
|
39
|
-
getItemSubMenu: SelectMenuPropGetItemSubMenu<
|
|
35
|
+
getItemLabel: SelectMenuPropGetItemLabel<SelectMenuDefaultItem> | SelectMenuPropGetItemLabel<ITEM>;
|
|
36
|
+
getItemHref: SelectMenuPropGetItemHref<SelectMenuDefaultItem> | SelectMenuPropGetItemHref<ITEM>;
|
|
37
|
+
getItemOnClick: SelectMenuPropGetItemOnClick<SelectMenuDefaultItem> | SelectMenuPropGetItemOnClick<ITEM>;
|
|
38
|
+
getItemTarget: SelectMenuPropGetItemTarget<SelectMenuDefaultItem> | SelectMenuPropGetItemTarget<ITEM>;
|
|
39
|
+
getItemSubMenu: SelectMenuPropGetItemSubMenu<SelectMenuDefaultItem> | SelectMenuPropGetItemSubMenu<ITEM>;
|
|
40
40
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/SelectMenu/helpers.ts"],"names":["defaultGetItemLabel","item","label","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemTarget","target","defaultGetItemSubMenu","subMenu","getGetters","props","getItemLabel","getItemHref","getItemOnClick","getItemTarget","getItemSubMenu","withDefaultGetters"],"mappings":"+DAUA,MAAO,MAAMA,CAAAA,
|
|
1
|
+
{"version":3,"sources":["../../src/SelectMenu/helpers.ts"],"names":["defaultGetItemLabel","item","label","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemTarget","target","defaultGetItemSubMenu","subMenu","getGetters","props","getItemLabel","getItemHref","getItemOnClick","getItemTarget","getItemSubMenu","withDefaultGetters"],"mappings":"+DAUA,MAAO,MAAMA,CAAAA,mBAAsE,CAAGC,CAAI,EACxFA,CAAI,CAACC,KADA,CAEP,MAAO,MAAMC,CAAAA,kBAAoE,CAAGF,CAAI,EACtFA,CAAI,CAACG,IADA,CAEP,MAAO,MAAMC,CAAAA,qBAA0E,CAAGJ,CAAI,EAC5FA,CAAI,CAACK,OADA,CAEP,MAAO,MAAMC,CAAAA,oBAAwE,CAAGN,CAAI,EAC1FA,CAAI,CAACO,MADA,CAEP,MAAO,MAAMC,CAAAA,qBAA0E,CAAGR,CAAI,EAC5FA,CAAI,CAACS,OADA,CAGP,MAAO,MAAMC,CAAAA,UAAU,CAAUC,CAAP,GAOjB,CACLC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBb,mBAD/B,CAELc,WAAW,CAAEF,CAAK,CAACE,WAAN,EAAqBX,kBAF7B,CAGLY,cAAc,CAAEH,CAAK,CAACG,cAAN,EAAwBV,qBAHnC,CAILW,aAAa,CAAEJ,CAAK,CAACI,aAAN,EAAuBT,oBAJjC,CAKLU,cAAc,CAAEL,CAAK,CAACK,cAAN,EAAwBR,qBALnC,CAPiB,CAAnB,CAgBP,MAAO,SAASS,CAAAA,kBAAT,CAAkCN,CAAlC,CAAgE,CACrE,wBACKA,CADL,CAEKD,UAAU,CAACC,CAAD,CAFf,CAID","sourcesContent":["import {\n SelectMenuDefaultItem,\n SelectMenuProps,\n SelectMenuPropGetItemHref,\n SelectMenuPropGetItemLabel,\n SelectMenuPropGetItemOnClick,\n SelectMenuPropGetItemTarget,\n SelectMenuPropGetItemSubMenu,\n} from './types'\n\nexport const defaultGetItemLabel: SelectMenuPropGetItemLabel<SelectMenuDefaultItem> = item =>\n item.label\nexport const defaultGetItemHref: SelectMenuPropGetItemHref<SelectMenuDefaultItem> = item =>\n item.href\nexport const defaultGetItemOnClick: SelectMenuPropGetItemOnClick<SelectMenuDefaultItem> = item =>\n item.onClick\nexport const defaultGetItemTarget: SelectMenuPropGetItemTarget<SelectMenuDefaultItem> = item =>\n item.target\nexport const defaultGetItemSubMenu: SelectMenuPropGetItemSubMenu<SelectMenuDefaultItem> = item =>\n item.subMenu\n\nexport const getGetters = <ITEM>(props: {\n getItemLabel?: SelectMenuPropGetItemLabel<ITEM>\n getItemHref?: SelectMenuPropGetItemHref<ITEM>\n getItemOnClick?: SelectMenuPropGetItemOnClick<ITEM>\n getItemTarget?: SelectMenuPropGetItemTarget<ITEM>\n getItemSubMenu?: SelectMenuPropGetItemSubMenu<ITEM>\n}) => {\n return {\n getItemLabel: props.getItemLabel || defaultGetItemLabel,\n getItemHref: props.getItemHref || defaultGetItemHref,\n getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n getItemTarget: props.getItemTarget || defaultGetItemTarget,\n getItemSubMenu: props.getItemSubMenu || defaultGetItemSubMenu,\n }\n}\n\nexport function withDefaultGetters<ITEM>(props: SelectMenuProps<ITEM>) {\n return {\n ...props,\n ...getGetters(props),\n }\n}\n"],"file":"helpers.js"}
|
package/SelectMenu/types.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { PropsWithHTMLAttributesAndRef } from "../__private__/utils/types/PropsWithHTMLAttributes";
|
|
3
|
-
export declare type
|
|
3
|
+
export declare type SelectMenuDefaultItem = {
|
|
4
4
|
label: string;
|
|
5
5
|
href?: string;
|
|
6
6
|
target?: string;
|
|
7
7
|
onClick?: React.EventHandler<React.MouseEvent>;
|
|
8
|
-
subMenu?:
|
|
8
|
+
subMenu?: SelectMenuDefaultItem[];
|
|
9
9
|
};
|
|
10
10
|
export declare type SelectMenuPropGetItemLabel<ITEM> = (item: ITEM) => string;
|
|
11
11
|
export declare type SelectMenuPropGetItemHref<ITEM> = (item: ITEM) => string | undefined;
|
|
@@ -16,7 +16,7 @@ export declare type SelectMenuPropOnItemClick<ITEM> = (props: {
|
|
|
16
16
|
item: ITEM;
|
|
17
17
|
}) => void;
|
|
18
18
|
export declare type SelectMenuPropGetItemSubMenu<ITEM> = (item: ITEM) => ITEM[] | undefined;
|
|
19
|
-
export declare type SelectMenuProps<ITEM =
|
|
19
|
+
export declare type SelectMenuProps<ITEM = SelectMenuDefaultItem> = PropsWithHTMLAttributesAndRef<{
|
|
20
20
|
items: ITEM[];
|
|
21
21
|
onItemClick?: SelectMenuPropOnItemClick<ITEM>;
|
|
22
22
|
getItemHref?: SelectMenuPropGetItemHref<ITEM>;
|
|
@@ -26,8 +26,8 @@ export declare type SelectMenuProps<ITEM = DefaultItem> = PropsWithHTMLAttribute
|
|
|
26
26
|
getItemSubMenu?: SelectMenuPropGetItemSubMenu<ITEM>;
|
|
27
27
|
label: string;
|
|
28
28
|
}, HTMLDivElement> & (ITEM extends {
|
|
29
|
-
label:
|
|
29
|
+
label: SelectMenuDefaultItem['label'];
|
|
30
30
|
} ? {} : {
|
|
31
31
|
getItemLabel: SelectMenuPropGetItemLabel<ITEM>;
|
|
32
32
|
});
|
|
33
|
-
export declare type SelectMenuComponent = <ITEM =
|
|
33
|
+
export declare type SelectMenuComponent = <ITEM = SelectMenuDefaultItem>(props: SelectMenuProps<ITEM>) => React.ReactElement | null;
|
package/TileMenu/helpers.d.ts
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { TileMenuPropGetItemDescription, TileMenuPropGetItemImage, TileMenuPropGetItemLabel,
|
|
3
|
-
export declare const defaultGetItemImage: TileMenuPropGetItemImage<
|
|
4
|
-
export declare const defaultGetItemLabel: TileMenuPropGetItemLabel<
|
|
5
|
-
export declare const defaultGetItemHref: TileMenuPropGetItemHref<
|
|
6
|
-
export declare const defaultGetItemOnClick: TileMenuPropGetItemOnClick<
|
|
7
|
-
export declare const defaultGetItemDescription: TileMenuPropGetItemDescription<
|
|
2
|
+
import { TileMenuPropGetItemDescription, TileMenuPropGetItemImage, TileMenuPropGetItemLabel, TileMenuDefaultItem, TileMenuListProps, TileMenuPropGetItemHref, TileMenuPropGetItemOnClick } from "./types";
|
|
3
|
+
export declare const defaultGetItemImage: TileMenuPropGetItemImage<TileMenuDefaultItem>;
|
|
4
|
+
export declare const defaultGetItemLabel: TileMenuPropGetItemLabel<TileMenuDefaultItem>;
|
|
5
|
+
export declare const defaultGetItemHref: TileMenuPropGetItemHref<TileMenuDefaultItem>;
|
|
6
|
+
export declare const defaultGetItemOnClick: TileMenuPropGetItemOnClick<TileMenuDefaultItem>;
|
|
7
|
+
export declare const defaultGetItemDescription: TileMenuPropGetItemDescription<TileMenuDefaultItem>;
|
|
8
8
|
export declare function withDefaultGetters<ITEM>(props: TileMenuListProps<ITEM>): {
|
|
9
|
-
getItemDescription: TileMenuPropGetItemDescription<
|
|
10
|
-
getItemLabel: TileMenuPropGetItemLabel<
|
|
11
|
-
getItemImage: TileMenuPropGetItemImage<
|
|
12
|
-
getItemHref: TileMenuPropGetItemHref<
|
|
13
|
-
getItemOnClick: TileMenuPropGetItemOnClick<
|
|
9
|
+
getItemDescription: TileMenuPropGetItemDescription<TileMenuDefaultItem> | TileMenuPropGetItemDescription<ITEM>;
|
|
10
|
+
getItemLabel: TileMenuPropGetItemLabel<TileMenuDefaultItem> | TileMenuPropGetItemLabel<ITEM>;
|
|
11
|
+
getItemImage: TileMenuPropGetItemImage<TileMenuDefaultItem> | TileMenuPropGetItemImage<ITEM>;
|
|
12
|
+
getItemHref: TileMenuPropGetItemHref<TileMenuDefaultItem> | TileMenuPropGetItemHref<ITEM>;
|
|
13
|
+
getItemOnClick: TileMenuPropGetItemOnClick<TileMenuDefaultItem> | TileMenuPropGetItemOnClick<ITEM>;
|
|
14
14
|
view?: "lines" | "twoLines" | "cards" | undefined;
|
|
15
15
|
items: ITEM[];
|
|
16
16
|
isMobile?: boolean | undefined;
|
package/TileMenu/helpers.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/TileMenu/helpers.ts"],"names":["defaultGetItemImage","item","image","defaultGetItemLabel","label","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemDescription","description","withDefaultGetters","props","getItemDescription","getItemLabel","getItemImage","getItemHref","getItemOnClick"],"mappings":"+DAUA,MAAO,MAAMA,CAAAA,
|
|
1
|
+
{"version":3,"sources":["../../src/TileMenu/helpers.ts"],"names":["defaultGetItemImage","item","image","defaultGetItemLabel","label","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemDescription","description","withDefaultGetters","props","getItemDescription","getItemLabel","getItemImage","getItemHref","getItemOnClick"],"mappings":"+DAUA,MAAO,MAAMA,CAAAA,mBAAkE,CAAGC,CAAI,EAAIA,CAAI,CAACC,KAAxF,CACP,MAAO,MAAMC,CAAAA,mBAAkE,CAAGF,CAAI,EAAIA,CAAI,CAACG,KAAxF,CACP,MAAO,MAAMC,CAAAA,kBAAgE,CAAGJ,CAAI,EAAIA,CAAI,CAACK,IAAtF,CACP,MAAO,MAAMC,CAAAA,qBAAsE,CAAGN,CAAI,EACxFA,CAAI,CAACO,OADA,CAEP,MAAO,MAAMC,CAAAA,yBAA8E,CAAGR,CAAI,EAChGA,CAAI,CAACS,WADA,CAGP,MAAO,SAASC,CAAAA,kBAAT,CAAkCC,CAAlC,CAAkE,CACvE,wBACKA,CADL,EAEEC,kBAAkB,CAAED,CAAK,CAACC,kBAAN,EAA4BJ,yBAFlD,CAGEK,YAAY,CAAEF,CAAK,CAACE,YAAN,EAAsBX,mBAHtC,CAIEY,YAAY,CAAEH,CAAK,CAACG,YAAN,EAAsBf,mBAJtC,CAKEgB,WAAW,CAAEJ,CAAK,CAACI,WAAN,EAAqBX,kBALpC,CAMEY,cAAc,CAAEL,CAAK,CAACK,cAAN,EAAwBV,qBAN1C,EAQD","sourcesContent":["import {\n TileMenuPropGetItemDescription,\n TileMenuPropGetItemImage,\n TileMenuPropGetItemLabel,\n TileMenuDefaultItem,\n TileMenuListProps,\n TileMenuPropGetItemHref,\n TileMenuPropGetItemOnClick,\n} from './types'\n\nexport const defaultGetItemImage: TileMenuPropGetItemImage<TileMenuDefaultItem> = item => item.image\nexport const defaultGetItemLabel: TileMenuPropGetItemLabel<TileMenuDefaultItem> = item => item.label\nexport const defaultGetItemHref: TileMenuPropGetItemHref<TileMenuDefaultItem> = item => item.href\nexport const defaultGetItemOnClick: TileMenuPropGetItemOnClick<TileMenuDefaultItem> = item =>\n item.onClick\nexport const defaultGetItemDescription: TileMenuPropGetItemDescription<TileMenuDefaultItem> = item =>\n item.description\n\nexport function withDefaultGetters<ITEM>(props: TileMenuListProps<ITEM>) {\n return {\n ...props,\n getItemDescription: props.getItemDescription || defaultGetItemDescription,\n getItemLabel: props.getItemLabel || defaultGetItemLabel,\n getItemImage: props.getItemImage || defaultGetItemImage,\n getItemHref: props.getItemHref || defaultGetItemHref,\n getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n }\n}\n"],"file":"helpers.js"}
|
package/TileMenu/types.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import { PropsWithHTMLAttributesAndRef, PropsWithHTMLAttributes } from "../__pri
|
|
|
3
3
|
export declare const tileMenuPropView: readonly ["lines", "twoLines", "cards"];
|
|
4
4
|
export declare type TileMenuPropView = typeof tileMenuPropView[number];
|
|
5
5
|
export declare const tileMenuPropViewDefault: "lines";
|
|
6
|
-
export declare type
|
|
6
|
+
export declare type TileMenuDefaultItem = {
|
|
7
7
|
label: string;
|
|
8
8
|
image?: string;
|
|
9
9
|
description?: string;
|
|
@@ -34,15 +34,15 @@ declare type CommonProps<ITEM> = {
|
|
|
34
34
|
getItemHref?: TileMenuPropGetItemHref<ITEM>;
|
|
35
35
|
getItemOnClick?: TileMenuPropGetItemOnClick<ITEM>;
|
|
36
36
|
};
|
|
37
|
-
export declare type TileMenuProps<ITEM =
|
|
37
|
+
export declare type TileMenuProps<ITEM = TileMenuDefaultItem> = PropsWithHTMLAttributesAndRef<CommonProps<ITEM> & {
|
|
38
38
|
listClassName?: string;
|
|
39
39
|
title?: string;
|
|
40
40
|
}, HTMLButtonElement> & (ITEM extends {
|
|
41
|
-
label:
|
|
41
|
+
label: TileMenuDefaultItem['label'];
|
|
42
42
|
} ? {} : {
|
|
43
43
|
getItemLabel: TileMenuPropGetItemLabel<ITEM>;
|
|
44
44
|
});
|
|
45
|
-
export declare type TileMenuListProps<ITEM =
|
|
46
|
-
export declare type TileMenuListComponent = <ITEM =
|
|
47
|
-
export declare type TileMenuComponent = <ITEM =
|
|
45
|
+
export declare type TileMenuListProps<ITEM = TileMenuDefaultItem> = PropsWithHTMLAttributes<CommonProps<ITEM>, HTMLDivElement>;
|
|
46
|
+
export declare type TileMenuListComponent = <ITEM = TileMenuDefaultItem>(props: TileMenuListProps<ITEM>) => React.ReactElement | null;
|
|
47
|
+
export declare type TileMenuComponent = <ITEM = TileMenuDefaultItem>(props: TileMenuProps<ITEM>) => React.ReactElement | null;
|
|
48
48
|
export {};
|
package/TileMenu/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/TileMenu/types.ts"],"names":["tileMenuPropView","tileMenuPropViewDefault"],"mappings":"AAKA,MAAO,MAAMA,CAAAA,gBAAgB,CAAG,CAAC,OAAD,CAAU,UAAV,CAAsB,OAAtB,CAAzB,CAEP,MAAO,MAAMC,CAAAA,uBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD","sourcesContent":["import {\n PropsWithHTMLAttributesAndRef,\n PropsWithHTMLAttributes,\n} from '@/__private__/utils/types/PropsWithHTMLAttributes'\n\nexport const tileMenuPropView = ['lines', 'twoLines', 'cards'] as const\nexport type TileMenuPropView = typeof tileMenuPropView[number]\nexport const tileMenuPropViewDefault = tileMenuPropView[0]\n\nexport type
|
|
1
|
+
{"version":3,"sources":["../../src/TileMenu/types.ts"],"names":["tileMenuPropView","tileMenuPropViewDefault"],"mappings":"AAKA,MAAO,MAAMA,CAAAA,gBAAgB,CAAG,CAAC,OAAD,CAAU,UAAV,CAAsB,OAAtB,CAAzB,CAEP,MAAO,MAAMC,CAAAA,uBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD","sourcesContent":["import {\n PropsWithHTMLAttributesAndRef,\n PropsWithHTMLAttributes,\n} from '@/__private__/utils/types/PropsWithHTMLAttributes'\n\nexport const tileMenuPropView = ['lines', 'twoLines', 'cards'] as const\nexport type TileMenuPropView = typeof tileMenuPropView[number]\nexport const tileMenuPropViewDefault = tileMenuPropView[0]\n\nexport type TileMenuDefaultItem = {\n label: string\n image?: string\n description?: string\n href?: string\n onClick?: React.MouseEventHandler<HTMLAnchorElement>\n}\n\nexport type TileMenuPropGetItemImage<ITEM> = (item: ITEM) => string | React.FC | undefined\nexport type TileMenuPropGetItemLabel<ITEM> = (item: ITEM) => string\nexport type TileMenuPropGetItemDescription<ITEM> = (item: ITEM) => string | undefined\nexport type TileMenuPropGetItemHref<ITEM> = (item: ITEM) => string | undefined\nexport type TileMenuPropGetItemOnClick<ITEM> = (\n item: ITEM\n) => React.MouseEventHandler<HTMLAnchorElement> | undefined\nexport type TileMenuPropOnItemClick<ITEM> = (props: {\n e: React.MouseEvent<HTMLAnchorElement>\n item: ITEM\n}) => void\nexport type TileMenuOnItemClick<ITEM> = (props: {\n e: React.MouseEvent<HTMLAnchorElement>\n item: ITEM\n}) => void\n\ntype CommonProps<ITEM> = {\n view?: TileMenuPropView\n items: ITEM[]\n isMobile?: boolean\n onItemClick?: TileMenuOnItemClick<ITEM>\n getItemImage?: TileMenuPropGetItemImage<ITEM>\n getItemLabel?: TileMenuPropGetItemLabel<ITEM>\n getItemDescription?: TileMenuPropGetItemDescription<ITEM>\n getItemHref?: TileMenuPropGetItemHref<ITEM>\n getItemOnClick?: TileMenuPropGetItemOnClick<ITEM>\n}\n\nexport type TileMenuProps<ITEM = TileMenuDefaultItem> = PropsWithHTMLAttributesAndRef<\n CommonProps<ITEM> & { listClassName?: string; title?: string },\n HTMLButtonElement\n> &\n (ITEM extends { label: TileMenuDefaultItem['label'] }\n ? {}\n : { getItemLabel: TileMenuPropGetItemLabel<ITEM> })\n\nexport type TileMenuListProps<ITEM = TileMenuDefaultItem> = PropsWithHTMLAttributes<\n CommonProps<ITEM>,\n HTMLDivElement\n>\n\nexport type TileMenuListComponent = <ITEM = TileMenuDefaultItem>(\n props: TileMenuListProps<ITEM>\n) => React.ReactElement | null\n\nexport type TileMenuComponent = <ITEM = TileMenuDefaultItem>(\n props: TileMenuProps<ITEM>\n) => React.ReactElement | null\n"],"file":"types.js"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@consta/header",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.1",
|
|
4
4
|
"files": [
|
|
5
5
|
"*",
|
|
6
6
|
"!*.css.d.ts",
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"access": "public"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
|
-
"@consta/uikit": "^3.
|
|
21
|
+
"@consta/uikit": "^3.17.1"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@bem-react/classname": "^1.5.8",
|