frst-components 0.23.16 → 0.23.18

package/dist/index.js

@@ -12024,7 +12024,7 @@ function NotificationCard(props) {
     return (jsxRuntime.jsxs(styled.ThemeProvider, { theme: FRSTTheme, children: [jsxRuntime.jsxs(notificationContainer$1, { style: {
                     ...props.style,
                     backgroundColor: props.isNewNotification ? '#444444' : '#313131'
-                }, 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, {})] }));
+                }, 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.notificationHour ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { children: props.notificationHour }), jsxRuntime.jsx(Divider, { fill: props.isNewNotification ? FRSTTheme['colors'].primary1 : undefined })] })) : (jsxRuntime.jsx(jsxRuntime.Fragment, {})), props.notificationDate] })) : (jsxRuntime.jsxs(notificationDate, { children: [props.notificationDate, props.notificationHour ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Divider, {}), jsxRuntime.jsx("span", { children: props.notificationHour })] })) : (jsxRuntime.jsx(jsxRuntime.Fragment, {}))] }))] }), jsxRuntime.jsx(TrashIconContainer, { isNewNotification: props.isNewNotification, onClick: () => handleDelete(), children: jsxRuntime.jsx(SmallTrash, {}) })] }), isloading && jsxRuntime.jsx(Loading, {})] }));
 }
 
 const PopoverCustom = styled__default["default"](material.Popover) `
@@ -12150,7 +12150,7 @@ function NotificationPopOver(props) {
         disabled: !props.notificationList
     };
     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) => {
-                                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) }));
+                                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, notificationHour: item.notificationHour, textNew: item.textNew, isNewNotification: item.isNewNotification, handleClick: item.handleClick, handleClickDelete: item.handleClickDelete }, index) }));
                             }) })) : (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: {
                 vertical: 'bottom',
                 horizontal: 'center'
@@ -12164,7 +12164,7 @@ function NotificationPopOver(props) {
                     borderRadius: 0
                 }
             }, 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, 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) => {
-                            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));
+                            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, notificationHour: item.notificationHour, textNew: item.textNew, isNewNotification: item.isNewNotification, handleClick: item.handleClick, handleClickDelete: item.handleClickDelete }, index) }, index));
                         }) })) : (jsxRuntime.jsx(emptyState, { children: jsxRuntime.jsxs(emptyStateInfo, { children: [jsxRuntime.jsx("img", { src: emptyStateImage, alt: "Empty notification list" }), jsxRuntime.jsx("span", { children: props.textEmptyState })] }) }))] }) })) }));
 }
 

package/dist/src/components/FI/notificationCard/index.d.ts

@@ -5,6 +5,7 @@ interface INotificationCard {
     isNewNotification: boolean;
     notificationDate: string;
     textVisitProfile?: string;
+    notificationHour: string;
     textNew: string;
     style?: React.CSSProperties;
     handleClick: () => void;

package/dist/src/components/FI/notificationCard/index.d.ts.map

@@ -1 +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,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;CAC7B;AAUD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,eAmEhE"}
+{"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;IACzB,gBAAgB,EAAE,MAAM,CAAA;IAExB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAE3B,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,iBAAiB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;CAC7B;AAUD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,eAqFhE"}

package/dist/src/components/FI/notificationPopOver/index.d.ts

@@ -4,6 +4,7 @@ type notificationCard = {
     notificationDescription: string;
     isNewNotification: boolean;
     notificationDate: string;
+    notificationHour?: string | null;
     id: string;
     textNew: string;
     handleClick: () => void;

package/dist/src/components/FI/notificationPopOver/index.d.ts.map

@@ -1 +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,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC,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,eAiKtE"}
+{"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,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,EAAE,EAAE,MAAM,CAAA;IAEV,OAAO,EAAE,MAAM,CAAA;IAEf,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,iBAAiB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC,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,eAmKtE"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "frst-components",
   "homepage": "http://FRST-Falconi.github.io/storybook.frstfalconi.com",
-  "version": "0.23.16",
+  "version": "0.23.18",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",