@tnf-dev/mui 1.0.6-6 → 1.0.6-7

package/dist/cjs/index.d.cts

@@ -1,2 +1,7 @@
-export { default as TeknifyMuiInbox } from './components/inbox/index.cjs';
-import 'react';
+import { FC } from 'react';
+
+interface TeknifyMuiInboxProps {
+}
+declare const TeknifyMuiInbox: FC<TeknifyMuiInboxProps>;
+
+export { TeknifyMuiInbox };

package/dist/esm/index.d.ts

@@ -1,2 +1,7 @@
-export { default as TeknifyMuiInbox } from './components/inbox/index.js';
-import 'react';
+import { FC } from 'react';
+
+interface TeknifyMuiInboxProps {
+}
+declare const TeknifyMuiInbox: FC<TeknifyMuiInboxProps>;
+
+export { TeknifyMuiInbox };

package/package.json

@@ -85,5 +85,5 @@
   "sideEffects": false,
   "type": "module",
   "types": "./dist/esm/index.d.ts",
-  "version": "1.0.6-6"
+  "version": "1.0.6-7"
 }

package/dist/cjs/components/inbox/bell.cjs

@@ -1,2 +0,0 @@
-"use client"
-"use strict";var s=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var c=(t,o)=>{for(var r in o)s(t,r,{get:o[r],enumerable:!0})},u=(t,o,r,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of f(o))!m.call(t,e)&&e!==r&&s(t,e,{get:()=>o[e],enumerable:!(i=a(o,e))||i.enumerable});return t};var B=t=>u(s({},"__esModule",{value:!0}),t);var C={};c(C,{default:()=>g});module.exports=B(C);var l=require("@mui/icons-material"),p=require("@mui/material"),n=require("react/jsx-runtime"),d=({onClick:t,counts:o,ref:r,active:i})=>(0,n.jsx)(p.Badge,{badgeContent:o,color:"error",slotProps:{badge(){return{sx(){return{top:5}}}}},children:(0,n.jsx)(p.IconButton,{onClick:t,ref:r,component:"button",children:i?(0,n.jsx)(l.Notifications,{}):(0,n.jsx)(l.NotificationsOutlined,{})})}),g=d;

package/dist/cjs/components/inbox/bell.d.cts

@@ -1,6 +0,0 @@
-import { BellProps } from '@tnf-dev/react';
-import { FC } from 'react';
-
-declare const Bell: FC<BellProps>;
-
-export { Bell as default };

package/dist/cjs/components/inbox/empty.cjs

@@ -1,2 +0,0 @@
-"use client"
-"use strict";var n=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var l=(o,t)=>{for(var r in t)n(o,r,{get:t[r],enumerable:!0})},E=(o,t,r,y)=>{if(t&&typeof t=="object"||typeof t=="function")for(let p of f(t))!s.call(o,p)&&p!==r&&n(o,p,{get:()=>t[p],enumerable:!(y=a(t,p))||y.enumerable});return o};var g=o=>E(n({},"__esModule",{value:!0}),o);var T={};l(T,{default:()=>C});module.exports=g(T);var m=require("@mui/material"),c=require("@tnf-dev/react"),i=require("react"),e=require("react/jsx-runtime"),k=()=>{let{locale:o}=(0,i.use)(c.TeknifyContext);return(0,e.jsx)(m.Stack,{p:2,children:(0,e.jsx)(m.Typography,{textAlign:"center",children:o.components.Empty.noNotifications})})},C=k;

package/dist/cjs/components/inbox/empty.d.cts

@@ -1,6 +0,0 @@
-import { EmptyProps } from '@tnf-dev/react';
-import { FC } from 'react';
-
-declare const Empty: FC<EmptyProps>;
-
-export { Empty as default };

package/dist/cjs/components/inbox/index.cjs

