@consta/header 0.1.0
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/Badges/Badges.css +1 -0
- package/Badges/Badges.d.ts +5 -0
- package/Badges/Badges.js +2 -0
- package/Badges/Badges.js.map +1 -0
- package/Badges/helpers.d.ts +20 -0
- package/Badges/helpers.js +2 -0
- package/Badges/helpers.js.map +1 -0
- package/Badges/index.d.ts +1 -0
- package/Badges/index.js +2 -0
- package/Badges/index.js.map +1 -0
- package/Badges/types.d.ts +27 -0
- package/Badges/types.js +2 -0
- package/Badges/types.js.map +1 -0
- package/Header/Header.css +1 -0
- package/Header/Header.d.ts +5 -0
- package/Header/Header.js +2 -0
- package/Header/Header.js.map +1 -0
- package/Header/HeaderLogin/HeaderLogin.d.ts +15 -0
- package/Header/HeaderLogin/HeaderLogin.js +2 -0
- package/Header/HeaderLogin/HeaderLogin.js.map +1 -0
- package/Header/HeaderLogin/index.d.ts +1 -0
- package/Header/HeaderLogin/index.js +2 -0
- package/Header/HeaderLogin/index.js.map +1 -0
- package/Header/HeaderLogo/HeaderLogo.d.ts +9 -0
- package/Header/HeaderLogo/HeaderLogo.js +2 -0
- package/Header/HeaderLogo/HeaderLogo.js.map +1 -0
- package/Header/HeaderLogo/index.d.ts +1 -0
- package/Header/HeaderLogo/index.js +2 -0
- package/Header/HeaderLogo/index.js.map +1 -0
- package/Header/index.d.ts +1 -0
- package/Header/index.js +2 -0
- package/Header/index.js.map +1 -0
- package/Header/types.d.ts +80 -0
- package/Header/types.js +2 -0
- package/Header/types.js.map +1 -0
- package/Layout/Layout.css +1 -0
- package/Layout/Layout.d.ts +8 -0
- package/Layout/Layout.js +2 -0
- package/Layout/Layout.js.map +1 -0
- package/Layout/LayoutRow/LayoutRow.css +1 -0
- package/Layout/LayoutRow/LayoutRow.d.ts +11 -0
- package/Layout/LayoutRow/LayoutRow.js +2 -0
- package/Layout/LayoutRow/LayoutRow.js.map +1 -0
- package/Layout/helpers.d.ts +2 -0
- package/Layout/helpers.js +2 -0
- package/Layout/helpers.js.map +1 -0
- package/Layout/index.d.ts +1 -0
- package/Layout/index.js +2 -0
- package/Layout/index.js.map +1 -0
- package/Layout/types.d.ts +17 -0
- package/Layout/types.js +2 -0
- package/Layout/types.js.map +1 -0
- package/Menu/Menu.css +1 -0
- package/Menu/Menu.d.ts +5 -0
- package/Menu/Menu.js +2 -0
- package/Menu/Menu.js.map +1 -0
- package/Menu/helpers.d.ts +31 -0
- package/Menu/helpers.js +2 -0
- package/Menu/helpers.js.map +1 -0
- package/Menu/index.d.ts +1 -0
- package/Menu/index.js +2 -0
- package/Menu/index.js.map +1 -0
- package/Menu/types.d.ts +35 -0
- package/Menu/types.js +2 -0
- package/Menu/types.js.map +1 -0
- package/MobileMenu/MobileMenu.css +1 -0
- package/MobileMenu/MobileMenu.d.ts +5 -0
- package/MobileMenu/MobileMenu.js +2 -0
- package/MobileMenu/MobileMenu.js.map +1 -0
- package/MobileMenu/index.d.ts +1 -0
- package/MobileMenu/index.js +2 -0
- package/MobileMenu/index.js.map +1 -0
- package/MobileMenu/types.d.ts +21 -0
- package/MobileMenu/types.js +2 -0
- package/MobileMenu/types.js.map +1 -0
- package/Notifications/Notifications.css +1 -0
- package/Notifications/Notifications.d.ts +4 -0
- package/Notifications/Notifications.js +2 -0
- package/Notifications/Notifications.js.map +1 -0
- package/Notifications/index.d.ts +1 -0
- package/Notifications/index.js +2 -0
- package/Notifications/index.js.map +1 -0
- package/Notifications/types.d.ts +8 -0
- package/Notifications/types.js +2 -0
- package/Notifications/types.js.map +1 -0
- package/NotificationsList/NotificationsList.css +1 -0
- package/NotificationsList/NotificationsList.d.ts +5 -0
- package/NotificationsList/NotificationsList.js +2 -0
- package/NotificationsList/NotificationsList.js.map +1 -0
- package/NotificationsList/helpers.d.ts +4150 -0
- package/NotificationsList/helpers.js +2 -0
- package/NotificationsList/helpers.js.map +1 -0
- package/NotificationsList/index.d.ts +1 -0
- package/NotificationsList/index.js +2 -0
- package/NotificationsList/index.js.map +1 -0
- package/NotificationsList/types.d.ts +88 -0
- package/NotificationsList/types.js +2 -0
- package/NotificationsList/types.js.map +1 -0
- package/README.md +80 -0
- package/TileMenu/TileMenu.css +1 -0
- package/TileMenu/TileMenu.d.ts +5 -0
- package/TileMenu/TileMenu.js +2 -0
- package/TileMenu/TileMenu.js.map +1 -0
- package/TileMenu/TileMenuItem/TileMenuItem.css +1 -0
- package/TileMenu/TileMenuItem/TileMenuItem.d.ts +12 -0
- package/TileMenu/TileMenuItem/TileMenuItem.js +2 -0
- package/TileMenu/TileMenuItem/TileMenuItem.js.map +1 -0
- package/TileMenu/TileMenuList/TileMenuList.css +1 -0
- package/TileMenu/TileMenuList/TileMenuList.d.ts +4 -0
- package/TileMenu/TileMenuList/TileMenuList.js +2 -0
- package/TileMenu/TileMenuList/TileMenuList.js.map +1 -0
- package/TileMenu/TileMenuList/types.d.ts +32 -0
- package/TileMenu/TileMenuList/types.js +2 -0
- package/TileMenu/TileMenuList/types.js.map +1 -0
- package/TileMenu/helpers.d.ts +274 -0
- package/TileMenu/helpers.js +2 -0
- package/TileMenu/helpers.js.map +1 -0
- package/TileMenu/index.d.ts +1 -0
- package/TileMenu/index.js +2 -0
- package/TileMenu/index.js.map +1 -0
- package/TileMenu/types.d.ts +48 -0
- package/TileMenu/types.js +2 -0
- package/TileMenu/types.js.map +1 -0
- package/VerticalMenu/VerticalMenu.css +1 -0
- package/VerticalMenu/VerticalMenu.d.ts +5 -0
- package/VerticalMenu/VerticalMenu.js +2 -0
- package/VerticalMenu/VerticalMenu.js.map +1 -0
- package/VerticalMenu/VerticalMenuItem/VerticalMenuItem.css +1 -0
- package/VerticalMenu/VerticalMenuItem/VerticalMenuItem.d.ts +4 -0
- package/VerticalMenu/VerticalMenuItem/VerticalMenuItem.js +2 -0
- package/VerticalMenu/VerticalMenuItem/VerticalMenuItem.js.map +1 -0
- package/VerticalMenu/VerticalMenuLevel/VerticalMenuLevel.css +1 -0
- package/VerticalMenu/VerticalMenuLevel/VerticalMenuLevel.d.ts +5 -0
- package/VerticalMenu/VerticalMenuLevel/VerticalMenuLevel.js +2 -0
- package/VerticalMenu/VerticalMenuLevel/VerticalMenuLevel.js.map +1 -0
- package/VerticalMenu/helpers.d.ts +31 -0
- package/VerticalMenu/helpers.js +2 -0
- package/VerticalMenu/helpers.js.map +1 -0
- package/VerticalMenu/index.d.ts +1 -0
- package/VerticalMenu/index.js +2 -0
- package/VerticalMenu/index.js.map +1 -0
- package/VerticalMenu/types.d.ts +63 -0
- package/VerticalMenu/types.js +2 -0
- package/VerticalMenu/types.js.map +1 -0
- package/__private__/AnimatedContextMenu/AnimatedContextMenu.css +1 -0
- package/__private__/AnimatedContextMenu/AnimatedContextMenu.d.ts +8 -0
- package/__private__/AnimatedContextMenu/AnimatedContextMenu.js +2 -0
- package/__private__/AnimatedContextMenu/AnimatedContextMenu.js.map +1 -0
- package/__private__/components/NotificationCard/NotificationCard.css +1 -0
- package/__private__/components/NotificationCard/NotificationCard.d.ts +19 -0
- package/__private__/components/NotificationCard/NotificationCard.js +2 -0
- package/__private__/components/NotificationCard/NotificationCard.js.map +1 -0
- package/__private__/components/NotificationCard/helpers.d.ts +1 -0
- package/__private__/components/NotificationCard/helpers.js +2 -0
- package/__private__/components/NotificationCard/helpers.js.map +1 -0
- package/__private__/components/NotificationCard/index.d.ts +1 -0
- package/__private__/components/NotificationCard/index.js +2 -0
- package/__private__/components/NotificationCard/index.js.map +1 -0
- package/__private__/components/NotificationCard/types.d.ts +28 -0
- package/__private__/components/NotificationCard/types.js +2 -0
- package/__private__/components/NotificationCard/types.js.map +1 -0
- package/__private__/components/NotificationsActions/NotificationsActions.d.ts +2 -0
- package/__private__/components/NotificationsActions/NotificationsActions.js +2 -0
- package/__private__/components/NotificationsActions/NotificationsActions.js.map +1 -0
- package/__private__/components/NotificationsActions/helpers.d.ts +23 -0
- package/__private__/components/NotificationsActions/helpers.js +2 -0
- package/__private__/components/NotificationsActions/helpers.js.map +1 -0
- package/__private__/components/NotificationsActions/index.d.ts +1 -0
- package/__private__/components/NotificationsActions/index.js +2 -0
- package/__private__/components/NotificationsActions/index.js.map +1 -0
- package/__private__/components/NotificationsActions/types.d.ts +32 -0
- package/__private__/components/NotificationsActions/types.js +2 -0
- package/__private__/components/NotificationsActions/types.js.map +1 -0
- package/__private__/components/Sidebar/Sidebar.css +1 -0
- package/__private__/components/Sidebar/Sidebar.d.ts +9 -0
- package/__private__/components/Sidebar/Sidebar.js +2 -0
- package/__private__/components/Sidebar/Sidebar.js.map +1 -0
- package/__private__/components/Sidebar/index.d.ts +1 -0
- package/__private__/components/Sidebar/index.js +2 -0
- package/__private__/components/Sidebar/index.js.map +1 -0
- package/__private__/hooks/useHideElementsLine.d.ts +8 -0
- package/__private__/hooks/useHideElementsLine.js +2 -0
- package/__private__/hooks/useHideElementsLine.js.map +1 -0
- package/__private__/mixs/MixPopoverAnimate/MixPopoverAnimate.css +1 -0
- package/__private__/mixs/MixPopoverAnimate/MixPopoverAnimate.d.ts +4 -0
- package/__private__/mixs/MixPopoverAnimate/MixPopoverAnimate.js +2 -0
- package/__private__/mixs/MixPopoverAnimate/MixPopoverAnimate.js.map +1 -0
- package/__private__/mixs/MixPopoverArrow/MixPopoverArrow.css +1 -0
- package/__private__/mixs/MixPopoverArrow/MixPopoverArrow.d.ts +8 -0
- package/__private__/mixs/MixPopoverArrow/MixPopoverArrow.js +2 -0
- package/__private__/mixs/MixPopoverArrow/MixPopoverArrow.js.map +1 -0
- package/__private__/utils/bem.d.ts +1 -0
- package/__private__/utils/bem.js +2 -0
- package/__private__/utils/bem.js.map +1 -0
- package/__private__/utils/types/PropsWithHTMLAttributes.d.ts +3 -0
- package/__private__/utils/types/PropsWithHTMLAttributes.js +2 -0
- package/__private__/utils/types/PropsWithHTMLAttributes.js.map +1 -0
- package/package.json +41 -0
|
@@ -0,0 +1,274 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TileMenuPropGetItemDescription, TileMenuPropGetItemImage, TileMenuPropGetItemTitle, DefaultItem, TileMenuListProps, TileMenuPropGetItemHref, TileMenuPropGetItemOnClick } from "./types";
|
|
3
|
+
export declare const defaultGetItemImage: TileMenuPropGetItemImage<DefaultItem>;
|
|
4
|
+
export declare const defaultGetItemTitle: TileMenuPropGetItemTitle<DefaultItem>;
|
|
5
|
+
export declare const defaultGetItemHref: TileMenuPropGetItemHref<DefaultItem>;
|
|
6
|
+
export declare const defaultGetItemOnClick: TileMenuPropGetItemOnClick<DefaultItem>;
|
|
7
|
+
export declare const defaultGetItemDescription: TileMenuPropGetItemDescription<DefaultItem>;
|
|
8
|
+
export declare function withDefaultGetters<ITEM>(props: TileMenuListProps<ITEM>): {
|
|
9
|
+
getItemDescription: TileMenuPropGetItemDescription<DefaultItem> | TileMenuPropGetItemDescription<ITEM>;
|
|
10
|
+
getItemTitle: TileMenuPropGetItemTitle<DefaultItem> | TileMenuPropGetItemTitle<ITEM>;
|
|
11
|
+
getItemImage: TileMenuPropGetItemImage<DefaultItem> | TileMenuPropGetItemImage<ITEM>;
|
|
12
|
+
getItemHref: TileMenuPropGetItemHref<DefaultItem> | TileMenuPropGetItemHref<ITEM>;
|
|
13
|
+
getItemOnClick: TileMenuPropGetItemOnClick<DefaultItem> | TileMenuPropGetItemOnClick<ITEM>;
|
|
14
|
+
view?: "lines" | "twoLines" | "cards" | undefined;
|
|
15
|
+
items: ITEM[];
|
|
16
|
+
isMobile?: boolean | undefined;
|
|
17
|
+
onItemClick?: import("./types").TileMenuOnItemClick<ITEM> | undefined;
|
|
18
|
+
hidden?: boolean | undefined;
|
|
19
|
+
dir?: string | undefined;
|
|
20
|
+
slot?: string | undefined;
|
|
21
|
+
style?: import("react").CSSProperties | undefined;
|
|
22
|
+
title?: string | undefined;
|
|
23
|
+
color?: string | undefined;
|
|
24
|
+
children?: import("react").ReactNode;
|
|
25
|
+
defaultChecked?: boolean | undefined;
|
|
26
|
+
defaultValue?: string | number | string[] | undefined;
|
|
27
|
+
suppressContentEditableWarning?: boolean | undefined;
|
|
28
|
+
suppressHydrationWarning?: boolean | undefined;
|
|
29
|
+
accessKey?: string | undefined;
|
|
30
|
+
className?: string | undefined;
|
|
31
|
+
contentEditable?: boolean | "inherit" | "false" | "true" | undefined;
|
|
32
|
+
contextMenu?: string | undefined;
|
|
33
|
+
draggable?: boolean | "false" | "true" | undefined;
|
|
34
|
+
id?: string | undefined;
|
|
35
|
+
lang?: string | undefined;
|
|
36
|
+
placeholder?: string | undefined;
|
|
37
|
+
spellCheck?: boolean | "false" | "true" | undefined;
|
|
38
|
+
tabIndex?: number | undefined;
|
|
39
|
+
translate?: "yes" | "no" | undefined;
|
|
40
|
+
radioGroup?: string | undefined;
|
|
41
|
+
role?: string | undefined;
|
|
42
|
+
about?: string | undefined;
|
|
43
|
+
datatype?: string | undefined;
|
|
44
|
+
inlist?: any;
|
|
45
|
+
prefix?: string | undefined;
|
|
46
|
+
property?: string | undefined;
|
|
47
|
+
resource?: string | undefined;
|
|
48
|
+
typeof?: string | undefined;
|
|
49
|
+
vocab?: string | undefined;
|
|
50
|
+
autoCapitalize?: string | undefined;
|
|
51
|
+
autoCorrect?: string | undefined;
|
|
52
|
+
autoSave?: string | undefined;
|
|
53
|
+
itemProp?: string | undefined;
|
|
54
|
+
itemScope?: boolean | undefined;
|
|
55
|
+
itemType?: string | undefined;
|
|
56
|
+
itemID?: string | undefined;
|
|
57
|
+
itemRef?: string | undefined;
|
|
58
|
+
results?: number | undefined;
|
|
59
|
+
security?: string | undefined;
|
|
60
|
+
unselectable?: "on" | "off" | undefined;
|
|
61
|
+
inputMode?: "search" | "none" | "text" | "decimal" | "numeric" | "tel" | "url" | "email" | undefined;
|
|
62
|
+
is?: string | undefined;
|
|
63
|
+
'aria-activedescendant'?: string | undefined;
|
|
64
|
+
'aria-atomic'?: boolean | "false" | "true" | undefined;
|
|
65
|
+
'aria-autocomplete'?: "both" | "none" | "inline" | "list" | undefined;
|
|
66
|
+
'aria-busy'?: boolean | "false" | "true" | undefined;
|
|
67
|
+
'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
|
|
68
|
+
'aria-colcount'?: number | undefined;
|
|
69
|
+
'aria-colindex'?: number | undefined;
|
|
70
|
+
'aria-colspan'?: number | undefined;
|
|
71
|
+
'aria-controls'?: string | undefined;
|
|
72
|
+
'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
|
|
73
|
+
'aria-describedby'?: string | undefined;
|
|
74
|
+
'aria-details'?: string | undefined;
|
|
75
|
+
'aria-disabled'?: boolean | "false" | "true" | undefined;
|
|
76
|
+
'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
77
|
+
'aria-errormessage'?: string | undefined;
|
|
78
|
+
'aria-expanded'?: boolean | "false" | "true" | undefined;
|
|
79
|
+
'aria-flowto'?: string | undefined;
|
|
80
|
+
'aria-grabbed'?: boolean | "false" | "true" | undefined;
|
|
81
|
+
'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
|
|
82
|
+
'aria-hidden'?: boolean | "false" | "true" | undefined;
|
|
83
|
+
'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
84
|
+
'aria-keyshortcuts'?: string | undefined;
|
|
85
|
+
'aria-label'?: string | undefined;
|
|
86
|
+
'aria-labelledby'?: string | undefined;
|
|
87
|
+
'aria-level'?: number | undefined;
|
|
88
|
+
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
89
|
+
'aria-modal'?: boolean | "false" | "true" | undefined;
|
|
90
|
+
'aria-multiline'?: boolean | "false" | "true" | undefined;
|
|
91
|
+
'aria-multiselectable'?: boolean | "false" | "true" | undefined;
|
|
92
|
+
'aria-orientation'?: "horizontal" | "vertical" | undefined;
|
|
93
|
+
'aria-owns'?: string | undefined;
|
|
94
|
+
'aria-placeholder'?: string | undefined;
|
|
95
|
+
'aria-posinset'?: number | undefined;
|
|
96
|
+
'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
|
|
97
|
+
'aria-readonly'?: boolean | "false" | "true" | undefined;
|
|
98
|
+
'aria-relevant'?: "all" | "text" | "additions" | "additions text" | "removals" | undefined;
|
|
99
|
+
'aria-required'?: boolean | "false" | "true" | undefined;
|
|
100
|
+
'aria-roledescription'?: string | undefined;
|
|
101
|
+
'aria-rowcount'?: number | undefined;
|
|
102
|
+
'aria-rowindex'?: number | undefined;
|
|
103
|
+
'aria-rowspan'?: number | undefined;
|
|
104
|
+
'aria-selected'?: boolean | "false" | "true" | undefined;
|
|
105
|
+
'aria-setsize'?: number | undefined;
|
|
106
|
+
'aria-sort'?: "none" | "other" | "ascending" | "descending" | undefined;
|
|
107
|
+
'aria-valuemax'?: number | undefined;
|
|
108
|
+
'aria-valuemin'?: number | undefined;
|
|
109
|
+
'aria-valuenow'?: number | undefined;
|
|
110
|
+
'aria-valuetext'?: string | undefined;
|
|
111
|
+
dangerouslySetInnerHTML?: {
|
|
112
|
+
__html: string;
|
|
113
|
+
} | undefined;
|
|
114
|
+
onCopy?: ((event: import("react").ClipboardEvent<HTMLDivElement>) => void) | undefined;
|
|
115
|
+
onCopyCapture?: ((event: import("react").ClipboardEvent<HTMLDivElement>) => void) | undefined;
|
|
116
|
+
onCut?: ((event: import("react").ClipboardEvent<HTMLDivElement>) => void) | undefined;
|
|
117
|
+
onCutCapture?: ((event: import("react").ClipboardEvent<HTMLDivElement>) => void) | undefined;
|
|
118
|
+
onPaste?: ((event: import("react").ClipboardEvent<HTMLDivElement>) => void) | undefined;
|
|
119
|
+
onPasteCapture?: ((event: import("react").ClipboardEvent<HTMLDivElement>) => void) | undefined;
|
|
120
|
+
onCompositionEnd?: ((event: import("react").CompositionEvent<HTMLDivElement>) => void) | undefined;
|
|
121
|
+
onCompositionEndCapture?: ((event: import("react").CompositionEvent<HTMLDivElement>) => void) | undefined;
|
|
122
|
+
onCompositionStart?: ((event: import("react").CompositionEvent<HTMLDivElement>) => void) | undefined;
|
|
123
|
+
onCompositionStartCapture?: ((event: import("react").CompositionEvent<HTMLDivElement>) => void) | undefined;
|
|
124
|
+
onCompositionUpdate?: ((event: import("react").CompositionEvent<HTMLDivElement>) => void) | undefined;
|
|
125
|
+
onCompositionUpdateCapture?: ((event: import("react").CompositionEvent<HTMLDivElement>) => void) | undefined;
|
|
126
|
+
onFocus?: ((event: import("react").FocusEvent<HTMLDivElement>) => void) | undefined;
|
|
127
|
+
onFocusCapture?: ((event: import("react").FocusEvent<HTMLDivElement>) => void) | undefined;
|
|
128
|
+
onBlur?: ((event: import("react").FocusEvent<HTMLDivElement>) => void) | undefined;
|
|
129
|
+
onBlurCapture?: ((event: import("react").FocusEvent<HTMLDivElement>) => void) | undefined;
|
|
130
|
+
onChange?: ((event: import("react").FormEvent<HTMLDivElement>) => void) | undefined;
|
|
131
|
+
onChangeCapture?: ((event: import("react").FormEvent<HTMLDivElement>) => void) | undefined;
|
|
132
|
+
onBeforeInput?: ((event: import("react").FormEvent<HTMLDivElement>) => void) | undefined;
|
|
133
|
+
onBeforeInputCapture?: ((event: import("react").FormEvent<HTMLDivElement>) => void) | undefined;
|
|
134
|
+
onInput?: ((event: import("react").FormEvent<HTMLDivElement>) => void) | undefined;
|
|
135
|
+
onInputCapture?: ((event: import("react").FormEvent<HTMLDivElement>) => void) | undefined;
|
|
136
|
+
onReset?: ((event: import("react").FormEvent<HTMLDivElement>) => void) | undefined;
|
|
137
|
+
onResetCapture?: ((event: import("react").FormEvent<HTMLDivElement>) => void) | undefined;
|
|
138
|
+
onSubmit?: ((event: import("react").FormEvent<HTMLDivElement>) => void) | undefined;
|
|
139
|
+
onSubmitCapture?: ((event: import("react").FormEvent<HTMLDivElement>) => void) | undefined;
|
|
140
|
+
onInvalid?: ((event: import("react").FormEvent<HTMLDivElement>) => void) | undefined;
|
|
141
|
+
onInvalidCapture?: ((event: import("react").FormEvent<HTMLDivElement>) => void) | undefined;
|
|
142
|
+
onLoad?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
143
|
+
onLoadCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
144
|
+
onError?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
145
|
+
onErrorCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
146
|
+
onKeyDown?: ((event: import("react").KeyboardEvent<HTMLDivElement>) => void) | undefined;
|
|
147
|
+
onKeyDownCapture?: ((event: import("react").KeyboardEvent<HTMLDivElement>) => void) | undefined;
|
|
148
|
+
onKeyPress?: ((event: import("react").KeyboardEvent<HTMLDivElement>) => void) | undefined;
|
|
149
|
+
onKeyPressCapture?: ((event: import("react").KeyboardEvent<HTMLDivElement>) => void) | undefined;
|
|
150
|
+
onKeyUp?: ((event: import("react").KeyboardEvent<HTMLDivElement>) => void) | undefined;
|
|
151
|
+
onKeyUpCapture?: ((event: import("react").KeyboardEvent<HTMLDivElement>) => void) | undefined;
|
|
152
|
+
onAbort?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
153
|
+
onAbortCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
154
|
+
onCanPlay?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
155
|
+
onCanPlayCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
156
|
+
onCanPlayThrough?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
157
|
+
onCanPlayThroughCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
158
|
+
onDurationChange?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
159
|
+
onDurationChangeCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
160
|
+
onEmptied?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
161
|
+
onEmptiedCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
162
|
+
onEncrypted?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
163
|
+
onEncryptedCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
164
|
+
onEnded?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
165
|
+
onEndedCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
166
|
+
onLoadedData?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
167
|
+
onLoadedDataCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
168
|
+
onLoadedMetadata?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
169
|
+
onLoadedMetadataCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
170
|
+
onLoadStart?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
171
|
+
onLoadStartCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
172
|
+
onPause?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
173
|
+
onPauseCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
174
|
+
onPlay?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
175
|
+
onPlayCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
176
|
+
onPlaying?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
177
|
+
onPlayingCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
178
|
+
onProgress?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
179
|
+
onProgressCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
180
|
+
onRateChange?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
181
|
+
onRateChangeCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
182
|
+
onSeeked?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
183
|
+
onSeekedCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
184
|
+
onSeeking?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
185
|
+
onSeekingCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
186
|
+
onStalled?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
187
|
+
onStalledCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
188
|
+
onSuspend?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
189
|
+
onSuspendCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
190
|
+
onTimeUpdate?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
191
|
+
onTimeUpdateCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
192
|
+
onVolumeChange?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
193
|
+
onVolumeChangeCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
194
|
+
onWaiting?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
195
|
+
onWaitingCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
196
|
+
onAuxClick?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
|
|
197
|
+
onAuxClickCapture?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
|
|
198
|
+
onClick?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
|
|
199
|
+
onClickCapture?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
|
|
200
|
+
onContextMenu?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
|
|
201
|
+
onContextMenuCapture?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
|
|
202
|
+
onDoubleClick?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
|
|
203
|
+
onDoubleClickCapture?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
|
|
204
|
+
onDrag?: ((event: import("react").DragEvent<HTMLDivElement>) => void) | undefined;
|
|
205
|
+
onDragCapture?: ((event: import("react").DragEvent<HTMLDivElement>) => void) | undefined;
|
|
206
|
+
onDragEnd?: ((event: import("react").DragEvent<HTMLDivElement>) => void) | undefined;
|
|
207
|
+
onDragEndCapture?: ((event: import("react").DragEvent<HTMLDivElement>) => void) | undefined;
|
|
208
|
+
onDragEnter?: ((event: import("react").DragEvent<HTMLDivElement>) => void) | undefined;
|
|
209
|
+
onDragEnterCapture?: ((event: import("react").DragEvent<HTMLDivElement>) => void) | undefined;
|
|
210
|
+
onDragExit?: ((event: import("react").DragEvent<HTMLDivElement>) => void) | undefined;
|
|
211
|
+
onDragExitCapture?: ((event: import("react").DragEvent<HTMLDivElement>) => void) | undefined;
|
|
212
|
+
onDragLeave?: ((event: import("react").DragEvent<HTMLDivElement>) => void) | undefined;
|
|
213
|
+
onDragLeaveCapture?: ((event: import("react").DragEvent<HTMLDivElement>) => void) | undefined;
|
|
214
|
+
onDragOver?: ((event: import("react").DragEvent<HTMLDivElement>) => void) | undefined;
|
|
215
|
+
onDragOverCapture?: ((event: import("react").DragEvent<HTMLDivElement>) => void) | undefined;
|
|
216
|
+
onDragStart?: ((event: import("react").DragEvent<HTMLDivElement>) => void) | undefined;
|
|
217
|
+
onDragStartCapture?: ((event: import("react").DragEvent<HTMLDivElement>) => void) | undefined;
|
|
218
|
+
onDrop?: ((event: import("react").DragEvent<HTMLDivElement>) => void) | undefined;
|
|
219
|
+
onDropCapture?: ((event: import("react").DragEvent<HTMLDivElement>) => void) | undefined;
|
|
220
|
+
onMouseDown?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
|
|
221
|
+
onMouseDownCapture?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
|
|
222
|
+
onMouseEnter?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
|
|
223
|
+
onMouseLeave?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
|
|
224
|
+
onMouseMove?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
|
|
225
|
+
onMouseMoveCapture?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
|
|
226
|
+
onMouseOut?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
|
|
227
|
+
onMouseOutCapture?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
|
|
228
|
+
onMouseOver?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
|
|
229
|
+
onMouseOverCapture?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
|
|
230
|
+
onMouseUp?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
|
|
231
|
+
onMouseUpCapture?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
|
|
232
|
+
onSelect?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
233
|
+
onSelectCapture?: ((event: import("react").SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
|
|
234
|
+
onTouchCancel?: ((event: import("react").TouchEvent<HTMLDivElement>) => void) | undefined;
|
|
235
|
+
onTouchCancelCapture?: ((event: import("react").TouchEvent<HTMLDivElement>) => void) | undefined;
|
|
236
|
+
onTouchEnd?: ((event: import("react").TouchEvent<HTMLDivElement>) => void) | undefined;
|
|
237
|
+
onTouchEndCapture?: ((event: import("react").TouchEvent<HTMLDivElement>) => void) | undefined;
|
|
238
|
+
onTouchMove?: ((event: import("react").TouchEvent<HTMLDivElement>) => void) | undefined;
|
|
239
|
+
onTouchMoveCapture?: ((event: import("react").TouchEvent<HTMLDivElement>) => void) | undefined;
|
|
240
|
+
onTouchStart?: ((event: import("react").TouchEvent<HTMLDivElement>) => void) | undefined;
|
|
241
|
+
onTouchStartCapture?: ((event: import("react").TouchEvent<HTMLDivElement>) => void) | undefined;
|
|
242
|
+
onPointerDown?: ((event: import("react").PointerEvent<HTMLDivElement>) => void) | undefined;
|
|
243
|
+
onPointerDownCapture?: ((event: import("react").PointerEvent<HTMLDivElement>) => void) | undefined;
|
|
244
|
+
onPointerMove?: ((event: import("react").PointerEvent<HTMLDivElement>) => void) | undefined;
|
|
245
|
+
onPointerMoveCapture?: ((event: import("react").PointerEvent<HTMLDivElement>) => void) | undefined;
|
|
246
|
+
onPointerUp?: ((event: import("react").PointerEvent<HTMLDivElement>) => void) | undefined;
|
|
247
|
+
onPointerUpCapture?: ((event: import("react").PointerEvent<HTMLDivElement>) => void) | undefined;
|
|
248
|
+
onPointerCancel?: ((event: import("react").PointerEvent<HTMLDivElement>) => void) | undefined;
|
|
249
|
+
onPointerCancelCapture?: ((event: import("react").PointerEvent<HTMLDivElement>) => void) | undefined;
|
|
250
|
+
onPointerEnter?: ((event: import("react").PointerEvent<HTMLDivElement>) => void) | undefined;
|
|
251
|
+
onPointerEnterCapture?: ((event: import("react").PointerEvent<HTMLDivElement>) => void) | undefined;
|
|
252
|
+
onPointerLeave?: ((event: import("react").PointerEvent<HTMLDivElement>) => void) | undefined;
|
|
253
|
+
onPointerLeaveCapture?: ((event: import("react").PointerEvent<HTMLDivElement>) => void) | undefined;
|
|
254
|
+
onPointerOver?: ((event: import("react").PointerEvent<HTMLDivElement>) => void) | undefined;
|
|
255
|
+
onPointerOverCapture?: ((event: import("react").PointerEvent<HTMLDivElement>) => void) | undefined;
|
|
256
|
+
onPointerOut?: ((event: import("react").PointerEvent<HTMLDivElement>) => void) | undefined;
|
|
257
|
+
onPointerOutCapture?: ((event: import("react").PointerEvent<HTMLDivElement>) => void) | undefined;
|
|
258
|
+
onGotPointerCapture?: ((event: import("react").PointerEvent<HTMLDivElement>) => void) | undefined;
|
|
259
|
+
onGotPointerCaptureCapture?: ((event: import("react").PointerEvent<HTMLDivElement>) => void) | undefined;
|
|
260
|
+
onLostPointerCapture?: ((event: import("react").PointerEvent<HTMLDivElement>) => void) | undefined;
|
|
261
|
+
onLostPointerCaptureCapture?: ((event: import("react").PointerEvent<HTMLDivElement>) => void) | undefined;
|
|
262
|
+
onScroll?: ((event: import("react").UIEvent<HTMLDivElement, UIEvent>) => void) | undefined;
|
|
263
|
+
onScrollCapture?: ((event: import("react").UIEvent<HTMLDivElement, UIEvent>) => void) | undefined;
|
|
264
|
+
onWheel?: ((event: import("react").WheelEvent<HTMLDivElement>) => void) | undefined;
|
|
265
|
+
onWheelCapture?: ((event: import("react").WheelEvent<HTMLDivElement>) => void) | undefined;
|
|
266
|
+
onAnimationStart?: ((event: import("react").AnimationEvent<HTMLDivElement>) => void) | undefined;
|
|
267
|
+
onAnimationStartCapture?: ((event: import("react").AnimationEvent<HTMLDivElement>) => void) | undefined;
|
|
268
|
+
onAnimationEnd?: ((event: import("react").AnimationEvent<HTMLDivElement>) => void) | undefined;
|
|
269
|
+
onAnimationEndCapture?: ((event: import("react").AnimationEvent<HTMLDivElement>) => void) | undefined;
|
|
270
|
+
onAnimationIteration?: ((event: import("react").AnimationEvent<HTMLDivElement>) => void) | undefined;
|
|
271
|
+
onAnimationIterationCapture?: ((event: import("react").AnimationEvent<HTMLDivElement>) => void) | undefined;
|
|
272
|
+
onTransitionEnd?: ((event: import("react").TransitionEvent<HTMLDivElement>) => void) | undefined;
|
|
273
|
+
onTransitionEndCapture?: ((event: import("react").TransitionEvent<HTMLDivElement>) => void) | undefined;
|
|
274
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import _objectSpread from"@babel/runtime/helpers/objectSpread";export const defaultGetItemImage=a=>a.image;export const defaultGetItemTitle=a=>a.title;export const defaultGetItemHref=a=>a.href;export const defaultGetItemOnClick=a=>a.onClick;export const defaultGetItemDescription=a=>a.description;export function withDefaultGetters(a){return _objectSpread({},a,{getItemDescription:a.getItemDescription||defaultGetItemDescription,getItemTitle:a.getItemTitle||defaultGetItemTitle,getItemImage:a.getItemImage||defaultGetItemImage,getItemHref:a.getItemHref||defaultGetItemHref,getItemOnClick:a.getItemOnClick||defaultGetItemOnClick})}
|
|
2
|
+
//# sourceMappingURL=helpers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/TileMenu/helpers.ts"],"names":["defaultGetItemImage","item","image","defaultGetItemTitle","title","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemDescription","description","withDefaultGetters","props","getItemDescription","getItemTitle","getItemImage","getItemHref","getItemOnClick"],"mappings":"+DAUA,MAAO,MAAMA,CAAAA,mBAA0D,CAAGC,CAAI,EAAIA,CAAI,CAACC,KAAhF,CACP,MAAO,MAAMC,CAAAA,mBAA0D,CAAGF,CAAI,EAAIA,CAAI,CAACG,KAAhF,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,yBAAsE,CAAGR,CAAI,EACxFA,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 TileMenuPropGetItemTitle,\n DefaultItem,\n TileMenuListProps,\n TileMenuPropGetItemHref,\n TileMenuPropGetItemOnClick,\n} from './types'\n\nexport const defaultGetItemImage: TileMenuPropGetItemImage<DefaultItem> = item => item.image\nexport const defaultGetItemTitle: TileMenuPropGetItemTitle<DefaultItem> = item => item.title\nexport const defaultGetItemHref: TileMenuPropGetItemHref<DefaultItem> = item => item.href\nexport const defaultGetItemOnClick: TileMenuPropGetItemOnClick<DefaultItem> = item => item.onClick\nexport const defaultGetItemDescription: TileMenuPropGetItemDescription<DefaultItem> = item =>\n item.description\n\nexport function withDefaultGetters<ITEM>(props: TileMenuListProps<ITEM>) {\n return {\n ...props,\n getItemDescription: props.getItemDescription || defaultGetItemDescription,\n getItemTitle: props.getItemTitle || defaultGetItemTitle,\n getItemImage: props.getItemImage || defaultGetItemImage,\n getItemHref: props.getItemHref || defaultGetItemHref,\n getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n }\n}\n"],"file":"helpers.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./TileMenu";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/TileMenu/index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from './TileMenu'\n"],"file":"index.js"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { PropsWithHTMLAttributesAndRef, PropsWithHTMLAttributes } from "../__private__/utils/types/PropsWithHTMLAttributes";
|
|
3
|
+
export declare const tileMenuPropView: readonly ["lines", "twoLines", "cards"];
|
|
4
|
+
export declare type TileMenuPropView = typeof tileMenuPropView[number];
|
|
5
|
+
export declare const tileMenuPropViewDefault: "lines";
|
|
6
|
+
export declare type DefaultItem = {
|
|
7
|
+
title: string;
|
|
8
|
+
image?: string;
|
|
9
|
+
description?: string;
|
|
10
|
+
href?: string;
|
|
11
|
+
onClick?: React.MouseEventHandler<HTMLAnchorElement>;
|
|
12
|
+
};
|
|
13
|
+
export declare type TileMenuPropGetItemImage<ITEM> = (item: ITEM) => string | React.FC | undefined;
|
|
14
|
+
export declare type TileMenuPropGetItemTitle<ITEM> = (item: ITEM) => string;
|
|
15
|
+
export declare type TileMenuPropGetItemDescription<ITEM> = (item: ITEM) => string | undefined;
|
|
16
|
+
export declare type TileMenuPropGetItemHref<ITEM> = (item: ITEM) => string | undefined;
|
|
17
|
+
export declare type TileMenuPropGetItemOnClick<ITEM> = (item: ITEM) => React.MouseEventHandler<HTMLAnchorElement> | undefined;
|
|
18
|
+
export declare type TileMenuPropOnItemClick<ITEM> = (props: {
|
|
19
|
+
e: React.MouseEvent<HTMLAnchorElement>;
|
|
20
|
+
item: ITEM;
|
|
21
|
+
}) => void;
|
|
22
|
+
export declare type TileMenuOnItemClick<ITEM> = (props: {
|
|
23
|
+
e: React.MouseEvent<HTMLAnchorElement>;
|
|
24
|
+
item: ITEM;
|
|
25
|
+
}) => void;
|
|
26
|
+
declare type CommonProps<ITEM> = {
|
|
27
|
+
view?: TileMenuPropView;
|
|
28
|
+
items: ITEM[];
|
|
29
|
+
isMobile?: boolean;
|
|
30
|
+
onItemClick?: TileMenuOnItemClick<ITEM>;
|
|
31
|
+
getItemImage?: TileMenuPropGetItemImage<ITEM>;
|
|
32
|
+
getItemTitle?: TileMenuPropGetItemTitle<ITEM>;
|
|
33
|
+
getItemDescription?: TileMenuPropGetItemDescription<ITEM>;
|
|
34
|
+
getItemHref?: TileMenuPropGetItemHref<ITEM>;
|
|
35
|
+
getItemOnClick?: TileMenuPropGetItemOnClick<ITEM>;
|
|
36
|
+
};
|
|
37
|
+
export declare type TileMenuProps<ITEM = DefaultItem> = PropsWithHTMLAttributesAndRef<CommonProps<ITEM> & {
|
|
38
|
+
listClassName?: string;
|
|
39
|
+
title?: string;
|
|
40
|
+
}, HTMLButtonElement> & (ITEM extends {
|
|
41
|
+
title: DefaultItem['title'];
|
|
42
|
+
} ? {} : {
|
|
43
|
+
getItemTitle: TileMenuPropGetItemTitle<ITEM>;
|
|
44
|
+
});
|
|
45
|
+
export declare type TileMenuListProps<ITEM = DefaultItem> = PropsWithHTMLAttributes<CommonProps<ITEM>, HTMLDivElement>;
|
|
46
|
+
export declare type TileMenuListComponent = <ITEM = DefaultItem>(props: TileMenuListProps<ITEM>) => React.ReactElement | null;
|
|
47
|
+
export declare type TileMenuComponent = <ITEM = DefaultItem>(props: TileMenuProps<ITEM>) => React.ReactElement | null;
|
|
48
|
+
export {};
|
|
@@ -0,0 +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 DefaultItem = {\n title: 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 TileMenuPropGetItemTitle<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 getItemTitle?: TileMenuPropGetItemTitle<ITEM>\n getItemDescription?: TileMenuPropGetItemDescription<ITEM>\n getItemHref?: TileMenuPropGetItemHref<ITEM>\n getItemOnClick?: TileMenuPropGetItemOnClick<ITEM>\n}\n\nexport type TileMenuProps<ITEM = DefaultItem> = PropsWithHTMLAttributesAndRef<\n CommonProps<ITEM> & { listClassName?: string; title?: string },\n HTMLButtonElement\n> &\n (ITEM extends { title: DefaultItem['title'] }\n ? {}\n : { getItemTitle: TileMenuPropGetItemTitle<ITEM> })\n\nexport type TileMenuListProps<ITEM = DefaultItem> = PropsWithHTMLAttributes<\n CommonProps<ITEM>,\n HTMLDivElement\n>\n\nexport type TileMenuListComponent = <ITEM = DefaultItem>(\n props: TileMenuListProps<ITEM>\n) => React.ReactElement | null\n\nexport type TileMenuComponent = <ITEM = DefaultItem>(\n props: TileMenuProps<ITEM>\n) => React.ReactElement | null\n"],"file":"types.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.che--VerticalMenu{position:relative}.che--VerticalMenu_animationBack .che--VerticalMenu-Level_animate_enter{transform:translate(-100%)}.che--VerticalMenu_animationBack .che--VerticalMenu-Level_animate_enterActive,.che--VerticalMenu_animationBack .che--VerticalMenu-Level_animate_exit{transform:translate(0)}.che--VerticalMenu_animationBack .che--VerticalMenu-Level_animate_exitActive{transform:translate(100%)}.che--VerticalMenu-Level{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.che--VerticalMenu-Level_current{pointer-events:all}.che--VerticalMenu-Level_animate_enter,.che--VerticalMenu-Level_animate_enterActive,.che--VerticalMenu-Level_animate_exit,.che--VerticalMenu-Level_animate_exitActive{transition:transform .25s,opacity .25s}.che--VerticalMenu-Level_animate_enter{opacity:0;transform:translate(100%)}.che--VerticalMenu-Level_animate_enterActive,.che--VerticalMenu-Level_animate_exit{opacity:1;transform:translate(0)}.che--VerticalMenu-Level_animate_exitActive{opacity:0;transform:translate(-100%)}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import _jsx from"@babel/runtime/helpers/jsx";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import React,{useState,useCallback}from"react";import{cn}from"../__private__/utils/bem";import{withDefaultGetters,getItemClick}from"./helpers";import"./VerticalMenu.css";import{VerticalMenuLevel}from"./VerticalMenuLevel/VerticalMenuLevel";import{TransitionGroup,CSSTransition}from"react-transition-group";import{cnForCssTransition}from"@consta/uikit/__internal__/src/utils/cnForCssTransition";import{useDebounce}from"@consta/uikit/useDebounce";export const cnVerticalMenu=cn("VerticalMenu");const transitionCn=cnForCssTransition(cnVerticalMenu,"Level");export const VerticalMenu=a=>{const b=withDefaultGetters(a),{items:c,className:d,getItemActive:e,getItemHref:f,getItemLabel:g,getItemOnClick:h,getItemTarget:i,getItemSubMenu:j,header:k,onItemClick:l}=b,m=_objectWithoutProperties(b,["items","className","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","header","onItemClick"]),[n,o]=useState([{items:c}]),[p,q]=useState(!1),r=useDebounce(()=>q(!1),250),s=useCallback(a=>o(b=>{const c=Array.from(b);return c.push(a),c}),[]),t=useCallback(()=>{q(!0),o(a=>{const b=Array.from(a);return b.pop(),b}),r()},[]);return React.createElement("div",Object.assign({},m,{className:cnVerticalMenu({animationBack:p},[d])}),_jsx(TransitionGroup,{enter:!0,exit:!0,className:cnVerticalMenu("Levels")},void 0,n.map((a,b)=>{const c=b+1;if(c>=n.length)return _jsx(CSSTransition,{classNames:transitionCn,timeout:250},c,_jsx(VerticalMenuLevel,{items:a.items,label:a.label,addLevel:s,removeLevel:t,className:cnVerticalMenu("Level",{current:c===n.length}),header:0===b&&k,getItemActive:e,getItemHref:f,getItemLabel:g,getItemOnClick:a=>getItemClick(a,h,l),getItemTarget:i,getItemSubMenu:j},c))})))};export*from"./types";
|
|
2
|
+
//# sourceMappingURL=VerticalMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/VerticalMenu/VerticalMenu.tsx"],"names":["React","useState","useCallback","cn","withDefaultGetters","getItemClick","VerticalMenuLevel","TransitionGroup","CSSTransition","cnForCssTransition","useDebounce","cnVerticalMenu","transitionCn","VerticalMenu","props","items","className","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","header","onItemClick","otherProps","levels","setLevels","animationBack","setAnimationBack","disableAnimationBack","addLevel","level","l","newLevels","Array","from","push","removeLevel","pop","map","index","levelNum","length","label","current","menuItem"],"mappings":"kIAAA,MAAOA,CAAAA,KAAP,EAAgBC,QAAhB,CAA0BC,WAA1B,KAA6C,OAA7C,CAEA,OAASC,EAAT,gCAEA,OAASC,kBAAT,CAA6BC,YAA7B,iBAEA,2BACA,OAASC,iBAAT,6CACA,OAASC,eAAT,CAA0BC,aAA1B,KAA+C,wBAA/C,CACA,OAASC,kBAAT,KAAmC,yDAAnC,CACA,OAASC,WAAT,KAA4B,2BAA5B,CAEA,MAAO,MAAMC,CAAAA,cAAc,CAAGR,EAAE,CAAC,cAAD,CAAzB,CAEP,KAAMS,CAAAA,YAAY,CAAGH,kBAAkB,CAACE,cAAD,CAAiB,OAAjB,CAAvC,CAEA,MAAO,MAAME,CAAAA,YAAmC,CAAGC,CAAK,EAAI,SAatDV,kBAAkB,CAACU,CAAD,CAboC,CACpD,CACJC,KAAK,CAALA,CADI,CAEJC,SAAS,CAATA,CAFI,CAGJC,aAAa,CAAbA,CAHI,CAIJC,WAAW,CAAXA,CAJI,CAKJC,YAAY,CAAZA,CALI,CAMJC,cAAc,CAAdA,CANI,CAOJC,aAAa,CAAbA,CAPI,CAQJC,cAAc,CAAdA,CARI,CASJC,MAAM,CAANA,CATI,CAUJC,WAAW,CAAXA,CAVI,CADoD,GAYrDC,CAZqD,yKAepD,CAACC,CAAD,CAASC,CAAT,EAAsB1B,QAAQ,CAAqC,CAAC,CAAEc,KAAK,CAALA,CAAF,CAAD,CAArC,CAfsB,CAiBpD,CAACa,CAAD,CAAgBC,CAAhB,EAAoC5B,QAAQ,IAjBQ,CAmBpD6B,CAAoB,CAAGpB,WAAW,CAAC,IAAMmB,CAAgB,IAAvB,CAAgC,GAAhC,CAnBkB,CAqBpDE,CAAQ,CAAG7B,WAAW,CACzB8B,CAAD,EACEL,CAAS,CAACM,CAAC,EAAI,CACb,KAAMC,CAAAA,CAAS,CAAGC,KAAK,CAACC,IAAN,CAAWH,CAAX,CAAlB,CAEA,MADAC,CAAAA,CAAS,CAACG,IAAV,CAAeL,CAAf,CACA,CAAOE,CACR,CAJQ,CAFe,CAO1B,EAP0B,CArB8B,CA+BpDI,CAAW,CAAGpC,WAAW,CAAC,IAAM,CACpC2B,CAAgB,IADoB,CAEpCF,CAAS,CAACM,CAAC,EAAI,CACb,KAAMC,CAAAA,CAAS,CAAGC,KAAK,CAACC,IAAN,CAAWH,CAAX,CAAlB,CAEA,MADAC,CAAAA,CAAS,CAACK,GAAV,EACA,CAAOL,CACR,CAJQ,CAF2B,CAOpCJ,CAAoB,EACrB,CAR8B,CAQ5B,EAR4B,CA/B2B,CAyC1D,MACE,4CAASL,CAAT,EAAqB,SAAS,CAAEd,cAAc,CAAC,CAAEiB,aAAa,CAAbA,CAAF,CAAD,CAAoB,CAACZ,CAAD,CAApB,CAA9C,GACE,KAAC,eAAD,EAAiB,KAAK,GAAtB,CAAuB,IAAI,GAA3B,CAA4B,SAAS,CAAEL,cAAc,CAAC,QAAD,CAArD,SACGe,CAAM,CAACc,GAAP,CAAW,CAACR,CAAD,CAAQS,CAAR,GAAkB,CAC5B,KAAMC,CAAAA,CAAQ,CAAGD,CAAK,CAAG,CAAzB,CACA,GAAIC,CAAQ,EAAIhB,CAAM,CAACiB,MAAvB,CACE,MACE,MAAC,aAAD,EAAe,UAAU,CAAE/B,YAA3B,CAAwD,OAAO,CAAE,GAAjE,EAA8C8B,CAA9C,CACE,KAAC,iBAAD,EACE,KAAK,CAAEV,CAAK,CAACjB,KADf,CAEE,KAAK,CAAEiB,CAAK,CAACY,KAFf,CAGE,QAAQ,CAAEb,CAHZ,CAIE,WAAW,CAAEO,CAJf,CAKE,SAAS,CAAE3B,cAAc,CAAC,OAAD,CAAU,CACjCkC,OAAO,CAAEH,CAAQ,GAAKhB,CAAM,CAACiB,MADI,CAAV,CAL3B,CASE,MAAM,CAAY,CAAV,GAAAF,CAAK,EAAUlB,CATzB,CAUE,aAAa,CAAEN,CAVjB,CAWE,WAAW,CAAEC,CAXf,CAYE,YAAY,CAAEC,CAZhB,CAaE,cAAc,CAAE2B,CAAQ,EAAIzC,YAAY,CAACyC,CAAD,CAAW1B,CAAX,CAA2BI,CAA3B,CAb1C,CAcE,aAAa,CAAEH,CAdjB,CAeE,cAAc,CAAEC,CAflB,EAQOoB,CARP,CADF,CAqBL,CAzBA,CADH,CADF,CA+BH,CAzEM,CA2EP","sourcesContent":["import React, { useState, useCallback } from 'react'\n\nimport { cn } from '@/__private__/utils/bem'\n\nimport { withDefaultGetters, getItemClick } from './helpers'\nimport { VerticalMenuComponent, Level } from './types'\nimport './VerticalMenu.css'\nimport { VerticalMenuLevel } from './VerticalMenuLevel/VerticalMenuLevel'\nimport { TransitionGroup, CSSTransition } from 'react-transition-group'\nimport { cnForCssTransition } from '@consta/uikit/__internal__/src/utils/cnForCssTransition'\nimport { useDebounce } from '@consta/uikit/useDebounce'\n\nexport const cnVerticalMenu = cn('VerticalMenu')\n\nconst transitionCn = cnForCssTransition(cnVerticalMenu, 'Level')\n\nexport const VerticalMenu: VerticalMenuComponent = props => {\n const {\n items,\n className,\n getItemActive,\n getItemHref,\n getItemLabel,\n getItemOnClick,\n getItemTarget,\n getItemSubMenu,\n header,\n onItemClick,\n ...otherProps\n } = withDefaultGetters(props)\n\n const [levels, setLevels] = useState<Array<Level<typeof items[number]>>>([{ items }])\n\n const [animationBack, setAnimationBack] = useState<boolean>(false)\n\n const disableAnimationBack = useDebounce(() => setAnimationBack(false), 250)\n\n const addLevel = useCallback(\n (level: Level<typeof items[number]>) =>\n setLevels(l => {\n const newLevels = Array.from(l)\n newLevels.push(level)\n return newLevels\n }),\n []\n )\n\n const removeLevel = useCallback(() => {\n setAnimationBack(true)\n setLevels(l => {\n const newLevels = Array.from(l)\n newLevels.pop()\n return newLevels\n })\n disableAnimationBack()\n }, [])\n\n return (\n <div {...otherProps} className={cnVerticalMenu({ animationBack }, [className])}>\n <TransitionGroup enter exit className={cnVerticalMenu('Levels')}>\n {levels.map((level, index) => {\n const levelNum = index + 1\n if (levelNum >= levels.length) {\n return (\n <CSSTransition classNames={transitionCn} key={levelNum} timeout={250}>\n <VerticalMenuLevel\n items={level.items}\n label={level.label}\n addLevel={addLevel}\n removeLevel={removeLevel}\n className={cnVerticalMenu('Level', {\n current: levelNum === levels.length,\n })}\n key={levelNum}\n header={index === 0 && header}\n getItemActive={getItemActive}\n getItemHref={getItemHref}\n getItemLabel={getItemLabel}\n getItemOnClick={menuItem => getItemClick(menuItem, getItemOnClick, onItemClick)}\n getItemTarget={getItemTarget}\n getItemSubMenu={getItemSubMenu}\n />\n </CSSTransition>\n )\n }\n })}\n </TransitionGroup>\n </div>\n )\n}\n\nexport * from './types'\n"],"file":"VerticalMenu.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.che--VerticalMenuItem{position:relative;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;cursor:pointer;text-decoration:none}.che--VerticalMenuItem_active:before{position:absolute;top:0;left:0;width:var(--space-3xs);height:100%;content:"";background:var(--color-typo-link)}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import _jsx from"@babel/runtime/helpers/jsx";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import React from"react";import{cn}from"../../__private__/utils/bem";import{IconArrowRight}from"@consta/uikit/IconArrowRight";import"./VerticalMenuItem.css";import{Text}from"@consta/uikit/Text";import{cnMixSpace}from"@consta/uikit/MixSpace";export const cnVerticalMenuItem=cn("VerticalMenuItem");export const VerticalMenuItem=a=>{const{className:b,label:c,href:d,target:e,active:f,onClick:g,withSubMenu:h}=a,i=_objectWithoutProperties(a,["className","label","href","target","active","onClick","withSubMenu"]),j=d?{as:"a",href:d,target:e}:{as:"span"};return React.createElement(Text,Object.assign({},i,j,{className:cnVerticalMenuItem({active:f},[cnMixSpace({p:"s",pL:"xl"}),b]),onClick:g}),c,h&&_jsx(IconArrowRight,{className:cnVerticalMenuItem("Icon"),size:"xs"}))};
|
|
2
|
+
//# sourceMappingURL=VerticalMenuItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/VerticalMenu/VerticalMenuItem/VerticalMenuItem.tsx"],"names":["React","cn","IconArrowRight","Text","cnMixSpace","cnVerticalMenuItem","VerticalMenuItem","props","className","label","href","target","active","onClick","withSubMenu","otherProps","propsLink","as","p","pL"],"mappings":"kIAAA,MAAOA,CAAAA,KAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,mCAGA,OAASC,cAAT,KAA+B,8BAA/B,CACA,+BACA,OAASC,IAAT,KAAqB,oBAArB,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAEA,MAAO,MAAMC,CAAAA,kBAAkB,CAAGJ,EAAE,CAAC,kBAAD,CAA7B,CAEP,MAAO,MAAMK,CAAAA,gBAA2C,CAAGC,CAAK,EAAI,MAC5D,CAAEC,SAAS,CAATA,CAAF,CAAaC,KAAK,CAALA,CAAb,CAAoBC,IAAI,CAAJA,CAApB,CAA0BC,MAAM,CAANA,CAA1B,CAAkCC,MAAM,CAANA,CAAlC,CAA0CC,OAAO,CAAPA,CAA1C,CAAmDC,WAAW,CAAXA,CAAnD,EAAkFP,CADtB,CACOQ,CADP,0BACsBR,CADtB,yEAG5DS,CAAS,CAAGN,CAAI,CACjB,CACCO,EAAE,CAAE,GADL,CAECP,IAAI,CAAJA,CAFD,CAGCC,MAAM,CAANA,CAHD,CADiB,CAMjB,CACCM,EAAE,CAAE,MADL,CAT6D,CAalE,MACE,qBAAC,IAAD,kBACMF,CADN,CAEMC,CAFN,EAGE,SAAS,CAAEX,kBAAkB,CAAC,CAAEO,MAAM,CAANA,CAAF,CAAD,CAAa,CAACR,UAAU,CAAC,CAAEc,CAAC,CAAE,GAAL,CAAUC,EAAE,CAAE,IAAd,CAAD,CAAX,CAAmCX,CAAnC,CAAb,CAH/B,CAIE,OAAO,CAAEK,CAJX,GAMGJ,CANH,CAOGK,CAAW,EAAI,KAAC,cAAD,EAAgB,SAAS,CAAET,kBAAkB,CAAC,MAAD,CAA7C,CAAuD,IAAI,CAAC,IAA5D,EAPlB,CAUH,CAxBM","sourcesContent":["import React from 'react'\n\nimport { cn } from '@/__private__/utils/bem'\n\nimport { VerticalMenuItemComponent } from '../types'\nimport { IconArrowRight } from '@consta/uikit/IconArrowRight'\nimport './VerticalMenuItem.css'\nimport { Text } from '@consta/uikit/Text'\nimport { cnMixSpace } from '@consta/uikit/MixSpace'\n\nexport const cnVerticalMenuItem = cn('VerticalMenuItem')\n\nexport const VerticalMenuItem: VerticalMenuItemComponent = props => {\n const { className, label, href, target, active, onClick, withSubMenu, ...otherProps } = props\n\n const propsLink = href\n ? ({\n as: 'a',\n href,\n target,\n } as const)\n : ({\n as: 'span',\n } as const)\n\n return (\n <Text\n {...otherProps}\n {...propsLink}\n className={cnVerticalMenuItem({ active }, [cnMixSpace({ p: 's', pL: 'xl' }), className])}\n onClick={onClick}\n >\n {label}\n {withSubMenu && <IconArrowRight className={cnVerticalMenuItem('Icon')} size=\"xs\" />}\n </Text>\n )\n}\n"],"file":"VerticalMenuItem.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.che--VerticalMenuLevel-Header{display:flex;align-items:center;flex:none;border-bottom:1px solid var(--color-bg-border)}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { VerticalMenuLevelComponent } from "../types";
|
|
2
|
+
import './VerticalMenuLevel.css';
|
|
3
|
+
import './VerticalMenuLevel.css';
|
|
4
|
+
export declare const cnVerticalMenuLevel: import("@bem-react/classname").ClassNameFormatter;
|
|
5
|
+
export declare const VerticalMenuLevel: VerticalMenuLevelComponent;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import _jsx from"@babel/runtime/helpers/jsx";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import React from"react";import{cn}from"../../__private__/utils/bem";import"./VerticalMenuLevel.css";import{VerticalMenuItem}from"../VerticalMenuItem/VerticalMenuItem";import{Text}from"@consta/uikit/Text";import{IconArrowLeft}from"@consta/uikit/IconArrowLeft";import{Button}from"@consta/uikit/Button";import{cnMixSpace}from"@consta/uikit/MixSpace";import"./VerticalMenuLevel.css";export const cnVerticalMenuLevel=cn("VerticalMenuLevel");export const VerticalMenuLevel=a=>{const{items:b,className:c,getItemActive:d,getItemHref:e,getItemLabel:f,getItemOnClick:g,getItemTarget:h,getItemSubMenu:i,addLevel:j,removeLevel:k,label:l,header:m}=a,n=_objectWithoutProperties(a,["items","className","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","addLevel","removeLevel","label","header"]);return React.createElement("div",Object.assign({},n,{className:cnVerticalMenuLevel(null,[c])}),l&&_jsx("div",{className:cnVerticalMenuLevel("Header",[cnMixSpace({p:"s",pL:"xl"})])},void 0,_jsx(Button,{iconLeft:IconArrowLeft,view:"clear",size:"s",onClick:k}),_jsx(Text,{className:cnMixSpace({mL:"s"}),truncate:!0},void 0,l)),m,_jsx("nav",{className:cnVerticalMenuLevel("Nav")},void 0,b.map((a,b)=>{const c=i(a),k=c&&0<c.length||!1,l=g(a),m=f(a),n=k?a=>{null===l||void 0===l?void 0:l(a),c&&j({items:c,label:m})}:l;return _jsx(VerticalMenuItem,{label:m,href:e(a),active:d(a),onClick:n,target:h(a),withSubMenu:k},b)})))};
|
|
2
|
+
//# sourceMappingURL=VerticalMenuLevel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/VerticalMenu/VerticalMenuLevel/VerticalMenuLevel.tsx"],"names":["React","cn","VerticalMenuItem","Text","IconArrowLeft","Button","cnMixSpace","cnVerticalMenuLevel","VerticalMenuLevel","props","items","className","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","addLevel","removeLevel","label","levelLabel","header","otherProps","p","pL","mL","map","item","index","subMenu","withSubMenu","length","itemClick","onClick","e"],"mappings":"kIAAA,MAAOA,CAAAA,KAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,mCAGA,gCACA,OAASC,gBAAT,4CACA,OAASC,IAAT,KAAqB,oBAArB,CACA,OAASC,aAAT,KAA8B,6BAA9B,CACA,OAASC,MAAT,KAAuB,sBAAvB,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAEA,gCAEA,MAAO,MAAMC,CAAAA,mBAAmB,CAAGN,EAAE,CAAC,mBAAD,CAA9B,CAEP,MAAO,MAAMO,CAAAA,iBAA6C,CAAGC,CAAK,EAAI,CACpE,KAAM,CACJC,KAAK,CAALA,CADI,CAEJC,SAAS,CAATA,CAFI,CAGJC,aAAa,CAAbA,CAHI,CAIJC,WAAW,CAAXA,CAJI,CAKJC,YAAY,CAAZA,CALI,CAMJC,cAAc,CAAdA,CANI,CAOJC,aAAa,CAAbA,CAPI,CAQJC,cAAc,CAAdA,CARI,CASJC,QAAQ,CAARA,CATI,CAUJC,WAAW,CAAXA,CAVI,CAWJC,KAAK,CAAEC,CAXH,CAYJC,MAAM,CAANA,CAZI,EAcFb,CAdJ,CAaKc,CAbL,0BAcId,CAdJ,iKAgBA,MACE,4CAASc,CAAT,EAAqB,SAAS,CAAEhB,mBAAmB,CAAC,IAAD,CAAO,CAACI,CAAD,CAAP,CAAnD,GACGU,CAAU,EACT,YAAK,SAAS,CAAEd,mBAAmB,CAAC,QAAD,CAAW,CAACD,UAAU,CAAC,CAAEkB,CAAC,CAAE,GAAL,CAAUC,EAAE,CAAE,IAAd,CAAD,CAAX,CAAX,CAAnC,SACE,KAAC,MAAD,EAAQ,QAAQ,CAAErB,aAAlB,CAAiC,IAAI,CAAC,OAAtC,CAA8C,IAAI,CAAC,GAAnD,CAAuD,OAAO,CAAEe,CAAhE,EADF,CAEE,KAAC,IAAD,EAAM,SAAS,CAAEb,UAAU,CAAC,CAAEoB,EAAE,CAAE,GAAN,CAAD,CAA3B,CAA0C,QAAQ,GAAlD,SACGL,CADH,CAFF,CAFJ,CASGC,CATH,CAUE,YAAK,SAAS,CAAEf,mBAAmB,CAAC,KAAD,CAAnC,SACGG,CAAK,CAACiB,GAAN,CAAU,CAACC,CAAD,CAAOC,CAAP,GAAiB,MACpBC,CAAAA,CAAO,CAAGb,CAAc,CAACW,CAAD,CADJ,CAEpBG,CAAW,CAAID,CAAO,EAAqB,CAAjB,CAAAA,CAAO,CAACE,MAApB,IAFM,CAGpBC,CAAS,CAAGlB,CAAc,CAACa,CAAD,CAHN,CAIpBR,CAAK,CAAGN,CAAY,CAACc,CAAD,CAJA,CAKpBM,CAAO,CAAGH,CAAW,CACtBI,CAAD,EAA8C,QAC5CF,CAD4C,WAC5CA,CAD4C,QAC5CA,CAAS,CAAGE,CAAH,CADmC,CAE5CL,CAAO,EAAIZ,CAAQ,CAAC,CAAER,KAAK,CAAEoB,CAAT,CAAkBV,KAAK,CAALA,CAAlB,CAAD,CACpB,CAJsB,CAKvBa,CAVsB,CAW1B,MACE,MAAC,gBAAD,EAEE,KAAK,CAAEb,CAFT,CAGE,IAAI,CAAEP,CAAW,CAACe,CAAD,CAHnB,CAIE,MAAM,CAAEhB,CAAa,CAACgB,CAAD,CAJvB,CAKE,OAAO,CAAEM,CALX,CAME,MAAM,CAAElB,CAAa,CAACY,CAAD,CANvB,CAOE,WAAW,CAAEG,CAPf,EACOF,CADP,CAUH,CAtBA,CADH,CAVF,CAqCH,CAvDM","sourcesContent":["import React from 'react'\n\nimport { cn } from '@/__private__/utils/bem'\n\nimport { VerticalMenuLevelComponent } from '../types'\nimport './VerticalMenuLevel.css'\nimport { VerticalMenuItem } from '../VerticalMenuItem/VerticalMenuItem'\nimport { Text } from '@consta/uikit/Text'\nimport { IconArrowLeft } from '@consta/uikit/IconArrowLeft'\nimport { Button } from '@consta/uikit/Button'\nimport { cnMixSpace } from '@consta/uikit/MixSpace'\n\nimport './VerticalMenuLevel.css'\n\nexport const cnVerticalMenuLevel = cn('VerticalMenuLevel')\n\nexport const VerticalMenuLevel: VerticalMenuLevelComponent = props => {\n const {\n items,\n className,\n getItemActive,\n getItemHref,\n getItemLabel,\n getItemOnClick,\n getItemTarget,\n getItemSubMenu,\n addLevel,\n removeLevel,\n label: levelLabel,\n header,\n ...otherProps\n } = props\n\n return (\n <div {...otherProps} className={cnVerticalMenuLevel(null, [className])}>\n {levelLabel && (\n <div className={cnVerticalMenuLevel('Header', [cnMixSpace({ p: 's', pL: 'xl' })])}>\n <Button iconLeft={IconArrowLeft} view=\"clear\" size=\"s\" onClick={removeLevel} />\n <Text className={cnMixSpace({ mL: 's' })} truncate>\n {levelLabel}\n </Text>\n </div>\n )}\n {header}\n <nav className={cnVerticalMenuLevel('Nav')}>\n {items.map((item, index) => {\n const subMenu = getItemSubMenu(item)\n const withSubMenu = (subMenu && subMenu.length > 0) || false\n const itemClick = getItemOnClick(item)\n const label = getItemLabel(item)\n const onClick = withSubMenu\n ? (e: React.MouseEvent<Element, MouseEvent>) => {\n itemClick?.(e)\n subMenu && addLevel({ items: subMenu, label })\n }\n : itemClick\n return (\n <VerticalMenuItem\n key={index}\n label={label}\n href={getItemHref(item)}\n active={getItemActive(item)}\n onClick={onClick}\n target={getItemTarget(item)}\n withSubMenu={withSubMenu}\n />\n )\n })}\n </nav>\n </div>\n )\n}\n"],"file":"VerticalMenuLevel.js"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { DefaultItem, VerticalMenuProps, VerticalMenuPropGetItemActive, VerticalMenuPropGetItemHref, VerticalMenuPropGetItemLabel, VerticalMenuPropGetItemOnClick, VerticalMenuPropGetItemSubMenu, VerticalMenuPropGetItemTarget, VerticalMenuPropOnItemClick } from "./types";
|
|
3
|
+
export declare const defaultGetItemLabel: VerticalMenuPropGetItemLabel<DefaultItem>;
|
|
4
|
+
export declare const defaultGetItemActive: VerticalMenuPropGetItemActive<DefaultItem>;
|
|
5
|
+
export declare const defaultGetItemHref: VerticalMenuPropGetItemHref<DefaultItem>;
|
|
6
|
+
export declare const defaultGetItemOnClick: VerticalMenuPropGetItemOnClick<DefaultItem>;
|
|
7
|
+
export declare const defaultGetItemTarget: VerticalMenuPropGetItemTarget<DefaultItem>;
|
|
8
|
+
export declare const defaultGetItemSubMenu: VerticalMenuPropGetItemSubMenu<DefaultItem>;
|
|
9
|
+
export declare function withDefaultGetters<ITEM>(props: VerticalMenuProps<ITEM>): {
|
|
10
|
+
items: ITEM[];
|
|
11
|
+
getItemHref?: VerticalMenuPropGetItemHref<ITEM> | undefined;
|
|
12
|
+
getItemLabel?: VerticalMenuPropGetItemLabel<ITEM> | undefined;
|
|
13
|
+
getItemTarget?: VerticalMenuPropGetItemTarget<ITEM> | undefined;
|
|
14
|
+
getItemActive?: VerticalMenuPropGetItemActive<ITEM> | undefined;
|
|
15
|
+
getItemOnClick?: VerticalMenuPropGetItemOnClick<ITEM> | undefined;
|
|
16
|
+
getItemSubMenu?: VerticalMenuPropGetItemSubMenu<ITEM> | undefined;
|
|
17
|
+
onItemClick?: VerticalMenuPropOnItemClick<ITEM> | undefined;
|
|
18
|
+
header?: import("react").ReactNode;
|
|
19
|
+
} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & (ITEM extends {
|
|
20
|
+
label: string;
|
|
21
|
+
} ? {} : {
|
|
22
|
+
getItemLabel: VerticalMenuPropGetItemLabel<ITEM>;
|
|
23
|
+
}) & {
|
|
24
|
+
getItemLabel: VerticalMenuPropGetItemLabel<DefaultItem> | VerticalMenuPropGetItemLabel<ITEM>;
|
|
25
|
+
getItemActive: VerticalMenuPropGetItemActive<DefaultItem> | VerticalMenuPropGetItemActive<ITEM>;
|
|
26
|
+
getItemHref: VerticalMenuPropGetItemHref<DefaultItem> | VerticalMenuPropGetItemHref<ITEM>;
|
|
27
|
+
getItemOnClick: VerticalMenuPropGetItemOnClick<DefaultItem> | VerticalMenuPropGetItemOnClick<ITEM>;
|
|
28
|
+
getItemTarget: VerticalMenuPropGetItemTarget<DefaultItem> | VerticalMenuPropGetItemTarget<ITEM>;
|
|
29
|
+
getItemSubMenu: VerticalMenuPropGetItemSubMenu<DefaultItem> | VerticalMenuPropGetItemSubMenu<ITEM>;
|
|
30
|
+
};
|
|
31
|
+
export declare function getItemClick<ITEM>(item: ITEM, getItemOnClick: VerticalMenuPropGetItemOnClick<ITEM>, onItemClick?: VerticalMenuPropOnItemClick<ITEM>): React.MouseEventHandler;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import _objectSpread from"@babel/runtime/helpers/objectSpread";export const defaultGetItemLabel=a=>a.label;export const defaultGetItemActive=a=>a.active;export const defaultGetItemHref=a=>a.href;export const defaultGetItemOnClick=a=>a.onClick;export const defaultGetItemTarget=a=>a.target;export const defaultGetItemSubMenu=a=>a.subMenu;export function withDefaultGetters(a){return _objectSpread({},a,{getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemActive:a.getItemActive||defaultGetItemActive,getItemHref:a.getItemHref||defaultGetItemHref,getItemOnClick:a.getItemOnClick||defaultGetItemOnClick,getItemTarget:a.getItemTarget||defaultGetItemTarget,getItemSubMenu:a.getItemSubMenu||defaultGetItemSubMenu})}export function getItemClick(a,b,c){return d=>{var e;null===c||void 0===c?void 0:c({e:d,item:a}),null===(e=b(a))||void 0===e?void 0:e(d)}}
|
|
2
|
+
//# sourceMappingURL=helpers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/VerticalMenu/helpers.ts"],"names":["defaultGetItemLabel","item","label","defaultGetItemActive","active","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemTarget","target","defaultGetItemSubMenu","subMenu","withDefaultGetters","props","getItemLabel","getItemActive","getItemHref","getItemOnClick","getItemTarget","getItemSubMenu","getItemClick","onItemClick","e"],"mappings":"+DAYA,MAAO,MAAMA,CAAAA,mBAA8D,CAAGC,CAAI,EAAIA,CAAI,CAACC,KAApF,CACP,MAAO,MAAMC,CAAAA,oBAAgE,CAAGF,CAAI,EAAIA,CAAI,CAACG,MAAtF,CACP,MAAO,MAAMC,CAAAA,kBAA4D,CAAGJ,CAAI,EAAIA,CAAI,CAACK,IAAlF,CACP,MAAO,MAAMC,CAAAA,qBAAkE,CAAGN,CAAI,EACpFA,CAAI,CAACO,OADA,CAEP,MAAO,MAAMC,CAAAA,oBAAgE,CAAGR,CAAI,EAAIA,CAAI,CAACS,MAAtF,CACP,MAAO,MAAMC,CAAAA,qBAAkE,CAAGV,CAAI,EACpFA,CAAI,CAACW,OADA,CAGP,MAAO,SAASC,CAAAA,kBAAT,CAAkCC,CAAlC,CAAkE,CACvE,wBACKA,CADL,EAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBf,mBAFtC,CAGEgB,aAAa,CAAEF,CAAK,CAACE,aAAN,EAAuBb,oBAHxC,CAIEc,WAAW,CAAEH,CAAK,CAACG,WAAN,EAAqBZ,kBAJpC,CAKEa,cAAc,CAAEJ,CAAK,CAACI,cAAN,EAAwBX,qBAL1C,CAMEY,aAAa,CAAEL,CAAK,CAACK,aAAN,EAAuBV,oBANxC,CAOEW,cAAc,CAAEN,CAAK,CAACM,cAAN,EAAwBT,qBAP1C,EASD,CAED,MAAO,SAASU,CAAAA,YAAT,CACLpB,CADK,CAELiB,CAFK,CAGLI,CAHK,CAIoB,CACzB,MAAOC,CAAAA,CAAC,EAAI,cACVD,CADU,WACVA,CADU,QACVA,CAAW,CAAG,CAAEC,CAAC,CAADA,CAAF,CAAKtB,IAAI,CAAJA,CAAL,CAAH,CADD,WAEViB,CAAc,CAACjB,CAAD,CAFJ,qBAEV,EAAuBsB,CAAvB,CACD,CACF","sourcesContent":["import {\n DefaultItem,\n VerticalMenuProps,\n VerticalMenuPropGetItemActive,\n VerticalMenuPropGetItemHref,\n VerticalMenuPropGetItemLabel,\n VerticalMenuPropGetItemOnClick,\n VerticalMenuPropGetItemSubMenu,\n VerticalMenuPropGetItemTarget,\n VerticalMenuPropOnItemClick,\n} from './types'\n\nexport const defaultGetItemLabel: VerticalMenuPropGetItemLabel<DefaultItem> = item => item.label\nexport const defaultGetItemActive: VerticalMenuPropGetItemActive<DefaultItem> = item => item.active\nexport const defaultGetItemHref: VerticalMenuPropGetItemHref<DefaultItem> = item => item.href\nexport const defaultGetItemOnClick: VerticalMenuPropGetItemOnClick<DefaultItem> = item =>\n item.onClick\nexport const defaultGetItemTarget: VerticalMenuPropGetItemTarget<DefaultItem> = item => item.target\nexport const defaultGetItemSubMenu: VerticalMenuPropGetItemSubMenu<DefaultItem> = item =>\n item.subMenu\n\nexport function withDefaultGetters<ITEM>(props: VerticalMenuProps<ITEM>) {\n return {\n ...props,\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 getItemClick<ITEM>(\n item: ITEM,\n getItemOnClick: VerticalMenuPropGetItemOnClick<ITEM>,\n onItemClick?: VerticalMenuPropOnItemClick<ITEM>\n): React.MouseEventHandler {\n return e => {\n onItemClick?.({ e, item })\n getItemOnClick(item)?.(e)\n }\n}\n"],"file":"helpers.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./VerticalMenu";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/VerticalMenu/index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from './VerticalMenu'\n"],"file":"index.js"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { PropsWithHTMLAttributesAndRef, PropsWithHTMLAttributes } from "../__private__/utils/types/PropsWithHTMLAttributes";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export declare type DefaultItem = {
|
|
4
|
+
label: string;
|
|
5
|
+
href?: string;
|
|
6
|
+
target?: string;
|
|
7
|
+
active?: boolean;
|
|
8
|
+
onClick?: React.EventHandler<React.MouseEvent>;
|
|
9
|
+
subMenu?: DefaultItem[];
|
|
10
|
+
};
|
|
11
|
+
export declare type VerticalMenuPropGetItemLabel<ITEM> = (item: ITEM) => string;
|
|
12
|
+
export declare type VerticalMenuPropGetItemHref<ITEM> = (item: ITEM) => string | undefined;
|
|
13
|
+
export declare type VerticalMenuPropGetItemTarget<ITEM> = (item: ITEM) => string | undefined;
|
|
14
|
+
export declare type VerticalMenuPropGetItemActive<ITEM> = (item: ITEM) => boolean | undefined;
|
|
15
|
+
export declare type VerticalMenuPropGetItemSubMenu<ITEM> = (item: ITEM) => ITEM[] | undefined;
|
|
16
|
+
export declare type VerticalMenuPropGetItemOnClick<ITEM> = (item: ITEM) => React.EventHandler<React.MouseEvent> | undefined;
|
|
17
|
+
export declare type VerticalMenuPropOnItemClick<ITEM> = (props: {
|
|
18
|
+
e: React.MouseEvent;
|
|
19
|
+
item: ITEM;
|
|
20
|
+
}) => void;
|
|
21
|
+
export declare type VerticalMenuProps<ITEM = DefaultItem> = PropsWithHTMLAttributes<{
|
|
22
|
+
items: ITEM[];
|
|
23
|
+
getItemHref?: VerticalMenuPropGetItemHref<ITEM>;
|
|
24
|
+
getItemLabel?: VerticalMenuPropGetItemLabel<ITEM>;
|
|
25
|
+
getItemTarget?: VerticalMenuPropGetItemTarget<ITEM>;
|
|
26
|
+
getItemActive?: VerticalMenuPropGetItemActive<ITEM>;
|
|
27
|
+
getItemOnClick?: VerticalMenuPropGetItemOnClick<ITEM>;
|
|
28
|
+
getItemSubMenu?: VerticalMenuPropGetItemSubMenu<ITEM>;
|
|
29
|
+
onItemClick?: VerticalMenuPropOnItemClick<ITEM>;
|
|
30
|
+
header?: React.ReactNode;
|
|
31
|
+
}, HTMLDivElement> & (ITEM extends {
|
|
32
|
+
label: DefaultItem['label'];
|
|
33
|
+
} ? {} : {
|
|
34
|
+
getItemLabel: VerticalMenuPropGetItemLabel<ITEM>;
|
|
35
|
+
});
|
|
36
|
+
export declare type VerticalMenuComponent = <ITEM = DefaultItem>(props: VerticalMenuProps<ITEM>) => React.ReactElement | null;
|
|
37
|
+
export declare type Level<ITEM> = {
|
|
38
|
+
items: ITEM[];
|
|
39
|
+
label?: string;
|
|
40
|
+
};
|
|
41
|
+
export declare type VerticalMenuLevelProps<ITEM = DefaultItem> = PropsWithHTMLAttributesAndRef<{
|
|
42
|
+
items: ITEM[];
|
|
43
|
+
getItemHref: VerticalMenuPropGetItemHref<ITEM>;
|
|
44
|
+
getItemLabel: VerticalMenuPropGetItemLabel<ITEM>;
|
|
45
|
+
getItemTarget: VerticalMenuPropGetItemTarget<ITEM>;
|
|
46
|
+
getItemActive: VerticalMenuPropGetItemActive<ITEM>;
|
|
47
|
+
getItemOnClick: VerticalMenuPropGetItemOnClick<ITEM>;
|
|
48
|
+
getItemSubMenu: VerticalMenuPropGetItemSubMenu<ITEM>;
|
|
49
|
+
addLevel: (level: Level<ITEM>) => void;
|
|
50
|
+
removeLevel: () => void;
|
|
51
|
+
label?: string;
|
|
52
|
+
header?: React.ReactNode;
|
|
53
|
+
}, HTMLDivElement>;
|
|
54
|
+
export declare type VerticalMenuLevelComponent = <ITEM = DefaultItem>(props: VerticalMenuLevelProps<ITEM>) => React.ReactElement | null;
|
|
55
|
+
export declare type VerticalMenuItemProps = PropsWithHTMLAttributes<{
|
|
56
|
+
label: string;
|
|
57
|
+
href?: string;
|
|
58
|
+
target?: string;
|
|
59
|
+
active?: boolean;
|
|
60
|
+
onClick?: React.EventHandler<React.MouseEvent>;
|
|
61
|
+
withSubMenu?: boolean;
|
|
62
|
+
}, HTMLSpanElement>;
|
|
63
|
+
export declare type VerticalMenuItemComponent = (props: VerticalMenuItemProps) => React.ReactElement | null;
|