@clicoh/orion-library 1.0.7 → 1.0.8
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/components/00-base/Show/Show.jsx.map +1 -1
- package/dist/components/02-molecules/BellNotifications/BellNotification.d.ts +13 -0
- package/dist/components/02-molecules/BellNotifications/BellNotification.d.ts.map +1 -0
- package/dist/components/02-molecules/BellNotifications/BellNotification.jsx +28 -0
- package/dist/components/02-molecules/BellNotifications/BellNotification.jsx.map +1 -0
- package/dist/components/02-molecules/BellNotifications/NotificationPanel.d.ts +25 -0
- package/dist/components/02-molecules/BellNotifications/NotificationPanel.d.ts.map +1 -0
- package/dist/components/02-molecules/BellNotifications/NotificationPanel.jsx +110 -0
- package/dist/components/02-molecules/BellNotifications/NotificationPanel.jsx.map +1 -0
- package/dist/components/02-molecules/BellNotifications/index.d.ts +4 -0
- package/dist/components/02-molecules/BellNotifications/index.d.ts.map +1 -0
- package/dist/components/02-molecules/BellNotifications/index.js +3 -0
- package/dist/components/02-molecules/BellNotifications/index.js.map +1 -0
- package/dist/components/02-molecules/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/components/02-molecules/Dropdown/Dropdown.jsx +2 -1
- package/dist/components/02-molecules/Dropdown/Dropdown.jsx.map +1 -1
- package/dist/components/02-molecules/index.d.ts +1 -0
- package/dist/components/02-molecules/index.d.ts.map +1 -1
- package/dist/components/02-molecules/index.js +1 -0
- package/dist/components/02-molecules/index.js.map +1 -1
- package/dist/components/03-organisms/Header/Header.d.ts +4 -1
- package/dist/components/03-organisms/Header/Header.d.ts.map +1 -1
- package/dist/components/03-organisms/Header/Header.jsx +7 -2
- package/dist/components/03-organisms/Header/Header.jsx.map +1 -1
- package/package.json +28 -31
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Show.jsx","sourceRoot":"","sources":["../../../../src/components/00-base/Show/Show.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA2B,MAAM,OAAO,CAAC;AAe1D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAa;IAC1C,IAAI,IAAI,GAAc,SAAS,CAAC;IAChC,IAAI,SAAS,GAAc,SAAS,CAAC;IAErC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACnC,MAAM,OAAO,GAAG,
|
|
1
|
+
{"version":3,"file":"Show.jsx","sourceRoot":"","sources":["../../../../src/components/00-base/Show/Show.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA2B,MAAM,OAAO,CAAC;AAe1D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAa;IAC1C,IAAI,IAAI,GAAc,SAAS,CAAC;IAChC,IAAI,SAAS,GAAc,SAAS,CAAC;IAErC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACnC,MAAM,OAAO,GAAG,KAA2C,CAAC;QAE5D,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAC1B,SAAS,GAAG,OAAO,CAAC;QACtB,CAAC;aAAM,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;YAClD,IAAI,GAAG,OAAO,CAAC;QACjB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,IAAI,SAAS,CAAC;AAC3B,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAiB,EAAa,EAAE;IAC7D,OAAO,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;AACvC,CAAC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAiB,EAAa,EAAE;IACrD,OAAO,QAAQ,IAAI,SAAS,CAAC;AAC/B,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import type { NotificationItem } from './NotificationPanel';
|
|
3
|
+
export type BellNotificationProps = {
|
|
4
|
+
notifications: NotificationItem[];
|
|
5
|
+
isLoading: boolean;
|
|
6
|
+
total: number;
|
|
7
|
+
hasNew: boolean;
|
|
8
|
+
onOpen?: () => void;
|
|
9
|
+
onClose?: () => void;
|
|
10
|
+
onLoadMore: () => void;
|
|
11
|
+
};
|
|
12
|
+
export declare function BellNotification({ notifications, isLoading, total, hasNew, onOpen, onClose, onLoadMore, }: Readonly<BellNotificationProps>): ReactNode;
|
|
13
|
+
//# sourceMappingURL=BellNotification.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BellNotification.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/BellNotifications/BellNotification.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,MAAM,MAAM,qBAAqB,GAAG;IAClC,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,EACP,UAAU,GACX,EAAE,QAAQ,CAAC,qBAAqB,CAAC,GAAG,SAAS,CAuD7C"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { NotificationPanel } from './NotificationPanel';
|
|
4
|
+
export function BellNotification({ notifications, isLoading, total, hasNew, onOpen, onClose, onLoadMore, }) {
|
|
5
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
6
|
+
const handleOpen = () => {
|
|
7
|
+
setIsOpen(true);
|
|
8
|
+
onOpen?.();
|
|
9
|
+
};
|
|
10
|
+
const handleClose = () => {
|
|
11
|
+
setIsOpen(false);
|
|
12
|
+
onClose?.();
|
|
13
|
+
};
|
|
14
|
+
return (<div className="relative justify-center">
|
|
15
|
+
<button onClick={handleOpen} className="relative cursor-pointer p-1" aria-label="Notificaciones">
|
|
16
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
17
|
+
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6 6 0 10-12 0v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"/>
|
|
18
|
+
</svg>
|
|
19
|
+
|
|
20
|
+
<span className={`bg-error absolute -top-0.5 -right-0.5 flex h-4 w-4 items-center justify-center rounded-full text-[9px] font-bold text-white transition-opacity duration-300 ${hasNew ? 'opacity-100' : 'opacity-0'}`}>
|
|
21
|
+
!
|
|
22
|
+
</span>
|
|
23
|
+
</button>
|
|
24
|
+
|
|
25
|
+
<NotificationPanel isOpen={isOpen} onClose={handleClose} notifications={notifications} isLoading={isLoading} total={total} onLoadMore={onLoadMore}/>
|
|
26
|
+
</div>);
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=BellNotification.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BellNotification.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/BellNotifications/BellNotification.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAYxD,MAAM,UAAU,gBAAgB,CAAC,EAC/B,aAAa,EACb,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,EACP,UAAU,GACsB;IAChC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,MAAM,EAAE,EAAE,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,yBAAyB,CACtC;MAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,UAAU,CAAC,CACpB,SAAS,CAAC,6BAA6B,CACvC,UAAU,CAAC,gBAAgB,CAE3B;QAAA,CAAC,GAAG,CACF,KAAK,CAAC,4BAA4B,CAClC,KAAK,CAAC,IAAI,CACV,MAAM,CAAC,IAAI,CACX,IAAI,CAAC,MAAM,CACX,OAAO,CAAC,WAAW,CACnB,MAAM,CAAC,cAAc,CAErB;UAAA,CAAC,IAAI,CACH,aAAa,CAAC,OAAO,CACrB,cAAc,CAAC,OAAO,CACtB,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,CAAC,CAAC,wIAAwI,EAE9I;QAAA,EAAE,GAAG,CAEL;;QAAA,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,+JACT,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAC3B,EAAE,CAAC,CAEH;;QACF,EAAE,IAAI,CACR;MAAA,EAAE,MAAM,CAER;;MAAA,CAAC,iBAAiB,CAChB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,UAAU,CAAC,CAAC,UAAU,CAAC,EAE3B;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
export type NotificationActionType = 'download' | 'action' | 'link';
|
|
3
|
+
export type NotificationAction = {
|
|
4
|
+
type: NotificationActionType;
|
|
5
|
+
handler: () => void;
|
|
6
|
+
};
|
|
7
|
+
export type NotificationItem = {
|
|
8
|
+
id: string;
|
|
9
|
+
title: string;
|
|
10
|
+
message?: string;
|
|
11
|
+
createdAt: string;
|
|
12
|
+
readAt?: string;
|
|
13
|
+
action: NotificationAction;
|
|
14
|
+
};
|
|
15
|
+
type NotificationPanelProps = {
|
|
16
|
+
isOpen: boolean;
|
|
17
|
+
onClose: () => void;
|
|
18
|
+
notifications: NotificationItem[];
|
|
19
|
+
isLoading: boolean;
|
|
20
|
+
total: number;
|
|
21
|
+
onLoadMore: () => void;
|
|
22
|
+
};
|
|
23
|
+
export declare function NotificationPanel({ isOpen, onClose, notifications, isLoading, total, onLoadMore, }: Readonly<NotificationPanelProps>): ReactNode;
|
|
24
|
+
export {};
|
|
25
|
+
//# sourceMappingURL=NotificationPanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NotificationPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/BellNotifications/NotificationPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,MAAM,sBAAsB,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEpE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,sBAAsB,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,kBAAkB,CAAC;CAC5B,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAsBF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,OAAO,EACP,aAAa,EACb,SAAS,EACT,KAAK,EACL,UAAU,GACX,EAAE,QAAQ,CAAC,sBAAsB,CAAC,GAAG,SAAS,CAkH9C"}
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import clsx from 'clsx';
|
|
3
|
+
import { MdOutlineWatchLater } from 'react-icons/md';
|
|
4
|
+
import { RiDownloadLine, RiMessageLine } from 'react-icons/ri';
|
|
5
|
+
import { Each, Show } from '../../00-base';
|
|
6
|
+
import { Paragraph, Spinner } from '../../01-atoms';
|
|
7
|
+
const iconStyleMap = {
|
|
8
|
+
download: 'bg-error/20 text-error mt-0.5 shrink-0 rounded p-1',
|
|
9
|
+
action: 'bg-warning/20 text-warning mt-0.5 shrink-0 rounded p-1',
|
|
10
|
+
link: 'bg-success/20 text-success mt-0.5 shrink-0 rounded p-1',
|
|
11
|
+
};
|
|
12
|
+
function NotificationIcon({ type }) {
|
|
13
|
+
const className = iconStyleMap[type];
|
|
14
|
+
if (type === 'download')
|
|
15
|
+
return <RiDownloadLine size={26} className={className}/>;
|
|
16
|
+
if (type === 'action')
|
|
17
|
+
return <MdOutlineWatchLater size={26} className={className}/>;
|
|
18
|
+
return <RiMessageLine size={26} className={className}/>;
|
|
19
|
+
}
|
|
20
|
+
function formatDate(dateStr) {
|
|
21
|
+
const date = new Date(dateStr);
|
|
22
|
+
const today = new Date();
|
|
23
|
+
if (date.toDateString() === today.toDateString())
|
|
24
|
+
return 'Hoy';
|
|
25
|
+
return `${String(date.getDate()).padStart(2, '0')}/${String(date.getMonth() + 1).padStart(2, '0')}`;
|
|
26
|
+
}
|
|
27
|
+
export function NotificationPanel({ isOpen, onClose, notifications, isLoading, total, onLoadMore, }) {
|
|
28
|
+
if (!isOpen)
|
|
29
|
+
return null;
|
|
30
|
+
return (<>
|
|
31
|
+
<div className="fixed inset-0 z-40" onClick={onClose}/>
|
|
32
|
+
|
|
33
|
+
<div className="absolute top-full right-0 z-50 mt-2 flex max-h-[50vh] w-110 flex-col overflow-hidden rounded-xl bg-white shadow-[0px_0px_17px_-4px]">
|
|
34
|
+
<div className="flex shrink-0 items-center justify-between border-b border-gray-4 p-4">
|
|
35
|
+
<Paragraph size="subtitle-1">Mensajes</Paragraph>
|
|
36
|
+
<button onClick={onClose} aria-label="Cerrar" className="cursor-pointer text-gray-2 w-7 hover:text-gray-1 hover:bg-gray-3/50 rounded-4xl p-1">
|
|
37
|
+
✕
|
|
38
|
+
</button>
|
|
39
|
+
</div>
|
|
40
|
+
|
|
41
|
+
<div className="flex-1 overflow-y-auto">
|
|
42
|
+
<Show>
|
|
43
|
+
<Show.When isTrue={isLoading}>
|
|
44
|
+
<div className="flex justify-center p-4">
|
|
45
|
+
<Spinner />
|
|
46
|
+
</div>
|
|
47
|
+
</Show.When>
|
|
48
|
+
<Show.Else>
|
|
49
|
+
<Show>
|
|
50
|
+
<Show.When isTrue={notifications.length === 0}>
|
|
51
|
+
<div className="p-4 text-center">
|
|
52
|
+
<Paragraph size="body-2" className="text-gray-1">
|
|
53
|
+
No tienes mensajes
|
|
54
|
+
</Paragraph>
|
|
55
|
+
</div>
|
|
56
|
+
</Show.When>
|
|
57
|
+
<Show.Else>
|
|
58
|
+
<Each of={notifications} render={(notification, i) => (<div key={notification.id} onClick={notification.action.type !== 'download'
|
|
59
|
+
? notification.action.handler
|
|
60
|
+
: undefined} className={clsx('mx-2 my-1 flex cursor-pointer items-center gap-2 rounded-lg p-2', i % 2 === 0 && 'bg-gray-6/80', 'hover:bg-gray-5')}>
|
|
61
|
+
<div className="flex w-full items-start gap-2 rounded-lg p-2">
|
|
62
|
+
<span className={clsx('relative h-2 w-2 shrink-0 transition-opacity duration-300', notification.readAt ? 'opacity-0' : 'opacity-100')}>
|
|
63
|
+
<span className="bg-info absolute mt-2 inline-flex h-full w-full animate-ping rounded-full opacity-75"/>
|
|
64
|
+
<span className="bg-info/50 relative inline-flex h-2 w-2 rounded-full"/>
|
|
65
|
+
</span>
|
|
66
|
+
|
|
67
|
+
<NotificationIcon type={notification.action.type}/>
|
|
68
|
+
|
|
69
|
+
<div className="min-w-0 flex-1">
|
|
70
|
+
<div className="flex items-start justify-between gap-2">
|
|
71
|
+
<Paragraph size="subtitle-2" className="text-black capitalize">
|
|
72
|
+
{notification.title}
|
|
73
|
+
</Paragraph>
|
|
74
|
+
<Paragraph size="body-2" className="shrink-0 text-gray-2">
|
|
75
|
+
{formatDate(notification.createdAt)}
|
|
76
|
+
</Paragraph>
|
|
77
|
+
</div>
|
|
78
|
+
|
|
79
|
+
<Show.When isTrue={!!notification.message}>
|
|
80
|
+
<Paragraph size="body-2" className="text-gray-1">
|
|
81
|
+
{notification.message}
|
|
82
|
+
</Paragraph>
|
|
83
|
+
</Show.When>
|
|
84
|
+
|
|
85
|
+
<Show.When isTrue={notification.action.type === 'download'}>
|
|
86
|
+
<button onClick={notification.action.handler} className="text-info mt-1 flex cursor-pointer items-center gap-1 text-xs underline">
|
|
87
|
+
<RiDownloadLine size={14}/>
|
|
88
|
+
Descargar reporte
|
|
89
|
+
</button>
|
|
90
|
+
</Show.When>
|
|
91
|
+
</div>
|
|
92
|
+
</div>
|
|
93
|
+
</div>)}/>
|
|
94
|
+
</Show.Else>
|
|
95
|
+
</Show>
|
|
96
|
+
</Show.Else>
|
|
97
|
+
</Show>
|
|
98
|
+
</div>
|
|
99
|
+
|
|
100
|
+
<Show.When isTrue={total > notifications.length}>
|
|
101
|
+
<div className="shrink-0 border-t border-gray-4 p-3 text-center">
|
|
102
|
+
<button onClick={onLoadMore} className="text-info cursor-pointer text-sm font-bold">
|
|
103
|
+
Ver más ({total - notifications.length} restantes)
|
|
104
|
+
</button>
|
|
105
|
+
</div>
|
|
106
|
+
</Show.When>
|
|
107
|
+
</div>
|
|
108
|
+
</>);
|
|
109
|
+
}
|
|
110
|
+
//# sourceMappingURL=NotificationPanel.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NotificationPanel.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/BellNotifications/NotificationPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/BellNotifications/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/02-molecules/BellNotifications/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,KAAK,MAAM,GAAG;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,eAAe,EACf,GAAG,SAAS,EACb,EAAE,aAAa,GAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,KAAK,MAAM,GAAG;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,eAAe,EACf,GAAG,SAAS,EACb,EAAE,aAAa,GAAG,SAAS,CAwG3B"}
|
|
@@ -65,7 +65,8 @@ export function Dropdown({ actions, children, activeClassName, ...restProps }) {
|
|
|
65
65
|
// Función para pasar props al children
|
|
66
66
|
const renderChildren = () => {
|
|
67
67
|
if (React.isValidElement(children)) {
|
|
68
|
-
const
|
|
68
|
+
const childProps = children.props;
|
|
69
|
+
const existingClassName = childProps.className || '';
|
|
69
70
|
const newClassName = clsx(existingClassName, toggle && activeClassName);
|
|
70
71
|
return React.cloneElement(children, {
|
|
71
72
|
'aria-expanded': toggle,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Dropdown.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/02-molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/02-molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/02-molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/02-molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { ComponentProps, ReactNode } from 'react';
|
|
2
2
|
import { Menu } from '../../02-molecules';
|
|
3
3
|
import { AvatarProps } from '../../02-molecules/Avatar/Avatar';
|
|
4
|
+
import { BellNotificationProps } from '../../02-molecules/BellNotifications/BellNotification';
|
|
4
5
|
export type HeaderProps = {
|
|
5
6
|
homeHref?: string;
|
|
6
7
|
primaryMenu?: ComponentProps<typeof Menu>['menu'];
|
|
7
8
|
secondMenu?: ComponentProps<typeof Menu>['menu'];
|
|
8
9
|
avatar?: Omit<AvatarProps, 'className' | 'position'>;
|
|
10
|
+
bellNotifications?: Omit<BellNotificationProps, 'className' | 'position'>;
|
|
9
11
|
};
|
|
10
12
|
/**
|
|
11
13
|
* Header component for rendering the header section of the application.
|
|
@@ -25,8 +27,9 @@ export type HeaderProps = {
|
|
|
25
27
|
* @param {ComponentProps<typeof Menu>['menu']} [props.primaryMenu] - The primary menu configuration.
|
|
26
28
|
* @param {ComponentProps<typeof Menu>['menu']} [props.secondMenu] - The secondary menu configuration.
|
|
27
29
|
* @param {Omit<AvatarProps, 'className' | 'position'>} [props.avatar] - The avatar properties.
|
|
30
|
+
* @param {}
|
|
28
31
|
*
|
|
29
32
|
* @returns {ReactNode} The rendered Header component.
|
|
30
33
|
*/
|
|
31
|
-
export declare function Header({ homeHref, primaryMenu, secondMenu, avatar, }: HeaderProps): ReactNode;
|
|
34
|
+
export declare function Header({ homeHref, primaryMenu, secondMenu, avatar, bellNotifications, }: HeaderProps): ReactNode;
|
|
32
35
|
//# sourceMappingURL=Header.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/03-organisms/Header/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAqB,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/03-organisms/Header/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAqB,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAE/D,OAAO,EAAoB,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAEhH,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;IAClD,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;IACrD,iBAAiB,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;CAC3E,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAc,EACd,WAAW,EACX,UAAU,EACV,MAAM,EACN,iBAAiB,GAClB,EAAE,WAAW,GAAG,SAAS,CAyBzB"}
|
|
@@ -2,6 +2,7 @@ import Link from 'next/link';
|
|
|
2
2
|
import { Logo } from '../../01-atoms';
|
|
3
3
|
import { Avatar, Container, Menu } from '../../02-molecules';
|
|
4
4
|
import { SecondMenu } from './SecondMenu';
|
|
5
|
+
import { BellNotification } from '../../02-molecules/BellNotifications/BellNotification';
|
|
5
6
|
/**
|
|
6
7
|
* Header component for rendering the header section of the application.
|
|
7
8
|
*
|
|
@@ -20,10 +21,11 @@ import { SecondMenu } from './SecondMenu';
|
|
|
20
21
|
* @param {ComponentProps<typeof Menu>['menu']} [props.primaryMenu] - The primary menu configuration.
|
|
21
22
|
* @param {ComponentProps<typeof Menu>['menu']} [props.secondMenu] - The secondary menu configuration.
|
|
22
23
|
* @param {Omit<AvatarProps, 'className' | 'position'>} [props.avatar] - The avatar properties.
|
|
24
|
+
* @param {}
|
|
23
25
|
*
|
|
24
26
|
* @returns {ReactNode} The rendered Header component.
|
|
25
27
|
*/
|
|
26
|
-
export function Header({ homeHref = '/', primaryMenu, secondMenu, avatar, }) {
|
|
28
|
+
export function Header({ homeHref = '/', primaryMenu, secondMenu, avatar, bellNotifications, }) {
|
|
27
29
|
return (<Container as="header" className="relative flex flex-row justify-between py-2">
|
|
28
30
|
<div className="flex items-center gap-4">
|
|
29
31
|
<div>
|
|
@@ -36,7 +38,10 @@ export function Header({ homeHref = '/', primaryMenu, secondMenu, avatar, }) {
|
|
|
36
38
|
<Menu menu={primaryMenu} orientation="horizontal"/>
|
|
37
39
|
</div>)}
|
|
38
40
|
</div>
|
|
39
|
-
|
|
41
|
+
<div className="flex items-center gap-3">
|
|
42
|
+
{!!bellNotifications && <BellNotification {...bellNotifications}/>}
|
|
43
|
+
{!!avatar && <Avatar {...avatar} position="right"/>}
|
|
44
|
+
</div>
|
|
40
45
|
</Container>);
|
|
41
46
|
}
|
|
42
47
|
//# sourceMappingURL=Header.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.jsx","sourceRoot":"","sources":["../../../../src/components/03-organisms/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Header.jsx","sourceRoot":"","sources":["../../../../src/components/03-organisms/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAyB,MAAM,uDAAuD,CAAC;AAUhH;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,MAAM,CAAC,EACrB,QAAQ,GAAG,GAAG,EACd,WAAW,EACX,UAAU,EACV,MAAM,EACN,iBAAiB,GACL;IACZ,OAAO,CACL,CAAC,SAAS,CACR,EAAE,CAAC,QAAQ,CACX,SAAS,CAAC,6CAA6C,CAEvD;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,yBAAyB,CACtC;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CACnB;YAAA,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EACjB;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,EAAG,CACjD;QAAA,CAAC,CAAC,CAAC,WAAW,IAAI,CAChB,CAAC,GAAG,CACF;YAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,YAAY,EACnD;UAAA,EAAE,GAAG,CAAC,CACP,CACH;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,yBAAyB,CACtC;QAAA,CAAC,CAAC,CAAC,iBAAiB,IAAI,CAAC,gBAAgB,CAAC,IAAI,iBAAiB,CAAC,EAAG,CACnE;QAAA,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAG,CACtD;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,47 +1,32 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@clicoh/orion-library",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.8",
|
|
4
4
|
"main": "index.js",
|
|
5
|
-
"scripts": {
|
|
6
|
-
"build": "tsc --project tsconfig.components.json",
|
|
7
|
-
"format": "prettier --write src",
|
|
8
|
-
"storybook": "storybook dev -p 6006 --ci",
|
|
9
|
-
"build-storybook": "storybook build",
|
|
10
|
-
"next:dev": "next dev",
|
|
11
|
-
"next:build": "next build",
|
|
12
|
-
"next:start": "next start",
|
|
13
|
-
"next:lint": "next lint",
|
|
14
|
-
"deploy:local": "npm run build && cp -r dist index.js index.d.ts package.json assets tailwind.config.ts ../atlas/node_modules/@clicoh/orion-library/"
|
|
15
|
-
},
|
|
16
5
|
"dependencies": {
|
|
17
6
|
"@floating-ui/react": "0.26.19",
|
|
18
7
|
"clsx": "2.1.1",
|
|
19
|
-
"next": "
|
|
20
|
-
"react": "
|
|
21
|
-
"react-dom": "
|
|
8
|
+
"next": "16.2.6",
|
|
9
|
+
"react": "19.2.6",
|
|
10
|
+
"react-dom": "19.2.6",
|
|
22
11
|
"react-icons": "5.2.1",
|
|
23
12
|
"react-toastify": "10.0.5",
|
|
24
|
-
"swr": "2.
|
|
13
|
+
"swr": "2.4.1",
|
|
25
14
|
"zustand": "4.5.2"
|
|
26
15
|
},
|
|
27
16
|
"devDependencies": {
|
|
28
|
-
"@storybook/addon-a11y": "
|
|
29
|
-
"@storybook/addon-
|
|
30
|
-
"@storybook/addon-
|
|
31
|
-
"@storybook/
|
|
32
|
-
"@storybook/
|
|
33
|
-
"@storybook/blocks": "7.6.20",
|
|
34
|
-
"@storybook/nextjs": "7.6.20",
|
|
35
|
-
"@storybook/react": "7.6.20",
|
|
36
|
-
"@storybook/test": "7.6.20",
|
|
17
|
+
"@storybook/addon-a11y": "10.4.0",
|
|
18
|
+
"@storybook/addon-links": "10.4.0",
|
|
19
|
+
"@storybook/addon-onboarding": "10.4.0",
|
|
20
|
+
"@storybook/nextjs": "10.4.0",
|
|
21
|
+
"@storybook/react": "10.4.0",
|
|
37
22
|
"@tailwindcss/postcss": "4.1.18",
|
|
38
23
|
"@types/copyfiles": "2",
|
|
39
24
|
"@types/node": "20",
|
|
40
|
-
"@types/react": "
|
|
41
|
-
"@types/react-dom": "
|
|
25
|
+
"@types/react": "19.2.6",
|
|
26
|
+
"@types/react-dom": "19.2.3",
|
|
42
27
|
"@types/tailwindcss": "3.1.0",
|
|
43
28
|
"eslint": "8",
|
|
44
|
-
"eslint-config-next": "
|
|
29
|
+
"eslint-config-next": "16.2.6",
|
|
45
30
|
"eslint-config-prettier": "9.1.0",
|
|
46
31
|
"eslint-plugin-prettier": "5.1.3",
|
|
47
32
|
"eslint-plugin-storybook": "0.6.15",
|
|
@@ -50,7 +35,7 @@
|
|
|
50
35
|
"postcss": "8",
|
|
51
36
|
"prettier": "3.3.2",
|
|
52
37
|
"prettier-plugin-tailwindcss": "0.7.2",
|
|
53
|
-
"storybook": "
|
|
38
|
+
"storybook": "10.4.0",
|
|
54
39
|
"tailwindcss": "4.1.18",
|
|
55
40
|
"typescript": "5.5.4"
|
|
56
41
|
},
|
|
@@ -72,5 +57,17 @@
|
|
|
72
57
|
"description": "UI component library for react.js and next.js from the Clicoh company",
|
|
73
58
|
"keywords": [],
|
|
74
59
|
"author": "",
|
|
75
|
-
"license": "ISC"
|
|
76
|
-
|
|
60
|
+
"license": "ISC",
|
|
61
|
+
"scripts": {
|
|
62
|
+
"build": "tsc --project tsconfig.components.json",
|
|
63
|
+
"format": "prettier --write src",
|
|
64
|
+
"storybook": "storybook dev -p 6006 --ci",
|
|
65
|
+
"build-storybook": "storybook build",
|
|
66
|
+
"next:dev": "next dev",
|
|
67
|
+
"next:build": "next build",
|
|
68
|
+
"next:start": "next start",
|
|
69
|
+
"next:lint": "next lint",
|
|
70
|
+
"preinstall": "npx only-allow pnpm",
|
|
71
|
+
"deploy:local": "npm run build && cp -r dist index.js index.d.ts package.json assets tailwind.config.ts ../atlas/node_modules/@clicoh/orion-library/"
|
|
72
|
+
}
|
|
73
|
+
}
|