@@ -1,2 +0,0 @@
-"use client"
-"use strict";var h=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var M=(o,r)=>{for(var n in r)h(o,n,{get:r[n],enumerable:!0})},W=(o,r,n,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let c of L(r))!O.call(o,c)&&c!==n&&h(o,c,{get:()=>r[c],enumerable:!(a=H(r,c))||a.enumerable});return o};var q=o=>W(h({},"__esModule",{value:!0}),o);var Y={};M(Y,{default:()=>X});module.exports=q(Y);var E=require("@tnf-dev/react");var s=require("@mui/icons-material"),l=require("@mui/material"),m=require("react/jsx-runtime"),D=({onClick:o,counts:r,ref:n,active:a})=>(0,m.jsx)(l.Badge,{badgeContent:r,color:"error",slotProps:{badge(){return{sx(){return{top:5}}}}},children:(0,m.jsx)(l.IconButton,{onClick:o,ref:n,component:"button",children:a?(0,m.jsx)(s.Notifications,{}):(0,m.jsx)(s.NotificationsOutlined,{})})}),x=D;var f=require("@mui/material"),b=require("@tnf-dev/react"),P=require("react"),u=require("react/jsx-runtime"),G=()=>{let{locale:o}=(0,P.use)(b.TeknifyContext);return(0,u.jsx)(f.Stack,{p:2,children:(0,u.jsx)(f.Typography,{textAlign:"center",children:o.components.Empty.noNotifications})})},N=G;var d=require("@mui/material"),k=require("react/jsx-runtime"),J=()=>(0,k.jsx)(d.Stack,{py:2,alignItems:"center",children:(0,k.jsx)(d.CircularProgress,{})}),S=J;var I=require("@mui/icons-material"),e=require("@mui/material"),T=require("@tnf-dev/react"),B=require("react"),p=require("react/jsx-runtime"),K=({markAllAsRead:o})=>{let{locale:r}=(0,B.use)(T.TeknifyContext);return(0,p.jsxs)(e.Stack,{p:2,bgcolor:"white",justifyContent:"space-between",borderBottom:"1px solid #ddd",direction:"row",alignItems:"center",children:[(0,p.jsx)(e.Typography,{fontWeight:600,children:r.components.NotificationHeader.notifications}),(0,p.jsx)(e.Stack,{children:(0,p.jsx)(e.Tooltip,{title:r.components.NotificationHeader.readAll,children:(0,p.jsx)(e.IconButton,{size:"small",onClick:o,children:(0,p.jsx)(I.ChecklistOutlined,{})})})})]})},v=K;var y=require("@mui/icons-material"),t=require("@mui/material"),F=require("@tnf-dev/react"),R=require("react"),i=require("react/jsx-runtime"),Q=({notification:o})=>{let{locale:r}=(0,R.useContext)(F.TeknifyContext);return(0,i.jsxs)(t.Card,{sx:{p:1,m:1,position:"relative","& [data-id=actions]":{visibility:"hidden",opacity:0,transition:"0.3s"},":hover [data-id=actions]":{visibility:"visible",opacity:1},...o.isRead?{}:{cursor:"pointer",":hover":{color:"primary.main"}}},...o.isRead?{}:{onClick:o.markAsRead},children:[(0,i.jsx)(t.Stack,{children:(0,i.jsxs)(t.Stack,{direction:"row",spacing:2,children:[o.icon?(0,i.jsx)(t.Avatar,{src:o.icon,sx:{width:"36px",height:"36px"}}):(0,i.jsx)(t.Stack,{width:"36px",height:"36px",borderRadius:100,alignItems:"center",justifyContent:"center",bgcolor:"#ddd",children:(0,i.jsx)(y.Notifications,{fontSize:"small"})}),(0,i.jsxs)(t.Stack,{flex:1,children:[(0,i.jsx)(t.Typography,{fontSize:14,fontWeight:600,children:o.title}),(0,i.jsx)(t.Typography,{fontSize:14,color:"textSecondary",children:o.message})]}),(0,i.jsx)(t.Stack,{children:!o.isRead&&(0,i.jsx)(t.Box,{width:10,height:10,bgcolor:"red",borderRadius:100,border:"2px solid #ddd"})})]})}),(0,i.jsx)(t.Stack,{position:"absolute",top:2,right:2,"data-id":"actions",p:1,spacing:1,bgcolor:"Background",children:!o.isRead&&(0,i.jsx)(t.Tooltip,{title:r.components.NotificationItem.markAsRead,children:(0,i.jsx)(t.IconButton,{size:"small",onClick:o.markAsRead,children:(0,i.jsx)(y.ChecklistOutlined,{fontSize:"small"})})})})]})},w=Q;var g=require("@mui/material"),C=require("react/jsx-runtime"),U=({anchorElement:o,children:r,onClose:n,open:a})=>(0,C.jsx)(g.Popover,{open:!!a,anchorEl:o,onClose:n,anchorOrigin:{horizontal:"center",vertical:"bottom"},anchorReference:"anchorEl",children:(0,C.jsx)(g.Box,{height:500,width:400,bgcolor:"#fafafa",children:r})}),z=U;var A=require("react/jsx-runtime"),V=()=>(0,A.jsx)(E.TeknifyInbox,{components:{Bell:x,NotificationHeader:v,NotificationPopover:z,NotificationItem:w,Loader:S,Empty:N}}),X=V;

package/dist/cjs/components/inbox/index.d.cts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-
-interface TeknifyMuiInboxProps {
-}
-declare const TeknifyMuiInbox: FC<TeknifyMuiInboxProps>;
-
-export { TeknifyMuiInbox as default };

package/dist/cjs/components/inbox/loader.cjs

