frst-components 0.22.49 → 0.22.51
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 +81 -17
- package/dist/public/customIcons/SmallTrash.d.ts +7 -0
- package/dist/public/customIcons/SmallTrash.d.ts.map +1 -0
- package/dist/public/customIcons/index.d.ts +1 -0
- package/dist/public/customIcons/index.d.ts.map +1 -1
- package/dist/src/components/FI/notificationCard/index.d.ts +1 -0
- package/dist/src/components/FI/notificationCard/index.d.ts.map +1 -1
- package/dist/src/components/FI/notificationCard/notificationCardStyles.d.ts +3 -0
- package/dist/src/components/FI/notificationCard/notificationCardStyles.d.ts.map +1 -1
- package/dist/src/components/FI/notificationPopOver/index.d.ts +4 -0
- package/dist/src/components/FI/notificationPopOver/index.d.ts.map +1 -1
- package/dist/src/components/FI/notificationPopOver/notificationPopOverStyles.d.ts.map +1 -1
- package/dist/src/components/global-menu/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/public/customIcons/SmallTrash.tsx +20 -0
- package/public/customIcons/index.ts +2 -1
package/dist/index.js
CHANGED
|
@@ -2960,6 +2960,10 @@ function MessageBox(props) {
|
|
|
2960
2960
|
}, onClick: props.onClickExit, children: [" ", jsxRuntime.jsx(CloseIcon, { width: '9' }), " "] })] }));
|
|
2961
2961
|
}
|
|
2962
2962
|
|
|
2963
|
+
const SmallTrash = ({ width = '16', height = '16', fill = '#BDBDBD' }) => {
|
|
2964
|
+
return (jsxRuntime.jsx("svg", { width: width, height: height, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M14.6673 4.06718C14.6673 4.44501 14.369 4.75103 14.0007 4.75103H2.00065C1.63232 4.75103 1.33398 4.44501 1.33398 4.06718C1.33398 3.68935 1.63232 3.38333 2.00065 3.38333H4.37231C4.65898 3.38333 4.91399 3.19527 5.00399 2.9166L5.21399 2.26866C5.39566 1.70961 5.90398 1.3335 6.47898 1.3335H9.51731C10.0923 1.3335 10.6006 1.70961 10.7823 2.26866L10.9923 2.91831C11.0823 3.19698 11.3373 3.38504 11.624 3.38504H13.9956C14.364 3.38504 14.6623 3.69106 14.6623 4.06889L14.6673 4.06718ZM12.8673 6.13924L12.4607 12.4306C12.374 13.6889 11.3473 14.6668 10.1273 14.6668H5.87398C4.65398 14.6668 3.62732 13.6889 3.54065 12.4375L3.13397 6.13924C3.12731 6.05034 3.16064 5.9546 3.22064 5.88622C3.28731 5.81783 3.37397 5.7768 3.46731 5.7768H12.534C12.6273 5.7768 12.714 5.81783 12.7806 5.88622C12.8406 5.9546 12.874 6.05034 12.8673 6.13924ZM7.33398 8.17027C7.33398 7.79415 7.03398 7.48642 6.66732 7.48642C6.30065 7.48642 6.00065 7.79415 6.00065 8.17027V11.5895C6.00065 11.9656 6.30065 12.2734 6.66732 12.2734C7.03398 12.2734 7.33398 11.9656 7.33398 11.5895V8.17027ZM10.0007 8.17027C10.0007 7.79415 9.70065 7.48642 9.33398 7.48642C8.96732 7.48642 8.66732 7.79415 8.66732 8.17027V11.5895C8.66732 11.9656 8.96732 12.2734 9.33398 12.2734C9.70065 12.2734 10.0007 11.9656 10.0007 11.5895V8.17027Z", fill: fill }) }));
|
|
2965
|
+
};
|
|
2966
|
+
|
|
2963
2967
|
const TagAlert = ({ width = 18, height = 18, color = "#C00F00" }) => {
|
|
2964
2968
|
return (jsxRuntime.jsxs("svg", { width: width, height: height, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17Z", stroke: color, "stroke-linecap": "round", "stroke-linejoin": "round" }), jsxRuntime.jsx("path", { d: "M8.99683 5.57153L8.99683 9.68582", stroke: color, strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("ellipse", { cx: "8.99821", cy: "12.4283", rx: "0.685714", ry: "0.685145", fill: color })] }));
|
|
2965
2969
|
};
|
|
@@ -11410,6 +11414,38 @@ styled__default["default"].div `
|
|
|
11410
11414
|
background-color: #fff;
|
|
11411
11415
|
padding: 10px;
|
|
11412
11416
|
z-index: 1000;
|
|
11417
|
+
`;
|
|
11418
|
+
const pulseAnimation = styled.keyframes `
|
|
11419
|
+
0% {
|
|
11420
|
+
transform: scale(1);
|
|
11421
|
+
}
|
|
11422
|
+
50% {
|
|
11423
|
+
transform: scale(1.1);
|
|
11424
|
+
}
|
|
11425
|
+
100% {
|
|
11426
|
+
transform: scale(1);
|
|
11427
|
+
}
|
|
11428
|
+
`;
|
|
11429
|
+
const TrashIconContainer = styled__default["default"].div `
|
|
11430
|
+
display: flex;
|
|
11431
|
+
align-items: center;
|
|
11432
|
+
cursor: pointer;
|
|
11433
|
+
padding: 5px;
|
|
11434
|
+
margin-left: auto;
|
|
11435
|
+
margin-top: auto;
|
|
11436
|
+
border-radius: 50%;
|
|
11437
|
+
&:hover {
|
|
11438
|
+
background-color:${({ isNewNotification }) => isNewNotification ? '#585858' : '#494949'};
|
|
11439
|
+
& > svg {
|
|
11440
|
+
path {
|
|
11441
|
+
fill: #F7F9FC!important;
|
|
11442
|
+
}
|
|
11443
|
+
}
|
|
11444
|
+
}
|
|
11445
|
+
&:active {
|
|
11446
|
+
background-color:${({ isNewNotification }) => isNewNotification ? '#686868' : '#595959'};
|
|
11447
|
+
animation: ${pulseAnimation} 0.3s ease-in-out;
|
|
11448
|
+
}
|
|
11413
11449
|
`;
|
|
11414
11450
|
|
|
11415
11451
|
const Divider = ({ fill = '#757575' }) => {
|
|
@@ -11424,10 +11460,23 @@ function NotificationCard(props) {
|
|
|
11424
11460
|
event.stopPropagation();
|
|
11425
11461
|
props.onClickUserInfo && props.onClickUserInfo();
|
|
11426
11462
|
};
|
|
11427
|
-
|
|
11428
|
-
|
|
11429
|
-
|
|
11430
|
-
|
|
11463
|
+
const [isloading, setIsLoading] = React.useState(false);
|
|
11464
|
+
const handleDelete = async () => {
|
|
11465
|
+
try {
|
|
11466
|
+
setIsLoading(true);
|
|
11467
|
+
await Promise.resolve(props.handleClickDelete());
|
|
11468
|
+
}
|
|
11469
|
+
catch (error) {
|
|
11470
|
+
console.error('Error deleting notification', error);
|
|
11471
|
+
}
|
|
11472
|
+
finally {
|
|
11473
|
+
setIsLoading(false);
|
|
11474
|
+
}
|
|
11475
|
+
};
|
|
11476
|
+
return (jsxRuntime.jsxs(styled.ThemeProvider, { theme: FRSTTheme, children: [jsxRuntime.jsxs(notificationContainer$1, { style: {
|
|
11477
|
+
...props.style,
|
|
11478
|
+
backgroundColor: props.isNewNotification ? '#444444' : '#313131'
|
|
11479
|
+
}, children: [!!props?.onClickUserInfo ? (jsxRuntime.jsx(Tooltip, { position: "right", textTooltip: props?.textVisitProfile ? props?.textVisitProfile : 'Visitar Perfil', customWidth: '106px', customMarginLeft: '-30px', children: jsxRuntime.jsx("div", { onClick: (e) => handleChildClick(e), children: jsxRuntime.jsx(Avatar, { src: props.notificationAvatar, size: "40px", isActiveClick: true }) }) })) : (jsxRuntime.jsx(Avatar, { src: props.notificationAvatar, size: "40px", isActiveClick: false })), jsxRuntime.jsxs(notificationInfo, { onClick: props.handleClick, children: [jsxRuntime.jsx(notificationDescription, { children: jsxRuntime.jsx(Markdown__default["default"], { children: descriptionNotification }) }), props.isNewNotification ? (jsxRuntime.jsxs(notificationDate, { style: { color: FRSTTheme['colors'].primary1 }, children: [jsxRuntime.jsx("span", { style: { fontWeight: 700 }, children: props.textNew }), jsxRuntime.jsx(Divider, { fill: FRSTTheme['colors'].primary1 }), props.notificationDate] })) : (jsxRuntime.jsx(notificationDate, { children: props.notificationDate }))] }), jsxRuntime.jsx(TrashIconContainer, { isNewNotification: props.isNewNotification, onClick: () => handleDelete(), children: jsxRuntime.jsx(SmallTrash, {}) })] }), isloading && jsxRuntime.jsx(Loading, {})] }));
|
|
11431
11480
|
}
|
|
11432
11481
|
|
|
11433
11482
|
const PopoverCustom = styled__default["default"](material.Popover) `
|
|
@@ -11437,6 +11486,9 @@ const PopoverCustom = styled__default["default"](material.Popover) `
|
|
|
11437
11486
|
-webkit-box-shadow: 0px 25px 62px -19px rgba(0, 0, 0, 0.47);
|
|
11438
11487
|
-moz-box-shadow: 0px 25px 62px -19px rgba(0, 0, 0, 0.47);
|
|
11439
11488
|
}
|
|
11489
|
+
margin-top:24px;
|
|
11490
|
+
box-shadow: 0px 0px 10px 0px #00000033;
|
|
11491
|
+
|
|
11440
11492
|
`;
|
|
11441
11493
|
const notificationContainer = styled__default["default"].div `
|
|
11442
11494
|
display: flex;
|
|
@@ -11543,8 +11595,14 @@ function NotificationPopOver(props) {
|
|
|
11543
11595
|
color: props.notificationList ? '#FCFCFC' : '#9C9C9C',
|
|
11544
11596
|
disabled: !props.notificationList
|
|
11545
11597
|
};
|
|
11546
|
-
|
|
11547
|
-
|
|
11598
|
+
const deleteAllNotificationsOption = {
|
|
11599
|
+
description: props.textDeleteAll,
|
|
11600
|
+
onClick: props.handleClickDeleteAll,
|
|
11601
|
+
color: props.notificationList ? '#FF6868' : '#9C9C9C',
|
|
11602
|
+
disabled: !props.notificationList
|
|
11603
|
+
};
|
|
11604
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: props.isMobile ? (jsxRuntime.jsxs("div", { style: { backgroundColor: '#E5E5E5' }, children: [jsxRuntime.jsx("div", { style: { padding: 16 }, children: jsxRuntime.jsx(Button$4, { variant: "link", startIcon: jsxRuntime.jsx(BackArrow, { fill: "currentColor" }), label: props.textBack, handleClick: () => props.handleClickBack() }) }), jsxRuntime.jsxs(notificationContainerMobile, { children: [jsxRuntime.jsxs(notificationHeader, { children: [jsxRuntime.jsx("span", { style: { fontFamily: 'Work Sans', fontSize: 20, fontWeight: 500, color: FRSTTheme['colors'].primary1 }, children: props.textNotification }), jsxRuntime.jsx(MenuMore, { options: [markAllAsReadOption, deleteAllNotificationsOption], isHover: false, closeAfterClick: true, isArrowInMenu: false, isPaddingInMenu: false, isDarkMode: true, iconButton: jsxRuntime.jsx(MoreDotsVertical, { fill: "#F7F9FC" }) })] }), props.notificationList ? (jsxRuntime.jsx(notificationCardList, { children: props.notificationList.map((item, index) => {
|
|
11605
|
+
return (jsxRuntime.jsx("div", { style: { borderBottom: `1px solid ${FRSTTheme['colors'].borderPrimary}` }, children: jsxRuntime.jsx(NotificationCard, { style: { width: '100%' }, onClickUserInfo: item.onClickUserInfo, textVisitProfile: item.textVisitProfile, notificationAvatar: item.notificationAvatar, notificationDescription: item.notificationDescription, notificationDate: item.notificationDate, textNew: item.textNew, isNewNotification: item.isNewNotification, handleClick: item.handleClick, handleClickDelete: item.handleClickDelete }, index) }));
|
|
11548
11606
|
}) })) : (jsxRuntime.jsx(emptyState, { children: jsxRuntime.jsxs(emptyStateInfo, { children: [jsxRuntime.jsx("img", { src: emptyStateImage, alt: "Empty notification list" }), jsxRuntime.jsx("span", { children: props.textEmptyState })] }) }))] })] })) : (jsxRuntime.jsxs(PopoverCustom, { open: props.isOpen, anchorEl: props.anchor, anchorOrigin: {
|
|
11549
11607
|
vertical: 'bottom',
|
|
11550
11608
|
horizontal: 'center'
|
|
@@ -11571,8 +11629,8 @@ function NotificationPopOver(props) {
|
|
|
11571
11629
|
transform: 'rotate(45deg)',
|
|
11572
11630
|
left: 'calc(50% - 6px)'
|
|
11573
11631
|
}
|
|
11574
|
-
} }), jsxRuntime.jsxs(notificationContainer, { children: [jsxRuntime.jsxs(notificationHeader, { onMouseOver: () => (props?.setOnAreaPopOver ? props?.setOnAreaPopOver(true) : {}), onMouseOut: () => (props?.setOnAreaPopOver ? props?.setOnAreaPopOver(false) : {}), children: [jsxRuntime.jsx("span", { style: { fontFamily: 'Work Sans', fontSize: 20, fontWeight: 500, color: FRSTTheme['colors'].primary1 }, children: props.textNotification }), jsxRuntime.jsx(MenuMore, { options: [markAllAsReadOption], isHover: false, closeAfterClick: true, isArrowInMenu: false, isPaddingInMenu: false, isDarkMode: true, iconButton: jsxRuntime.jsx(MoreDotsVertical, { fill: "#F7F9FC" }) })] }), props.notificationList ? (jsxRuntime.jsx(notificationCardList, { notificationsLength: notificationsLength, children: props.notificationList.map((item, index) => {
|
|
11575
|
-
return (jsxRuntime.jsx("div", { style: { borderBottom: `1px solid
|
|
11632
|
+
} }), jsxRuntime.jsxs(notificationContainer, { children: [jsxRuntime.jsxs(notificationHeader, { onMouseOver: () => (props?.setOnAreaPopOver ? props?.setOnAreaPopOver(true) : {}), onMouseOut: () => (props?.setOnAreaPopOver ? props?.setOnAreaPopOver(false) : {}), children: [jsxRuntime.jsx("span", { style: { fontFamily: 'Work Sans', fontSize: 20, fontWeight: 500, color: FRSTTheme['colors'].primary1 }, children: props.textNotification }), jsxRuntime.jsx(MenuMore, { options: [markAllAsReadOption, deleteAllNotificationsOption], isHover: false, closeAfterClick: true, isArrowInMenu: false, isPaddingInMenu: false, isDarkMode: true, iconButton: jsxRuntime.jsx(MoreDotsVertical, { fill: "#F7F9FC" }) })] }), props.notificationList ? (jsxRuntime.jsx(notificationCardList, { notificationsLength: notificationsLength, children: props.notificationList.map((item, index) => {
|
|
11633
|
+
return (jsxRuntime.jsx("div", { style: { borderBottom: `1px solid #313131` }, onMouseOver: () => (props?.setOnAreaPopOver ? props?.setOnAreaPopOver(true) : {}), onMouseOut: () => (props?.setOnAreaPopOver ? props?.setOnAreaPopOver(false) : {}), children: jsxRuntime.jsx(NotificationCard, { onClickUserInfo: item.onClickUserInfo, textVisitProfile: item.textVisitProfile, notificationAvatar: item.notificationAvatar, notificationDescription: item.notificationDescription, notificationDate: item.notificationDate, textNew: item.textNew, isNewNotification: item.isNewNotification, handleClick: item.handleClick, handleClickDelete: item.handleClickDelete }, index) }, index));
|
|
11576
11634
|
}) })) : (jsxRuntime.jsx(emptyState, { children: jsxRuntime.jsxs(emptyStateInfo, { children: [jsxRuntime.jsx("img", { src: emptyStateImage, alt: "Empty notification list" }), jsxRuntime.jsx("span", { children: props.textEmptyState })] }) }))] })] })) }));
|
|
11577
11635
|
}
|
|
11578
11636
|
|
|
@@ -11697,7 +11755,7 @@ function GlobalMenu({ variant, menu, customMenu, user, search, notification, lan
|
|
|
11697
11755
|
menu.length > 0 &&
|
|
11698
11756
|
menu.map((item, index) => {
|
|
11699
11757
|
return (jsxRuntime.jsx(ItemGlobalMenu, { label: item.label, variant: "LXP", type: "menu", pressed: item.id === SelectedItem || item.active, icon: item.iconBegin, handleOnClick: () => handleClickItem(item), style: { paddingRight: '10px', paddingLeft: '10px', height: '100%' } }, item.id ? item.id : index));
|
|
11700
|
-
}), !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: { position: 'absolute', marginLeft: '50%', marginTop: '-54px' }, 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() })] })), isMobileVersion && notification && (jsxRuntime.jsx(WrapperIconNotificationMobile, { onClick: onClickNotification, style: {
|
|
11758
|
+
}), !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: { position: 'absolute', marginLeft: '50%', marginTop: '-54px' }, 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: {
|
|
11701
11759
|
borderBottom: openNotificationMobile && windowSize[0] <= 650
|
|
11702
11760
|
? `4px solid ${FRSTTheme['colors'].primary1}`
|
|
11703
11761
|
: '',
|
|
@@ -11707,7 +11765,7 @@ function GlobalMenu({ variant, menu, customMenu, user, search, notification, lan
|
|
|
11707
11765
|
? `4px solid ${FRSTTheme['colors'].primary1}`
|
|
11708
11766
|
: '',
|
|
11709
11767
|
height: windowSize[0] <= 650 ? '100%' : 'auto'
|
|
11710
|
-
}, children: [jsxRuntime.jsxs("span", { style: { display: 'inline-flex', justifyContent: 'flex-start', alignItems: 'center' }, 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() })) : 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: {
|
|
11768
|
+
}, children: [jsxRuntime.jsxs("span", { style: { display: 'inline-flex', justifyContent: 'flex-start', alignItems: 'center' }, 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: {
|
|
11711
11769
|
marginLeft: isMobileVersion ? '0px' : '5px',
|
|
11712
11770
|
marginRight: isMobileVersion ? '0px' : '5px'
|
|
11713
11771
|
} }), 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: {
|
|
@@ -11721,9 +11779,15 @@ function GlobalMenu({ variant, menu, customMenu, user, search, notification, lan
|
|
|
11721
11779
|
...style
|
|
11722
11780
|
}, children: SubMenu.map((item, index) => {
|
|
11723
11781
|
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));
|
|
11724
|
-
}) }))] }), 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() })) : 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: {
|
|
11782
|
+
}) }))] }), 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: {
|
|
11725
11783
|
paddingRight: windowSize[0] > 1400 ? '70px' : windowSize[0] > 1199 ? '50px' : windowSize[0] < 500 ? '10px' : '35px',
|
|
11726
|
-
paddingLeft: windowSize[0] > 1400
|
|
11784
|
+
paddingLeft: windowSize[0] > 1400
|
|
11785
|
+
? '170px'
|
|
11786
|
+
: windowSize[0] > 1199
|
|
11787
|
+
? '145px'
|
|
11788
|
+
: windowSize[0] < 500
|
|
11789
|
+
? '10px'
|
|
11790
|
+
: '35px',
|
|
11727
11791
|
...style
|
|
11728
11792
|
}, 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 && !isTabletVersion && showSearchField && (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: {
|
|
11729
11793
|
width: isMobileVersion ? '190px' : '332px'
|
|
@@ -11743,21 +11807,21 @@ function GlobalMenu({ variant, menu, customMenu, user, search, notification, lan
|
|
|
11743
11807
|
justifyContent: 'flex-start',
|
|
11744
11808
|
alignItems: 'center',
|
|
11745
11809
|
flexDirection: 'row-reverse',
|
|
11746
|
-
width: '140px'
|
|
11747
|
-
}, onClick: handleOpenNotification, children: [jsxRuntime.jsx(IconNotification, { fill: FRSTTheme['colors'].shadeWhite }), hasNewNotification ? (jsxRuntime.jsx("div", { style: { position: 'absolute', top: '0' }, children: jsxRuntime.jsx(HasNotificationIcon, {}) })) : null, ' ', jsxRuntime.jsx(WrapperIconNotificationText, { children: textNotification })] }), 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() })] })] })), isMobileVersion && notification && (jsxRuntime.jsxs(WrapperIconNotificationMobile, { onClick: onClickNotification, style: {
|
|
11810
|
+
width: '140px'
|
|
11811
|
+
}, onClick: handleOpenNotification, children: [jsxRuntime.jsx(IconNotification, { fill: FRSTTheme['colors'].shadeWhite }), hasNewNotification ? (jsxRuntime.jsx("div", { style: { position: 'absolute', top: '0' }, children: jsxRuntime.jsx(HasNotificationIcon, {}) })) : null, ' ', jsxRuntime.jsx(WrapperIconNotificationText, { children: textNotification })] }), 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.jsxs(WrapperIconNotificationMobile, { onClick: onClickNotification, style: {
|
|
11748
11812
|
borderBottom: openNotificationMobile && windowSize[0] <= 650
|
|
11749
11813
|
? `4px solid ${FRSTTheme['colors'].primary1}`
|
|
11750
11814
|
: '',
|
|
11751
11815
|
height: windowSize[0] <= 650 ? '100%' : 'auto'
|
|
11752
|
-
}, children: [jsxRuntime.jsxs("span", { style: { display: 'inline-flex', justifyContent: 'flex-start', alignItems: 'center' }, 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() })) : null] })), isTabletVersion && notification && (jsxRuntime.jsxs(WrapperIconNotificationMobile, { onClick: onClickNotification, style: {
|
|
11816
|
+
}, children: [jsxRuntime.jsxs("span", { style: { display: 'inline-flex', justifyContent: 'flex-start', alignItems: 'center' }, 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: {
|
|
11753
11817
|
borderBottom: openNotificationMobile && windowSize[0] <= 650
|
|
11754
11818
|
? `4px solid ${FRSTTheme['colors'].primary1}`
|
|
11755
11819
|
: '',
|
|
11756
11820
|
height: windowSize[0] <= 650 ? '100%' : 'auto'
|
|
11757
|
-
}, children: [jsxRuntime.jsxs("span", { style: { display: 'inline-flex', justifyContent: 'flex-start', alignItems: 'center' }, 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() })) : null] })), jsxRuntime.jsx(DropdownProfileMenu, { variant: "LXP", user: user, profileMenuText: profileMenuText, handleProfileMenuClick: onClickProfileMenuText, menuItems: user && user.menuItems, isMobileVersion: isMobileVersion, hiddenProfileMenu: hiddenProfileMenu, showProfile: showProfile, style: {
|
|
11821
|
+
}, children: [jsxRuntime.jsxs("span", { style: { display: 'inline-flex', justifyContent: 'flex-start', alignItems: 'center' }, 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: {
|
|
11758
11822
|
marginLeft: isMobileVersion ? '0px' : '5px',
|
|
11759
11823
|
marginRight: isMobileVersion ? '0px' : '5px'
|
|
11760
|
-
} }), showHelp && (jsxRuntime.jsxs(help, { onClick: onClickHelp, children: [jsxRuntime.jsx(helpText, { children: "Ajuda" }), jsxRuntime.jsx(HelpIcon, {})] })), !isMobileVersion && !isTabletVersion && languages && languages.length > 0 && (jsxRuntime.jsx(LanguagesDropdown, { variant: "LXP", languages: [...languages], selected: languageSelected, onSelect: (e) => onChangeLanguage(e), distanceBtnDrop: '57px' }))] })] }) }), 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() })) : 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 &&
|
|
11824
|
+
} }), showHelp && (jsxRuntime.jsxs(help, { onClick: onClickHelp, children: [jsxRuntime.jsx(helpText, { children: "Ajuda" }), jsxRuntime.jsx(HelpIcon, {})] })), !isMobileVersion && !isTabletVersion && languages && languages.length > 0 && (jsxRuntime.jsx(LanguagesDropdown, { variant: "LXP", languages: [...languages], selected: languageSelected, onSelect: (e) => onChangeLanguage(e), distanceBtnDrop: '57px' }))] })] }) }), 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 &&
|
|
11761
11825
|
menu.length > 0 &&
|
|
11762
11826
|
menu.map((item, index) => {
|
|
11763
11827
|
return (jsxRuntime.jsx(ItemGlobalMenu, { label: item.label, variant: "default", type: "menu", handleOnClick: () => item.onClick('tes'), style: { paddingRight: '10px', paddingLeft: '10px' } }, item.id ? item.id : index));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SmallTrash.d.ts","sourceRoot":"","sources":["../../../public/customIcons/SmallTrash.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,UAAU;WAKd,MAAM;YACL,MAAM;aACL,MAAM;iBAUhB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../public/customIcons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../public/customIcons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/notificationCard/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/notificationCard/index.tsx"],"names":[],"mappings":";AAUA,UAAU,iBAAiB;IACzB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,uBAAuB,EAAE,MAAM,CAAA;IAC/B,iBAAiB,EAAE,OAAO,CAAA;IAC1B,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAE3B,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;CAC7B;AAUD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,eAoEhE"}
|
|
@@ -3,4 +3,7 @@ export declare const notificationInfo: import("styled-components").StyledCompone
|
|
|
3
3
|
export declare const notificationDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
4
4
|
export declare const notificationDate: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
5
|
export declare const PopOverVisitProfile: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
|
+
export declare const TrashIconContainer: import("styled-components").StyledComponent<"div", any, {
|
|
7
|
+
isNewNotification: boolean;
|
|
8
|
+
}, never>;
|
|
6
9
|
//# sourceMappingURL=notificationCardStyles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notificationCardStyles.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/notificationCard/notificationCardStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,oEASjC,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAM5B,CAAA;AAED,eAAO,MAAM,uBAAuB,oEAKnC,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAW5B,CAAA;AAED,eAAO,MAAM,mBAAmB,oEAO/B,CAAA"}
|
|
1
|
+
{"version":3,"file":"notificationCardStyles.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/notificationCard/notificationCardStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,oEASjC,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAM5B,CAAA;AAED,eAAO,MAAM,uBAAuB,oEAKnC,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAW5B,CAAA;AAED,eAAO,MAAM,mBAAmB,oEAO/B,CAAA;AAaD,eAAO,MAAM,kBAAkB;uBAAmC,OAAO;SAoBxE,CAAA"}
|
|
@@ -4,8 +4,10 @@ type notificationCard = {
|
|
|
4
4
|
notificationDescription: string;
|
|
5
5
|
isNewNotification: boolean;
|
|
6
6
|
notificationDate: string;
|
|
7
|
+
id: string;
|
|
7
8
|
textNew: string;
|
|
8
9
|
handleClick: () => void;
|
|
10
|
+
handleClickDelete: () => void;
|
|
9
11
|
onClickUserInfo?: () => void;
|
|
10
12
|
textVisitProfile?: string;
|
|
11
13
|
};
|
|
@@ -14,11 +16,13 @@ interface INotificationPopOver {
|
|
|
14
16
|
textBack: string;
|
|
15
17
|
textNotification: string;
|
|
16
18
|
textMarkAllAsRead: string;
|
|
19
|
+
textDeleteAll: string;
|
|
17
20
|
textEmptyState: string;
|
|
18
21
|
isOpen: boolean;
|
|
19
22
|
anchor: any;
|
|
20
23
|
isMobile: boolean;
|
|
21
24
|
handleClickMarkRead: () => void;
|
|
25
|
+
handleClickDeleteAll: () => void;
|
|
22
26
|
setOnAreaPopOver?: (e: any) => void;
|
|
23
27
|
handleClickBack: () => void;
|
|
24
28
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/notificationPopOver/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/notificationPopOver/index.tsx"],"names":[],"mappings":";AAUA,KAAK,gBAAgB,GAAG;IACtB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,uBAAuB,EAAE,MAAM,CAAA;IAC/B,iBAAiB,EAAE,OAAO,CAAA;IAC1B,gBAAgB,EAAE,MAAM,CAAA;IACxB,EAAE,EAAE,MAAM,CAAA;IAEV,OAAO,EAAE,MAAM,CAAA;IAEf,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AACD,UAAU,oBAAoB;IAC5B,gBAAgB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAA;IAE1C,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,EAAE,MAAM,CAAA;IACxB,iBAAiB,EAAE,MAAM,CAAA;IACzB,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IAEtB,MAAM,EAAE,OAAO,CAAA;IACf,MAAM,EAAE,GAAG,CAAA;IACX,QAAQ,EAAE,OAAO,CAAA;IAEjB,mBAAmB,EAAE,MAAM,IAAI,CAAA;IAC/B,oBAAoB,EAAE,MAAM,IAAI,CAAA;IAChC,gBAAgB,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAA;IAC9B,eAAe,EAAE,MAAM,IAAI,CAAA;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,oBAAoB,eAmLtE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notificationPopOverStyles.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/notificationPopOver/notificationPopOverStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,OAAO,EAAE,MAAM,eAAe,CAAA;AAE5C,KAAK,qBAAqB,GAAG;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAA;AACD,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"notificationPopOverStyles.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/notificationPopOver/notificationPopOverStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,OAAO,EAAE,MAAM,eAAe,CAAA;AAE5C,KAAK,qBAAqB,GAAG;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAA;AACD,eAAO,MAAM,aAAa,6EAUzB,CAAA;AAED,eAAO,MAAM,qBAAqB,oEAejC,CAAA;AAED,eAAO,MAAM,2BAA2B,oEAevC,CAAA;AAED,eAAO,MAAM,kBAAkB,oEAO9B,CAAA;AAGD,eAAO,MAAM,oBAAoB,uFA6BhC,CAAA;AAED,eAAO,MAAM,UAAU,oEAMtB,CAAA;AAED,eAAO,MAAM,cAAc,oEAY1B,CAAA"}
|
|
@@ -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,EACjC,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,EACnB,EAAE,WAAW,
|
|
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,EACjC,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,EACnB,EAAE,WAAW,eAyyBb;AAED,wBAAgB,UAAU,CAAC,EACzB,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,EACX;;;;;;;;;;;;;;CAAA,eAoLA;AAED,wBAAgB,aAAa,CAAC,EAC5B,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,EACX;;;;;;;;;;;;;;CAAA,eA4GA;AAED,wBAAgB,QAAQ,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,EACX;;;;;;;;;;;;;;CAAA,eAqKA;AAED,wBAAgB,iBAAiB,gBAiBhC;AAED,wBAAgB,mBAAmB,gBAQlC;AAED,wBAAgB,QAAQ,gBAgCvB"}
|
package/package.json
CHANGED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
|
|
3
|
+
export const SmallTrash = ({
|
|
4
|
+
width = '16',
|
|
5
|
+
height = '16',
|
|
6
|
+
fill = '#BDBDBD'
|
|
7
|
+
}: {
|
|
8
|
+
fill?: string
|
|
9
|
+
width?: string
|
|
10
|
+
height?: string
|
|
11
|
+
}) => {
|
|
12
|
+
return (
|
|
13
|
+
<svg width={width} height={height} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
14
|
+
<path
|
|
15
|
+
d="M14.6673 4.06718C14.6673 4.44501 14.369 4.75103 14.0007 4.75103H2.00065C1.63232 4.75103 1.33398 4.44501 1.33398 4.06718C1.33398 3.68935 1.63232 3.38333 2.00065 3.38333H4.37231C4.65898 3.38333 4.91399 3.19527 5.00399 2.9166L5.21399 2.26866C5.39566 1.70961 5.90398 1.3335 6.47898 1.3335H9.51731C10.0923 1.3335 10.6006 1.70961 10.7823 2.26866L10.9923 2.91831C11.0823 3.19698 11.3373 3.38504 11.624 3.38504H13.9956C14.364 3.38504 14.6623 3.69106 14.6623 4.06889L14.6673 4.06718ZM12.8673 6.13924L12.4607 12.4306C12.374 13.6889 11.3473 14.6668 10.1273 14.6668H5.87398C4.65398 14.6668 3.62732 13.6889 3.54065 12.4375L3.13397 6.13924C3.12731 6.05034 3.16064 5.9546 3.22064 5.88622C3.28731 5.81783 3.37397 5.7768 3.46731 5.7768H12.534C12.6273 5.7768 12.714 5.81783 12.7806 5.88622C12.8406 5.9546 12.874 6.05034 12.8673 6.13924ZM7.33398 8.17027C7.33398 7.79415 7.03398 7.48642 6.66732 7.48642C6.30065 7.48642 6.00065 7.79415 6.00065 8.17027V11.5895C6.00065 11.9656 6.30065 12.2734 6.66732 12.2734C7.03398 12.2734 7.33398 11.9656 7.33398 11.5895V8.17027ZM10.0007 8.17027C10.0007 7.79415 9.70065 7.48642 9.33398 7.48642C8.96732 7.48642 8.66732 7.79415 8.66732 8.17027V11.5895C8.66732 11.9656 8.96732 12.2734 9.33398 12.2734C9.70065 12.2734 10.0007 11.9656 10.0007 11.5895V8.17027Z"
|
|
16
|
+
fill={fill}
|
|
17
|
+
/>
|
|
18
|
+
</svg>
|
|
19
|
+
)
|
|
20
|
+
}
|