@mage-ui/components 1.0.42 → 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.
Files changed (38) hide show
  1. package/dist/index.d.mts +1 -10
  2. package/dist/index.mjs +1 -1
  3. package/package.json +2 -2
  4. package/dist/semedlab/components/data-display/index.d.mts +0 -3
  5. package/dist/semedlab/components/data-display/notification/Notification.d.mts +0 -33
  6. package/dist/semedlab/components/data-display/notification/Notification.d.mts.map +0 -1
  7. package/dist/semedlab/components/data-display/notification/Notification.mjs +0 -2
  8. package/dist/semedlab/components/data-display/notification/Notification.mjs.map +0 -1
  9. package/dist/semedlab/components/data-display/user-group-preview/UserGroupPreview.d.mts +0 -32
  10. package/dist/semedlab/components/data-display/user-group-preview/UserGroupPreview.d.mts.map +0 -1
  11. package/dist/semedlab/components/data-display/user-group-preview/UserGroupPreview.mjs +0 -2
  12. package/dist/semedlab/components/data-display/user-group-preview/UserGroupPreview.mjs.map +0 -1
  13. package/dist/semedlab/components/data-display/user-profile/UserProfile.d.mts +0 -32
  14. package/dist/semedlab/components/data-display/user-profile/UserProfile.d.mts.map +0 -1
  15. package/dist/semedlab/components/data-display/user-profile/UserProfile.mjs +0 -2
  16. package/dist/semedlab/components/data-display/user-profile/UserProfile.mjs.map +0 -1
  17. package/dist/semedlab/components/index.d.mts +0 -10
  18. package/dist/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.d.mts +0 -23
  19. package/dist/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.d.mts.map +0 -1
  20. package/dist/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.mjs +0 -2
  21. package/dist/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.mjs.map +0 -1
  22. package/dist/semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.d.mts +0 -23
  23. package/dist/semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.d.mts.map +0 -1
  24. package/dist/semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.mjs +0 -2
  25. package/dist/semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.mjs.map +0 -1
  26. package/dist/semedlab/components/navigations/index.d.mts +0 -5
  27. package/dist/semedlab/components/navigations/notification-list/NotificationList.d.mts +0 -29
  28. package/dist/semedlab/components/navigations/notification-list/NotificationList.d.mts.map +0 -1
  29. package/dist/semedlab/components/navigations/notification-list/NotificationList.mjs +0 -2
  30. package/dist/semedlab/components/navigations/notification-list/NotificationList.mjs.map +0 -1
  31. package/dist/semedlab/components/navigations/notification-menu/NotificationMenu.d.mts +0 -32
  32. package/dist/semedlab/components/navigations/notification-menu/NotificationMenu.d.mts.map +0 -1
  33. package/dist/semedlab/components/navigations/notification-menu/NotificationMenu.mjs +0 -2
  34. package/dist/semedlab/components/navigations/notification-menu/NotificationMenu.mjs.map +0 -1
  35. package/dist/semedlab/components/navigations/profile-menu/ProfileMenu.d.mts +0 -21
  36. package/dist/semedlab/components/navigations/profile-menu/ProfileMenu.d.mts.map +0 -1
  37. package/dist/semedlab/components/navigations/profile-menu/ProfileMenu.mjs +0 -2
  38. 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
- import { Notification, NotificationProps } from "./semedlab/components/data-display/notification/Notification.mjs";
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";import{Notification as ge}from"./semedlab/components/data-display/notification/Notification.mjs";import{UserGroupPreview as _e}from"./semedlab/components/data-display/user-group-preview/UserGroupPreview.mjs";import{UserProfile as ve}from"./semedlab/components/data-display/user-profile/UserProfile.mjs";import{NotificationMenu as ye}from"./semedlab/components/navigations/notification-menu/NotificationMenu.mjs";import{ProfileMenu as be}from"./semedlab/components/navigations/profile-menu/ProfileMenu.mjs";import{BackofficeTopBar as xe}from"./semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.mjs";import{BreadcrumbsBar as Se}from"./semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.mjs";import{NotificationList as Ce}from"./semedlab/components/navigations/notification-list/NotificationList.mjs";export{i as AssignedUser,F as Autocomplete,a as Avatar,xe as BackofficeTopBar,o as Badge,te as Breadcrumbs,Se as BreadcrumbsBar,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,ge as Notification,v as NotificationBanner,Ce as NotificationList,ye as NotificationMenu,Z as PASSWORD_RULES,W as PasswordInput,q as PasswordInputStrength,G as PasswordStrengthInput,be as ProfileMenu,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,_e as UserGroupPreview,ve as UserProfile,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};
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.42",
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.42",
28
+ "@mage-ui/preset": "1.0.44",
29
29
  "@mage-ui/styled-system": "1.0.8"
30
30
  },
31
31
  "peerDependencies": {
@@ -1,3 +0,0 @@
1
- import { Notification, NotificationProps } from "./notification/Notification.mjs";
2
- import { UserGroupPreview, UserGroupPreviewProps } from "./user-group-preview/UserGroupPreview.mjs";
3
- import { UserProfile, UserProfileProps } from "./user-profile/UserProfile.mjs";
@@ -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"}