@@ -1,2 +0,0 @@
-"use client"
-"use strict";var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var i=(o,r)=>{for(var e in r)p(o,e,{get:r[e],enumerable:!0})},l=(o,r,e,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of d(r))!f.call(o,t)&&t!==e&&p(o,t,{get:()=>r[t],enumerable:!(s=c(r,t))||s.enumerable});return o};var n=o=>l(p({},"__esModule",{value:!0}),o);var P={};i(P,{default:()=>L});module.exports=n(P);var a=require("@mui/material"),m=require("react/jsx-runtime"),C=()=>(0,m.jsx)(a.Stack,{py:2,alignItems:"center",children:(0,m.jsx)(a.CircularProgress,{})}),L=C;

package/dist/cjs/components/inbox/loader.d.cts

@@ -1,6 +0,0 @@
-import { LoaderProps } from '@tnf-dev/react';
-import { FC } from 'react';
-
-declare const Loader: FC<LoaderProps>;
-
-export { Loader as default };

package/dist/cjs/components/inbox/notification-header.cjs

@@ -1,2 +0,0 @@
-"use client"
-"use strict";var a=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var k=(t,o)=>{for(var r in o)a(t,r,{get:o[r],enumerable:!0})},u=(t,o,r,c)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of s(o))!m.call(t,n)&&n!==r&&a(t,n,{get:()=>o[n],enumerable:!(c=f(o,n))||c.enumerable});return t};var y=t=>u(a({},"__esModule",{value:!0}),t);var h={};k(h,{default:()=>g});module.exports=y(h);var p=require("@mui/icons-material"),i=require("@mui/material"),l=require("@tnf-dev/react"),d=require("react"),e=require("react/jsx-runtime"),C=({markAllAsRead:t})=>{let{locale:o}=(0,d.use)(l.TeknifyContext);return(0,e.jsxs)(i.Stack,{p:2,bgcolor:"white",justifyContent:"space-between",borderBottom:"1px solid #ddd",direction:"row",alignItems:"center",children:[(0,e.jsx)(i.Typography,{fontWeight:600,children:o.components.NotificationHeader.notifications}),(0,e.jsx)(i.Stack,{children:(0,e.jsx)(i.Tooltip,{title:o.components.NotificationHeader.readAll,children:(0,e.jsx)(i.IconButton,{size:"small",onClick:t,children:(0,e.jsx)(p.ChecklistOutlined,{})})})})]})},g=C;

package/dist/cjs/components/inbox/notification-header.d.cts

@@ -1,6 +0,0 @@
-import { NotificationHeaderProps } from '@tnf-dev/react';
-import { FC } from 'react';
-
-declare const NotificationHeader: FC<NotificationHeaderProps>;
-
-export { NotificationHeader as default };

package/dist/cjs/components/inbox/notification-item.cjs

@@ -1,2 +0,0 @@
-"use client"
-"use strict";var d=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var g=(o,e)=>{for(var a in e)d(o,a,{get:e[a],enumerable:!0})},k=(o,e,a,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of m(e))!h.call(o,r)&&r!==a&&d(o,r,{get:()=>e[r],enumerable:!(c=n(e,r))||c.enumerable});return o};var y=o=>k(d({},"__esModule",{value:!0}),o);var u={};g(u,{default:()=>S});module.exports=y(u);var s=require("@mui/icons-material"),t=require("@mui/material"),p=require("@tnf-dev/react"),l=require("react"),i=require("react/jsx-runtime"),x=({notification:o})=>{let{locale:e}=(0,l.useContext)(p.TeknifyContext);return(0,i.jsxs)(t.Card,{sx:{p:1,m:1,position:"relative","& [data-id=actions]":{visibility:"hidden",opacity:0,transition:"0.3s"},":hover [data-id=actions]":{visibility:"visible",opacity:1},...o.isRead?{}:{cursor:"pointer",":hover":{color:"primary.main"}}},...o.isRead?{}:{onClick:o.markAsRead},children:[(0,i.jsx)(t.Stack,{children:(0,i.jsxs)(t.Stack,{direction:"row",spacing:2,children:[o.icon?(0,i.jsx)(t.Avatar,{src:o.icon,sx:{width:"36px",height:"36px"}}):(0,i.jsx)(t.Stack,{width:"36px",height:"36px",borderRadius:100,alignItems:"center",justifyContent:"center",bgcolor:"#ddd",children:(0,i.jsx)(s.Notifications,{fontSize:"small"})}),(0,i.jsxs)(t.Stack,{flex:1,children:[(0,i.jsx)(t.Typography,{fontSize:14,fontWeight:600,children:o.title}),(0,i.jsx)(t.Typography,{fontSize:14,color:"textSecondary",children:o.message})]}),(0,i.jsx)(t.Stack,{children:!o.isRead&&(0,i.jsx)(t.Box,{width:10,height:10,bgcolor:"red",borderRadius:100,border:"2px solid #ddd"})})]})}),(0,i.jsx)(t.Stack,{position:"absolute",top:2,right:2,"data-id":"actions",p:1,spacing:1,bgcolor:"Background",children:!o.isRead&&(0,i.jsx)(t.Tooltip,{title:e.components.NotificationItem.markAsRead,children:(0,i.jsx)(t.IconButton,{size:"small",onClick:o.markAsRead,children:(0,i.jsx)(s.ChecklistOutlined,{fontSize:"small"})})})})]})},S=x;

