dinocollab-shared 1.2.32 → 1.2.34
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.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{inherits as e,createClass as
|
|
1
|
+
import{inherits as e,createClass as t,classCallCheck as i,callSuper as r,defineProperty as n}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as o,jsx as a}from"react/jsx-runtime";import{Component as l}from"react";import{Box as c,Typography as s,alpha as m,colors as d,Stack as h,Divider as u,Button as p}from"@mui/material";import f from"@mui/icons-material/DraftsOutlined";import v from"@mui/icons-material/MarkEmailUnreadOutlined";import{formatTimeAgo as g}from"./helpers.js";import{NoDataPanel as x}from"../components/no-data-panel.js";import{NotifyListStyled as N,notifyListClasses as C}from"./styled.js";var b=function(){function b(){var e;i(this,b);for(var t=arguments.length,l=new Array(t),u=0;u<t;u++)l[u]=arguments[u];return e=r(this,b,[].concat(l)),n(e,"renderItem",function(t,i){return o(c,{className:C.item,onClick:function(){return e.onClickHandler(t)},children:[a(h,{px:1,children:t.IsRead?a(f,{color:"disabled"}):a(v,{color:"success"})}),o(c,{flex:1,children:[a(s,{variant:"subtitle1",component:"h6",className:C.itemTitle,children:t.Title}),a(s,{variant:"caption",className:C.itemSubTitle,children:t.SubTitle}),a(h,{direction:"row",spacing:1,justifyContent:"flex-end",children:a(s,{variant:"caption",color:m(d.common.white,.5),children:g(t.DateCreated)})})]})]},i.toString())}),n(e,"onClickHandler",function(t){e.props.onClick&&e.props.onClick(t)}),n(e,"getDescription",function(e){return 0===e?"No new notifications":1===e?"You have 1 unread notification":"You have ".concat(e," unread notifications")}),n(e,"getItems",function(t){return e.props.data.filter(function(e){return void 0===t||e.IsRead===t})}),e}return e(b,l),t(b,[{key:"render",value:function(){var e=this.getItems(!0),t=this.getItems(!1);return o(N,{className:C.root,children:[a("div",{className:C.header,children:o(c,{flex:1,children:[a(s,{variant:"h6",children:"Notifications"}),a(s,{variant:"body2",color:m(d.common.white,.6),children:this.getDescription(t.length)})]})}),o(h,{className:C.items,children:[t.length>0&&o("div",{className:C.groupTitle,children:[a(s,{variant:"caption",children:"Unseen"}),a(u,{sx:{borderColor:m(d.common.white,.1)}})]}),a("div",{children:t.map(this.renderItem)}),e.length>0&&o("div",{className:C.groupTitle,children:[a(s,{variant:"caption",children:"Seen"}),a(u,{sx:{borderColor:m(d.common.white,.1)}})]}),a("div",{children:e.map(this.renderItem)}),t.length+e.length===0&&a(x,{title:"No Notifications",subTitle:"You're all caught up!",sx:{minWidth:"360px"}})]}),a("div",{className:C.footer,children:a(p,{variant:"text",sx:{flex:"0 0 auto",width:"auto"},children:a(s,{variant:"caption",sx:{textTransform:"uppercase",fontWeight:600},children:"Readmore"})})})]})}}])}();export{b as default};
|
|
2
2
|
//# sourceMappingURL=notify-list.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notify-list.js","sources":["../../src/notification/notify-list.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport { alpha, Box, Button, colors, Divider, Stack, Typography } from '@mui/material'\r\nimport DraftsOutlinedIcon from '@mui/icons-material/DraftsOutlined'\r\nimport MarkEmailUnreadOutlinedIcon from '@mui/icons-material/MarkEmailUnreadOutlined'\r\nimport { INotification } from './types'\r\nimport { formatTimeAgo } from './helpers'\r\nimport { NotifyListStyled, notifyListClasses } from './styled'\r\n\r\ninterface INotifyListProps {\r\n data: INotification[]\r\n onClick?: (value: INotification) => void\r\n}\r\n\r\nclass NotifyList extends Component<INotifyListProps> {\r\n render() {\r\n const listReaded = this.getItems(true)\r\n const listUnReaded = this.getItems(false)\r\n return (\r\n <NotifyListStyled className={notifyListClasses.root}>\r\n {/* Render the menu header */}\r\n <div className={notifyListClasses.header}>\r\n <Box flex={1}>\r\n <Typography variant='h6'>Notifications</Typography>\r\n <Typography variant='body2' color={alpha(colors.common.white, 0.6)}>\r\n {this.getDescription(listUnReaded.length)}\r\n </Typography>\r\n </Box>\r\n </div>\r\n {/* <Divider variant='middle' sx={{ borderColor: alpha(colors.common.white, 0.1) }} /> */}\r\n {/* Render sub-menu items */}\r\n <Stack className={notifyListClasses.items}>\r\n {listUnReaded.length > 0 && (\r\n <div className={notifyListClasses.groupTitle}>\r\n <Typography variant='caption'>
|
|
1
|
+
{"version":3,"file":"notify-list.js","sources":["../../src/notification/notify-list.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport { alpha, Box, Button, colors, Divider, Stack, Typography } from '@mui/material'\r\nimport DraftsOutlinedIcon from '@mui/icons-material/DraftsOutlined'\r\nimport MarkEmailUnreadOutlinedIcon from '@mui/icons-material/MarkEmailUnreadOutlined'\r\nimport { INotification } from './types'\r\nimport { formatTimeAgo } from './helpers'\r\nimport { NoDataPanel } from '../components/no-data-panel'\r\nimport { NotifyListStyled, notifyListClasses } from './styled'\r\n\r\ninterface INotifyListProps {\r\n data: INotification[]\r\n onClick?: (value: INotification) => void\r\n}\r\n\r\nclass NotifyList extends Component<INotifyListProps> {\r\n render() {\r\n const listReaded = this.getItems(true)\r\n const listUnReaded = this.getItems(false)\r\n return (\r\n <NotifyListStyled className={notifyListClasses.root}>\r\n {/* Render the menu header */}\r\n <div className={notifyListClasses.header}>\r\n <Box flex={1}>\r\n <Typography variant='h6'>Notifications</Typography>\r\n <Typography variant='body2' color={alpha(colors.common.white, 0.6)}>\r\n {this.getDescription(listUnReaded.length)}\r\n </Typography>\r\n </Box>\r\n </div>\r\n {/* <Divider variant='middle' sx={{ borderColor: alpha(colors.common.white, 0.1) }} /> */}\r\n {/* Render sub-menu items */}\r\n <Stack className={notifyListClasses.items}>\r\n {listUnReaded.length > 0 && (\r\n <div className={notifyListClasses.groupTitle}>\r\n <Typography variant='caption'>Unseen</Typography>\r\n <Divider sx={{ borderColor: alpha(colors.common.white, 0.1) }} />\r\n </div>\r\n )}\r\n <div>{listUnReaded.map(this.renderItem)}</div>\r\n {listReaded.length > 0 && (\r\n <div className={notifyListClasses.groupTitle}>\r\n <Typography variant='caption'>Seen</Typography>\r\n <Divider sx={{ borderColor: alpha(colors.common.white, 0.1) }} />\r\n </div>\r\n )}\r\n <div>{listReaded.map(this.renderItem)}</div>\r\n {listUnReaded.length + listReaded.length === 0 && (\r\n <NoDataPanel title='No Notifications' subTitle=\"You're all caught up!\" sx={{ minWidth: '360px' }} />\r\n )}\r\n </Stack>\r\n {/* <Divider variant='middle' sx={{ borderColor: alpha(colors.common.white, 0.1) }} /> */}\r\n {/* Footer section with social media links or additional information */}\r\n <div className={notifyListClasses.footer}>\r\n {/* <Typography variant='body2'>Follow us on social media for updates and news!</Typography>\r\n <FacebookIcon /> */}\r\n <Button variant='text' sx={{ flex: '0 0 auto', width: 'auto' }}>\r\n <Typography variant='caption' sx={{ textTransform: 'uppercase', fontWeight: 600 }}>\r\n Readmore\r\n </Typography>\r\n </Button>\r\n </div>\r\n </NotifyListStyled>\r\n )\r\n }\r\n\r\n renderItem = (item: INotification, index: number) => {\r\n // Render each item in the menu\r\n return (\r\n <Box key={index.toString()} className={notifyListClasses.item} onClick={() => this.onClickHandler(item)}>\r\n <Stack px={1}>{item.IsRead ? <DraftsOutlinedIcon color='disabled' /> : <MarkEmailUnreadOutlinedIcon color='success' />}</Stack>\r\n <Box flex={1}>\r\n <Typography variant='subtitle1' component='h6' className={notifyListClasses.itemTitle}>\r\n {item.Title}\r\n </Typography>\r\n <Typography variant='caption' className={notifyListClasses.itemSubTitle}>\r\n {item.SubTitle}\r\n </Typography>\r\n <Stack direction='row' spacing={1} justifyContent='flex-end'>\r\n <Typography variant='caption' color={alpha(colors.common.white, 0.5)}>\r\n {formatTimeAgo(item.DateCreated)}\r\n </Typography>\r\n </Stack>\r\n </Box>\r\n </Box>\r\n )\r\n }\r\n\r\n onClickHandler = (notification: INotification) => {\r\n if (!this.props.onClick) return\r\n // Call the onClick handler if provided\r\n this.props.onClick(notification)\r\n }\r\n\r\n getDescription = (count: number) => {\r\n if (count === 0) return 'No new notifications'\r\n if (count === 1) return 'You have 1 unread notification'\r\n return `You have ${count} unread notifications`\r\n }\r\n\r\n getItems = (isReaded?: boolean) => {\r\n return this.props.data.filter((item) => (isReaded !== undefined ? item.IsRead === isReaded : true))\r\n }\r\n}\r\nexport default NotifyList\r\n"],"names":["NotifyList","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","item","index","_jsxs","Box","className","notifyListClasses","onClick","onClickHandler","children","_jsx","Stack","px","IsRead","DraftsOutlinedIcon","color","MarkEmailUnreadOutlinedIcon","flex","Typography","variant","component","itemTitle","Title","itemSubTitle","SubTitle","direction","spacing","justifyContent","alpha","colors","common","white","formatTimeAgo","DateCreated","toString","notification","props","count","isReaded","data","filter","undefined","_inherits","Component","_createClass","key","value","listReaded","getItems","listUnReaded","NotifyListStyled","root","header","getDescription","items","groupTitle","Divider","sx","borderColor","map","renderItem","NoDataPanel","title","subTitle","minWidth","footer","Button","width","textTransform","fontWeight"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notify-list.d.ts","sourceRoot":"","sources":["../../../src/notification/notify-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"notify-list.d.ts","sourceRoot":"","sources":["../../../src/notification/notify-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAKvC,UAAU,gBAAgB;IACxB,IAAI,EAAE,aAAa,EAAE,CAAA;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;CACzC;AAED,cAAM,UAAW,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IAClD,MAAM;IAkDN,UAAU,SAAU,aAAa,SAAS,MAAM,6CAoB/C;IAED,cAAc,iBAAkB,aAAa,UAI5C;IAED,cAAc,UAAW,MAAM,YAI9B;IAED,QAAQ,cAAe,OAAO,qBAE7B;CACF;AACD,eAAe,UAAU,CAAA"}
|