frst-components 0.26.8 → 0.26.9
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/dist/index.js +66 -24
- package/dist/src/components/global-menu/components/index.d.ts +3 -0
- package/dist/src/components/global-menu/components/index.d.ts.map +1 -0
- package/dist/src/components/global-menu/index.d.ts +1 -1
- package/dist/src/components/global-menu/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/src/components/global-menu/components/customMenu/index.d.ts +0 -2
- package/dist/src/components/global-menu/components/customMenu/index.d.ts.map +0 -1
package/dist/index.js
CHANGED
|
@@ -14165,7 +14165,7 @@ function NotificationPopOver(props) {
|
|
|
14165
14165
|
}) })) : (jsxRuntime.jsx(emptyState, { children: jsxRuntime.jsxs(emptyStateInfo, { children: [jsxRuntime.jsx("img", { src: emptyStateImage, alt: "Empty notification list" }), jsxRuntime.jsx("span", { children: props.textEmptyState })] }) }))] }) })) }));
|
|
14166
14166
|
}
|
|
14167
14167
|
|
|
14168
|
-
function GlobalMenu({ variant, menu, customMenu, user, search, notification, languages, languageSelected, onChangeLanguage, style, textNotification, onClickSite, onClickLinkedin, onClickInstagram, onClickYoutube, onClickSpotify, onClickPodCast, onClickProfileMenuText, onClickExit, profileMenuText, showSearchField, marginTopSubMenu, hiddenProfileMenu, onClickLogo, onClickMenuHamburger, showHelp, onClickHelp, showProfile = true }) {
|
|
14168
|
+
function GlobalMenu({ variant, menu, customMenu, user, search, notification, languages, languageSelected, onChangeLanguage, style, textNotification, onClickSite, onClickLinkedin, onClickInstagram, onClickYoutube, onClickSpotify, onClickPodCast, onClickProfileMenuText, onClickExit, profileMenuText, showSearchField, marginTopSubMenu, hiddenProfileMenu, onClickLogo, onClickMenuHamburger, showHelp, onClickHelp, showProfile = true, InputField }) {
|
|
14169
14169
|
const [valueSearch, setValueSearch] = React.useState(search.value);
|
|
14170
14170
|
const [valueListSearch, setValueListSearch] = React.useState(search.listEntry);
|
|
14171
14171
|
const [loadingSearch, setLoadingSearch] = React.useState(search.loading);
|
|
@@ -14270,33 +14270,56 @@ function GlobalMenu({ variant, menu, customMenu, user, search, notification, lan
|
|
|
14270
14270
|
paddingRight: windowSize[0] > 1400 ? '124px' : isMobileVersion ? '12px' : '35px',
|
|
14271
14271
|
paddingLeft: windowSize[0] > 1400 ? '124px' : isMobileVersion ? '12px' : '35px',
|
|
14272
14272
|
...style
|
|
14273
|
-
}, children: [isMobileVersion && !HideHambMenu && (jsxRuntime.jsx(HamburgerButton, { onClick: () => onClickMenuHamburger(), children: jsxRuntime.jsx(IconHamburgerMenu, {}) })), isMobileVersion && HideHambMenu && (jsxRuntime.jsx(ArrowButton, { onClick: () => setControlExpandedSearchMobile(false), children: jsxRuntime.jsx(BackArrow, { fill: FRSTTheme['colors'].selectItens }) })), isTabletVersion && (jsxRuntime.jsx(HamburgerButton, { onClick: () => onClickMenuHamburger(), children: jsxRuntime.jsx(IconHamburgerMenu, {}) })), !isMobileVersion && (jsxRuntime.jsx(WrapperLogo, { onClick: () => onClickLogo(), style: { marginRight: isTabletVersion && 32 }, children: jsxRuntime.jsx(FRSTLogo, { height: "28", fill: FRSTTheme['colors'].primary1 }) })), showLogo && (jsxRuntime.jsx(WrapperLogo, { onClick: () => onClickLogo(), style: { marginRight: '0px' }, children: jsxRuntime.jsx(FRSTLogo, { height: "28", fill: FRSTTheme['colors'].primary1 }) })), jsxRuntime.jsxs(WrapperMenu, { style: { height: '100%', justifyContent: 'space-between' }, children: [!isMobileVersion &&
|
|
14274
|
-
|
|
14275
|
-
|
|
14273
|
+
}, children: [isMobileVersion && !HideHambMenu && (jsxRuntime.jsx(HamburgerButton, { onClick: () => onClickMenuHamburger(), children: jsxRuntime.jsx(IconHamburgerMenu, {}) })), isMobileVersion && HideHambMenu && (jsxRuntime.jsx(ArrowButton, { onClick: () => setControlExpandedSearchMobile(false), children: jsxRuntime.jsx(BackArrow, { fill: FRSTTheme['colors'].selectItens }) })), isTabletVersion && (jsxRuntime.jsx(HamburgerButton, { onClick: () => onClickMenuHamburger(), children: jsxRuntime.jsx(IconHamburgerMenu, {}) })), !isMobileVersion && (jsxRuntime.jsx(WrapperLogo, { onClick: () => onClickLogo(), style: { marginRight: isTabletVersion && 32 }, children: jsxRuntime.jsx(FRSTLogo, { height: "28", fill: FRSTTheme['colors'].primary1 }) })), showLogo && (jsxRuntime.jsx(WrapperLogo, { onClick: () => onClickLogo(), style: { marginRight: '0px' }, children: jsxRuntime.jsx(FRSTLogo, { height: "28", fill: FRSTTheme['colors'].primary1 }) })), jsxRuntime.jsxs(WrapperMenu, { style: { height: '100%', justifyContent: 'space-between', alignItems: 'center' }, children: [!isMobileVersion &&
|
|
14274
|
+
showSearchField &&
|
|
14275
|
+
(InputField ? (jsxRuntime.jsx(InputField, {})) : (jsxRuntime.jsx(FieldSearch, { variant: "LXP", value: valueSearch, placeholder: search.label, onFilter: search.onFilter, loading: loadingSearch, textLoading: search.textLoading, setFieldSearchIsOpen: setControlExpandedSearchMobile, fieldSearchIsOpen: controlExpandedSearchMobile, isLabeledResult: search.isLabeledResult, listResults: search.isLabeledResult ? null : valueListSearch, labeledResultList: search.isLabeledResult ? valueListSearch : null, historicResults: search.historicResults, isMobileVersion: isMobileVersion, hasOptionSeeAll: search.hasOptionSeeAll, seeAll: search.seeAll, style: {
|
|
14276
|
+
width: windowSize[0] < 830
|
|
14277
|
+
? '230px'
|
|
14278
|
+
: windowSize[0] > 1500
|
|
14279
|
+
? '428px'
|
|
14280
|
+
: '332px'
|
|
14281
|
+
} }))), jsxRuntime.jsxs(MenuContainer, { variant: variant, style: {
|
|
14276
14282
|
height: '100%',
|
|
14277
14283
|
paddingLeft: isMobileVersion ? '0' : windowSize[0] * 0.03 + 'px',
|
|
14278
14284
|
paddingRight: isMobileVersion ? '0' : windowSize[0] * 0.03 + 'px',
|
|
14279
14285
|
justifyContent: isMobileVersion ? 'space-between' : 'flex-end'
|
|
14280
|
-
}, children: [isMobileVersion &&
|
|
14281
|
-
|
|
14282
|
-
|
|
14283
|
-
|
|
14286
|
+
}, children: [isMobileVersion &&
|
|
14287
|
+
(InputField ? (jsxRuntime.jsx(InputField, {})) : (jsxRuntime.jsx(FieldSearch, { variant: "LXP", value: valueSearch, onChange: (e) => handleChangeValueSearch(e.target.value), placeholder: search.label, onFilter: search.onFilter, loading: loadingSearch, textLoading: search.textLoading, fieldSearchIsOpen: controlExpandedSearchMobile, setFieldSearchIsOpen: setControlExpandedSearchMobile, isLabeledResult: search.isLabeledResult, listResults: search.isLabeledResult ? null : valueListSearch, labeledResultList: search.isLabeledResult ? valueListSearch : null, historicResults: search.historicResults, isMobileVersion: isMobileVersion, hasOptionSeeAll: search.hasOptionSeeAll, seeAll: search.seeAll, style: {
|
|
14288
|
+
width: isMobileVersion ? '180px' : '332px'
|
|
14289
|
+
// marginLeft: controlExpandedSearchMobile ? '-25px' : '-50px'
|
|
14290
|
+
} }))), !isMobileVersion &&
|
|
14284
14291
|
!isTabletVersion &&
|
|
14285
14292
|
menu &&
|
|
14286
14293
|
menu.length > 0 &&
|
|
14287
14294
|
menu.map((item, index) => {
|
|
14288
|
-
return (jsxRuntime.jsx(ItemGlobalMenu, { label: item.label, variant: "LXP", type: "menu", pressed: item.id === SelectedItem || item.active, icon: item.iconBegin, handleOnClick: () => handleClickItem(item), style: {
|
|
14289
|
-
|
|
14295
|
+
return (jsxRuntime.jsx(ItemGlobalMenu, { label: item.label, variant: "LXP", type: "menu", pressed: item.id === SelectedItem || item.active, icon: item.iconBegin, handleOnClick: () => handleClickItem(item), style: {
|
|
14296
|
+
paddingRight: '10px',
|
|
14297
|
+
paddingLeft: '10px',
|
|
14298
|
+
height: '100%'
|
|
14299
|
+
} }, item.id ? item.id : index));
|
|
14300
|
+
}), !isMobileVersion && !isTabletVersion && notification && (jsxRuntime.jsxs("div", { style: { position: 'relative' }, children: [jsxRuntime.jsx(ItemGlobalMenu, { label: textNotification, variant: "LXP", type: "menu", pressed: false, handleOnClick: () => onClickNotification, icon: jsxRuntime.jsx(IconNotification, { fill: FRSTTheme['colors'].shadeWhite }), style: { paddingRight: '10px', paddingLeft: '10px', height: '100%' }, customMenu: customMenu }), hasNewNotification ? (jsxRuntime.jsx("div", { style: {
|
|
14301
|
+
position: 'absolute',
|
|
14302
|
+
marginLeft: '50%',
|
|
14303
|
+
marginTop: '-54px'
|
|
14304
|
+
}, children: jsxRuntime.jsx(HasNotificationIcon, {}) })) : null, jsxRuntime.jsx(NotificationPopOver, { handleClickMarkRead: notification.handleClickMarkRead, isOpen: openNotification, anchor: anchorNotification, textEmptyState: notification.textEmptyState, notificationList: updatedNotificationList, textMarkAllAsRead: notification.textMarkAllAsRead, textNotification: notification.textNotification, isMobile: false, setOnAreaPopOver: (e) => setOnAreaPopOver(e), textBack: notification.textBack, handleClickBack: () => handleCloseNotification(), textDeleteAll: notification.textDeleteAll, handleClickDeleteAll: notification.handleClickDeleteAll })] })), isMobileVersion && notification && (jsxRuntime.jsx(WrapperIconNotificationMobile, { onClick: onClickNotification, style: {
|
|
14290
14305
|
borderBottom: openNotificationMobile && windowSize[0] <= 650
|
|
14291
14306
|
? `4px solid ${FRSTTheme['colors'].primary1}`
|
|
14292
14307
|
: '',
|
|
14293
14308
|
height: windowSize[0] <= 650 ? '100%' : 'auto'
|
|
14294
|
-
}, children: jsxRuntime.jsxs("span", { style: {
|
|
14309
|
+
}, children: jsxRuntime.jsxs("span", { style: {
|
|
14310
|
+
display: 'inline-flex',
|
|
14311
|
+
justifyContent: 'flex-start',
|
|
14312
|
+
alignItems: 'center'
|
|
14313
|
+
}, children: [jsxRuntime.jsx(IconNotification, { fill: FRSTTheme['colors'].shadeWhite }), ' ', hasNewNotification ? (jsxRuntime.jsxs("div", { style: { marginLeft: '-12px' }, children: [' ', jsxRuntime.jsx(HasNotificationIcon, {}), ' '] })) : null] }) })), isTabletVersion && notification && (jsxRuntime.jsxs(WrapperIconNotificationMobile, { onClick: onClickNotification, style: {
|
|
14295
14314
|
borderBottom: openNotificationMobile && windowSize[0] <= 650
|
|
14296
14315
|
? `4px solid ${FRSTTheme['colors'].primary1}`
|
|
14297
14316
|
: '',
|
|
14298
14317
|
height: windowSize[0] <= 650 ? '100%' : 'auto'
|
|
14299
|
-
}, children: [jsxRuntime.jsxs("span", { style: {
|
|
14318
|
+
}, children: [jsxRuntime.jsxs("span", { style: {
|
|
14319
|
+
display: 'inline-flex',
|
|
14320
|
+
justifyContent: 'flex-start',
|
|
14321
|
+
alignItems: 'center'
|
|
14322
|
+
}, children: [jsxRuntime.jsx(IconNotification, { fill: FRSTTheme['colors'].shadeWhite }), ' ', hasNewNotification ? (jsxRuntime.jsxs("div", { style: { marginLeft: '-12px' }, children: [' ', jsxRuntime.jsx(HasNotificationIcon, {}), ' '] })) : null] }), windowSize[0] >= 700 ? (jsxRuntime.jsx(NotificationPopOver, { handleClickMarkRead: notification.handleClickMarkRead, isOpen: openNotificationMobile, anchor: anchorNotification, textEmptyState: notification.textEmptyState, notificationList: updatedNotificationList, textMarkAllAsRead: notification.textMarkAllAsRead, textNotification: notification.textNotification, isMobile: false, setOnAreaPopOver: (e) => setOnAreaPopOver(e), textBack: notification.textBack, handleClickBack: () => handleCloseNotification(), textDeleteAll: notification.textDeleteAll, handleClickDeleteAll: notification.handleClickDeleteAll })) : null] }))] })] }), jsxRuntime.jsxs(WrapperRightInfo, { children: [jsxRuntime.jsx(DropdownProfileMenu, { variant: "LXP", user: user, profileMenuText: profileMenuText, handleProfileMenuClick: onClickProfileMenuText, menuItems: user && user.menuItems, isMobileVersion: isMobileVersion, hiddenProfileMenu: hiddenProfileMenu, showProfile: showProfile, style: {
|
|
14300
14323
|
marginLeft: isMobileVersion ? '0px' : '5px',
|
|
14301
14324
|
marginRight: isMobileVersion ? '0px' : '5px'
|
|
14302
14325
|
} }), customMenu?.map((item, index) => (jsxRuntime.jsx(ItemGlobalMenu, { label: isMobileVersion ? '' : item.label, variant: "LXP", type: "menu", pressed: item.id === SelectedItem || item.active, icon: item.iconBegin, handleOnClick: () => handleClickItem(item), customMenu: customMenu, style: {
|
|
@@ -14311,7 +14334,13 @@ function GlobalMenu({ variant, menu, customMenu, user, search, notification, lan
|
|
|
14311
14334
|
}, children: SubMenu.map((item, index) => {
|
|
14312
14335
|
return (jsxRuntime.jsx(ItemGlobalMenu, { label: item.label, variant: "LXP", type: "submenu", handleOnClick: () => item.onClick('tes'), style: { paddingRight: '10px', paddingLeft: '10px' } }, item.id ? item.id : index));
|
|
14313
14336
|
}) }))] }), openNotificationMobile && windowSize[0] < 700 ? (jsxRuntime.jsx(NotificationPopOver, { handleClickMarkRead: notification.handleClickMarkRead, isOpen: openNotificationMobile, anchor: anchorNotification, textEmptyState: notification.textEmptyState, notificationList: updatedNotificationList, textMarkAllAsRead: notification.textMarkAllAsRead, textNotification: notification.textNotification, isMobile: true, setOnAreaPopOver: (e) => setOnAreaPopOver(e), textBack: notification.textBack, handleClickBack: () => handleCloseNotification(), textDeleteAll: notification.textDeleteAll, handleClickDeleteAll: notification.handleClickDeleteAll })) : null] })) : variant === 'default' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(MenuMobile, { onClickExit: onClickExit, languageSelected: languageSelected, variant: 'default', items: menu, isVisible: isVisibleMenuMobile, setVisible: (e) => setIsVisibleMenuMobile(e), onClickSite: onClickSite, onClickLinkedin: onClickLinkedin, onClickInstagram: onClickInstagram, onClickYoutube: onClickYoutube, onClickSpotify: onClickSpotify, onClickPodCast: onClickPodCast, customMenu: customMenu }), jsxRuntime.jsx("div", { style: { width: '100%', display: 'flex', flexDirection: 'column' }, children: jsxRuntime.jsxs(MenuContainer, { variant: variant, style: {
|
|
14314
|
-
paddingRight: windowSize[0] > 1400
|
|
14337
|
+
paddingRight: windowSize[0] > 1400
|
|
14338
|
+
? '70px'
|
|
14339
|
+
: windowSize[0] > 1199
|
|
14340
|
+
? '50px'
|
|
14341
|
+
: windowSize[0] < 500
|
|
14342
|
+
? '10px'
|
|
14343
|
+
: '35px',
|
|
14315
14344
|
paddingLeft: windowSize[0] > 1400
|
|
14316
14345
|
? '170px'
|
|
14317
14346
|
: windowSize[0] > 1199
|
|
@@ -14320,15 +14349,20 @@ function GlobalMenu({ variant, menu, customMenu, user, search, notification, lan
|
|
|
14320
14349
|
? '10px'
|
|
14321
14350
|
: '35px',
|
|
14322
14351
|
...style
|
|
14323
|
-
}, children: [isMobileVersion && (jsxRuntime.jsx(HamburgerButton, { style: { marginLeft: 0 }, onClick: () => onClickMenuHamburger(), children: jsxRuntime.jsx(IconHamburgerMenu, {}) })), isTabletVersion && (jsxRuntime.jsx(HamburgerButton, { onClick: () => onClickMenuHamburger(), children: jsxRuntime.jsx(IconHamburgerMenu, {}) })), !isMobileVersion && !isTabletVersion && (jsxRuntime.jsx(WrapperLogo, { onClick: () => onClickLogo(), children: jsxRuntime.jsx(FRSTLogo, { height: "28", fill: FRSTTheme['colors'].primary1 }) })), showLogo && (jsxRuntime.jsx(WrapperLogo, { onClick: () => onClickLogo(), style: { marginRight: '0px' }, children: jsxRuntime.jsx(FRSTLogo, { height: "28", fill: FRSTTheme['colors'].primary1 }) })), jsxRuntime.jsx(WrapperMenu, { style: { height: '100%' }, children: !isMobileVersion &&
|
|
14324
|
-
|
|
14325
|
-
|
|
14326
|
-
|
|
14327
|
-
|
|
14328
|
-
} })),
|
|
14329
|
-
|
|
14330
|
-
|
|
14331
|
-
|
|
14352
|
+
}, children: [isMobileVersion && (jsxRuntime.jsx(HamburgerButton, { style: { marginLeft: 0 }, onClick: () => onClickMenuHamburger(), children: jsxRuntime.jsx(IconHamburgerMenu, {}) })), isTabletVersion && (jsxRuntime.jsx(HamburgerButton, { onClick: () => onClickMenuHamburger(), children: jsxRuntime.jsx(IconHamburgerMenu, {}) })), !isMobileVersion && !isTabletVersion && (jsxRuntime.jsx(WrapperLogo, { onClick: () => onClickLogo(), children: jsxRuntime.jsx(FRSTLogo, { height: "28", fill: FRSTTheme['colors'].primary1 }) })), showLogo && (jsxRuntime.jsx(WrapperLogo, { onClick: () => onClickLogo(), style: { marginRight: '0px' }, children: jsxRuntime.jsx(FRSTLogo, { height: "28", fill: FRSTTheme['colors'].primary1 }) })), jsxRuntime.jsx(WrapperMenu, { style: { height: '100%', alignItems: 'center' }, children: !isMobileVersion &&
|
|
14353
|
+
!isTabletVersion &&
|
|
14354
|
+
showSearchField &&
|
|
14355
|
+
(InputField ? (jsxRuntime.jsx(InputField, {})) : (jsxRuntime.jsx(FieldSearch, { variant: "LXP", value: valueSearch, onFilter: search.onFilter, onChange: (e) => handleChangeValueSearch(e.target.value), placeholder: search.label, loading: loadingSearch, textLoading: search.textLoading, fieldSearchIsOpen: controlExpandedSearchMobile, setFieldSearchIsOpen: setControlExpandedSearchMobile, isLabeledResult: search.isLabeledResult, listResults: search.isLabeledResult ? null : valueListSearch, labeledResultList: search.isLabeledResult ? valueListSearch : null, historicResults: search.historicResults, isMobileVersion: isMobileVersion, hasOptionSeeAll: search.hasOptionSeeAll, seeAll: search.seeAll, style: {
|
|
14356
|
+
width: isMobileVersion ? '190px' : '332px'
|
|
14357
|
+
} }))) }), jsxRuntime.jsxs(WrapperRightInfo, { children: [isMobileVersion &&
|
|
14358
|
+
(InputField ? (jsxRuntime.jsx(InputField, {})) : (jsxRuntime.jsx(FieldSearch, { variant: "LXP", value: valueSearch, onFilter: search.onFilter, onChange: (e) => handleChangeValueSearch(e.target.value), placeholder: search.label, loading: loadingSearch, textLoading: search.textLoading, fieldSearchIsOpen: controlExpandedSearchMobile, setFieldSearchIsOpen: setControlExpandedSearchMobile, isLabeledResult: search.isLabeledResult, listResults: search.isLabeledResult ? null : valueListSearch, labeledResultList: search.isLabeledResult ? valueListSearch : null, historicResults: search.historicResults, isMobileVersion: isMobileVersion, hasOptionSeeAll: search.hasOptionSeeAll, seeAll: search.seeAll, style: {
|
|
14359
|
+
width: isMobileVersion ? '180px' : '332px',
|
|
14360
|
+
marginLeft: controlExpandedSearchMobile ? '-15px' : '-30px'
|
|
14361
|
+
} }))), isTabletVersion &&
|
|
14362
|
+
(InputField ? (jsxRuntime.jsx(InputField, {})) : (jsxRuntime.jsx(FieldSearch, { variant: "LXP", value: valueSearch, onFilter: search.onFilter, onChange: (e) => handleChangeValueSearch(e.target.value), placeholder: search.label, loading: loadingSearch, textLoading: search.textLoading, fieldSearchIsOpen: controlExpandedSearchMobile, setFieldSearchIsOpen: setControlExpandedSearchMobile, isLabeledResult: search.isLabeledResult, listResults: search.isLabeledResult ? null : valueListSearch, labeledResultList: search.isLabeledResult ? valueListSearch : null, historicResults: search.historicResults, isMobileVersion: isMobileVersion, hasOptionSeeAll: search.hasOptionSeeAll, seeAll: search.seeAll, style: {
|
|
14363
|
+
width: isMobileVersion ? '180px' : '332px',
|
|
14364
|
+
marginLeft: controlExpandedSearchMobile ? '-25px' : '-50px'
|
|
14365
|
+
} }))), !isMobileVersion && !isTabletVersion && notification && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [customMenu?.map((item, index) => (jsxRuntime.jsx(ItemGlobalMenu, { label: isMobileVersion ? '' : item.label, variant: "LXP", type: "menu", pressed: item.id === SelectedItem || item.active, icon: item.iconBegin, handleOnClick: () => handleClickItem(item), customMenu: customMenu, style: {
|
|
14332
14366
|
paddingRight: '10px',
|
|
14333
14367
|
paddingLeft: '10px',
|
|
14334
14368
|
height: '100%',
|
|
@@ -14344,12 +14378,20 @@ function GlobalMenu({ variant, menu, customMenu, user, search, notification, lan
|
|
|
14344
14378
|
? `4px solid ${FRSTTheme['colors'].primary1}`
|
|
14345
14379
|
: '',
|
|
14346
14380
|
height: windowSize[0] <= 650 ? '100%' : 'auto'
|
|
14347
|
-
}, children: [jsxRuntime.jsxs("span", { style: {
|
|
14381
|
+
}, children: [jsxRuntime.jsxs("span", { style: {
|
|
14382
|
+
display: 'inline-flex',
|
|
14383
|
+
justifyContent: 'flex-start',
|
|
14384
|
+
alignItems: 'center'
|
|
14385
|
+
}, children: [jsxRuntime.jsx(IconNotification, { fill: FRSTTheme['colors'].shadeWhite }), ' ', hasNewNotification ? (jsxRuntime.jsxs("div", { style: { marginLeft: '-12px' }, children: [' ', jsxRuntime.jsx(HasNotificationIcon, {}), ' '] })) : null] }), windowSize[0] > 700 ? (jsxRuntime.jsx(NotificationPopOver, { handleClickMarkRead: notification.handleClickMarkRead, isOpen: openNotificationMobile, anchor: anchorNotification, textEmptyState: notification.textEmptyState, notificationList: updatedNotificationList, textMarkAllAsRead: notification.textMarkAllAsRead, textNotification: notification.textNotification, isMobile: false, setOnAreaPopOver: (e) => setOnAreaPopOver(e), textBack: notification.textBack, handleClickBack: () => handleCloseNotification(), textDeleteAll: notification.textDeleteAll, handleClickDeleteAll: notification.handleClickDeleteAll })) : null] })), isTabletVersion && notification && (jsxRuntime.jsxs(WrapperIconNotificationMobile, { onClick: onClickNotification, style: {
|
|
14348
14386
|
borderBottom: openNotificationMobile && windowSize[0] <= 650
|
|
14349
14387
|
? `4px solid ${FRSTTheme['colors'].primary1}`
|
|
14350
14388
|
: '',
|
|
14351
14389
|
height: windowSize[0] <= 650 ? '100%' : 'auto'
|
|
14352
|
-
}, children: [jsxRuntime.jsxs("span", { style: {
|
|
14390
|
+
}, children: [jsxRuntime.jsxs("span", { style: {
|
|
14391
|
+
display: 'inline-flex',
|
|
14392
|
+
justifyContent: 'flex-start',
|
|
14393
|
+
alignItems: 'center'
|
|
14394
|
+
}, children: [jsxRuntime.jsx(IconNotification, { fill: FRSTTheme['colors'].shadeWhite }), ' ', hasNewNotification ? (jsxRuntime.jsxs("div", { style: { marginLeft: '-12px' }, children: [' ', jsxRuntime.jsx(HasNotificationIcon, {}), ' '] })) : null] }), windowSize[0] > 700 ? (jsxRuntime.jsx(NotificationPopOver, { handleClickMarkRead: notification.handleClickMarkRead, isOpen: openNotificationMobile, anchor: anchorNotification, textEmptyState: notification.textEmptyState, notificationList: updatedNotificationList, textMarkAllAsRead: notification.textMarkAllAsRead, textNotification: notification.textNotification, isMobile: false, setOnAreaPopOver: (e) => setOnAreaPopOver(e), textBack: notification.textBack, handleClickBack: () => handleCloseNotification(), textDeleteAll: notification.textDeleteAll, handleClickDeleteAll: notification.handleClickDeleteAll })) : null] })), jsxRuntime.jsx(DropdownProfileMenu, { variant: "LXP", user: user, profileMenuText: profileMenuText, handleProfileMenuClick: onClickProfileMenuText, menuItems: user && user.menuItems, isMobileVersion: isMobileVersion, hiddenProfileMenu: hiddenProfileMenu, showProfile: showProfile, style: {
|
|
14353
14395
|
marginLeft: isMobileVersion ? '0px' : '5px',
|
|
14354
14396
|
marginRight: isMobileVersion ? '0px' : '5px'
|
|
14355
14397
|
} }), showHelp && (jsxRuntime.jsxs(help, { onClick: onClickHelp, children: [jsxRuntime.jsx(helpText, { children: "Ajuda" }), jsxRuntime.jsx(HelpIcon, {})] }))] })] }) }), openNotificationMobile && windowSize[0] <= 700 ? (jsxRuntime.jsx(NotificationPopOver, { handleClickMarkRead: notification.handleClickMarkRead, isOpen: openNotificationMobile, anchor: anchorNotification, textEmptyState: notification.textEmptyState, notificationList: updatedNotificationList, textMarkAllAsRead: notification.textMarkAllAsRead, textNotification: notification.textNotification, isMobile: true, setOnAreaPopOver: (e) => setOnAreaPopOver(e), textBack: notification.textBack, handleClickBack: () => handleCloseNotification(), textDeleteAll: notification.textDeleteAll, handleClickDeleteAll: notification.handleClickDeleteAll })) : null] })) : (jsxRuntime.jsx("div", { style: { width: '100%', display: 'flex', flexDirection: 'column', ...style }, children: jsxRuntime.jsxs(MenuContainer, { variant: variant, style: { ...style, display: 'none' }, children: [jsxRuntime.jsx(WrapperLogo, { onClick: () => onClickLogo(), children: jsxRuntime.jsx(FRSTLogo, { height: "28" }) }), jsxRuntime.jsx(WrapperMenu, { children: menu &&
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/global-menu/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAEpD,OAAO,EAAE,UAAU,EAAE,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '../../shared/global.css';
|
|
2
2
|
import { IGlobalMenu } from './globalMenu';
|
|
3
|
-
export default function GlobalMenu({ variant, menu, customMenu, user, search, notification, languages, languageSelected, onChangeLanguage, style, textNotification, onClickSite, onClickLinkedin, onClickInstagram, onClickYoutube, onClickSpotify, onClickPodCast, onClickProfileMenuText, onClickExit, profileMenuText, showSearchField, marginTopSubMenu, hiddenProfileMenu, onClickLogo, onClickMenuHamburger, showHelp, onClickHelp, showProfile }: IGlobalMenu): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default function GlobalMenu({ variant, menu, customMenu, user, search, notification, languages, languageSelected, onChangeLanguage, style, textNotification, onClickSite, onClickLinkedin, onClickInstagram, onClickYoutube, onClickSpotify, onClickPodCast, onClickProfileMenuText, onClickExit, profileMenuText, showSearchField, marginTopSubMenu, hiddenProfileMenu, onClickLogo, onClickMenuHamburger, showHelp, onClickHelp, showProfile, InputField }: IGlobalMenu): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export declare function MenuMobile({ items, isVisible, setVisible, variant, languageSelected, onClickExit, onClickSite, onClickLinkedin, onClickInstagram, onClickYoutube, onClickSpotify, onClickPodCast, customMenu }: {
|
|
5
5
|
items: any;
|
|
6
6
|
isVisible: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/global-menu/index.tsx"],"names":[],"mappings":"AACA,OAAO,yBAAyB,CAAA;AAIhC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAuB1C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/global-menu/index.tsx"],"names":[],"mappings":"AACA,OAAO,yBAAyB,CAAA;AAIhC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAuB1C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAC/B,OAAO,EACP,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,EACL,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,oBAAoB,EACpB,QAAQ,EACR,WAAW,EACX,WAAkB,EAClB,UAAU,EACb,EAAE,WAAW,2CAk3Bb;AAED,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,EACb;;;;;;;;;;;;;;CAAA,2CA0LA;AAED,wBAAgB,aAAa,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,EACb;;;;;;;;;;;;;;CAAA,2CA4GA;AAED,wBAAgB,QAAQ,CAAC,EACrB,KAAK,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,EACb;;;;;;;;;;;;;;CAAA,2CA2KA;AAED,wBAAgB,iBAAiB,4CAiBhC;AAED,wBAAgB,mBAAmB,4CAQlC;AAED,wBAAgB,QAAQ,4CAgCvB"}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/global-menu/components/customMenu/index.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,UAAU,SAAK"}
|