package/dist/cjs/components/inbox/notification-item.d.cts

@@ -1,6 +0,0 @@
-import { NotificationItemProps } from '@tnf-dev/react';
-import { FC } from 'react';
-
-declare const NotificationItem: FC<NotificationItemProps>;
-
-export { NotificationItem as default };

package/dist/cjs/components/inbox/notification-popover.cjs

@@ -1,2 +0,0 @@
-"use client"
-"use strict";var a=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var l=(r,o)=>{for(var t in o)a(r,t,{get:o[t],enumerable:!0})},P=(r,o,t,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of f(o))!h.call(r,i)&&i!==t&&a(r,i,{get:()=>o[i],enumerable:!(e=c(o,i))||e.enumerable});return r};var m=r=>P(a({},"__esModule",{value:!0}),r);var s={};l(s,{default:()=>g});module.exports=m(s);var n=require("@mui/material"),p=require("react/jsx-runtime"),v=({anchorElement:r,children:o,onClose:t,open:e})=>(0,p.jsx)(n.Popover,{open:!!e,anchorEl:r,onClose:t,anchorOrigin:{horizontal:"center",vertical:"bottom"},anchorReference:"anchorEl",children:(0,p.jsx)(n.Box,{height:500,width:400,bgcolor:"#fafafa",children:o})}),g=v;

package/dist/cjs/components/inbox/notification-popover.d.cts

@@ -1,6 +0,0 @@
-import { NotificationPopoverProps } from '@tnf-dev/react';
-import { FC } from 'react';
-
-declare const NotificationPopover: FC<NotificationPopoverProps>;
-
-export { NotificationPopover as default };

package/dist/cjs/components/index.cjs

