@tnf-dev/mui 1.0.1-9 → 1.0.1
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/cjs/components/inbox/index.cjs +1 -1
- package/dist/cjs/components/inbox/notification-header.cjs +1 -1
- package/dist/cjs/components/index.cjs +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/esm/components/inbox/index.js +1 -1
- package/dist/esm/components/inbox/notification-header.js +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client"
|
|
2
|
-
"use strict";var
|
|
2
|
+
"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("@teknify/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("@teknify/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("@teknify/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("@teknify/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;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client"
|
|
2
|
-
"use strict";var
|
|
2
|
+
"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("@teknify/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;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client"
|
|
2
|
-
"use strict";var g=Object.defineProperty;var
|
|
2
|
+
"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("@teknify/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("@teknify/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("@teknify/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("@teknify/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/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client"
|
|
2
|
-
"use strict";var g=Object.defineProperty;var
|
|
2
|
+
"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,a)=>{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:!(a=L(r,c))||a.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("@teknify/react");var s=require("@mui/icons-material"),l=require("@mui/material"),m=require("react/jsx-runtime"),G=({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=G;var f=require("@mui/material"),b=require("@teknify/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("@teknify/react"),B=require("react"),p=require("react/jsx-runtime"),Q=({markAllAsRead:o})=>{let{locale:r}=(0,B.use)(T.TeknifyContext);return(0,p.jsxs)(i.Stack,{p:2,bgcolor:"white",justifyContent:"space-between",borderBottom:"1px solid #ddd",direction:"row",alignItems:"center",children:[(0,p.jsx)(i.Typography,{fontWeight:600,children:r.components.NotificationHeader.notifications}),(0,p.jsx)(i.Stack,{children:(0,p.jsx)(i.Tooltip,{title:r.components.NotificationHeader.readAll,children:(0,p.jsx)(i.IconButton,{size:"small",onClick:o,children:(0,p.jsx)(S.ChecklistOutlined,{})})})})]})},v=Q;var y=require("@mui/icons-material"),t=require("@mui/material"),F=require("@teknify/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:a})=>(0,C.jsx)(u.Popover,{open:!!a,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});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client"
|
|
2
|
-
import{TeknifyInbox as
|
|
2
|
+
import{TeknifyInbox as oo}from"@teknify/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"@teknify/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"@teknify/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"@teknify/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};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client"
|
|
2
|
-
import{Stack as i,Typography as
|
|
2
|
+
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"@teknify/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};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client"
|
|
2
|
-
import{TeknifyInbox as
|
|
2
|
+
import{TeknifyInbox as oo}from"@teknify/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"@teknify/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"@teknify/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"@teknify/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};
|
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client"
|
|
2
|
-
import{TeknifyInbox as
|
|
2
|
+
import{TeknifyInbox as oo}from"@teknify/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:p,active:a})=>n(P,{badgeContent:r,color:"error",slotProps:{badge(){return{sx(){return{top:5}}}}},children:n(I,{onClick:o,ref:p,component:"button",children:a?n(x,{}):n(b,{})})}),m=N;import{Stack as S,Typography as T}from"@mui/material";import{TeknifyContext as B}from"@teknify/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"@teknify/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"@teknify/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: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 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};
|
package/package.json
CHANGED