frst-components 0.22.51 → 0.22.53
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 +40 -96
- package/dist/public/customIcons/index.d.ts +0 -1
- package/dist/public/customIcons/index.d.ts.map +1 -1
- package/dist/src/components/DS/select/Select.d.ts +5 -2
- package/dist/src/components/DS/select/Select.d.ts.map +1 -1
- package/dist/src/components/DS/select/SelectItem.d.ts +3 -3
- package/dist/src/components/DS/select/SelectItem.d.ts.map +1 -1
- package/dist/src/components/DS/select/index.d.ts +2 -1
- package/dist/src/components/DS/select/index.d.ts.map +1 -1
- package/dist/src/components/DS/select/styles/StylesSelect.d.ts +2 -1
- package/dist/src/components/DS/select/styles/StylesSelect.d.ts.map +1 -1
- package/dist/src/components/FI/notificationCard/index.d.ts +0 -1
- package/dist/src/components/FI/notificationCard/index.d.ts.map +1 -1
- package/dist/src/components/FI/notificationCard/notificationCardStyles.d.ts +0 -3
- package/dist/src/components/FI/notificationCard/notificationCardStyles.d.ts.map +1 -1
- package/dist/src/components/FI/notificationPopOver/index.d.ts +0 -4
- package/dist/src/components/FI/notificationPopOver/index.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/index.ts +1 -2
- package/dist/public/customIcons/SmallTrash.d.ts +0 -7
- package/dist/public/customIcons/SmallTrash.d.ts.map +0 -1
- package/public/customIcons/SmallTrash.tsx +0 -20
package/dist/index.js
CHANGED
|
@@ -2960,10 +2960,6 @@ 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
|
-
|
|
2967
2963
|
const TagAlert = ({ width = 18, height = 18, color = "#C00F00" }) => {
|
|
2968
2964
|
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 })] }));
|
|
2969
2965
|
};
|
|
@@ -5720,7 +5716,7 @@ const DropDownContainer$1 = styled__default["default"].div `
|
|
|
5720
5716
|
styled.css `
|
|
5721
5717
|
background: ${({ theme }) => theme.colors.inputError};
|
|
5722
5718
|
border: 1px solid ${({ theme }) => theme.colors.messageError1};
|
|
5723
|
-
|
|
5719
|
+
`};
|
|
5724
5720
|
`;
|
|
5725
5721
|
const EventOverlay$1 = styled__default["default"].div `
|
|
5726
5722
|
position: absolute;
|
|
@@ -5729,7 +5725,11 @@ const EventOverlay$1 = styled__default["default"].div `
|
|
|
5729
5725
|
top: 0;
|
|
5730
5726
|
left: 0;
|
|
5731
5727
|
background: transparent;
|
|
5732
|
-
|
|
5728
|
+
${props => props.disabled &&
|
|
5729
|
+
styled.css `
|
|
5730
|
+
cursor: not-allowed !important;
|
|
5731
|
+
pointer-events: none;
|
|
5732
|
+
`};
|
|
5733
5733
|
z-index: 2;
|
|
5734
5734
|
`;
|
|
5735
5735
|
const DropDownHeader$1 = styled__default["default"].div `
|
|
@@ -5758,7 +5758,16 @@ const DropDownHeader$1 = styled__default["default"].div `
|
|
|
5758
5758
|
p {
|
|
5759
5759
|
color: ${({ theme }) => theme.colors.linkError};
|
|
5760
5760
|
}
|
|
5761
|
-
`}
|
|
5761
|
+
`};
|
|
5762
|
+
${(props) => props.disabled &&
|
|
5763
|
+
styled.css `
|
|
5764
|
+
background: ${({ theme }) => theme.colors.neutralsGrey8};
|
|
5765
|
+
border: 1px solid ${({ theme }) => theme.colors.neutralsGrey6};
|
|
5766
|
+
cursor: not-allowed !important;
|
|
5767
|
+
p {
|
|
5768
|
+
color: ${({ theme }) => theme.colors.neutralsGrey5};
|
|
5769
|
+
}
|
|
5770
|
+
`};
|
|
5762
5771
|
`;
|
|
5763
5772
|
const DropDownListContainer$1 = styled__default["default"]('div') ``;
|
|
5764
5773
|
const DropDownList$1 = styled__default["default"]('ul') `
|
|
@@ -5797,13 +5806,13 @@ const SelectedOption$1 = styled__default["default"]('p') `
|
|
|
5797
5806
|
font-weight: 400;
|
|
5798
5807
|
font-size: 16px;
|
|
5799
5808
|
line-height: 19px;
|
|
5800
|
-
color: #222222
|
|
5809
|
+
color: #222222;
|
|
5801
5810
|
`;
|
|
5802
5811
|
|
|
5803
|
-
function ArrowIcon$2() {
|
|
5804
|
-
return (jsxRuntime.jsx("svg", { width: "14", height: "7", viewBox: "0 0 14 7", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M7.1736 6.64904L13.521 0.992188H0.826172L7.1736 6.64904Z", fill: "#222222" }) }));
|
|
5812
|
+
function ArrowIcon$2({ fill }) {
|
|
5813
|
+
return (jsxRuntime.jsx("svg", { width: "14", height: "7", viewBox: "0 0 14 7", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M7.1736 6.64904L13.521 0.992188H0.826172L7.1736 6.64904Z", fill: fill ? fill : "#222222" }) }));
|
|
5805
5814
|
}
|
|
5806
|
-
function Select$2({ placeholder, defaultValue, children, onChange, loading, isError, style }) {
|
|
5815
|
+
function Select$2({ placeholder, defaultValue, children, onChange, loading, isError, style, disabled }) {
|
|
5807
5816
|
const wrapperRef = React.useRef(null);
|
|
5808
5817
|
const [isOpen, setIsOpen] = React.useState(false);
|
|
5809
5818
|
const [selectedOption, setSelectedOption] = React.useState(null);
|
|
@@ -5840,7 +5849,7 @@ function Select$2({ placeholder, defaultValue, children, onChange, loading, isEr
|
|
|
5840
5849
|
onChange(e);
|
|
5841
5850
|
toggle();
|
|
5842
5851
|
};
|
|
5843
|
-
return (jsxRuntime.jsx("div", { style: style, children: jsxRuntime.jsxs(DropDownContainer$1, { ref: wrapperRef, error: isError, theme: FRSTTheme, children: [jsxRuntime.jsx(EventOverlay$1, { onClick: toggle }), jsxRuntime.jsxs(DropDownHeader$1, { error: isError, theme: FRSTTheme, children: [loading ? (jsxRuntime.jsx("p", { children: "Carregando dados..." })) : selectedOption ? (jsxRuntime.jsx(SelectedOption$1, { children: selectedOption })) : (jsxRuntime.jsx("p", { children: placeholder })), jsxRuntime.jsx(DropDownHeaderIcon$1, { open: isOpen, children: jsxRuntime.jsx(ArrowIcon$2, {}) })] }), isOpen && (jsxRuntime.jsx(DropDownListContainer$1, { children: jsxRuntime.jsx(DropDownList$1, { children: jsxRuntime.jsx("div", { onClick: handleChange, children: jsxRuntime.jsx(SelectContext.Provider, { value: { selected: selectedOptionValue }, children: children }) }) }) }))] }) }));
|
|
5852
|
+
return (jsxRuntime.jsx("div", { style: style, children: jsxRuntime.jsxs(DropDownContainer$1, { ref: wrapperRef, error: isError, theme: FRSTTheme, children: [jsxRuntime.jsx(EventOverlay$1, { onClick: toggle, disabled: disabled }), jsxRuntime.jsxs(DropDownHeader$1, { error: isError, disabled: disabled, theme: FRSTTheme, children: [loading ? (jsxRuntime.jsx("p", { children: "Carregando dados..." })) : selectedOption ? (jsxRuntime.jsx(SelectedOption$1, { children: selectedOption })) : (jsxRuntime.jsx("p", { children: placeholder })), jsxRuntime.jsx(DropDownHeaderIcon$1, { open: isOpen, children: jsxRuntime.jsx(ArrowIcon$2, { fill: disabled && '#BDBDBD' }) })] }), isOpen && (jsxRuntime.jsx(DropDownListContainer$1, { children: jsxRuntime.jsx(DropDownList$1, { children: jsxRuntime.jsx("div", { onClick: handleChange, children: jsxRuntime.jsx(SelectContext.Provider, { value: { selected: selectedOptionValue }, children: children }) }) }) }))] }) }));
|
|
5844
5853
|
}
|
|
5845
5854
|
|
|
5846
5855
|
const ListItem$1 = styled__default["default"]("li") `
|
|
@@ -5884,8 +5893,8 @@ function SelectItem({ value, label, selected, handleSelect, disabled }) {
|
|
|
5884
5893
|
return (jsxRuntime.jsx(SelectContext.Consumer, { children: ({ selected }) => (jsxRuntime.jsx(ListItem$1, { disabled: disabled, selected: selected === value, value: value, onClick: handleSelect, children: label })) }));
|
|
5885
5894
|
}
|
|
5886
5895
|
|
|
5887
|
-
function SelectFRST({ placeholder, valueSelect, handleValueSelect, listItems, isError, style }) {
|
|
5888
|
-
return (jsxRuntime.jsx(Select$2, { placeholder: placeholder, defaultValue: valueSelect, onChange: (e) => handleValueSelect(e.target?.attributes?.value?.value), isError: isError, style: style, children: listItems.map((item, index) => (jsxRuntime.jsx(SelectItem, { label: item, value: item }, index))) }));
|
|
5896
|
+
function SelectFRST({ placeholder, valueSelect, handleValueSelect, listItems, isError, style, disabled }) {
|
|
5897
|
+
return (jsxRuntime.jsx(Select$2, { placeholder: placeholder, defaultValue: valueSelect, onChange: (e) => handleValueSelect(e.target?.attributes?.value?.value), isError: isError, style: style, disabled: disabled, children: listItems.map((item, index) => (jsxRuntime.jsx(SelectItem, { label: item, value: item }, index))) }));
|
|
5889
5898
|
}
|
|
5890
5899
|
|
|
5891
5900
|
const ModalWrapper = styled__default["default"].div `
|
|
@@ -11414,38 +11423,6 @@ styled__default["default"].div `
|
|
|
11414
11423
|
background-color: #fff;
|
|
11415
11424
|
padding: 10px;
|
|
11416
11425
|
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
|
-
}
|
|
11449
11426
|
`;
|
|
11450
11427
|
|
|
11451
11428
|
const Divider = ({ fill = '#757575' }) => {
|
|
@@ -11460,23 +11437,10 @@ function NotificationCard(props) {
|
|
|
11460
11437
|
event.stopPropagation();
|
|
11461
11438
|
props.onClickUserInfo && props.onClickUserInfo();
|
|
11462
11439
|
};
|
|
11463
|
-
|
|
11464
|
-
|
|
11465
|
-
|
|
11466
|
-
|
|
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, {})] }));
|
|
11440
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(notificationContainer$1, { onClick: props.handleClick, style: {
|
|
11441
|
+
...props.style,
|
|
11442
|
+
backgroundColor: props.isNewNotification ? '#444444' : '#313131'
|
|
11443
|
+
}, 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, { 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 }))] })] }) }));
|
|
11480
11444
|
}
|
|
11481
11445
|
|
|
11482
11446
|
const PopoverCustom = styled__default["default"](material.Popover) `
|
|
@@ -11595,15 +11559,9 @@ function NotificationPopOver(props) {
|
|
|
11595
11559
|
color: props.notificationList ? '#FCFCFC' : '#9C9C9C',
|
|
11596
11560
|
disabled: !props.notificationList
|
|
11597
11561
|
};
|
|
11598
|
-
|
|
11599
|
-
|
|
11600
|
-
|
|
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) }));
|
|
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: {
|
|
11562
|
+
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], 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) => {
|
|
11563
|
+
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 }, index) }));
|
|
11564
|
+
}) })) : (jsxRuntime.jsx(emptyState, { children: jsxRuntime.jsxs(emptyStateInfo, { children: [jsxRuntime.jsx("img", { src: emptyStateImage, alt: "Empty notification list" }), jsxRuntime.jsx("span", { children: props.textEmptyState })] }) }))] })] })) : (jsxRuntime.jsx(PopoverCustom, { open: props.isOpen, anchorEl: props.anchor, anchorOrigin: {
|
|
11607
11565
|
vertical: 'bottom',
|
|
11608
11566
|
horizontal: 'center'
|
|
11609
11567
|
}, transformOrigin: {
|
|
@@ -11615,23 +11573,9 @@ function NotificationPopOver(props) {
|
|
|
11615
11573
|
boxShadow: 'none',
|
|
11616
11574
|
borderRadius: 0
|
|
11617
11575
|
}
|
|
11618
|
-
}, children: [jsxRuntime.jsx(
|
|
11619
|
-
|
|
11620
|
-
|
|
11621
|
-
'&::before': {
|
|
11622
|
-
backgroundColor: 'white',
|
|
11623
|
-
content: '""',
|
|
11624
|
-
display: 'block',
|
|
11625
|
-
position: 'absolute',
|
|
11626
|
-
width: 12,
|
|
11627
|
-
height: 12,
|
|
11628
|
-
top: -6,
|
|
11629
|
-
transform: 'rotate(45deg)',
|
|
11630
|
-
left: 'calc(50% - 6px)'
|
|
11631
|
-
}
|
|
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));
|
|
11634
|
-
}) })) : (jsxRuntime.jsx(emptyState, { children: jsxRuntime.jsxs(emptyStateInfo, { children: [jsxRuntime.jsx("img", { src: emptyStateImage, alt: "Empty notification list" }), jsxRuntime.jsx("span", { children: props.textEmptyState })] }) }))] })] })) }));
|
|
11576
|
+
}, children: 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) => {
|
|
11577
|
+
return (jsxRuntime.jsx("div", { style: { borderBottom: `1px solid ${FRSTTheme['colors'].borderPrimary}` }, 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 }, index) }, index));
|
|
11578
|
+
}) })) : (jsxRuntime.jsx(emptyState, { children: jsxRuntime.jsxs(emptyStateInfo, { children: [jsxRuntime.jsx("img", { src: emptyStateImage, alt: "Empty notification list" }), jsxRuntime.jsx("span", { children: props.textEmptyState })] }) }))] }) })) }));
|
|
11635
11579
|
}
|
|
11636
11580
|
|
|
11637
11581
|
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 }) {
|
|
@@ -11755,7 +11699,7 @@ function GlobalMenu({ variant, menu, customMenu, user, search, notification, lan
|
|
|
11755
11699
|
menu.length > 0 &&
|
|
11756
11700
|
menu.map((item, index) => {
|
|
11757
11701
|
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));
|
|
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()
|
|
11702
|
+
}), !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: {
|
|
11759
11703
|
borderBottom: openNotificationMobile && windowSize[0] <= 650
|
|
11760
11704
|
? `4px solid ${FRSTTheme['colors'].primary1}`
|
|
11761
11705
|
: '',
|
|
@@ -11765,7 +11709,7 @@ function GlobalMenu({ variant, menu, customMenu, user, search, notification, lan
|
|
|
11765
11709
|
? `4px solid ${FRSTTheme['colors'].primary1}`
|
|
11766
11710
|
: '',
|
|
11767
11711
|
height: windowSize[0] <= 650 ? '100%' : 'auto'
|
|
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()
|
|
11712
|
+
}, 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: {
|
|
11769
11713
|
marginLeft: isMobileVersion ? '0px' : '5px',
|
|
11770
11714
|
marginRight: isMobileVersion ? '0px' : '5px'
|
|
11771
11715
|
} }), 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: {
|
|
@@ -11779,7 +11723,7 @@ function GlobalMenu({ variant, menu, customMenu, user, search, notification, lan
|
|
|
11779
11723
|
...style
|
|
11780
11724
|
}, children: SubMenu.map((item, index) => {
|
|
11781
11725
|
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));
|
|
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()
|
|
11726
|
+
}) }))] }), 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: {
|
|
11783
11727
|
paddingRight: windowSize[0] > 1400 ? '70px' : windowSize[0] > 1199 ? '50px' : windowSize[0] < 500 ? '10px' : '35px',
|
|
11784
11728
|
paddingLeft: windowSize[0] > 1400
|
|
11785
11729
|
? '170px'
|
|
@@ -11808,20 +11752,20 @@ function GlobalMenu({ variant, menu, customMenu, user, search, notification, lan
|
|
|
11808
11752
|
alignItems: 'center',
|
|
11809
11753
|
flexDirection: 'row-reverse',
|
|
11810
11754
|
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()
|
|
11755
|
+
}, 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: {
|
|
11812
11756
|
borderBottom: openNotificationMobile && windowSize[0] <= 650
|
|
11813
11757
|
? `4px solid ${FRSTTheme['colors'].primary1}`
|
|
11814
11758
|
: '',
|
|
11815
11759
|
height: windowSize[0] <= 650 ? '100%' : 'auto'
|
|
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()
|
|
11760
|
+
}, 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: {
|
|
11817
11761
|
borderBottom: openNotificationMobile && windowSize[0] <= 650
|
|
11818
11762
|
? `4px solid ${FRSTTheme['colors'].primary1}`
|
|
11819
11763
|
: '',
|
|
11820
11764
|
height: windowSize[0] <= 650 ? '100%' : 'auto'
|
|
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()
|
|
11765
|
+
}, 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: {
|
|
11822
11766
|
marginLeft: isMobileVersion ? '0px' : '5px',
|
|
11823
11767
|
marginRight: isMobileVersion ? '0px' : '5px'
|
|
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()
|
|
11768
|
+
} }), 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 &&
|
|
11825
11769
|
menu.length > 0 &&
|
|
11826
11770
|
menu.map((item, index) => {
|
|
11827
11771
|
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));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../public/customIcons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
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,5 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare function ArrowIcon(
|
|
2
|
+
export declare function ArrowIcon({ fill }: {
|
|
3
|
+
fill: any;
|
|
4
|
+
}): JSX.Element;
|
|
3
5
|
interface SelectProps {
|
|
4
6
|
placeholder?: string;
|
|
5
7
|
children?: any;
|
|
@@ -8,7 +10,8 @@ interface SelectProps {
|
|
|
8
10
|
loading?: boolean;
|
|
9
11
|
isError?: boolean;
|
|
10
12
|
style?: React.CSSProperties;
|
|
13
|
+
disabled?: boolean;
|
|
11
14
|
}
|
|
12
|
-
export default function Select({ placeholder, defaultValue, children, onChange, loading, isError, style }: SelectProps): JSX.Element;
|
|
15
|
+
export default function Select({ placeholder, defaultValue, children, onChange, loading, isError, style, disabled }: SelectProps): JSX.Element;
|
|
13
16
|
export {};
|
|
14
17
|
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAK1D,wBAAgB,SAAS,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAK1D,wBAAgB,SAAS,CAAC,EAAC,IAAI,EAAC;;CAAA,eAM/B;AAED,UAAU,WAAW;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,KAAK,EACL,QAAQ,EACT,EAAE,WAAW,eAqEb"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
type valueEnum = string | number | boolean | null;
|
|
1
|
+
import React from "react";
|
|
2
|
+
type valueEnum = string | number | boolean | null | React.ReactNode;
|
|
3
3
|
interface SelectProps {
|
|
4
4
|
value?: valueEnum;
|
|
5
|
-
label?: string;
|
|
5
|
+
label?: string | React.ReactNode;
|
|
6
6
|
selected?: boolean;
|
|
7
7
|
handleSelect?: (value: any) => void;
|
|
8
8
|
disabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/select/SelectItem.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"SelectItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/select/SelectItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAgDvC,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,KAAK,CAAC,SAAS,CAAE;AAErE,UAAU,WAAW;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,WAAW,eAUjG"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export default function SelectFRST({ placeholder, valueSelect, handleValueSelect, listItems, isError, style }: {
|
|
2
|
+
export default function SelectFRST({ placeholder, valueSelect, handleValueSelect, listItems, isError, style, disabled }: {
|
|
3
3
|
placeholder: any;
|
|
4
4
|
valueSelect: any;
|
|
5
5
|
handleValueSelect: any;
|
|
6
6
|
listItems: any;
|
|
7
7
|
isError: any;
|
|
8
8
|
style: any;
|
|
9
|
+
disabled: any;
|
|
9
10
|
}): JSX.Element;
|
|
10
11
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/select/index.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/select/index.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;;;;;;;;CAAA,eAetH"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
interface PropsSelect {
|
|
2
2
|
error?: boolean;
|
|
3
|
+
disabled?: boolean;
|
|
3
4
|
}
|
|
4
5
|
export declare const DropDownContainer: import("styled-components").StyledComponent<"div", any, PropsSelect, never>;
|
|
5
|
-
export declare const EventOverlay: import("styled-components").StyledComponent<"div", any,
|
|
6
|
+
export declare const EventOverlay: import("styled-components").StyledComponent<"div", any, PropsSelect, never>;
|
|
6
7
|
export declare const DropDownHeader: import("styled-components").StyledComponent<"div", any, PropsSelect, never>;
|
|
7
8
|
export declare const DropDownListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
9
|
export declare const DropDownList: import("styled-components").StyledComponent<"ul", any, {}, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StylesSelect.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DS/select/styles/StylesSelect.tsx"],"names":[],"mappings":"AAEA,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"StylesSelect.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DS/select/styles/StylesSelect.tsx"],"names":[],"mappings":"AAEA,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,iBAAiB,6EAa7B,CAAA;AACD,eAAO,MAAM,YAAY,6EAaxB,CAAA;AACD,eAAO,MAAM,cAAc,6EAsC1B,CAAA;AACD,eAAO,MAAM,qBAAqB,oEAAkB,CAAA;AAEpD,eAAO,MAAM,YAAY,mEAgBxB,CAAA;AACD,eAAO,MAAM,kBAAkB;UAAyB,OAAO;SAa9D,CAAA;AACD,eAAO,MAAM,cAAc,kEAO1B,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":";AAQA,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,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;CAC7B;AAUD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,eAoDhE"}
|
|
@@ -3,7 +3,4 @@ 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>;
|
|
9
6
|
//# 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"}
|
|
@@ -4,10 +4,8 @@ type notificationCard = {
|
|
|
4
4
|
notificationDescription: string;
|
|
5
5
|
isNewNotification: boolean;
|
|
6
6
|
notificationDate: string;
|
|
7
|
-
id: string;
|
|
8
7
|
textNew: string;
|
|
9
8
|
handleClick: () => void;
|
|
10
|
-
handleClickDelete: () => void;
|
|
11
9
|
onClickUserInfo?: () => void;
|
|
12
10
|
textVisitProfile?: string;
|
|
13
11
|
};
|
|
@@ -16,13 +14,11 @@ interface INotificationPopOver {
|
|
|
16
14
|
textBack: string;
|
|
17
15
|
textNotification: string;
|
|
18
16
|
textMarkAllAsRead: string;
|
|
19
|
-
textDeleteAll: string;
|
|
20
17
|
textEmptyState: string;
|
|
21
18
|
isOpen: boolean;
|
|
22
19
|
anchor: any;
|
|
23
20
|
isMobile: boolean;
|
|
24
21
|
handleClickMarkRead: () => void;
|
|
25
|
-
handleClickDeleteAll: () => void;
|
|
26
22
|
setOnAreaPopOver?: (e: any) => void;
|
|
27
23
|
handleClickBack: () => void;
|
|
28
24
|
}
|
|
@@ -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":";AAWA,KAAK,gBAAgB,GAAG;IACtB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,uBAAuB,EAAE,MAAM,CAAA;IAC/B,iBAAiB,EAAE,OAAO,CAAA;IAC1B,gBAAgB,EAAE,MAAM,CAAA;IAExB,OAAO,EAAE,MAAM,CAAA;IAEf,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,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,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,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,eAwJtE"}
|
|
@@ -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,eA2xBb;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
|
@@ -1 +0,0 @@
|
|
|
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,20 +0,0 @@
|
|
|
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
|
-
}
|