@@ -1,2 +0,0 @@
-"use client"
-"use strict";var g=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var W=(o,r)=>{for(var n in r)g(o,n,{get:r[n],enumerable:!0})},q=(o,r,n,p)=>{if(r&&typeof r=="object"||typeof r=="function")for(let c of M(r))!O.call(o,c)&&c!==n&&g(o,c,{get:()=>r[c],enumerable:!(p=L(r,c))||p.enumerable});return o};var D=o=>q(g({},"__esModule",{value:!0}),o);var Y={};W(Y,{TeknifyMuiInbox:()=>A});module.exports=D(Y);var E=require("@tnf-dev/react");var s=require("@mui/icons-material"),l=require("@mui/material"),m=require("react/jsx-runtime"),G=({onClick:o,counts:r,ref:n,active:p})=>(0,m.jsx)(l.Badge,{badgeContent:r,color:"error",slotProps:{badge(){return{sx(){return{top:5}}}}},children:(0,m.jsx)(l.IconButton,{onClick:o,ref:n,component:"button",children:p?(0,m.jsx)(s.Notifications,{}):(0,m.jsx)(s.NotificationsOutlined,{})})}),x=G;var f=require("@mui/material"),b=require("@tnf-dev/react"),P=require("react"),h=require("react/jsx-runtime"),J=()=>{let{locale:o}=(0,P.use)(b.TeknifyContext);return(0,h.jsx)(f.Stack,{p:2,children:(0,h.jsx)(f.Typography,{textAlign:"center",children:o.components.Empty.noNotifications})})},I=J;var d=require("@mui/material"),k=require("react/jsx-runtime"),K=()=>(0,k.jsx)(d.Stack,{py:2,alignItems:"center",children:(0,k.jsx)(d.CircularProgress,{})}),N=K;var S=require("@mui/icons-material"),i=require("@mui/material"),T=require("@tnf-dev/react"),B=require("react"),a=require("react/jsx-runtime"),Q=({markAllAsRead:o})=>{let{locale:r}=(0,B.use)(T.TeknifyContext);return(0,a.jsxs)(i.Stack,{p:2,bgcolor:"white",justifyContent:"space-between",borderBottom:"1px solid #ddd",direction:"row",alignItems:"center",children:[(0,a.jsx)(i.Typography,{fontWeight:600,children:r.components.NotificationHeader.notifications}),(0,a.jsx)(i.Stack,{children:(0,a.jsx)(i.Tooltip,{title:r.components.NotificationHeader.readAll,children:(0,a.jsx)(i.IconButton,{size:"small",onClick:o,children:(0,a.jsx)(S.ChecklistOutlined,{})})})})]})},v=Q;var y=require("@mui/icons-material"),t=require("@mui/material"),F=require("@tnf-dev/react"),R=require("react"),e=require("react/jsx-runtime"),U=({notification:o})=>{let{locale:r}=(0,R.useContext)(F.TeknifyContext);return(0,e.jsxs)(t.Card,{sx:{p:1,m:1,position:"relative","& [data-id=actions]":{visibility:"hidden",opacity:0,transition:"0.3s"},":hover [data-id=actions]":{visibility:"visible",opacity:1},...o.isRead?{}:{cursor:"pointer",":hover":{color:"primary.main"}}},...o.isRead?{}:{onClick:o.markAsRead},children:[(0,e.jsx)(t.Stack,{children:(0,e.jsxs)(t.Stack,{direction:"row",spacing:2,children:[o.icon?(0,e.jsx)(t.Avatar,{src:o.icon,sx:{width:"36px",height:"36px"}}):(0,e.jsx)(t.Stack,{width:"36px",height:"36px",borderRadius:100,alignItems:"center",justifyContent:"center",bgcolor:"#ddd",children:(0,e.jsx)(y.Notifications,{fontSize:"small"})}),(0,e.jsxs)(t.Stack,{flex:1,children:[(0,e.jsx)(t.Typography,{fontSize:14,fontWeight:600,children:o.title}),(0,e.jsx)(t.Typography,{fontSize:14,color:"textSecondary",children:o.message})]}),(0,e.jsx)(t.Stack,{children:!o.isRead&&(0,e.jsx)(t.Box,{width:10,height:10,bgcolor:"red",borderRadius:100,border:"2px solid #ddd"})})]})}),(0,e.jsx)(t.Stack,{position:"absolute",top:2,right:2,"data-id":"actions",p:1,spacing:1,bgcolor:"Background",children:!o.isRead&&(0,e.jsx)(t.Tooltip,{title:r.components.NotificationItem.markAsRead,children:(0,e.jsx)(t.IconButton,{size:"small",onClick:o.markAsRead,children:(0,e.jsx)(y.ChecklistOutlined,{fontSize:"small"})})})})]})},w=U;var u=require("@mui/material"),C=require("react/jsx-runtime"),V=({anchorElement:o,children:r,onClose:n,open:p})=>(0,C.jsx)(u.Popover,{open:!!p,anchorEl:o,onClose:n,anchorOrigin:{horizontal:"center",vertical:"bottom"},anchorReference:"anchorEl",children:(0,C.jsx)(u.Box,{height:500,width:400,bgcolor:"#fafafa",children:r})}),z=V;var H=require("react/jsx-runtime"),X=()=>(0,H.jsx)(E.TeknifyInbox,{components:{Bell:x,NotificationHeader:v,NotificationPopover:z,NotificationItem:w,Loader:N,Empty:I}}),A=X;0&&(module.exports={TeknifyMuiInbox});

package/dist/cjs/components/index.d.cts

@@ -1,2 +0,0 @@
-export { default as TeknifyMuiInbox } from './inbox/index.cjs';
-import 'react';

package/dist/esm/components/inbox/bell.d.ts

@@ -1,6 +0,0 @@
-import { BellProps } from '@tnf-dev/react';
-import { FC } from 'react';
-
-declare const Bell: FC<BellProps>;
-
-export { Bell as default };

package/dist/esm/components/inbox/bell.js

@@ -1,2 +0,0 @@
-"use client"
-import{Notifications as i,NotificationsOutlined as l}from"@mui/icons-material";import{Badge as p,IconButton as s}from"@mui/material";import{jsx as o}from"react/jsx-runtime";var a=({onClick:t,counts:r,ref:e,active:n})=>o(p,{badgeContent:r,color:"error",slotProps:{badge(){return{sx(){return{top:5}}}}},children:o(s,{onClick:t,ref:e,component:"button",children:n?o(i,{}):o(l,{})})}),c=a;export{c as default};

package/dist/esm/components/inbox/empty.d.ts

@@ -1,6 +0,0 @@
-import { EmptyProps } from '@tnf-dev/react';
-import { FC } from 'react';
-
-declare const Empty: FC<EmptyProps>;
-
-export { Empty as default };

package/dist/esm/components/inbox/empty.js

@@ -1,2 +0,0 @@
-"use client"
-import{Stack as p,Typography as r}from"@mui/material";import{TeknifyContext as m}from"@tnf-dev/react";import{use as n}from"react";import{jsx as o}from"react/jsx-runtime";var e=()=>{let{locale:t}=n(m);return o(p,{p:2,children:o(r,{textAlign:"center",children:t.components.Empty.noNotifications})})},s=e;export{s as default};

