@mage-ui/components 1.0.43 → 1.0.44
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/index.d.mts +1 -10
- package/dist/index.mjs +1 -1
- package/package.json +2 -2
- package/dist/semedlab/components/data-display/index.d.mts +0 -3
- package/dist/semedlab/components/data-display/notification/Notification.d.mts +0 -33
- package/dist/semedlab/components/data-display/notification/Notification.d.mts.map +0 -1
- package/dist/semedlab/components/data-display/notification/Notification.mjs +0 -2
- package/dist/semedlab/components/data-display/notification/Notification.mjs.map +0 -1
- package/dist/semedlab/components/data-display/user-group-preview/UserGroupPreview.d.mts +0 -32
- package/dist/semedlab/components/data-display/user-group-preview/UserGroupPreview.d.mts.map +0 -1
- package/dist/semedlab/components/data-display/user-group-preview/UserGroupPreview.mjs +0 -2
- package/dist/semedlab/components/data-display/user-group-preview/UserGroupPreview.mjs.map +0 -1
- package/dist/semedlab/components/data-display/user-profile/UserProfile.d.mts +0 -32
- package/dist/semedlab/components/data-display/user-profile/UserProfile.d.mts.map +0 -1
- package/dist/semedlab/components/data-display/user-profile/UserProfile.mjs +0 -2
- package/dist/semedlab/components/data-display/user-profile/UserProfile.mjs.map +0 -1
- package/dist/semedlab/components/index.d.mts +0 -10
- package/dist/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.d.mts +0 -23
- package/dist/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.d.mts.map +0 -1
- package/dist/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.mjs +0 -2
- package/dist/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.mjs.map +0 -1
- package/dist/semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.d.mts +0 -23
- package/dist/semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.d.mts.map +0 -1
- package/dist/semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.mjs +0 -2
- package/dist/semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.mjs.map +0 -1
- package/dist/semedlab/components/navigations/index.d.mts +0 -5
- package/dist/semedlab/components/navigations/notification-list/NotificationList.d.mts +0 -29
- package/dist/semedlab/components/navigations/notification-list/NotificationList.d.mts.map +0 -1
- package/dist/semedlab/components/navigations/notification-list/NotificationList.mjs +0 -2
- package/dist/semedlab/components/navigations/notification-list/NotificationList.mjs.map +0 -1
- package/dist/semedlab/components/navigations/notification-menu/NotificationMenu.d.mts +0 -32
- package/dist/semedlab/components/navigations/notification-menu/NotificationMenu.d.mts.map +0 -1
- package/dist/semedlab/components/navigations/notification-menu/NotificationMenu.mjs +0 -2
- package/dist/semedlab/components/navigations/notification-menu/NotificationMenu.mjs.map +0 -1
- package/dist/semedlab/components/navigations/profile-menu/ProfileMenu.d.mts +0 -21
- package/dist/semedlab/components/navigations/profile-menu/ProfileMenu.d.mts.map +0 -1
- package/dist/semedlab/components/navigations/profile-menu/ProfileMenu.mjs +0 -2
- package/dist/semedlab/components/navigations/profile-menu/ProfileMenu.mjs.map +0 -1
package/dist/index.d.mts
CHANGED
|
@@ -69,13 +69,4 @@ import { Tooltip, TooltipProps } from "./components/overlays/tooltip/Tooltip.mjs
|
|
|
69
69
|
import "./components/index.mjs";
|
|
70
70
|
import { MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.mjs";
|
|
71
71
|
import "./providers/index.mjs";
|
|
72
|
-
|
|
73
|
-
import { UserGroupPreview, UserGroupPreviewProps } from "./semedlab/components/data-display/user-group-preview/UserGroupPreview.mjs";
|
|
74
|
-
import { UserProfile, UserProfileProps } from "./semedlab/components/data-display/user-profile/UserProfile.mjs";
|
|
75
|
-
import { NotificationMenu, NotificationMenuProps } from "./semedlab/components/navigations/notification-menu/NotificationMenu.mjs";
|
|
76
|
-
import { ProfileMenu, ProfileMenuProps } from "./semedlab/components/navigations/profile-menu/ProfileMenu.mjs";
|
|
77
|
-
import { BackofficeTopBar, BackofficeTopBarProps } from "./semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.mjs";
|
|
78
|
-
import { BreadcrumbsBar, BreadcrumbsBarProps } from "./semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.mjs";
|
|
79
|
-
import { NotificationList, NotificationListProps } from "./semedlab/components/navigations/notification-list/NotificationList.mjs";
|
|
80
|
-
import "./semedlab/components/index.mjs";
|
|
81
|
-
export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, BackofficeTopBar, BackofficeTopBarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBar, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, Checkbox, CheckboxProps, Chevron, ChevronProps, ClearButton, ClearButtonProps, Combobox, ComboboxProps, DateLocalizer, DatePicker, DatePickerProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, Form, FormProps, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalAlert, ModalAlertClassNames, ModalAlertPublicProps, ModalComponent, ModalConfirm, ModalConfirmClassNames, ModalConfirmPublicProps, ModalInternalProps, ModalProps, ModalRootProps, ModalsProvider, ModalsProviderProps, MultiSelect, MultiSelectProps, MultiSelectTags, MultiSelectTagsProps, Notification, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, NotificationList, NotificationListProps, NotificationMenu, NotificationMenuProps, NotificationProps, OptionProps, PASSWORD_RULES, PasswordInput, PasswordInputProps, PasswordInputStrength, PasswordInputStrengthProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, ProfileMenu, ProfileMenuProps, Radio, RadioProps, RemovableItem, RemovableItemProps, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Tooltip, TooltipProps, TopBar, TopBarProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, UserGroupPreview, UserGroupPreviewProps, UserProfile, UserProfileProps, VisuallyHidden, VisuallyHiddenProps, alert, alertById, confirm, confirmById, createModal, momentLocalizer, openModalById, registerModal, usePasswordRules, z };
|
|
72
|
+
export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, Checkbox, CheckboxProps, Chevron, ChevronProps, ClearButton, ClearButtonProps, Combobox, ComboboxProps, DateLocalizer, DatePicker, DatePickerProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, Form, FormProps, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalAlert, ModalAlertClassNames, ModalAlertPublicProps, ModalComponent, ModalConfirm, ModalConfirmClassNames, ModalConfirmPublicProps, ModalInternalProps, ModalProps, ModalRootProps, ModalsProvider, ModalsProviderProps, MultiSelect, MultiSelectProps, MultiSelectTags, MultiSelectTagsProps, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, OptionProps, PASSWORD_RULES, PasswordInput, PasswordInputProps, PasswordInputStrength, PasswordInputStrengthProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Tooltip, TooltipProps, TopBar, TopBarProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, VisuallyHidden, VisuallyHiddenProps, alert, alertById, confirm, confirmById, createModal, momentLocalizer, openModalById, registerModal, usePasswordRules, z };
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Calendar as s,momentLocalizer as c}from"./components/data-display/calendar/Calendar.mjs";import{IconRaw as l}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as u}from"./components/data-display/icons/icon/Icon.mjs";import{IconSvg as d}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{IconWrapped as f}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Indicator as p}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as m}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as h}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as g}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as _}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as v}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as y}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as b}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as x}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as S}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as C}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{HorizontalDivider as w}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollArea as T}from"./components/misc/scroll-area/ScrollArea.mjs";import{ScrollAreaAutosize as E}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIcon as D}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as O}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as k}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Menu as A}from"./components/navigations/menu/Menu.mjs";import{TextInput as j}from"./components/controls/text-input/TextInput.mjs";import{Chevron as M}from"./components/controls/utils/chevron/Chevron.mjs";import{ClearButton as N}from"./components/controls/utils/clear-button/ClearButton.mjs";import{Combobox as P}from"./components/controls/combobox/Combobox.mjs";import{Autocomplete as F}from"./components/controls/autocomplete/Autocomplete.mjs";import{Checkbox as I}from"./components/controls/checkbox/Checkbox.mjs";import{DatePicker as L}from"./components/controls/date-picker/DatePicker.mjs";import{Dropzone as R}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as z}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as B}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as V}from"./components/controls/file-input/FileInputMultiple.mjs";import{MultiSelect as H}from"./components/controls/multi-select/MultiSelect.mjs";import{MultiSelectTags as U}from"./components/controls/multi-select/MultiSelectTags.mjs";import{PasswordInput as W}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as G}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as K}from"./components/controls/password-input/usePasswordRules.mjs";import{PasswordInputStrength as q}from"./components/controls/password-input-strength/oldPasswordInputStrength.mjs";import{Radio as J}from"./components/controls/radio/Radio.mjs";import{Select as Y}from"./components/controls/select/Select.mjs";import{Textarea as X}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as Z}from"./components/forms/rules/password-rules.mjs";import{z as Q}from"./components/forms/rules/zod.mjs";import{Form as $}from"./components/forms/Form.mjs";import{TopBar as ee}from"./components/layouts/top-bar/TopBar.mjs";import{Breadcrumbs as te}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Modal as ne}from"./components/overlays/modal/Modal.mjs";import{createModal as re}from"./components/overlays/modals/registry/createModal.mjs";import{ModalAlert as ie}from"./components/overlays/modals/alert/ModalAlert.mjs";import{alert as ae}from"./components/overlays/modals/alert/alert.mjs";import{openModalById as oe}from"./components/overlays/modals/registry/openModalById.mjs";import{alertById as se}from"./components/overlays/modals/alert/alertById.mjs";import{ModalConfirm as ce}from"./components/overlays/modals/confirm/ModalConfirm.mjs";import{confirm as le}from"./components/overlays/modals/confirm/confirm.mjs";import{confirmById as ue}from"./components/overlays/modals/confirm/confirmById.mjs";import{ModalsProvider as de}from"./components/overlays/modals/ModalsProvider.mjs";import{registerModal as fe}from"./components/overlays/modals/registry/registerModal.mjs";import{Tooltip as pe}from"./components/overlays/tooltip/Tooltip.mjs";import{Sidebar as me}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as he}from"./providers/MageUiProvider.mjs";
|
|
1
|
+
import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Calendar as s,momentLocalizer as c}from"./components/data-display/calendar/Calendar.mjs";import{IconRaw as l}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as u}from"./components/data-display/icons/icon/Icon.mjs";import{IconSvg as d}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{IconWrapped as f}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Indicator as p}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as m}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as h}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as g}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as _}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as v}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as y}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as b}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as x}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as S}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as C}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{HorizontalDivider as w}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollArea as T}from"./components/misc/scroll-area/ScrollArea.mjs";import{ScrollAreaAutosize as E}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIcon as D}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as O}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as k}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Menu as A}from"./components/navigations/menu/Menu.mjs";import{TextInput as j}from"./components/controls/text-input/TextInput.mjs";import{Chevron as M}from"./components/controls/utils/chevron/Chevron.mjs";import{ClearButton as N}from"./components/controls/utils/clear-button/ClearButton.mjs";import{Combobox as P}from"./components/controls/combobox/Combobox.mjs";import{Autocomplete as F}from"./components/controls/autocomplete/Autocomplete.mjs";import{Checkbox as I}from"./components/controls/checkbox/Checkbox.mjs";import{DatePicker as L}from"./components/controls/date-picker/DatePicker.mjs";import{Dropzone as R}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as z}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as B}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as V}from"./components/controls/file-input/FileInputMultiple.mjs";import{MultiSelect as H}from"./components/controls/multi-select/MultiSelect.mjs";import{MultiSelectTags as U}from"./components/controls/multi-select/MultiSelectTags.mjs";import{PasswordInput as W}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as G}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as K}from"./components/controls/password-input/usePasswordRules.mjs";import{PasswordInputStrength as q}from"./components/controls/password-input-strength/oldPasswordInputStrength.mjs";import{Radio as J}from"./components/controls/radio/Radio.mjs";import{Select as Y}from"./components/controls/select/Select.mjs";import{Textarea as X}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as Z}from"./components/forms/rules/password-rules.mjs";import{z as Q}from"./components/forms/rules/zod.mjs";import{Form as $}from"./components/forms/Form.mjs";import{TopBar as ee}from"./components/layouts/top-bar/TopBar.mjs";import{Breadcrumbs as te}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Modal as ne}from"./components/overlays/modal/Modal.mjs";import{createModal as re}from"./components/overlays/modals/registry/createModal.mjs";import{ModalAlert as ie}from"./components/overlays/modals/alert/ModalAlert.mjs";import{alert as ae}from"./components/overlays/modals/alert/alert.mjs";import{openModalById as oe}from"./components/overlays/modals/registry/openModalById.mjs";import{alertById as se}from"./components/overlays/modals/alert/alertById.mjs";import{ModalConfirm as ce}from"./components/overlays/modals/confirm/ModalConfirm.mjs";import{confirm as le}from"./components/overlays/modals/confirm/confirm.mjs";import{confirmById as ue}from"./components/overlays/modals/confirm/confirmById.mjs";import{ModalsProvider as de}from"./components/overlays/modals/ModalsProvider.mjs";import{registerModal as fe}from"./components/overlays/modals/registry/registerModal.mjs";import{Tooltip as pe}from"./components/overlays/tooltip/Tooltip.mjs";import{Sidebar as me}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as he}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,F as Autocomplete,a as Avatar,o as Badge,te as Breadcrumbs,e as Button,n as ButtonAction,D as ButtonIcon,O as ButtonIconVisual,r as ButtonLoader,k as ButtonVisual,s as Calendar,I as Checkbox,M as Chevron,N as ClearButton,P as Combobox,L as DatePicker,R as Dropzone,z as DropzoneFiles,B as FileInput,V as FileInputMultiple,$ as Form,w as HorizontalDivider,u as Icon,l as IconRaw,d as IconSvg,f as IconWrapped,p as Indicator,m as LoaderDot,h as LoaderOval,g as LogoImage,_ as LogoSvg,he as MageUiProvider,A as Menu,ne as Modal,ie as ModalAlert,ce as ModalConfirm,de as ModalsProvider,H as MultiSelect,U as MultiSelectTags,v as NotificationBanner,Z as PASSWORD_RULES,W as PasswordInput,q as PasswordInputStrength,G as PasswordStrengthInput,J as Radio,y as RemovableItem,T as ScrollArea,E as ScrollAreaAutosize,Y as Select,me as Sidebar,x as Tag,b as TagGroup,j as TextInput,X as Textarea,pe as Tooltip,ee as TopBar,S as UploadedFile,C as UploadedFileDetails,t as VisuallyHidden,ae as alert,se as alertById,le as confirm,ue as confirmById,re as createModal,c as momentLocalizer,oe as openModalById,fe as registerModal,K as usePasswordRules,Q as z};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mage-ui/components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.44",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [],
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"rimraf": "^6.1.3",
|
|
26
26
|
"tsdown": "^0.20.3",
|
|
27
27
|
"typescript": "^5.9.3",
|
|
28
|
-
"@mage-ui/preset": "1.0.
|
|
28
|
+
"@mage-ui/preset": "1.0.44",
|
|
29
29
|
"@mage-ui/styled-system": "1.0.8"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from "react";
|
|
2
|
-
|
|
3
|
-
//#region src/semedlab/components/data-display/notification/Notification.d.ts
|
|
4
|
-
type NotificationProps = {
|
|
5
|
-
iconName?: string;
|
|
6
|
-
slug: string;
|
|
7
|
-
title: ReactNode;
|
|
8
|
-
description?: ReactNode;
|
|
9
|
-
dismissBtnLabel: string;
|
|
10
|
-
onDismiss?: () => void;
|
|
11
|
-
classNames?: {
|
|
12
|
-
notification: string;
|
|
13
|
-
root: string;
|
|
14
|
-
wrapper: string;
|
|
15
|
-
content: string;
|
|
16
|
-
title: string;
|
|
17
|
-
link: string;
|
|
18
|
-
description: string;
|
|
19
|
-
divider: string;
|
|
20
|
-
};
|
|
21
|
-
};
|
|
22
|
-
declare const Notification: ({
|
|
23
|
-
iconName,
|
|
24
|
-
slug,
|
|
25
|
-
title,
|
|
26
|
-
description,
|
|
27
|
-
dismissBtnLabel,
|
|
28
|
-
onDismiss,
|
|
29
|
-
classNames
|
|
30
|
-
}: NotificationProps) => ReactNode;
|
|
31
|
-
//#endregion
|
|
32
|
-
export { Notification, NotificationProps };
|
|
33
|
-
//# sourceMappingURL=Notification.d.mts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.d.mts","names":[],"sources":["../../../../../src/semedlab/components/data-display/notification/Notification.tsx"],"mappings":";;;KAoBY,iBAAA;EACV,QAAA;EACA,IAAA;EACA,KAAA,EAAO,SAAA;EACP,WAAA,GAAc,SAAA;EACd,eAAA;EACA,SAAA;EACA,UAAA;IACE,YAAA;IACA,IAAA;IACA,OAAA;IACA,OAAA;IACA,KAAA;IACA,IAAA;IACA,WAAA;IACA,OAAA;EAAA;AAAA;AAAA,cAMS,YAAA;EAAgB,QAAA;EAAA,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,eAAA;EAAA,SAAA;EAAA;AAAA,GAQ1B,iBAAA,KAAoB,SAAA"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{Icon as e}from"../../../../components/data-display/icons/icon/Icon.mjs";import{ButtonIcon as t}from"../../../../components/buttons/button-icon/ButtonIcon.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{notification as r,notificationContent as i,notificationDescription as a,notificationDismissButton as o,notificationDivider as s,notificationIcon as c,notificationLink as l,notificationRoot as u,notificationRootFadeOut as d,notificationTitle as f,notificationWrapper as p}from"@mage-ui/styled-system/recipes";import{Fragment as m,jsx as h,jsxs as g}from"react/jsx-runtime";import{useState as _}from"react";const v=({iconName:v,slug:y,title:b,description:x,dismissBtnLabel:S=`Dismiss notification`,onDismiss:C,classNames:w})=>{let[T,E]=_(!1),D=()=>{E(!0),setTimeout(()=>{C?.()},300)};return g(m,{children:[g(`div`,{className:n(w?.notification??r(),w?.root??n(u(),T&&d())),children:[g(`div`,{className:w?.wrapper??p(),children:[v&&h(e,{path:`/icons/sprite-theme.svg`,name:v,classNames:{icon:c()}}),g(`div`,{className:w?.content??i(),children:[h(`h4`,{className:w?.title??f(),children:h(`a`,{href:y,className:w?.link??l(),children:b})}),x&&h(`p`,{className:w?.description??a(),children:x})]})]}),h(t,{path:`/icons/sprite-theme.svg`,name:`x`,label:`${S}: ${b}`,onClick:e=>{e.stopPropagation(),D()},classNames:{root:o()}})]}),h(`div`,{className:w?.divider??s()})]})};export{v as Notification};
|
|
2
|
-
//# sourceMappingURL=Notification.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.mjs","names":[],"sources":["../../../../../src/semedlab/components/data-display/notification/Notification.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n notification,\n notificationContent,\n notificationDescription,\n notificationDismissButton,\n notificationDivider,\n notificationIcon,\n notificationLink,\n notificationRoot,\n notificationRootFadeOut,\n notificationTitle,\n notificationWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport { ButtonIcon, Icon } from '../../../../components';\n\nexport type NotificationProps = {\n iconName?: string;\n slug: string;\n title: ReactNode;\n description?: ReactNode;\n dismissBtnLabel: string;\n onDismiss?: () => void;\n classNames?: {\n notification: string;\n root: string;\n wrapper: string;\n content: string;\n title: string;\n link: string;\n description: string;\n divider: string;\n // icon: string;\n // delete: string;\n };\n};\n\nexport const Notification = ({\n iconName,\n slug,\n title,\n description,\n dismissBtnLabel = 'Dismiss notification',\n onDismiss,\n classNames,\n}: NotificationProps): ReactNode => {\n const [isClosing, setIsClosing] = useState(false);\n\n const handleDismiss = () => {\n setIsClosing(true);\n setTimeout(() => {\n onDismiss?.();\n }, 300);\n };\n return (\n <>\n <div\n className={cx(\n classNames?.notification ?? notification(),\n classNames?.root ??\n cx(notificationRoot(), isClosing && notificationRootFadeOut()),\n )}\n >\n <div className={classNames?.wrapper ?? notificationWrapper()}>\n {iconName && (\n <Icon\n path='/icons/sprite-theme.svg'\n name={iconName}\n classNames={{ icon: notificationIcon() }}\n />\n )}\n <div className={classNames?.content ?? notificationContent()}>\n <h4 className={classNames?.title ?? notificationTitle()}>\n <a href={slug} className={classNames?.link ?? notificationLink()}>\n {title}\n </a>\n </h4>\n {description && (\n <p\n className={classNames?.description ?? notificationDescription()}\n >\n {description}\n </p>\n )}\n </div>\n </div>\n <ButtonIcon\n path='/icons/sprite-theme.svg'\n name='x'\n label={`${dismissBtnLabel}: ${title}`}\n // onClick={handleDismiss}\n onClick={(e) => {\n e.stopPropagation();\n handleDismiss();\n }}\n classNames={{ root: notificationDismissButton() }}\n />\n </div>\n <div className={classNames?.divider ?? notificationDivider()} />\n </>\n );\n};\n"],"mappings":"knBAyCA,MAAa,GAAgB,CAC3B,WACA,OACA,QACA,cACA,kBAAkB,uBAClB,YACA,gBACkC,CAClC,GAAM,CAAC,EAAW,GAAgB,EAAS,GAAM,CAE3C,MAAsB,CAC1B,EAAa,GAAK,CAClB,eAAiB,CACf,KAAa,EACZ,IAAI,EAET,OACE,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,cAAgB,GAAc,CAC1C,GAAY,MACV,EAAG,GAAkB,CAAE,GAAa,GAAyB,CAAC,CACjE,WAED,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAqB,WACzD,GACC,EAAC,EAAA,CACC,KAAK,0BACL,KAAM,EACN,WAAY,CAAE,KAAM,GAAkB,CAAE,EACxC,CAEJ,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAqB,WAC1D,EAAC,KAAA,CAAG,UAAW,GAAY,OAAS,GAAmB,UACrD,EAAC,IAAA,CAAE,KAAM,EAAM,UAAW,GAAY,MAAQ,GAAkB,UAC7D,GACC,EACD,CACJ,GACC,EAAC,IAAA,CACC,UAAW,GAAY,aAAe,GAAyB,UAE9D,GACC,CAAA,EAEF,CAAA,EACF,CACN,EAAC,EAAA,CACC,KAAK,0BACL,KAAK,IACL,MAAO,GAAG,EAAgB,IAAI,IAE9B,QAAU,GAAM,CACd,EAAE,iBAAiB,CACnB,GAAe,EAEjB,WAAY,CAAE,KAAM,GAA2B,CAAE,EACjD,CAAA,EACE,CACN,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAqB,CAAA,CAAI,CAAA,CAAA,CAC/D"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { AvatarProps } from "../../../../components/data-display/avatar/Avatar.mjs";
|
|
2
|
-
import "../../../../components/index.mjs";
|
|
3
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
4
|
-
|
|
5
|
-
//#region src/semedlab/components/data-display/user-group-preview/UserGroupPreview.d.ts
|
|
6
|
-
type UserGroupPreviewProps = {
|
|
7
|
-
users: AvatarProps[];
|
|
8
|
-
maxAvatars?: number;
|
|
9
|
-
previewText?: string;
|
|
10
|
-
classNames?: {
|
|
11
|
-
notification?: string;
|
|
12
|
-
root?: string;
|
|
13
|
-
list?: string;
|
|
14
|
-
listItem?: string;
|
|
15
|
-
avatar?: {
|
|
16
|
-
avatar: string;
|
|
17
|
-
root: string;
|
|
18
|
-
image: string;
|
|
19
|
-
placeholder: string;
|
|
20
|
-
};
|
|
21
|
-
more: string;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
declare const UserGroupPreview: ({
|
|
25
|
-
users,
|
|
26
|
-
maxAvatars,
|
|
27
|
-
previewText,
|
|
28
|
-
classNames
|
|
29
|
-
}: UserGroupPreviewProps) => react_jsx_runtime0.JSX.Element;
|
|
30
|
-
//#endregion
|
|
31
|
-
export { UserGroupPreview, UserGroupPreviewProps };
|
|
32
|
-
//# sourceMappingURL=UserGroupPreview.d.mts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"UserGroupPreview.d.mts","names":[],"sources":["../../../../../src/semedlab/components/data-display/user-group-preview/UserGroupPreview.tsx"],"mappings":";;;;;KAYY,qBAAA;EACV,KAAA,EAAO,WAAA;EACP,UAAA;EACA,WAAA;EACA,UAAA;IACE,YAAA;IACA,IAAA;IACA,IAAA;IACA,QAAA;IACA,MAAA;MACE,MAAA;MACA,IAAA;MACA,KAAA;MACA,WAAA;IAAA;IAEF,IAAA;EAAA;AAAA;AAAA,cAIS,gBAAA;EAAoB,KAAA;EAAA,UAAA;EAAA,WAAA;EAAA;AAAA,GAK9B,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{Avatar as e}from"../../../../components/data-display/avatar/Avatar.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{userGroupPreview as n,userGroupPreviewAvatar as r,userGroupPreviewList as i,userGroupPreviewListItem as a,userGroupPreviewMore as o,userGroupPreviewRoot as s}from"@mage-ui/styled-system/recipes";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=({users:u,maxAvatars:d=4,previewText:f,classNames:p})=>l(`div`,{className:t(p?.notification??n(),p?.root??s()),children:[c(`ul`,{className:p?.list??i(),children:u.slice(0,d).map((t,n)=>{let i=d-n;return c(`li`,{className:p?.listItem??a(),style:{zIndex:i},children:c(e,{name:t.name,src:t.src,alt:t.alt||t.name,classNames:{avatar:r()}},t.name)},t.name)})}),u.length>d&&l(`div`,{className:p?.more??o(),children:[`+ `,u.length-d,` `,f]})]});export{u as UserGroupPreview};
|
|
2
|
-
//# sourceMappingURL=UserGroupPreview.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"UserGroupPreview.mjs","names":[],"sources":["../../../../../src/semedlab/components/data-display/user-group-preview/UserGroupPreview.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n userGroupPreview,\n userGroupPreviewAvatar,\n userGroupPreviewList,\n userGroupPreviewListItem,\n userGroupPreviewMore,\n userGroupPreviewRoot,\n} from '@mage-ui/styled-system/recipes';\n\nimport { Avatar, type AvatarProps } from '../../../../components';\n\nexport type UserGroupPreviewProps = {\n users: AvatarProps[];\n maxAvatars?: number;\n previewText?: string;\n classNames?: {\n notification?: string;\n root?: string;\n list?: string;\n listItem?: string;\n avatar?: {\n avatar: string;\n root: string;\n image: string;\n placeholder: string;\n };\n more: string;\n };\n};\n\nexport const UserGroupPreview = ({\n users,\n maxAvatars = 4,\n previewText,\n classNames,\n}: UserGroupPreviewProps) => {\n return (\n <div\n className={cx(\n classNames?.notification ?? userGroupPreview(),\n classNames?.root ?? userGroupPreviewRoot(),\n )}\n >\n <ul className={classNames?.list ?? userGroupPreviewList()}>\n {users.slice(0, maxAvatars).map((u, index) => {\n const zIndex = maxAvatars - index;\n return (\n <li\n key={u.name}\n className={classNames?.listItem ?? userGroupPreviewListItem()}\n style={{ zIndex }}\n >\n <Avatar\n key={u.name}\n name={u.name}\n src={u.src}\n alt={u.alt || u.name}\n classNames={{ avatar: userGroupPreviewAvatar() }}\n />\n </li>\n );\n })}\n </ul>\n\n {users.length > maxAvatars && (\n <div className={classNames?.more ?? userGroupPreviewMore()}>\n + {users.length - maxAvatars} {previewText}\n </div>\n )}\n </div>\n );\n};\n"],"mappings":"2XA+BA,MAAa,GAAoB,CAC/B,QACA,aAAa,EACb,cACA,gBAGE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,cAAgB,GAAkB,CAC9C,GAAY,MAAQ,GAAsB,CAC3C,WAED,EAAC,KAAA,CAAG,UAAW,GAAY,MAAQ,GAAsB,UACtD,EAAM,MAAM,EAAG,EAAW,CAAC,KAAK,EAAG,IAAU,CAC5C,IAAM,EAAS,EAAa,EAC5B,OACE,EAAC,KAAA,CAEC,UAAW,GAAY,UAAY,GAA0B,CAC7D,MAAO,CAAE,SAAQ,UAEjB,EAAC,EAAA,CAEC,KAAM,EAAE,KACR,IAAK,EAAE,IACP,IAAK,EAAE,KAAO,EAAE,KAChB,WAAY,CAAE,OAAQ,GAAwB,CAAE,EAJ3C,EAAE,KAKP,EAVG,EAAE,KAWJ,EAEP,EACC,CAEJ,EAAM,OAAS,GACd,EAAC,MAAA,CAAI,UAAW,GAAY,MAAQ,GAAsB,WAAE,KACvD,EAAM,OAAS,EAAW,IAAE,IAC3B,CAAA,EAEJ"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from "react";
|
|
2
|
-
|
|
3
|
-
//#region src/semedlab/components/data-display/user-profile/UserProfile.d.ts
|
|
4
|
-
type UserProfileProps = {
|
|
5
|
-
name: string;
|
|
6
|
-
src?: string;
|
|
7
|
-
alt?: string;
|
|
8
|
-
description?: ReactNode;
|
|
9
|
-
classNames?: {
|
|
10
|
-
userProfile?: string;
|
|
11
|
-
root?: string;
|
|
12
|
-
wrapper?: string;
|
|
13
|
-
name?: string;
|
|
14
|
-
description?: string;
|
|
15
|
-
avatar?: {
|
|
16
|
-
avatar?: string;
|
|
17
|
-
root?: string;
|
|
18
|
-
image?: string;
|
|
19
|
-
placeholder?: string;
|
|
20
|
-
};
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
declare const UserProfile: ({
|
|
24
|
-
name,
|
|
25
|
-
src,
|
|
26
|
-
alt,
|
|
27
|
-
description,
|
|
28
|
-
classNames
|
|
29
|
-
}: UserProfileProps) => ReactNode;
|
|
30
|
-
//#endregion
|
|
31
|
-
export { UserProfile, UserProfileProps };
|
|
32
|
-
//# sourceMappingURL=UserProfile.d.mts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"UserProfile.d.mts","names":[],"sources":["../../../../../src/semedlab/components/data-display/user-profile/UserProfile.tsx"],"mappings":";;;KAcY,gBAAA;EACV,IAAA;EACA,GAAA;EACA,GAAA;EACA,WAAA,GAAc,SAAA;EACd,UAAA;IACE,WAAA;IACA,IAAA;IACA,OAAA;IACA,IAAA;IACA,WAAA;IACA,MAAA;MACE,MAAA;MACA,IAAA;MACA,KAAA;MACA,WAAA;IAAA;EAAA;AAAA;AAAA,cAKO,WAAA;EAAe,IAAA;EAAA,GAAA;EAAA,GAAA;EAAA,WAAA;EAAA;AAAA,GAMzB,gBAAA,KAAmB,SAAA"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{Avatar as e}from"../../../../components/data-display/avatar/Avatar.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{userProfile as n,userProfileAvatar as r,userProfileDescription as i,userProfileName as a,userProfileRoot as o,userProfileWrapper as s}from"@mage-ui/styled-system/recipes";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=({name:u,src:d,alt:f,description:p,classNames:m})=>l(`div`,{className:t(m?.userProfile??n(),m?.root??o()),children:[c(e,{name:u,src:d,alt:f,classNames:{avatar:r()}}),l(`div`,{className:m?.wrapper??s(),children:[c(`div`,{className:m?.name??a(),children:u}),p&&c(`div`,{className:m?.name??i(),children:p})]})]});export{u as UserProfile};
|
|
2
|
-
//# sourceMappingURL=UserProfile.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"UserProfile.mjs","names":[],"sources":["../../../../../src/semedlab/components/data-display/user-profile/UserProfile.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n userProfile,\n userProfileAvatar,\n userProfileDescription,\n userProfileName,\n userProfileRoot,\n userProfileWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport { Avatar } from '../../../../components';\n\nexport type UserProfileProps = {\n name: string;\n src?: string;\n alt?: string;\n description?: ReactNode;\n classNames?: {\n userProfile?: string;\n root?: string;\n wrapper?: string;\n name?: string;\n description?: string;\n avatar?: {\n avatar?: string;\n root?: string;\n image?: string;\n placeholder?: string;\n };\n };\n};\n\nexport const UserProfile = ({\n name,\n src,\n alt,\n description,\n classNames,\n}: UserProfileProps): ReactNode => {\n return (\n <div\n className={cx(\n classNames?.userProfile ?? userProfile(),\n classNames?.root ?? userProfileRoot(),\n )}\n >\n <Avatar\n name={name}\n src={src}\n alt={alt}\n classNames={{ avatar: userProfileAvatar() }}\n />\n <div className={classNames?.wrapper ?? userProfileWrapper()}>\n <div className={classNames?.name ?? userProfileName()}>{name}</div>\n {description && (\n <div className={classNames?.name ?? userProfileDescription()}>\n {description}\n </div>\n )}\n </div>\n </div>\n );\n};\n"],"mappings":"mWAkCA,MAAa,GAAe,CAC1B,OACA,MACA,MACA,cACA,gBAGE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,aAAe,GAAa,CACxC,GAAY,MAAQ,GAAiB,CACtC,WAED,EAAC,EAAA,CACO,OACD,MACA,MACL,WAAY,CAAE,OAAQ,GAAmB,CAAE,EAC3C,CACF,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAoB,WACzD,EAAC,MAAA,CAAI,UAAW,GAAY,MAAQ,GAAiB,UAAG,GAAW,CAClE,GACC,EAAC,MAAA,CAAI,UAAW,GAAY,MAAQ,GAAwB,UACzD,GACG,CAAA,EAEJ,CAAA,EACF"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Notification, NotificationProps } from "./data-display/notification/Notification.mjs";
|
|
2
|
-
import { UserGroupPreview, UserGroupPreviewProps } from "./data-display/user-group-preview/UserGroupPreview.mjs";
|
|
3
|
-
import { UserProfile, UserProfileProps } from "./data-display/user-profile/UserProfile.mjs";
|
|
4
|
-
import "./data-display/index.mjs";
|
|
5
|
-
import { NotificationMenu, NotificationMenuProps } from "./navigations/notification-menu/NotificationMenu.mjs";
|
|
6
|
-
import { ProfileMenu, ProfileMenuProps } from "./navigations/profile-menu/ProfileMenu.mjs";
|
|
7
|
-
import { BackofficeTopBar, BackofficeTopBarProps } from "./navigations/backoffice-top-bar/BackofficeTopBar.mjs";
|
|
8
|
-
import { BreadcrumbsBar, BreadcrumbsBarProps } from "./navigations/breadcrumbs-bar/BreadcrumbsBar.mjs";
|
|
9
|
-
import { NotificationList, NotificationListProps } from "./navigations/notification-list/NotificationList.mjs";
|
|
10
|
-
import "./navigations/index.mjs";
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { NotificationMenuProps } from "../notification-menu/NotificationMenu.mjs";
|
|
2
|
-
import { ProfileMenuProps } from "../profile-menu/ProfileMenu.mjs";
|
|
3
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
4
|
-
|
|
5
|
-
//#region src/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.d.ts
|
|
6
|
-
type BackofficeTopBarProps = {
|
|
7
|
-
notificationMenuProps: NotificationMenuProps;
|
|
8
|
-
profileMenuProps: ProfileMenuProps;
|
|
9
|
-
classNames?: {
|
|
10
|
-
topBar?: string;
|
|
11
|
-
root?: string;
|
|
12
|
-
wrapper?: string;
|
|
13
|
-
startSlot?: string;
|
|
14
|
-
endSlot?: string;
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
declare const BackofficeTopBar: ({
|
|
18
|
-
notificationMenuProps,
|
|
19
|
-
profileMenuProps
|
|
20
|
-
}: BackofficeTopBarProps) => react_jsx_runtime0.JSX.Element;
|
|
21
|
-
//#endregion
|
|
22
|
-
export { BackofficeTopBar, BackofficeTopBarProps };
|
|
23
|
-
//# sourceMappingURL=BackofficeTopBar.d.mts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BackofficeTopBar.d.mts","names":[],"sources":["../../../../../src/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.tsx"],"mappings":";;;;;KAkBY,qBAAA;EACV,qBAAA,EAAuB,qBAAA;EACvB,gBAAA,EAAkB,gBAAA;EAClB,UAAA;IACE,MAAA;IACA,IAAA;IACA,OAAA;IACA,SAAA;IACA,OAAA;EAAA;AAAA;AAAA,cAIS,gBAAA;EAAoB,qBAAA;EAAA;AAAA,GAG9B,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{LogoSvg as e}from"../../../../components/data-display/logos/logo-svg/LogoSvg.mjs";import{TopBar as t}from"../../../../components/layouts/top-bar/TopBar.mjs";import{NotificationMenu as n}from"../notification-menu/NotificationMenu.mjs";import{ProfileMenu as r}from"../profile-menu/ProfileMenu.mjs";import{backofficeTopBar as i,backofficeTopBarEndSlot as a,backofficeTopBarRoot as o,backofficeTopBarStartSlot as s,backofficeTopBarWrapper as c}from"@mage-ui/styled-system/recipes";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";const f=({notificationMenuProps:f,profileMenuProps:p})=>u(t,{startSlot:u(e,{width:80,height:48,ariaLabel:`Go to Semedlab homepage`,children:u(`use`,{href:`#logo-semedlab`})}),endSlot:d(l,{children:[u(n,{...f}),u(r,{...p})]}),classNames:{topBar:i(),root:o(),wrapper:c(),startSlot:s(),endSlot:a()}});export{f as BackofficeTopBar};
|
|
2
|
-
//# sourceMappingURL=BackofficeTopBar.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BackofficeTopBar.mjs","names":[],"sources":["../../../../../src/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.tsx"],"sourcesContent":["import {\n backofficeTopBar,\n backofficeTopBarEndSlot,\n backofficeTopBarRoot,\n backofficeTopBarStartSlot,\n backofficeTopBarWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport { LogoSvg, TopBar } from '../../../../components';\nimport {\n NotificationMenu,\n type NotificationMenuProps,\n} from '../notification-menu/NotificationMenu';\nimport {\n ProfileMenu,\n type ProfileMenuProps,\n} from '../profile-menu/ProfileMenu';\n\nexport type BackofficeTopBarProps = {\n notificationMenuProps: NotificationMenuProps;\n profileMenuProps: ProfileMenuProps;\n classNames?: {\n topBar?: string;\n root?: string;\n wrapper?: string;\n startSlot?: string;\n endSlot?: string;\n };\n};\n\nexport const BackofficeTopBar = ({\n notificationMenuProps,\n profileMenuProps,\n}: BackofficeTopBarProps) => {\n return (\n <TopBar\n startSlot={\n <LogoSvg width={80} height={48} ariaLabel='Go to Semedlab homepage'>\n <use href='#logo-semedlab' />\n </LogoSvg>\n }\n endSlot={\n <>\n <NotificationMenu {...notificationMenuProps} />\n <ProfileMenu {...profileMenuProps} />\n </>\n }\n classNames={{\n topBar: backofficeTopBar(),\n root: backofficeTopBarRoot(),\n wrapper: backofficeTopBarWrapper(),\n startSlot: backofficeTopBarStartSlot(),\n endSlot: backofficeTopBarEndSlot(),\n }}\n />\n );\n};\n"],"mappings":"oiBA8BA,MAAa,GAAoB,CAC/B,wBACA,sBAGE,EAAC,EAAA,CACC,UACE,EAAC,EAAA,CAAQ,MAAO,GAAI,OAAQ,GAAI,UAAU,mCACxC,EAAC,MAAA,CAAI,KAAK,iBAAA,CAAmB,EACrB,CAEZ,QACE,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CAAiB,GAAI,EAAA,CAAyB,CAC/C,EAAC,EAAA,CAAY,GAAI,EAAA,CAAoB,CAAA,CAAA,CACpC,CAEL,WAAY,CACV,OAAQ,GAAkB,CAC1B,KAAM,GAAsB,CAC5B,QAAS,GAAyB,CAClC,UAAW,GAA2B,CACtC,QAAS,GAAyB,CACnC,EACD"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from "react";
|
|
2
|
-
|
|
3
|
-
//#region src/semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.d.ts
|
|
4
|
-
type BreadcrumbsBarProps = {
|
|
5
|
-
children?: ReactNode;
|
|
6
|
-
btnBackText?: ReactNode;
|
|
7
|
-
breadcrumbsSeparator?: ReactNode;
|
|
8
|
-
classNames?: {
|
|
9
|
-
breadcrumbsBar?: string;
|
|
10
|
-
root?: string;
|
|
11
|
-
wrapper?: string;
|
|
12
|
-
divider?: string;
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
declare const BreadcrumbsBar: ({
|
|
16
|
-
children,
|
|
17
|
-
btnBackText,
|
|
18
|
-
breadcrumbsSeparator,
|
|
19
|
-
classNames
|
|
20
|
-
}: BreadcrumbsBarProps) => ReactNode;
|
|
21
|
-
//#endregion
|
|
22
|
-
export { BreadcrumbsBar, BreadcrumbsBarProps };
|
|
23
|
-
//# sourceMappingURL=BreadcrumbsBar.d.mts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BreadcrumbsBar.d.mts","names":[],"sources":["../../../../../src/semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.tsx"],"mappings":";;;KAeY,mBAAA;EACV,QAAA,GAAW,SAAA;EACX,WAAA,GAAc,SAAA;EACd,oBAAA,GAAuB,SAAA;EACvB,UAAA;IACE,cAAA;IACA,IAAA;IACA,OAAA;IACA,OAAA;EAAA;AAAA;AAAA,cAIS,cAAA;EAAkB,QAAA;EAAA,WAAA;EAAA,oBAAA;EAAA;AAAA,GAK5B,mBAAA,KAAsB,SAAA"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{Button as e}from"../../../../components/buttons/button/Button.mjs";import{Icon as t}from"../../../../components/data-display/icons/icon/Icon.mjs";import{Breadcrumbs as n}from"../../../../components/navigations/breadcrumbs/Breadcrumbs.mjs";import{cx as r}from"@mage-ui/styled-system/css";import{breadcrumbsBar as i,breadcrumbsBarBreadcrumbs as a,breadcrumbsBarButtonBack as o,breadcrumbsBarDivider as s,breadcrumbsBarRoot as c,breadcrumbsBarWrapper as l}from"@mage-ui/styled-system/recipes";import{jsx as u,jsxs as d}from"react/jsx-runtime";const f=({children:f,btnBackText:p=`Back`,breadcrumbsSeparator:m,classNames:h})=>u(`div`,{className:r(h?.breadcrumbsBar??i(),h?.root??c()),children:d(`div`,{className:h?.wrapper??l(),children:[u(e,{startSlot:u(t,{path:`/icons/sprite-theme.svg`,name:`arrow-left`}),onClick:()=>window.history.back(),classNames:{button:o()},children:p}),u(`span`,{className:h?.divider??s()}),u(n,{separator:m,classNames:{breadcrumbs:a()},children:f})]})});export{f as BreadcrumbsBar};
|
|
2
|
-
//# sourceMappingURL=BreadcrumbsBar.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BreadcrumbsBar.mjs","names":[],"sources":["../../../../../src/semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n breadcrumbsBar,\n breadcrumbsBarBreadcrumbs,\n breadcrumbsBarButtonBack,\n breadcrumbsBarDivider,\n breadcrumbsBarRoot,\n breadcrumbsBarWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport { Breadcrumbs, Button, Icon } from '../../../../components';\n// import { useRouter } from '';\n\nexport type BreadcrumbsBarProps = {\n children?: ReactNode;\n btnBackText?: ReactNode;\n breadcrumbsSeparator?: ReactNode;\n classNames?: {\n breadcrumbsBar?: string;\n root?: string;\n wrapper?: string;\n divider?: string;\n };\n};\n\nexport const BreadcrumbsBar = ({\n children,\n btnBackText = 'Back',\n breadcrumbsSeparator,\n classNames,\n}: BreadcrumbsBarProps): ReactNode => {\n // const router = useRouter();\n return (\n <div\n className={cx(\n classNames?.breadcrumbsBar ?? breadcrumbsBar(),\n classNames?.root ?? breadcrumbsBarRoot(),\n )}\n >\n <div className={classNames?.wrapper ?? breadcrumbsBarWrapper()}>\n <Button\n startSlot={<Icon path='/icons/sprite-theme.svg' name='arrow-left' />}\n // onClick={() => router.back()}\n onClick={() => window.history.back()}\n classNames={{ button: breadcrumbsBarButtonBack() }}\n >\n {btnBackText}\n </Button>\n <span className={classNames?.divider ?? breadcrumbsBarDivider()} />\n <Breadcrumbs\n separator={breadcrumbsSeparator}\n classNames={{ breadcrumbs: breadcrumbsBarBreadcrumbs() }}\n >\n {children}\n </Breadcrumbs>\n </div>\n </div>\n );\n};\n"],"mappings":"miBA2BA,MAAa,GAAkB,CAC7B,WACA,cAAc,OACd,uBACA,gBAIE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,gBAAkB,GAAgB,CAC9C,GAAY,MAAQ,GAAoB,CACzC,UAED,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAuB,WAC5D,EAAC,EAAA,CACC,UAAW,EAAC,EAAA,CAAK,KAAK,0BAA0B,KAAK,cAAe,CAEpE,YAAe,OAAO,QAAQ,MAAM,CACpC,WAAY,CAAE,OAAQ,GAA0B,CAAE,UAEjD,GACM,CACT,EAAC,OAAA,CAAK,UAAW,GAAY,SAAW,GAAuB,CAAA,CAAI,CACnE,EAAC,EAAA,CACC,UAAW,EACX,WAAY,CAAE,YAAa,GAA2B,CAAE,CAEvD,YACW,GACV,EACF"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { NotificationMenu, NotificationMenuProps } from "./notification-menu/NotificationMenu.mjs";
|
|
2
|
-
import { ProfileMenu, ProfileMenuProps } from "./profile-menu/ProfileMenu.mjs";
|
|
3
|
-
import { BackofficeTopBar, BackofficeTopBarProps } from "./backoffice-top-bar/BackofficeTopBar.mjs";
|
|
4
|
-
import { BreadcrumbsBar, BreadcrumbsBarProps } from "./breadcrumbs-bar/BreadcrumbsBar.mjs";
|
|
5
|
-
import { NotificationList, NotificationListProps } from "./notification-list/NotificationList.mjs";
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { NotificationProps } from "../../data-display/notification/Notification.mjs";
|
|
2
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
-
|
|
4
|
-
//#region src/semedlab/components/navigations/notification-list/NotificationList.d.ts
|
|
5
|
-
type NotificationItemProps = Omit<NotificationProps, 'onDismiss' | 'dismissBtnLabel'>;
|
|
6
|
-
type NotificationListProps = {
|
|
7
|
-
notifications: NotificationItemProps[];
|
|
8
|
-
onDismissOne: (slug: string) => void;
|
|
9
|
-
onDismissAll: () => void;
|
|
10
|
-
dismissBtnLabel?: string;
|
|
11
|
-
dismissAllBtnLabel?: string;
|
|
12
|
-
classNames?: {
|
|
13
|
-
notification: string;
|
|
14
|
-
root: string;
|
|
15
|
-
wrapper: string;
|
|
16
|
-
buttonRow: string;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
declare const NotificationList: ({
|
|
20
|
-
notifications,
|
|
21
|
-
onDismissOne,
|
|
22
|
-
onDismissAll,
|
|
23
|
-
dismissBtnLabel,
|
|
24
|
-
dismissAllBtnLabel,
|
|
25
|
-
classNames
|
|
26
|
-
}: NotificationListProps) => react_jsx_runtime0.JSX.Element;
|
|
27
|
-
//#endregion
|
|
28
|
-
export { NotificationList, NotificationListProps };
|
|
29
|
-
//# sourceMappingURL=NotificationList.d.mts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationList.d.mts","names":[],"sources":["../../../../../src/semedlab/components/navigations/notification-list/NotificationList.tsx"],"mappings":";;;;KAcK,qBAAA,GAAwB,IAAA,CAC3B,iBAAA;AAAA,KAIU,qBAAA;EACV,aAAA,EAAe,qBAAA;EACf,YAAA,GAAe,IAAA;EACf,YAAA;EACA,eAAA;EACA,kBAAA;EACA,UAAA;IACE,YAAA;IACA,IAAA;IACA,OAAA;IACA,SAAA;EAAA;AAAA;AAAA,cAIS,gBAAA;EAAoB,aAAA;EAAA,YAAA;EAAA,YAAA;EAAA,eAAA;EAAA,kBAAA;EAAA;AAAA,GAO9B,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{Button as e}from"../../../../components/buttons/button/Button.mjs";import{Notification as t}from"../../data-display/notification/Notification.mjs";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=({notifications:i,onDismissOne:a,onDismissAll:o,dismissBtnLabel:s=`Dismiss notification`,dismissAllBtnLabel:c=`Dismiss all notifications`,classNames:l})=>r(`div`,{children:[i.map(e=>n(t,{slug:e.slug,title:e.title,description:e.description,iconName:e.iconName,dismissBtnLabel:s,onDismiss:()=>a(e.slug)},e.slug)),i.length>0&&n(e,{onClick:o,children:c})]});export{i as NotificationList};
|
|
2
|
-
//# sourceMappingURL=NotificationList.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationList.mjs","names":[],"sources":["../../../../../src/semedlab/components/navigations/notification-list/NotificationList.tsx"],"sourcesContent":["import { Button } from '../../../../components';\nimport {\n Notification,\n type NotificationProps,\n} from '../../data-display/notification/Notification';\n\n// import { cx } from '@mage-ui/styled-system/css';\n// import {\n// notificationList,\n// notificationListRoot,\n// notificationListWrapper,\n// notificationListButtonRow,\n// } from '@mage-Listui/styled-system/recipes';\n\ntype NotificationItemProps = Omit<\n NotificationProps,\n 'onDismiss' | 'dismissBtnLabel'\n>;\n\nexport type NotificationListProps = {\n notifications: NotificationItemProps[];\n onDismissOne: (slug: string) => void;\n onDismissAll: () => void;\n dismissBtnLabel?: string;\n dismissAllBtnLabel?: string;\n classNames?: {\n notification: string;\n root: string;\n wrapper: string;\n buttonRow: string;\n };\n};\n\nexport const NotificationList = ({\n notifications,\n onDismissOne,\n onDismissAll,\n dismissBtnLabel = 'Dismiss notification',\n dismissAllBtnLabel = 'Dismiss all notifications',\n classNames,\n}: NotificationListProps) => {\n return (\n <div\n // className={cx(\n // classNames?.notification ?? notificationList(),\n // classNames?.root ?? notificationListRoot(),\n // )}\n >\n {/* <div className={classNames?.wrapper ?? notificationListWrapper()}> */}\n {notifications.map((noti) => (\n <Notification\n key={noti.slug}\n slug={noti.slug}\n title={noti.title}\n description={noti.description}\n iconName={noti.iconName}\n dismissBtnLabel={dismissBtnLabel}\n onDismiss={() => onDismissOne(noti.slug)}\n />\n ))}\n {/* </div> */}\n\n {notifications.length > 0 && (\n // <div className={classNames?.buttonRow ?? notificationListButtonRow()}>\n <Button onClick={onDismissAll}>{dismissAllBtnLabel}</Button>\n // </div>\n )}\n </div>\n );\n};\n"],"mappings":"4MAiCA,MAAa,GAAoB,CAC/B,gBACA,eACA,eACA,kBAAkB,uBAClB,qBAAqB,4BACrB,gBAGE,EAAC,MAAA,CAAA,SAAA,CAOE,EAAc,IAAK,GAClB,EAAC,EAAA,CAEC,KAAM,EAAK,KACX,MAAO,EAAK,MACZ,YAAa,EAAK,YAClB,SAAU,EAAK,SACE,kBACjB,cAAiB,EAAa,EAAK,KAAK,EANnC,EAAK,KAOV,CACF,CAGD,EAAc,OAAS,GAEtB,EAAC,EAAA,CAAO,QAAS,WAAe,GAA4B,CAAA,CAAA,CAG1D"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { NotificationProps } from "../../data-display/notification/Notification.mjs";
|
|
2
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
-
import React from "react";
|
|
4
|
-
|
|
5
|
-
//#region src/semedlab/components/navigations/notification-menu/NotificationMenu.d.ts
|
|
6
|
-
type NotificationItemProps = Omit<NotificationProps, 'onDismiss' | 'dismissBtnLabel'>;
|
|
7
|
-
type NotificationMenuProps = {
|
|
8
|
-
notifications: NotificationItemProps[];
|
|
9
|
-
onDismissOne: (slug: string) => void;
|
|
10
|
-
onDismissAll: () => void;
|
|
11
|
-
dismissBtnLabel?: string;
|
|
12
|
-
dismissAllBtnLabel?: React.ReactNode;
|
|
13
|
-
viewAllBtnLabel?: React.ReactNode;
|
|
14
|
-
targetLabel?: string;
|
|
15
|
-
emptyMessage?: string;
|
|
16
|
-
maxNotificationsToShow?: number;
|
|
17
|
-
indicatorAriaLabel?: string;
|
|
18
|
-
};
|
|
19
|
-
declare const NotificationMenu: ({
|
|
20
|
-
notifications,
|
|
21
|
-
onDismissOne,
|
|
22
|
-
onDismissAll,
|
|
23
|
-
dismissBtnLabel,
|
|
24
|
-
dismissAllBtnLabel,
|
|
25
|
-
viewAllBtnLabel,
|
|
26
|
-
targetLabel,
|
|
27
|
-
indicatorAriaLabel,
|
|
28
|
-
maxNotificationsToShow
|
|
29
|
-
}: NotificationMenuProps) => react_jsx_runtime0.JSX.Element;
|
|
30
|
-
//#endregion
|
|
31
|
-
export { NotificationMenu, NotificationMenuProps };
|
|
32
|
-
//# sourceMappingURL=NotificationMenu.d.mts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationMenu.d.mts","names":[],"sources":["../../../../../src/semedlab/components/navigations/notification-menu/NotificationMenu.tsx"],"mappings":";;;;;KAwBK,qBAAA,GAAwB,IAAA,CAC3B,iBAAA;AAAA,KAIU,qBAAA;EACV,aAAA,EAAe,qBAAA;EACf,YAAA,GAAe,IAAA;EACf,YAAA;EACA,eAAA;EACA,kBAAA,GAAqB,KAAA,CAAM,SAAA;EAC3B,eAAA,GAAkB,KAAA,CAAM,SAAA;EACxB,WAAA;EACA,YAAA;EACA,sBAAA;EACA,kBAAA;AAAA;AAAA,cAGW,gBAAA;EAAoB,aAAA;EAAA,YAAA;EAAA,YAAA;EAAA,eAAA;EAAA,kBAAA;EAAA,eAAA;EAAA,WAAA;EAAA,kBAAA;EAAA;AAAA,GAU9B,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{Button as e}from"../../../../components/buttons/button/Button.mjs";import{Indicator as t}from"../../../../components/data-display/indicator/Indicator.mjs";import{ScrollAreaAutosize as n}from"../../../../components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIconVisual as r}from"../../../../components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as i}from"../../../../components/buttons/button-visual/ButtonVisual.mjs";import{Menu as a}from"../../../../components/navigations/menu/Menu.mjs";import{Notification as o}from"../../data-display/notification/Notification.mjs";import{notificationMenu as s,notificationMenuButtonIconVisual as c,notificationMenuButtonRow as l,notificationMenuEmptyText as u,notificationMenuEmptyWrapper as d,notificationMenuIndicator as f}from"@mage-ui/styled-system/recipes";import{jsx as p,jsxs as m}from"react/jsx-runtime";import h from"react";const g=({notifications:u,onDismissOne:d,onDismissAll:g,dismissBtnLabel:v=`Dismiss notification`,dismissAllBtnLabel:y=`Dismiss all notifications`,viewAllBtnLabel:b=`View all notifications`,targetLabel:x=`Notifications`,indicatorAriaLabel:S=`You have new notifications`,maxNotificationsToShow:C=10})=>{let[w,T]=h.useState(!1),E=u.length>0,D=u.slice(0,C),O=E&&!w;return m(a,{target:p(t,{label:O?u.length:void 0,ariaLabel:O?S:void 0,disabled:!O,offset:2,classNames:{label:f()},children:p(r,{classNames:{buttonIconVisual:c()},path:`/icons/sprite-theme.svg`,name:`bell-01`,label:x})}),position:`bottom-end`,keepMounted:!1,width:320,targetButtonProps:{onClick:()=>T(!0)},classNames:{menu:s()},children:[E?p(n,{mah:192,children:D.map(e=>p(o,{slug:e.slug,title:e.title,description:e.description,iconName:e.iconName,dismissBtnLabel:v,onDismiss:()=>d(e.slug)},e.slug))}):p(_,{}),p(a.Item,{children:m(`div`,{className:l(),children:[p(i,{children:b}),E&&p(e,{onClick:g,children:y})]})})]})},_=({emptyMessage:e=`You have no notifications`})=>p(a.Item,{children:m(`div`,{className:d(),children:[p(`img`,{src:`/images/bell-empty.svg`,alt:`No notifications`}),p(`p`,{className:u(),children:e})]})});export{g as NotificationMenu};
|
|
2
|
-
//# sourceMappingURL=NotificationMenu.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationMenu.mjs","names":[],"sources":["../../../../../src/semedlab/components/navigations/notification-menu/NotificationMenu.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n notificationMenu,\n notificationMenuButtonIconVisual,\n notificationMenuButtonRow,\n notificationMenuEmptyText,\n notificationMenuEmptyWrapper,\n notificationMenuIndicator,\n} from '@mage-ui/styled-system/recipes';\n\nimport {\n Button,\n ButtonIconVisual,\n ButtonVisual,\n Indicator,\n Menu,\n ScrollAreaAutosize,\n} from '../../../../components';\nimport {\n Notification,\n type NotificationProps,\n} from '../../data-display/notification/Notification';\n\ntype NotificationItemProps = Omit<\n NotificationProps,\n 'onDismiss' | 'dismissBtnLabel'\n>;\n\nexport type NotificationMenuProps = {\n notifications: NotificationItemProps[];\n onDismissOne: (slug: string) => void;\n onDismissAll: () => void;\n dismissBtnLabel?: string;\n dismissAllBtnLabel?: React.ReactNode;\n viewAllBtnLabel?: React.ReactNode;\n targetLabel?: string;\n emptyMessage?: string;\n maxNotificationsToShow?: number;\n indicatorAriaLabel?: string;\n};\n\nexport const NotificationMenu = ({\n notifications,\n onDismissOne,\n onDismissAll,\n dismissBtnLabel = 'Dismiss notification',\n dismissAllBtnLabel = 'Dismiss all notifications',\n viewAllBtnLabel = 'View all notifications',\n targetLabel = 'Notifications',\n indicatorAriaLabel = 'You have new notifications',\n maxNotificationsToShow = 10,\n}: NotificationMenuProps) => {\n const [isOpen, setIsOpen] = React.useState(false);\n\n const hasNotifications = notifications.length > 0;\n const notificationsToShow = notifications.slice(0, maxNotificationsToShow);\n const showIndicator = hasNotifications && !isOpen;\n\n const target = (\n <Indicator\n label={showIndicator ? notifications.length : undefined}\n ariaLabel={showIndicator ? indicatorAriaLabel : undefined}\n disabled={!showIndicator}\n offset={2}\n classNames={{\n label: notificationMenuIndicator(),\n }}\n >\n <ButtonIconVisual\n classNames={{\n buttonIconVisual: notificationMenuButtonIconVisual(),\n }}\n path='/icons/sprite-theme.svg'\n name='bell-01'\n label={targetLabel}\n />\n </Indicator>\n );\n\n return (\n <Menu\n target={target}\n position='bottom-end'\n keepMounted={false}\n width={320}\n targetButtonProps={{\n onClick: () => setIsOpen(true),\n }}\n classNames={{\n menu: notificationMenu(),\n }}\n >\n {hasNotifications ? (\n <ScrollAreaAutosize mah={192}>\n {notificationsToShow.map((noti) => (\n <Notification\n key={noti.slug}\n slug={noti.slug}\n title={noti.title}\n description={noti.description}\n iconName={noti.iconName}\n dismissBtnLabel={dismissBtnLabel}\n onDismiss={() => onDismissOne(noti.slug)}\n />\n ))}\n </ScrollAreaAutosize>\n ) : (\n <NotificationMenuEmpty />\n )}\n <Menu.Item>\n <div className={notificationMenuButtonRow()}>\n <ButtonVisual>{viewAllBtnLabel}</ButtonVisual>\n {hasNotifications && (\n <Button onClick={onDismissAll}>{dismissAllBtnLabel}</Button>\n )}\n </div>\n </Menu.Item>\n </Menu>\n );\n};\n\nconst NotificationMenuEmpty = ({\n emptyMessage = 'You have no notifications',\n}) => {\n return (\n <Menu.Item>\n <div className={notificationMenuEmptyWrapper()}>\n <img src='/images/bell-empty.svg' alt='No notifications' />\n <p className={notificationMenuEmptyText()}>{emptyMessage}</p>\n </div>\n </Menu.Item>\n // TODO: receptes amb ui final del projecte\n // TODO: img svg reemplaçar per component o svgr per controlar light/dark?\n );\n};\n"],"mappings":"45BA0CA,MAAa,GAAoB,CAC/B,gBACA,eACA,eACA,kBAAkB,uBAClB,qBAAqB,4BACrB,kBAAkB,yBAClB,cAAc,gBACd,qBAAqB,6BACrB,yBAAyB,MACE,CAC3B,GAAM,CAAC,EAAQ,GAAa,EAAM,SAAS,GAAM,CAE3C,EAAmB,EAAc,OAAS,EAC1C,EAAsB,EAAc,MAAM,EAAG,EAAuB,CACpE,EAAgB,GAAoB,CAAC,EAuB3C,OACE,EAAC,EAAA,CACC,OAtBF,EAAC,EAAA,CACC,MAAO,EAAgB,EAAc,OAAS,IAAA,GAC9C,UAAW,EAAgB,EAAqB,IAAA,GAChD,SAAU,CAAC,EACX,OAAQ,EACR,WAAY,CACV,MAAO,GAA2B,CACnC,UAED,EAAC,EAAA,CACC,WAAY,CACV,iBAAkB,GAAkC,CACrD,CACD,KAAK,0BACL,KAAK,UACL,MAAO,GACP,EACQ,CAMV,SAAS,aACT,YAAa,GACb,MAAO,IACP,kBAAmB,CACjB,YAAe,EAAU,GAAK,CAC/B,CACD,WAAY,CACV,KAAM,GAAkB,CACzB,WAEA,EACC,EAAC,EAAA,CAAmB,IAAK,aACtB,EAAoB,IAAK,GACxB,EAAC,EAAA,CAEC,KAAM,EAAK,KACX,MAAO,EAAK,MACZ,YAAa,EAAK,YAClB,SAAU,EAAK,SACE,kBACjB,cAAiB,EAAa,EAAK,KAAK,EANnC,EAAK,KAOV,CACF,EACiB,CAErB,EAAC,EAAA,EAAA,CAAwB,CAE3B,EAAC,EAAK,KAAA,CAAA,SACJ,EAAC,MAAA,CAAI,UAAW,GAA2B,WACzC,EAAC,EAAA,CAAA,SAAc,EAAA,CAA+B,CAC7C,GACC,EAAC,EAAA,CAAO,QAAS,WAAe,GAA4B,CAAA,EAE1D,CAAA,CACI,CAAA,EACP,EAIL,GAAyB,CAC7B,eAAe,+BAGb,EAAC,EAAK,KAAA,CAAA,SACJ,EAAC,MAAA,CAAI,UAAW,GAA8B,WAC5C,EAAC,MAAA,CAAI,IAAI,yBAAyB,IAAI,oBAAqB,CAC3D,EAAC,IAAA,CAAE,UAAW,GAA2B,UAAG,GAAiB,CAAA,EACzD,CAAA,CACI"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
-
import { ReactNode } from "react";
|
|
3
|
-
|
|
4
|
-
//#region src/semedlab/components/navigations/profile-menu/ProfileMenu.d.ts
|
|
5
|
-
type ProfileMenuProps = {
|
|
6
|
-
name: string;
|
|
7
|
-
src?: string;
|
|
8
|
-
alt?: string;
|
|
9
|
-
description?: string;
|
|
10
|
-
children?: ReactNode;
|
|
11
|
-
};
|
|
12
|
-
declare const ProfileMenu: ({
|
|
13
|
-
name,
|
|
14
|
-
src,
|
|
15
|
-
alt,
|
|
16
|
-
description,
|
|
17
|
-
children
|
|
18
|
-
}: ProfileMenuProps) => react_jsx_runtime0.JSX.Element;
|
|
19
|
-
//#endregion
|
|
20
|
-
export { ProfileMenu, ProfileMenuProps };
|
|
21
|
-
//# sourceMappingURL=ProfileMenu.d.mts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProfileMenu.d.mts","names":[],"sources":["../../../../../src/semedlab/components/navigations/profile-menu/ProfileMenu.tsx"],"mappings":";;;;KAUY,gBAAA;EACV,IAAA;EACA,GAAA;EACA,GAAA;EACA,WAAA;EACA,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,WAAA;EAAe,IAAA;EAAA,GAAA;EAAA,GAAA;EAAA,WAAA;EAAA;AAAA,GAMzB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{Avatar as e}from"../../../../components/data-display/avatar/Avatar.mjs";import{Menu as t}from"../../../../components/navigations/menu/Menu.mjs";import{UserProfile as n}from"../../data-display/user-profile/UserProfile.mjs";import{profileMenu as r,profileMenuUserProfile as i}from"@mage-ui/styled-system/recipes";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({name:s,src:c,alt:l,description:u,children:d})=>o(t,{target:a(e,{name:s,src:c,alt:l}),position:`bottom-end`,width:248,classNames:{menu:r()},children:[a(n,{name:s,src:c,alt:l,description:u,classNames:{userProfile:i()}}),d]});export{s as ProfileMenu};
|
|
2
|
-
//# sourceMappingURL=ProfileMenu.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProfileMenu.mjs","names":[],"sources":["../../../../../src/semedlab/components/navigations/profile-menu/ProfileMenu.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n profileMenu,\n profileMenuUserProfile,\n} from '@mage-ui/styled-system/recipes';\n\nimport { Avatar, Menu } from '../../../../components';\nimport { UserProfile } from '../../data-display';\n\nexport type ProfileMenuProps = {\n name: string;\n src?: string;\n alt?: string;\n description?: string;\n children?: ReactNode;\n};\n\nexport const ProfileMenu = ({\n name,\n src,\n alt,\n description,\n children,\n}: ProfileMenuProps) => {\n return (\n <Menu\n target={<Avatar name={name} src={src} alt={alt} />}\n position='bottom-end'\n width={248}\n classNames={{\n menu: profileMenu(),\n }}\n >\n <UserProfile\n name={name}\n src={src}\n alt={alt}\n description={description}\n classNames={{ userProfile: profileMenuUserProfile() }}\n />\n {children}\n </Menu>\n );\n};\n"],"mappings":"gXAkBA,MAAa,GAAe,CAC1B,OACA,MACA,MACA,cACA,cAGE,EAAC,EAAA,CACC,OAAQ,EAAC,EAAA,CAAa,OAAW,MAAU,OAAO,CAClD,SAAS,aACT,MAAO,IACP,WAAY,CACV,KAAM,GAAa,CACpB,WAED,EAAC,EAAA,CACO,OACD,MACA,MACQ,cACb,WAAY,CAAE,YAAa,GAAwB,CAAE,EACrD,CACD,EAAA,EACI"}
|