package/dist/esm/components/inbox/index.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-
-interface TeknifyMuiInboxProps {
-}
-declare const TeknifyMuiInbox: FC<TeknifyMuiInboxProps>;
-
-export { TeknifyMuiInbox as default };

package/dist/esm/components/inbox/index.js

@@ -1,2 +0,0 @@
-"use client"
-import{TeknifyInbox as oo}from"@tnf-dev/react";import{Notifications as x,NotificationsOutlined as b}from"@mui/icons-material";import{Badge as P,IconButton as N}from"@mui/material";import{jsx as n}from"react/jsx-runtime";var S=({onClick:o,counts:r,ref:p,active:a})=>n(P,{badgeContent:r,color:"error",slotProps:{badge(){return{sx(){return{top:5}}}}},children:n(N,{onClick:o,ref:p,component:"button",children:a?n(x,{}):n(b,{})})}),m=S;import{Stack as I,Typography as T}from"@mui/material";import{TeknifyContext as B}from"@tnf-dev/react";import{use as v}from"react";import{jsx as s}from"react/jsx-runtime";var F=()=>{let{locale:o}=v(B);return s(I,{p:2,children:s(T,{textAlign:"center",children:o.components.Empty.noNotifications})})},l=F;import{CircularProgress as R,Stack as w}from"@mui/material";import{jsx as f}from"react/jsx-runtime";var z=()=>f(w,{py:2,alignItems:"center",children:f(R,{})}),d=z;import{ChecklistOutlined as E}from"@mui/icons-material";import{IconButton as A,Stack as y,Tooltip as H,Typography as L}from"@mui/material";import{TeknifyContext as O}from"@tnf-dev/react";import{use as M}from"react";import{jsx as e,jsxs as q}from"react/jsx-runtime";var W=({markAllAsRead:o})=>{let{locale:r}=M(O);return q(y,{p:2,bgcolor:"white",justifyContent:"space-between",borderBottom:"1px solid #ddd",direction:"row",alignItems:"center",children:[e(L,{fontWeight:600,children:r.components.NotificationHeader.notifications}),e(y,{children:e(H,{title:r.components.NotificationHeader.readAll,children:e(A,{size:"small",onClick:o,children:e(E,{})})})})]})},g=W;import{ChecklistOutlined as D,Notifications as G}from"@mui/icons-material";import{Avatar as J,Box as K,Card as Q,IconButton as U,Stack as i,Tooltip as V,Typography as h}from"@mui/material";import{TeknifyContext as X}from"@tnf-dev/react";import{useContext as Y}from"react";import{jsx as t,jsxs as c}from"react/jsx-runtime";var Z=({notification:o})=>{let{locale:r}=Y(X);return c(Q,{sx:{p:1,m:1,position:"relative","& [data-id=actions]":{visibility:"hidden",opacity:0,transition:"0.3s"},":hover [data-id=actions]":{visibility:"visible",opacity:1},...o.isRead?{}:{cursor:"pointer",":hover":{color:"primary.main"}}},...o.isRead?{}:{onClick:o.markAsRead},children:[t(i,{children:c(i,{direction:"row",spacing:2,children:[o.icon?t(J,{src:o.icon,sx:{width:"36px",height:"36px"}}):t(i,{width:"36px",height:"36px",borderRadius:100,alignItems:"center",justifyContent:"center",bgcolor:"#ddd",children:t(G,{fontSize:"small"})}),c(i,{flex:1,children:[t(h,{fontSize:14,fontWeight:600,children:o.title}),t(h,{fontSize:14,color:"textSecondary",children:o.message})]}),t(i,{children:!o.isRead&&t(K,{width:10,height:10,bgcolor:"red",borderRadius:100,border:"2px solid #ddd"})})]})}),t(i,{position:"absolute",top:2,right:2,"data-id":"actions",p:1,spacing:1,bgcolor:"Background",children:!o.isRead&&t(V,{title:r.components.NotificationItem.markAsRead,children:t(U,{size:"small",onClick:o.markAsRead,children:t(D,{fontSize:"small"})})})})]})},u=Z;import{Box as _,Popover as $}from"@mui/material";import{jsx as k}from"react/jsx-runtime";var j=({anchorElement:o,children:r,onClose:p,open:a})=>k($,{open:!!a,anchorEl:o,onClose:p,anchorOrigin:{horizontal:"center",vertical:"bottom"},anchorReference:"anchorEl",children:k(_,{height:500,width:400,bgcolor:"#fafafa",children:r})}),C=j;import{jsx as ro}from"react/jsx-runtime";var to=()=>ro(oo,{components:{Bell:m,NotificationHeader:g,NotificationPopover:C,NotificationItem:u,Loader:d,Empty:l}}),Ko=to;export{Ko as default};

package/dist/esm/components/inbox/loader.d.ts

@@ -1,6 +0,0 @@
-import { LoaderProps } from '@tnf-dev/react';
-import { FC } from 'react';
-
-declare const Loader: FC<LoaderProps>;
-
-export { Loader as default };

package/dist/esm/components/inbox/loader.js

@@ -1,2 +0,0 @@
-"use client"
-import{CircularProgress as o,Stack as t}from"@mui/material";import{jsx as r}from"react/jsx-runtime";var e=()=>r(t,{py:2,alignItems:"center",children:r(o,{})}),p=e;export{p as default};

package/dist/esm/components/inbox/notification-header.d.ts

@@ -1,6 +0,0 @@
-import { NotificationHeaderProps } from '@tnf-dev/react';
-import { FC } from 'react';
-
-declare const NotificationHeader: FC<NotificationHeaderProps>;
-
-export { NotificationHeader as default };

package/dist/esm/components/inbox/notification-header.js

@@ -1,2 +0,0 @@
-"use client"
-import{ChecklistOutlined as n}from"@mui/icons-material";import{IconButton as r,Stack as i,Tooltip as a,Typography as c}from"@mui/material";import{TeknifyContext as p}from"@tnf-dev/react";import{use as l}from"react";import{jsx as o,jsxs as f}from"react/jsx-runtime";var d=({markAllAsRead:e})=>{let{locale:t}=l(p);return f(i,{p:2,bgcolor:"white",justifyContent:"space-between",borderBottom:"1px solid #ddd",direction:"row",alignItems:"center",children:[o(c,{fontWeight:600,children:t.components.NotificationHeader.notifications}),o(i,{children:o(a,{title:t.components.NotificationHeader.readAll,children:o(r,{size:"small",onClick:e,children:o(n,{})})})})]})},g=d;export{g as default};

package/dist/esm/components/inbox/notification-item.d.ts

@@ -1,6 +0,0 @@
-import { NotificationItemProps } from '@tnf-dev/react';
-import { FC } from 'react';
-
-declare const NotificationItem: FC<NotificationItemProps>;
-
-export { NotificationItem as default };

package/dist/esm/components/inbox/notification-item.js

@@ -1,2 +0,0 @@
-"use client"
-import{ChecklistOutlined as s,Notifications as d}from"@mui/icons-material";import{Avatar as c,Box as p,Card as l,IconButton as n,Stack as i,Tooltip as m,Typography as r}from"@mui/material";import{TeknifyContext as h}from"@tnf-dev/react";import{useContext as g}from"react";import{jsx as t,jsxs as e}from"react/jsx-runtime";var k=({notification:o})=>{let{locale:a}=g(h);return e(l,{sx:{p:1,m:1,position:"relative","& [data-id=actions]":{visibility:"hidden",opacity:0,transition:"0.3s"},":hover [data-id=actions]":{visibility:"visible",opacity:1},...o.isRead?{}:{cursor:"pointer",":hover":{color:"primary.main"}}},...o.isRead?{}:{onClick:o.markAsRead},children:[t(i,{children:e(i,{direction:"row",spacing:2,children:[o.icon?t(c,{src:o.icon,sx:{width:"36px",height:"36px"}}):t(i,{width:"36px",height:"36px",borderRadius:100,alignItems:"center",justifyContent:"center",bgcolor:"#ddd",children:t(d,{fontSize:"small"})}),e(i,{flex:1,children:[t(r,{fontSize:14,fontWeight:600,children:o.title}),t(r,{fontSize:14,color:"textSecondary",children:o.message})]}),t(i,{children:!o.isRead&&t(p,{width:10,height:10,bgcolor:"red",borderRadius:100,border:"2px solid #ddd"})})]})}),t(i,{position:"absolute",top:2,right:2,"data-id":"actions",p:1,spacing:1,bgcolor:"Background",children:!o.isRead&&t(m,{title:a.components.NotificationItem.markAsRead,children:t(n,{size:"small",onClick:o.markAsRead,children:t(s,{fontSize:"small"})})})})]})},f=k;export{f as default};

package/dist/esm/components/inbox/notification-popover.d.ts

@@ -1,6 +0,0 @@
-import { NotificationPopoverProps } from '@tnf-dev/react';
-import { FC } from 'react';
-
-declare const NotificationPopover: FC<NotificationPopoverProps>;
-
-export { NotificationPopover as default };

package/dist/esm/components/inbox/notification-popover.js

@@ -1,2 +0,0 @@
-"use client"
-import{Box as n,Popover as a}from"@mui/material";import{jsx as o}from"react/jsx-runtime";var p=({anchorElement:r,children:t,onClose:i,open:e})=>o(a,{open:!!e,anchorEl:r,onClose:i,anchorOrigin:{horizontal:"center",vertical:"bottom"},anchorReference:"anchorEl",children:o(n,{height:500,width:400,bgcolor:"#fafafa",children:t})}),f=p;export{f as default};

package/dist/esm/components/index.d.ts

@@ -1,2 +0,0 @@
-export { default as TeknifyMuiInbox } from './inbox/index.js';
-import 'react';

package/dist/esm/components/index.js

@@ -1,2 +0,0 @@
-"use client"
-import{TeknifyInbox as oo}from"@tnf-dev/react";import{Notifications as x,NotificationsOutlined as b}from"@mui/icons-material";import{Badge as P,IconButton as I}from"@mui/material";import{jsx as n}from"react/jsx-runtime";var N=({onClick:o,counts:r,ref:a,active:p})=>n(P,{badgeContent:r,color:"error",slotProps:{badge(){return{sx(){return{top:5}}}}},children:n(I,{onClick:o,ref:a,component:"button",children:p?n(x,{}):n(b,{})})}),m=N;import{Stack as S,Typography as T}from"@mui/material";import{TeknifyContext as B}from"@tnf-dev/react";import{use as v}from"react";import{jsx as s}from"react/jsx-runtime";var F=()=>{let{locale:o}=v(B);return s(S,{p:2,children:s(T,{textAlign:"center",children:o.components.Empty.noNotifications})})},l=F;import{CircularProgress as R,Stack as w}from"@mui/material";import{jsx as f}from"react/jsx-runtime";var z=()=>f(w,{py:2,alignItems:"center",children:f(R,{})}),d=z;import{ChecklistOutlined as E}from"@mui/icons-material";import{IconButton as A,Stack as y,Tooltip as H,Typography as L}from"@mui/material";import{TeknifyContext as M}from"@tnf-dev/react";import{use as O}from"react";import{jsx as i,jsxs as q}from"react/jsx-runtime";var W=({markAllAsRead:o})=>{let{locale:r}=O(M);return q(y,{p:2,bgcolor:"white",justifyContent:"space-between",borderBottom:"1px solid #ddd",direction:"row",alignItems:"center",children:[i(L,{fontWeight:600,children:r.components.NotificationHeader.notifications}),i(y,{children:i(H,{title:r.components.NotificationHeader.readAll,children:i(A,{size:"small",onClick:o,children:i(E,{})})})})]})},u=W;import{ChecklistOutlined as D,Notifications as G}from"@mui/icons-material";import{Avatar as J,Box as K,Card as Q,IconButton as U,Stack as e,Tooltip as V,Typography as g}from"@mui/material";import{TeknifyContext as X}from"@tnf-dev/react";import{useContext as Y}from"react";import{jsx as t,jsxs as c}from"react/jsx-runtime";var Z=({notification:o})=>{let{locale:r}=Y(X);return c(Q,{sx:{p:1,m:1,position:"relative","& [data-id=actions]":{visibility:"hidden",opacity:0,transition:"0.3s"},":hover [data-id=actions]":{visibility:"visible",opacity:1},...o.isRead?{}:{cursor:"pointer",":hover":{color:"primary.main"}}},...o.isRead?{}:{onClick:o.markAsRead},children:[t(e,{children:c(e,{direction:"row",spacing:2,children:[o.icon?t(J,{src:o.icon,sx:{width:"36px",height:"36px"}}):t(e,{width:"36px",height:"36px",borderRadius:100,alignItems:"center",justifyContent:"center",bgcolor:"#ddd",children:t(G,{fontSize:"small"})}),c(e,{flex:1,children:[t(g,{fontSize:14,fontWeight:600,children:o.title}),t(g,{fontSize:14,color:"textSecondary",children:o.message})]}),t(e,{children:!o.isRead&&t(K,{width:10,height:10,bgcolor:"red",borderRadius:100,border:"2px solid #ddd"})})]})}),t(e,{position:"absolute",top:2,right:2,"data-id":"actions",p:1,spacing:1,bgcolor:"Background",children:!o.isRead&&t(V,{title:r.components.NotificationItem.markAsRead,children:t(U,{size:"small",onClick:o.markAsRead,children:t(D,{fontSize:"small"})})})})]})},h=Z;import{Box as _,Popover as $}from"@mui/material";import{jsx as k}from"react/jsx-runtime";var j=({anchorElement:o,children:r,onClose:a,open:p})=>k($,{open:!!p,anchorEl:o,onClose:a,anchorOrigin:{horizontal:"center",vertical:"bottom"},anchorReference:"anchorEl",children:k(_,{height:500,width:400,bgcolor:"#fafafa",children:r})}),C=j;import{jsx as eo}from"react/jsx-runtime";var to=()=>eo(oo,{components:{Bell:m,NotificationHeader:u,NotificationPopover:C,NotificationItem:h,Loader:d,Empty:l}}),ro=to;export{ro as TeknifyMuiInbox};