@mage-ui/components 0.0.99 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/buttons/button/Button.d.mts +27 -0
- package/dist/components/buttons/button/Button.d.mts.map +1 -0
- package/dist/components/buttons/button/Button.mjs +2 -0
- package/dist/components/buttons/button/Button.mjs.map +1 -0
- package/dist/components/buttons/button-action/ButtonAction.d.mts +31 -0
- package/dist/components/buttons/button-action/ButtonAction.d.mts.map +1 -0
- package/dist/components/buttons/button-action/ButtonAction.mjs +2 -0
- package/dist/components/buttons/button-action/ButtonAction.mjs.map +1 -0
- package/dist/components/buttons/button-icon/ButtonIcon.d.mts +29 -0
- package/dist/components/buttons/button-icon/ButtonIcon.d.mts.map +1 -0
- package/dist/components/buttons/button-icon/ButtonIcon.mjs +2 -0
- package/dist/components/buttons/button-icon/ButtonIcon.mjs.map +1 -0
- package/dist/components/buttons/button-icon-visual/ButtonIconVisual.d.mts +28 -0
- package/dist/components/buttons/button-icon-visual/ButtonIconVisual.d.mts.map +1 -0
- package/dist/components/buttons/button-icon-visual/ButtonIconVisual.mjs +2 -0
- package/dist/components/buttons/button-icon-visual/ButtonIconVisual.mjs.map +1 -0
- package/dist/components/buttons/button-visual/ButtonVisual.d.mts +27 -0
- package/dist/components/buttons/button-visual/ButtonVisual.d.mts.map +1 -0
- package/dist/components/buttons/button-visual/ButtonVisual.mjs +2 -0
- package/dist/components/buttons/button-visual/ButtonVisual.mjs.map +1 -0
- package/dist/components/buttons/index.d.mts +5 -0
- package/dist/components/controls/autocomplete/Autocomplete.d.mts +35 -0
- package/dist/components/controls/autocomplete/Autocomplete.d.mts.map +1 -0
- package/dist/components/controls/autocomplete/Autocomplete.mjs +2 -0
- package/dist/components/controls/autocomplete/Autocomplete.mjs.map +1 -0
- package/dist/components/controls/checkbox/Checkbox.d.mts +65 -0
- package/dist/components/controls/checkbox/Checkbox.d.mts.map +1 -0
- package/dist/components/controls/checkbox/Checkbox.mjs +2 -0
- package/dist/components/controls/checkbox/Checkbox.mjs.map +1 -0
- package/dist/components/controls/{checkbox/CheckboxGroup.d.ts → checkbox-group/CheckboxGroup.d.mts} +8 -9
- package/dist/components/controls/checkbox-group/CheckboxGroup.d.mts.map +1 -0
- package/dist/components/controls/checkbox-group/CheckboxGroup.mjs +2 -0
- package/dist/components/controls/checkbox-group/CheckboxGroup.mjs.map +1 -0
- package/dist/components/controls/combobox/Combobox.d.mts +58 -0
- package/dist/components/controls/combobox/Combobox.d.mts.map +1 -0
- package/dist/components/controls/combobox/Combobox.mjs +2 -0
- package/dist/components/controls/combobox/Combobox.mjs.map +1 -0
- package/dist/components/controls/date-picker/DatePicker.d.mts +95 -0
- package/dist/components/controls/date-picker/DatePicker.d.mts.map +1 -0
- package/dist/components/controls/date-picker/DatePicker.mjs +2 -0
- package/dist/components/controls/date-picker/DatePicker.mjs.map +1 -0
- package/dist/components/controls/dropdown/Dropdown.d.mts +83 -0
- package/dist/components/controls/dropdown/Dropdown.d.mts.map +1 -0
- package/dist/components/controls/dropdown/Dropdown.mjs +2 -0
- package/dist/components/controls/dropdown/Dropdown.mjs.map +1 -0
- package/dist/components/controls/dropzone/Dropzone.d.mts +70 -0
- package/dist/components/controls/dropzone/Dropzone.d.mts.map +1 -0
- package/dist/components/controls/dropzone/Dropzone.mjs +2 -0
- package/dist/components/controls/dropzone/Dropzone.mjs.map +1 -0
- package/dist/components/controls/dropzone/upload-service.mjs +2 -0
- package/dist/components/controls/dropzone/upload-service.mjs.map +1 -0
- package/dist/components/controls/dropzone/use-dropzone-state.mjs +2 -0
- package/dist/components/controls/dropzone/use-dropzone-state.mjs.map +1 -0
- package/dist/components/controls/dropzone-files/DropzoneFiles.d.mts +57 -0
- package/dist/components/controls/dropzone-files/DropzoneFiles.d.mts.map +1 -0
- package/dist/components/controls/dropzone-files/DropzoneFiles.mjs +2 -0
- package/dist/components/controls/dropzone-files/DropzoneFiles.mjs.map +1 -0
- package/dist/components/controls/file-input/BaseFileInput.d.mts +35 -0
- package/dist/components/controls/file-input/BaseFileInput.d.mts.map +1 -0
- package/dist/components/controls/file-input/BaseFileInput.mjs +2 -0
- package/dist/components/controls/file-input/BaseFileInput.mjs.map +1 -0
- package/dist/components/controls/file-input/FileInput.d.mts +24 -0
- package/dist/components/controls/file-input/FileInput.d.mts.map +1 -0
- package/dist/components/controls/file-input/FileInput.mjs +2 -0
- package/dist/components/controls/file-input/FileInput.mjs.map +1 -0
- package/dist/components/controls/file-input/FileInputMultiple.d.mts +31 -0
- package/dist/components/controls/file-input/FileInputMultiple.d.mts.map +1 -0
- package/dist/components/controls/file-input/FileInputMultiple.mjs +2 -0
- package/dist/components/controls/file-input/FileInputMultiple.mjs.map +1 -0
- package/dist/components/controls/index.d.mts +18 -0
- package/dist/components/controls/multi-select/MultiSelect.d.mts +45 -0
- package/dist/components/controls/multi-select/MultiSelect.d.mts.map +1 -0
- package/dist/components/controls/multi-select/MultiSelect.mjs +2 -0
- package/dist/components/controls/multi-select/MultiSelect.mjs.map +1 -0
- package/dist/components/controls/multi-select/MultiSelectTags.d.mts +63 -0
- package/dist/components/controls/multi-select/MultiSelectTags.d.mts.map +1 -0
- package/dist/components/controls/multi-select/MultiSelectTags.mjs +2 -0
- package/dist/components/controls/multi-select/MultiSelectTags.mjs.map +1 -0
- package/dist/components/controls/password-input/PasswordInput.d.mts +47 -0
- package/dist/components/controls/password-input/PasswordInput.d.mts.map +1 -0
- package/dist/components/controls/password-input/PasswordInput.mjs +2 -0
- package/dist/components/controls/password-input/PasswordInput.mjs.map +1 -0
- package/dist/components/controls/password-input-strength/PasswordInputStrength.d.mts +43 -0
- package/dist/components/controls/password-input-strength/PasswordInputStrength.d.mts.map +1 -0
- package/dist/components/controls/password-input-strength/PasswordInputStrength.mjs +2 -0
- package/dist/components/controls/password-input-strength/PasswordInputStrength.mjs.map +1 -0
- package/dist/components/controls/radio/Radio.d.mts +53 -0
- package/dist/components/controls/radio/Radio.d.mts.map +1 -0
- package/dist/components/controls/radio/Radio.mjs +2 -0
- package/dist/components/controls/radio/Radio.mjs.map +1 -0
- package/dist/components/controls/{radio/RadioGroup.d.ts → radio-group/RadioGroup.d.mts} +8 -10
- package/dist/components/controls/radio-group/RadioGroup.d.mts.map +1 -0
- package/dist/components/controls/radio-group/RadioGroup.mjs +2 -0
- package/dist/components/controls/radio-group/RadioGroup.mjs.map +1 -0
- package/dist/components/controls/select/Select.d.mts +38 -0
- package/dist/components/controls/select/Select.d.mts.map +1 -0
- package/dist/components/controls/select/Select.mjs +2 -0
- package/dist/components/controls/select/Select.mjs.map +1 -0
- package/dist/components/controls/text-input/TextInput.d.mts +45 -0
- package/dist/components/controls/text-input/TextInput.d.mts.map +1 -0
- package/dist/components/controls/text-input/TextInput.mjs +2 -0
- package/dist/components/controls/text-input/TextInput.mjs.map +1 -0
- package/dist/components/controls/textarea/{Textarea.d.ts → Textarea.d.mts} +25 -11
- package/dist/components/controls/textarea/Textarea.d.mts.map +1 -0
- package/dist/components/controls/textarea/Textarea.mjs +2 -0
- package/dist/components/controls/textarea/Textarea.mjs.map +1 -0
- package/dist/components/controls/utils/chevron/Chevron.d.mts +1 -0
- package/dist/components/controls/utils/chevron/Chevron.mjs +2 -0
- package/dist/components/controls/utils/chevron/Chevron.mjs.map +1 -0
- package/dist/components/controls/utils/clear-button/ClearButton.d.mts +1 -0
- package/dist/components/controls/utils/clear-button/ClearButton.mjs +2 -0
- package/dist/components/controls/utils/clear-button/ClearButton.mjs.map +1 -0
- package/dist/components/controls/utils/index.d.mts +2 -0
- package/dist/components/data-display/avatar/Avatar.d.mts +24 -0
- package/dist/components/data-display/avatar/Avatar.d.mts.map +1 -0
- package/dist/components/data-display/avatar/Avatar.mjs +2 -0
- package/dist/components/data-display/avatar/Avatar.mjs.map +1 -0
- package/dist/components/data-display/badge/{Badge.d.ts → Badge.d.mts} +6 -5
- package/dist/components/data-display/badge/Badge.d.mts.map +1 -0
- package/dist/components/data-display/badge/Badge.mjs +2 -0
- package/dist/components/data-display/badge/Badge.mjs.map +1 -0
- package/dist/components/data-display/calendar/Calendar.d.mts +66 -0
- package/dist/components/data-display/calendar/Calendar.d.mts.map +1 -0
- package/dist/components/data-display/calendar/Calendar.mjs +2 -0
- package/dist/components/data-display/calendar/Calendar.mjs.map +1 -0
- package/dist/components/data-display/icons/icon/{Icon.d.ts → Icon.d.mts} +12 -4
- package/dist/components/data-display/icons/icon/Icon.d.mts.map +1 -0
- package/dist/components/data-display/icons/icon/Icon.mjs +2 -0
- package/dist/components/data-display/icons/icon/Icon.mjs.map +1 -0
- package/dist/components/data-display/icons/icon-raw/{IconRaw.d.ts → IconRaw.d.mts} +6 -4
- package/dist/components/data-display/icons/icon-raw/IconRaw.d.mts.map +1 -0
- package/dist/components/data-display/icons/icon-raw/IconRaw.mjs +2 -0
- package/dist/components/data-display/icons/icon-raw/IconRaw.mjs.map +1 -0
- package/dist/components/data-display/icons/icon-wrapped/IconWrapped.d.mts +17 -0
- package/dist/components/data-display/icons/icon-wrapped/IconWrapped.d.mts.map +1 -0
- package/dist/components/data-display/icons/icon-wrapped/IconWrapped.mjs +2 -0
- package/dist/components/data-display/icons/icon-wrapped/IconWrapped.mjs.map +1 -0
- package/dist/components/data-display/index.d.mts +14 -0
- package/dist/components/data-display/indicator/Indicator.d.mts +21 -0
- package/dist/components/data-display/indicator/Indicator.d.mts.map +1 -0
- package/dist/components/data-display/indicator/Indicator.mjs +2 -0
- package/dist/components/data-display/indicator/Indicator.mjs.map +1 -0
- package/dist/components/data-display/loader-dot/LoaderDot.d.mts +15 -0
- package/dist/components/data-display/loader-dot/LoaderDot.d.mts.map +1 -0
- package/dist/components/data-display/loader-dot/LoaderDot.mjs +2 -0
- package/dist/components/data-display/loader-dot/LoaderDot.mjs.map +1 -0
- package/dist/components/data-display/loader-oval/LoaderOval.d.mts +15 -0
- package/dist/components/data-display/loader-oval/LoaderOval.d.mts.map +1 -0
- package/dist/components/data-display/loader-oval/LoaderOval.mjs +2 -0
- package/dist/components/data-display/loader-oval/LoaderOval.mjs.map +1 -0
- package/dist/components/data-display/logos/logo-image/LogoImage.d.mts +33 -0
- package/dist/components/data-display/logos/logo-image/LogoImage.d.mts.map +1 -0
- package/dist/components/data-display/logos/logo-image/LogoImage.mjs +2 -0
- package/dist/components/data-display/logos/logo-image/LogoImage.mjs.map +1 -0
- package/dist/components/data-display/logos/logo-svg/LogoSvg.d.mts +29 -0
- package/dist/components/data-display/logos/logo-svg/LogoSvg.d.mts.map +1 -0
- package/dist/components/data-display/logos/logo-svg/LogoSvg.mjs +2 -0
- package/dist/components/data-display/logos/logo-svg/LogoSvg.mjs.map +1 -0
- package/dist/components/data-display/tag/Tag.d.mts +36 -0
- package/dist/components/data-display/tag/Tag.d.mts.map +1 -0
- package/dist/components/data-display/tag/Tag.mjs +2 -0
- package/dist/components/data-display/tag/Tag.mjs.map +1 -0
- package/dist/components/data-display/tag-group/TagGroup.d.mts +17 -0
- package/dist/components/data-display/tag-group/TagGroup.d.mts.map +1 -0
- package/dist/components/data-display/tag-group/TagGroup.mjs +2 -0
- package/dist/components/data-display/tag-group/TagGroup.mjs.map +1 -0
- package/dist/components/data-display/uploaded-file/UploadedFile.d.mts +43 -0
- package/dist/components/data-display/uploaded-file/UploadedFile.d.mts.map +1 -0
- package/dist/components/data-display/uploaded-file/UploadedFile.mjs +2 -0
- package/dist/components/data-display/uploaded-file/UploadedFile.mjs.map +1 -0
- package/dist/components/index.d.mts +61 -0
- package/dist/components/layouts/index.d.mts +1 -0
- package/dist/components/layouts/top-bar/TopBar.d.mts +23 -0
- package/dist/components/layouts/top-bar/TopBar.d.mts.map +1 -0
- package/dist/components/layouts/top-bar/TopBar.mjs +2 -0
- package/dist/components/layouts/top-bar/TopBar.mjs.map +1 -0
- package/dist/components/misc/horizontal-divider/{HorizontalDivider.d.ts → HorizontalDivider.d.mts} +4 -4
- package/dist/components/misc/horizontal-divider/HorizontalDivider.d.mts.map +1 -0
- package/dist/components/misc/horizontal-divider/HorizontalDivider.mjs +2 -0
- package/dist/components/misc/horizontal-divider/HorizontalDivider.mjs.map +1 -0
- package/dist/components/misc/index.d.mts +4 -0
- package/dist/components/misc/scroll-area/ScrollArea.d.mts +30 -0
- package/dist/components/misc/scroll-area/ScrollArea.d.mts.map +1 -0
- package/dist/components/misc/scroll-area/ScrollArea.mjs +2 -0
- package/dist/components/misc/scroll-area/ScrollArea.mjs.map +1 -0
- package/dist/components/misc/scroll-area-autosize/ScrollAreaAutosize.d.mts +19 -0
- package/dist/components/misc/scroll-area-autosize/ScrollAreaAutosize.d.mts.map +1 -0
- package/dist/components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs +2 -0
- package/dist/components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs.map +1 -0
- package/dist/components/misc/visually-hidden/VisuallyHidden.d.mts +14 -0
- package/dist/components/misc/visually-hidden/VisuallyHidden.d.mts.map +1 -0
- package/dist/components/misc/visually-hidden/VisuallyHidden.mjs +2 -0
- package/dist/components/misc/visually-hidden/VisuallyHidden.mjs.map +1 -0
- package/dist/components/{navigation/breadcrumbs/Breadcrumbs.d.ts → navigations/breadcrumbs/Breadcrumbs.d.mts} +6 -4
- package/dist/components/navigations/breadcrumbs/Breadcrumbs.d.mts.map +1 -0
- package/dist/components/navigations/breadcrumbs/Breadcrumbs.mjs +2 -0
- package/dist/components/navigations/breadcrumbs/Breadcrumbs.mjs.map +1 -0
- package/dist/components/navigations/index.d.mts +2 -0
- package/dist/components/navigations/menu/Menu.d.mts +55 -0
- package/dist/components/navigations/menu/Menu.d.mts.map +1 -0
- package/dist/components/navigations/menu/Menu.mjs +2 -0
- package/dist/components/navigations/menu/Menu.mjs.map +1 -0
- package/dist/components/overlays/index.d.mts +12 -0
- package/dist/components/overlays/modal/Modal.d.mts +115 -0
- package/dist/components/overlays/modal/Modal.d.mts.map +1 -0
- package/dist/components/overlays/modal/Modal.mjs +2 -0
- package/dist/components/overlays/modal/Modal.mjs.map +1 -0
- package/dist/components/overlays/modal/ModalContext.mjs +2 -0
- package/dist/components/overlays/modal/ModalContext.mjs.map +1 -0
- package/dist/components/overlays/modals/ModalsProvider.d.mts +13 -0
- package/dist/components/overlays/modals/ModalsProvider.d.mts.map +1 -0
- package/dist/components/overlays/modals/ModalsProvider.mjs +2 -0
- package/dist/components/overlays/modals/ModalsProvider.mjs.map +1 -0
- package/dist/components/overlays/modals/alert/ModalAlert.d.mts +31 -0
- package/dist/components/overlays/modals/alert/ModalAlert.d.mts.map +1 -0
- package/dist/components/overlays/modals/alert/ModalAlert.mjs +2 -0
- package/dist/components/overlays/modals/alert/ModalAlert.mjs.map +1 -0
- package/dist/components/overlays/modals/alert/alert.d.mts +7 -0
- package/dist/components/overlays/modals/alert/alert.d.mts.map +1 -0
- package/dist/components/overlays/modals/alert/alert.mjs +2 -0
- package/dist/components/overlays/modals/alert/alert.mjs.map +1 -0
- package/dist/components/overlays/modals/alert/alertById.d.mts +7 -0
- package/dist/components/overlays/modals/alert/alertById.d.mts.map +1 -0
- package/dist/components/overlays/modals/alert/alertById.mjs +2 -0
- package/dist/components/overlays/modals/alert/alertById.mjs.map +1 -0
- package/dist/components/overlays/modals/base/BaseModal.d.mts +17 -0
- package/dist/components/overlays/modals/base/BaseModal.d.mts.map +1 -0
- package/dist/components/overlays/modals/base/BaseModal.mjs +2 -0
- package/dist/components/overlays/modals/base/BaseModal.mjs.map +1 -0
- package/dist/components/overlays/modals/confirm/ModalConfirm.d.mts +40 -0
- package/dist/components/overlays/modals/confirm/ModalConfirm.d.mts.map +1 -0
- package/dist/components/overlays/modals/confirm/ModalConfirm.mjs +2 -0
- package/dist/components/overlays/modals/confirm/ModalConfirm.mjs.map +1 -0
- package/dist/components/overlays/modals/confirm/confirm.d.mts +7 -0
- package/dist/components/overlays/modals/confirm/confirm.d.mts.map +1 -0
- package/dist/components/overlays/modals/confirm/confirm.mjs +2 -0
- package/dist/components/overlays/modals/confirm/confirm.mjs.map +1 -0
- package/dist/components/overlays/modals/confirm/confirmById.d.mts +7 -0
- package/dist/components/overlays/modals/confirm/confirmById.d.mts.map +1 -0
- package/dist/components/overlays/modals/confirm/confirmById.mjs +2 -0
- package/dist/components/overlays/modals/confirm/confirmById.mjs.map +1 -0
- package/dist/components/overlays/modals/registry/createModal.d.mts +15 -0
- package/dist/components/overlays/modals/registry/createModal.d.mts.map +1 -0
- package/dist/components/overlays/modals/registry/createModal.mjs +2 -0
- package/dist/components/overlays/modals/registry/createModal.mjs.map +1 -0
- package/dist/components/overlays/modals/registry/openModalById.d.mts +5 -0
- package/dist/components/overlays/modals/registry/openModalById.d.mts.map +1 -0
- package/dist/components/overlays/modals/registry/openModalById.mjs +2 -0
- package/dist/components/overlays/modals/registry/openModalById.mjs.map +1 -0
- package/dist/components/overlays/modals/registry/registerModal.d.mts +7 -0
- package/dist/components/overlays/modals/registry/registerModal.d.mts.map +1 -0
- package/dist/components/overlays/modals/registry/registerModal.mjs +2 -0
- package/dist/components/overlays/modals/registry/registerModal.mjs.map +1 -0
- package/dist/components/{data-display/tooltip/Tooltip.d.ts → overlays/tooltip/Tooltip.d.mts} +20 -6
- package/dist/components/overlays/tooltip/Tooltip.d.mts.map +1 -0
- package/dist/components/overlays/tooltip/Tooltip.mjs +2 -0
- package/dist/components/overlays/tooltip/Tooltip.mjs.map +1 -0
- package/dist/index.d.mts +67 -0
- package/dist/index.mjs +1 -0
- package/dist/panda.json +533 -228
- package/dist/providers/{MageUiProvider.d.ts → MageUiProvider.d.mts} +1 -1
- package/dist/providers/MageUiProvider.d.mts.map +1 -0
- package/dist/providers/MageUiProvider.mjs +2 -0
- package/dist/providers/MageUiProvider.mjs.map +1 -0
- package/dist/providers/index.d.mts +1 -0
- package/dist/semedlab/components/data-display/index.d.mts +3 -0
- package/dist/semedlab/components/data-display/notification/Notification.d.mts +33 -0
- package/dist/semedlab/components/data-display/notification/Notification.d.mts.map +1 -0
- package/dist/semedlab/components/data-display/notification/Notification.mjs +2 -0
- package/dist/semedlab/components/data-display/notification/Notification.mjs.map +1 -0
- package/dist/semedlab/components/data-display/user-group-preview/UserGroupPreview.d.mts +32 -0
- package/dist/semedlab/components/data-display/user-group-preview/UserGroupPreview.d.mts.map +1 -0
- package/dist/semedlab/components/data-display/user-group-preview/UserGroupPreview.mjs +2 -0
- package/dist/semedlab/components/data-display/user-group-preview/UserGroupPreview.mjs.map +1 -0
- package/dist/semedlab/components/data-display/user-profile/UserProfile.d.mts +34 -0
- package/dist/semedlab/components/data-display/user-profile/UserProfile.d.mts.map +1 -0
- package/dist/semedlab/components/data-display/user-profile/UserProfile.mjs +2 -0
- package/dist/semedlab/components/data-display/user-profile/UserProfile.mjs.map +1 -0
- package/dist/semedlab/components/index.d.mts +10 -0
- package/dist/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.d.mts +23 -0
- package/dist/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.d.mts.map +1 -0
- package/dist/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.mjs +2 -0
- package/dist/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.mjs.map +1 -0
- package/dist/semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.d.mts +23 -0
- package/dist/semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.d.mts.map +1 -0
- package/dist/semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.mjs +2 -0
- package/dist/semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.mjs.map +1 -0
- package/dist/semedlab/components/navigations/index.d.mts +5 -0
- package/dist/semedlab/components/navigations/notification-list/NotificationList.d.mts +29 -0
- package/dist/semedlab/components/navigations/notification-list/NotificationList.d.mts.map +1 -0
- package/dist/semedlab/components/navigations/notification-list/NotificationList.mjs +2 -0
- package/dist/semedlab/components/navigations/notification-list/NotificationList.mjs.map +1 -0
- package/dist/semedlab/components/navigations/notification-menu/NotificationMenu.d.mts +32 -0
- package/dist/semedlab/components/navigations/notification-menu/NotificationMenu.d.mts.map +1 -0
- package/dist/semedlab/components/navigations/notification-menu/NotificationMenu.mjs +2 -0
- package/dist/semedlab/components/navigations/notification-menu/NotificationMenu.mjs.map +1 -0
- package/dist/semedlab/components/navigations/profile-menu/ProfileMenu.d.mts +21 -0
- package/dist/semedlab/components/navigations/profile-menu/ProfileMenu.d.mts.map +1 -0
- package/dist/semedlab/components/navigations/profile-menu/ProfileMenu.mjs +2 -0
- package/dist/semedlab/components/navigations/profile-menu/ProfileMenu.mjs.map +1 -0
- package/package.json +29 -24
- package/dist/components/buttons/button/Button.d.ts +0 -28
- package/dist/components/buttons/button/Button.d.ts.map +0 -1
- package/dist/components/buttons/button/Button.js +0 -2
- package/dist/components/buttons/button/Button.js.map +0 -1
- package/dist/components/buttons/button-icon/ButtonIcon.d.ts +0 -21
- package/dist/components/buttons/button-icon/ButtonIcon.d.ts.map +0 -1
- package/dist/components/buttons/button-icon/ButtonIcon.js +0 -2
- package/dist/components/buttons/button-icon/ButtonIcon.js.map +0 -1
- package/dist/components/controls/checkbox/Checkbox.d.ts +0 -33
- package/dist/components/controls/checkbox/Checkbox.d.ts.map +0 -1
- package/dist/components/controls/checkbox/Checkbox.js +0 -2
- package/dist/components/controls/checkbox/Checkbox.js.map +0 -1
- package/dist/components/controls/checkbox/CheckboxGroup.d.ts.map +0 -1
- package/dist/components/controls/checkbox/CheckboxGroup.js +0 -2
- package/dist/components/controls/checkbox/CheckboxGroup.js.map +0 -1
- package/dist/components/controls/date-picker/DatePicker.d.ts +0 -73
- package/dist/components/controls/date-picker/DatePicker.d.ts.map +0 -1
- package/dist/components/controls/date-picker/DatePicker.js +0 -2
- package/dist/components/controls/date-picker/DatePicker.js.map +0 -1
- package/dist/components/controls/dropdown/Combobox.d.ts +0 -44
- package/dist/components/controls/dropdown/Combobox.d.ts.map +0 -1
- package/dist/components/controls/dropdown/Combobox.js +0 -2
- package/dist/components/controls/dropdown/Combobox.js.map +0 -1
- package/dist/components/controls/dropdown/DropdownBase.d.ts +0 -39
- package/dist/components/controls/dropdown/DropdownBase.d.ts.map +0 -1
- package/dist/components/controls/dropdown/DropdownBase.js +0 -2
- package/dist/components/controls/dropdown/DropdownBase.js.map +0 -1
- package/dist/components/controls/dropdown/Menu.d.ts +0 -52
- package/dist/components/controls/dropdown/Menu.d.ts.map +0 -1
- package/dist/components/controls/dropdown/Menu.js +0 -2
- package/dist/components/controls/dropdown/Menu.js.map +0 -1
- package/dist/components/controls/dropdown/Select.d.ts +0 -33
- package/dist/components/controls/dropdown/Select.d.ts.map +0 -1
- package/dist/components/controls/dropdown/Select.js +0 -2
- package/dist/components/controls/dropdown/Select.js.map +0 -1
- package/dist/components/controls/input-file/InputFile.d.ts +0 -34
- package/dist/components/controls/input-file/InputFile.d.ts.map +0 -1
- package/dist/components/controls/input-file/InputFile.js +0 -2
- package/dist/components/controls/input-file/InputFile.js.map +0 -1
- package/dist/components/controls/input-password/InputPassword.d.ts +0 -32
- package/dist/components/controls/input-password/InputPassword.d.ts.map +0 -1
- package/dist/components/controls/input-password/InputPassword.js +0 -2
- package/dist/components/controls/input-password/InputPassword.js.map +0 -1
- package/dist/components/controls/input-text/InputText.d.ts +0 -31
- package/dist/components/controls/input-text/InputText.d.ts.map +0 -1
- package/dist/components/controls/input-text/InputText.js +0 -2
- package/dist/components/controls/input-text/InputText.js.map +0 -1
- package/dist/components/controls/multi-switch/MultiSwitch.d.ts +0 -33
- package/dist/components/controls/multi-switch/MultiSwitch.d.ts.map +0 -1
- package/dist/components/controls/multi-switch/MultiSwitch.js +0 -2
- package/dist/components/controls/multi-switch/MultiSwitch.js.map +0 -1
- package/dist/components/controls/radio/Radio.d.ts +0 -33
- package/dist/components/controls/radio/Radio.d.ts.map +0 -1
- package/dist/components/controls/radio/Radio.js +0 -2
- package/dist/components/controls/radio/Radio.js.map +0 -1
- package/dist/components/controls/radio/RadioGroup.d.ts.map +0 -1
- package/dist/components/controls/radio/RadioGroup.js +0 -2
- package/dist/components/controls/radio/RadioGroup.js.map +0 -1
- package/dist/components/controls/radio/RadioIcon.d.ts +0 -35
- package/dist/components/controls/radio/RadioIcon.d.ts.map +0 -1
- package/dist/components/controls/radio/RadioIcon.js +0 -2
- package/dist/components/controls/radio/RadioIcon.js.map +0 -1
- package/dist/components/controls/textarea/Textarea.d.ts.map +0 -1
- package/dist/components/controls/textarea/Textarea.js +0 -2
- package/dist/components/controls/textarea/Textarea.js.map +0 -1
- package/dist/components/data-display/avatar/Avatar.d.ts +0 -19
- package/dist/components/data-display/avatar/Avatar.d.ts.map +0 -1
- package/dist/components/data-display/avatar/Avatar.js +0 -2
- package/dist/components/data-display/avatar/Avatar.js.map +0 -1
- package/dist/components/data-display/badge/Badge.d.ts.map +0 -1
- package/dist/components/data-display/badge/Badge.js +0 -2
- package/dist/components/data-display/badge/Badge.js.map +0 -1
- package/dist/components/data-display/carousel/Carousel.d.ts +0 -56
- package/dist/components/data-display/carousel/Carousel.d.ts.map +0 -1
- package/dist/components/data-display/carousel/Carousel.js +0 -2
- package/dist/components/data-display/carousel/Carousel.js.map +0 -1
- package/dist/components/data-display/carousel/useEmbla.js +0 -2
- package/dist/components/data-display/carousel/useEmbla.js.map +0 -1
- package/dist/components/data-display/icons/icon/Icon.d.ts.map +0 -1
- package/dist/components/data-display/icons/icon/Icon.js +0 -2
- package/dist/components/data-display/icons/icon/Icon.js.map +0 -1
- package/dist/components/data-display/icons/icon-raw/IconRaw.d.ts.map +0 -1
- package/dist/components/data-display/icons/icon-raw/IconRaw.js +0 -2
- package/dist/components/data-display/icons/icon-raw/IconRaw.js.map +0 -1
- package/dist/components/data-display/icons/icon-theme/IconTheme.d.ts +0 -17
- package/dist/components/data-display/icons/icon-theme/IconTheme.d.ts.map +0 -1
- package/dist/components/data-display/icons/icon-theme/IconTheme.js +0 -2
- package/dist/components/data-display/icons/icon-theme/IconTheme.js.map +0 -1
- package/dist/components/data-display/tables/table/Table.d.ts +0 -79
- package/dist/components/data-display/tables/table/Table.d.ts.map +0 -1
- package/dist/components/data-display/tables/table/Table.js +0 -2
- package/dist/components/data-display/tables/table/Table.js.map +0 -1
- package/dist/components/data-display/tables/table/TableBody.js +0 -2
- package/dist/components/data-display/tables/table/TableBody.js.map +0 -1
- package/dist/components/data-display/tables/table/TableCell.js +0 -2
- package/dist/components/data-display/tables/table/TableCell.js.map +0 -1
- package/dist/components/data-display/tables/table/TableFooter.js +0 -2
- package/dist/components/data-display/tables/table/TableFooter.js.map +0 -1
- package/dist/components/data-display/tables/table/TableHead.js +0 -2
- package/dist/components/data-display/tables/table/TableHead.js.map +0 -1
- package/dist/components/data-display/tables/table/TableHeader.js +0 -2
- package/dist/components/data-display/tables/table/TableHeader.js.map +0 -1
- package/dist/components/data-display/tables/table/TableRow.js +0 -2
- package/dist/components/data-display/tables/table/TableRow.js.map +0 -1
- package/dist/components/data-display/tables/table/TableScroll.js +0 -2
- package/dist/components/data-display/tables/table/TableScroll.js.map +0 -1
- package/dist/components/data-display/tooltip/Tooltip.d.ts.map +0 -1
- package/dist/components/data-display/tooltip/Tooltip.js +0 -2
- package/dist/components/data-display/tooltip/Tooltip.js.map +0 -1
- package/dist/components/forms/form/Form.d.ts +0 -215
- package/dist/components/forms/form/Form.d.ts.map +0 -1
- package/dist/components/forms/form/Form.js +0 -2
- package/dist/components/forms/form/Form.js.map +0 -1
- package/dist/components/forms/form/controls/FormCheckbox.d.ts +0 -12
- package/dist/components/forms/form/controls/FormCheckbox.d.ts.map +0 -1
- package/dist/components/forms/form/controls/FormCheckbox.js +0 -2
- package/dist/components/forms/form/controls/FormCheckbox.js.map +0 -1
- package/dist/components/forms/form/controls/FormCheckboxGroup.d.ts +0 -18
- package/dist/components/forms/form/controls/FormCheckboxGroup.d.ts.map +0 -1
- package/dist/components/forms/form/controls/FormCheckboxGroup.js +0 -2
- package/dist/components/forms/form/controls/FormCheckboxGroup.js.map +0 -1
- package/dist/components/forms/form/controls/FormCombobox.d.ts +0 -12
- package/dist/components/forms/form/controls/FormCombobox.d.ts.map +0 -1
- package/dist/components/forms/form/controls/FormCombobox.js +0 -2
- package/dist/components/forms/form/controls/FormCombobox.js.map +0 -1
- package/dist/components/forms/form/controls/FormControl.js +0 -2
- package/dist/components/forms/form/controls/FormControl.js.map +0 -1
- package/dist/components/forms/form/controls/FormDatePicker.d.ts +0 -13
- package/dist/components/forms/form/controls/FormDatePicker.d.ts.map +0 -1
- package/dist/components/forms/form/controls/FormDatePicker.js +0 -2
- package/dist/components/forms/form/controls/FormDatePicker.js.map +0 -1
- package/dist/components/forms/form/controls/FormIfField.d.ts +0 -15
- package/dist/components/forms/form/controls/FormIfField.d.ts.map +0 -1
- package/dist/components/forms/form/controls/FormIfField.js +0 -2
- package/dist/components/forms/form/controls/FormIfField.js.map +0 -1
- package/dist/components/forms/form/controls/FormInputFile.d.ts +0 -13
- package/dist/components/forms/form/controls/FormInputFile.d.ts.map +0 -1
- package/dist/components/forms/form/controls/FormInputFile.js +0 -2
- package/dist/components/forms/form/controls/FormInputFile.js.map +0 -1
- package/dist/components/forms/form/controls/FormInputPassword.d.ts +0 -9
- package/dist/components/forms/form/controls/FormInputPassword.d.ts.map +0 -1
- package/dist/components/forms/form/controls/FormInputPassword.js +0 -2
- package/dist/components/forms/form/controls/FormInputPassword.js.map +0 -1
- package/dist/components/forms/form/controls/FormInputText.d.ts +0 -9
- package/dist/components/forms/form/controls/FormInputText.d.ts.map +0 -1
- package/dist/components/forms/form/controls/FormInputText.js +0 -2
- package/dist/components/forms/form/controls/FormInputText.js.map +0 -1
- package/dist/components/forms/form/controls/FormRadio.js +0 -2
- package/dist/components/forms/form/controls/FormRadio.js.map +0 -1
- package/dist/components/forms/form/controls/FormRadioGroup.d.ts +0 -18
- package/dist/components/forms/form/controls/FormRadioGroup.d.ts.map +0 -1
- package/dist/components/forms/form/controls/FormRadioGroup.js +0 -2
- package/dist/components/forms/form/controls/FormRadioGroup.js.map +0 -1
- package/dist/components/forms/form/controls/FormSelect.d.ts +0 -12
- package/dist/components/forms/form/controls/FormSelect.d.ts.map +0 -1
- package/dist/components/forms/form/controls/FormSelect.js +0 -2
- package/dist/components/forms/form/controls/FormSelect.js.map +0 -1
- package/dist/components/forms/form/controls/FormTextarea.d.ts +0 -9
- package/dist/components/forms/form/controls/FormTextarea.d.ts.map +0 -1
- package/dist/components/forms/form/controls/FormTextarea.js +0 -2
- package/dist/components/forms/form/controls/FormTextarea.js.map +0 -1
- package/dist/components/misc/horizontal-divider/HorizontalDivider.d.ts.map +0 -1
- package/dist/components/misc/horizontal-divider/HorizontalDivider.js +0 -2
- package/dist/components/misc/horizontal-divider/HorizontalDivider.js.map +0 -1
- package/dist/components/misc/visually-hidden/VisuallyHidden.d.ts +0 -13
- package/dist/components/misc/visually-hidden/VisuallyHidden.d.ts.map +0 -1
- package/dist/components/misc/visually-hidden/VisuallyHidden.js +0 -2
- package/dist/components/misc/visually-hidden/VisuallyHidden.js.map +0 -1
- package/dist/components/navigation/breadcrumbs/Breadcrumbs.d.ts.map +0 -1
- package/dist/components/navigation/breadcrumbs/Breadcrumbs.js +0 -2
- package/dist/components/navigation/breadcrumbs/Breadcrumbs.js.map +0 -1
- package/dist/components/navigation/tabs/Tabs.d.ts +0 -52
- package/dist/components/navigation/tabs/Tabs.d.ts.map +0 -1
- package/dist/components/navigation/tabs/Tabs.js +0 -2
- package/dist/components/navigation/tabs/Tabs.js.map +0 -1
- package/dist/components/navigation/tabs/TabsList.d.ts +0 -13
- package/dist/components/navigation/tabs/TabsList.d.ts.map +0 -1
- package/dist/components/navigation/tabs/TabsList.js +0 -2
- package/dist/components/navigation/tabs/TabsList.js.map +0 -1
- package/dist/components/navigation/tabs/TabsPanel.d.ts +0 -14
- package/dist/components/navigation/tabs/TabsPanel.d.ts.map +0 -1
- package/dist/components/navigation/tabs/TabsPanel.js +0 -2
- package/dist/components/navigation/tabs/TabsPanel.js.map +0 -1
- package/dist/components/navigation/tabs/TabsTab.d.ts +0 -18
- package/dist/components/navigation/tabs/TabsTab.d.ts.map +0 -1
- package/dist/components/navigation/tabs/TabsTab.js +0 -2
- package/dist/components/navigation/tabs/TabsTab.js.map +0 -1
- package/dist/index.d.ts +0 -29
- package/dist/index.js +0 -1
- package/dist/providers/MageUiProvider.d.ts.map +0 -1
- package/dist/providers/MageUiProvider.js +0 -2
- package/dist/providers/MageUiProvider.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Menu.mjs","names":["Menu","MantineMenu","Button"],"sources":["../../../../src/components/navigations/menu/Menu.tsx"],"sourcesContent":["import { Menu as MantineMenu, useCombobox } from '@mantine/core';\n\nimport {\n menu,\n menuRoot,\n menuItem,\n menuItemLabel,\n menuItemSection,\n menuDivider,\n menuTargetButton,\n} from '@mage-ui/styled-system/recipes';\nimport { Button, type ButtonProps } from '@/components/buttons';\nimport { cx } from '@mage-ui/styled-system/css';\nimport type { ReactNode } from 'react';\n\nexport type MenuProps = {\n target: ReactNode;\n children: ReactNode;\n withinPortal?: boolean;\n position?:\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'left'\n | 'left-start'\n | 'left-end';\n width?: number | string;\n keepMounted?: boolean;\n offset?: number;\n classNames?: {\n menu?: string;\n root?: string;\n item?: string;\n itemLabel?: string;\n itemSection?: string;\n divider?: string;\n target?: {\n button: string;\n };\n };\n targetButtonProps?: Partial<ButtonProps>;\n};\n\nexport const Menu = ({\n target,\n children,\n withinPortal,\n position,\n width,\n keepMounted,\n offset,\n classNames,\n targetButtonProps,\n}: MenuProps) => {\n const combobox = useCombobox({\n onDropdownClose: () => combobox.resetSelectedOption(),\n });\n\n return (\n <MantineMenu\n offset={offset || 4}\n withinPortal={withinPortal}\n position={position}\n width={width}\n keepMounted={keepMounted}\n classNames={{\n dropdown: cx(\n classNames?.menu ?? menu(),\n classNames?.root ?? menuRoot(),\n ),\n item: classNames?.item ?? menuItem(),\n itemLabel: classNames?.itemLabel ?? menuItemLabel(),\n itemSection: classNames?.itemSection ?? menuItemSection(),\n divider: classNames?.divider ?? menuDivider(),\n }}\n >\n <MantineMenu.Target>\n {/* TODO: provisional target, to discuss */}\n <Button\n classNames={{\n button: classNames?.target?.button ?? menuTargetButton(),\n }}\n onClick={() => combobox.toggleDropdown()}\n {...targetButtonProps}\n >\n {target}\n </Button>\n </MantineMenu.Target>\n\n <MantineMenu.Dropdown>{children}</MantineMenu.Dropdown>\n </MantineMenu>\n );\n};\n\nconst MenuItem = ({ children }: { children: ReactNode }) => {\n return <MantineMenu.Item component='div'>{children}</MantineMenu.Item>;\n};\n\nconst MenuDivider = () => {\n return <MantineMenu.Divider />;\n};\n\nMenu.Item = MenuItem;\nMenuItem.displayName = 'Menu.Item';\nMenu.Divider = MenuDivider;\nMenuDivider.displayName = 'Menu.Divider';\n"],"mappings":"kXAiDA,MAAaA,GAAQ,CACnB,SACA,WACA,eACA,WACA,QACA,cACA,SACA,aACA,uBACe,CACf,IAAM,EAAW,EAAY,CAC3B,oBAAuB,EAAS,qBAAqB,CACtD,CAAC,CAEF,OACE,EAACC,EAAAA,CACC,OAAQ,GAAU,EACJ,eACJ,WACH,QACM,cACb,WAAY,CACV,SAAU,EACR,GAAY,MAAQ,GAAM,CAC1B,GAAY,MAAQ,GAAU,CAC/B,CACD,KAAM,GAAY,MAAQ,GAAU,CACpC,UAAW,GAAY,WAAa,GAAe,CACnD,YAAa,GAAY,aAAe,GAAiB,CACzD,QAAS,GAAY,SAAW,GAAa,CAC9C,WAED,EAACA,EAAY,OAAA,CAAA,SAEX,EAACC,EAAAA,CACC,WAAY,CACV,OAAQ,GAAY,QAAQ,QAAU,GAAkB,CACzD,CACD,YAAe,EAAS,gBAAgB,CACxC,GAAI,WAEH,GACM,CAAA,CACU,CAErB,EAACD,EAAY,SAAA,CAAU,WAAA,CAAgC,CAAA,EAC3C,EAIZ,GAAY,CAAE,cACX,EAACA,EAAY,KAAA,CAAK,UAAU,MAAO,YAA4B,CAGlE,MACG,EAACA,EAAY,QAAA,EAAA,CAAU,CAGhC,EAAK,KAAO,EACZ,EAAS,YAAc,YACvB,EAAK,QAAU,EACf,EAAY,YAAc"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Modal, ModalProps } from "./modal/Modal.mjs";
|
|
2
|
+
import { ModalsProvider } from "./modals/ModalsProvider.mjs";
|
|
3
|
+
import { ModalComponent, createModal } from "./modals/registry/createModal.mjs";
|
|
4
|
+
import { registerModal } from "./modals/registry/registerModal.mjs";
|
|
5
|
+
import { openModalById } from "./modals/registry/openModalById.mjs";
|
|
6
|
+
import { ModalConfirm, ModalConfirmPublicProps } from "./modals/confirm/ModalConfirm.mjs";
|
|
7
|
+
import { confirm } from "./modals/confirm/confirm.mjs";
|
|
8
|
+
import { confirmById } from "./modals/confirm/confirmById.mjs";
|
|
9
|
+
import { ModalAlert, ModalAlertPublicProps } from "./modals/alert/ModalAlert.mjs";
|
|
10
|
+
import { alert } from "./modals/alert/alert.mjs";
|
|
11
|
+
import { alertById } from "./modals/alert/alertById.mjs";
|
|
12
|
+
import { Tooltip, TooltipProps } from "./tooltip/Tooltip.mjs";
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import * as react_jsx_runtime32 from "react/jsx-runtime";
|
|
2
|
+
import { HTMLAttributes, ReactNode } from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/components/overlays/modal/Modal.d.ts
|
|
5
|
+
type ModalProps = {
|
|
6
|
+
opened: boolean;
|
|
7
|
+
onClose: () => void;
|
|
8
|
+
id?: string;
|
|
9
|
+
title?: ReactNode;
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
centered?: boolean;
|
|
12
|
+
withCloseButton?: boolean;
|
|
13
|
+
closeOnClickOutside?: boolean;
|
|
14
|
+
closeOnEscape?: boolean;
|
|
15
|
+
withinPortal?: boolean;
|
|
16
|
+
keepMounted?: boolean;
|
|
17
|
+
classNames?: {
|
|
18
|
+
modal?: string;
|
|
19
|
+
root?: string;
|
|
20
|
+
overlay?: string;
|
|
21
|
+
inner?: string;
|
|
22
|
+
content?: string;
|
|
23
|
+
header?: string;
|
|
24
|
+
title?: string;
|
|
25
|
+
body?: string;
|
|
26
|
+
close?: string;
|
|
27
|
+
footer?: string;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
declare const Modal: {
|
|
31
|
+
({
|
|
32
|
+
opened,
|
|
33
|
+
onClose,
|
|
34
|
+
id,
|
|
35
|
+
title,
|
|
36
|
+
children,
|
|
37
|
+
centered,
|
|
38
|
+
withCloseButton,
|
|
39
|
+
closeOnClickOutside,
|
|
40
|
+
closeOnEscape,
|
|
41
|
+
withinPortal,
|
|
42
|
+
keepMounted,
|
|
43
|
+
classNames
|
|
44
|
+
}: ModalProps): react_jsx_runtime32.JSX.Element;
|
|
45
|
+
Root: {
|
|
46
|
+
({
|
|
47
|
+
opened,
|
|
48
|
+
onClose,
|
|
49
|
+
children,
|
|
50
|
+
id,
|
|
51
|
+
withinPortal,
|
|
52
|
+
keepMounted,
|
|
53
|
+
centered,
|
|
54
|
+
classNames,
|
|
55
|
+
intent
|
|
56
|
+
}: ModalRootProps): react_jsx_runtime32.JSX.Element;
|
|
57
|
+
displayName: string;
|
|
58
|
+
};
|
|
59
|
+
Overlay: {
|
|
60
|
+
(_: {
|
|
61
|
+
children?: never;
|
|
62
|
+
}): react_jsx_runtime32.JSX.Element;
|
|
63
|
+
displayName: string;
|
|
64
|
+
};
|
|
65
|
+
Content: {
|
|
66
|
+
({
|
|
67
|
+
children
|
|
68
|
+
}: {
|
|
69
|
+
children: ReactNode;
|
|
70
|
+
}): react_jsx_runtime32.JSX.Element;
|
|
71
|
+
displayName: string;
|
|
72
|
+
};
|
|
73
|
+
Header: {
|
|
74
|
+
({
|
|
75
|
+
children
|
|
76
|
+
}: {
|
|
77
|
+
children: ReactNode;
|
|
78
|
+
}): react_jsx_runtime32.JSX.Element;
|
|
79
|
+
displayName: string;
|
|
80
|
+
};
|
|
81
|
+
Body: {
|
|
82
|
+
({
|
|
83
|
+
children
|
|
84
|
+
}: {
|
|
85
|
+
children: ReactNode;
|
|
86
|
+
}): react_jsx_runtime32.JSX.Element;
|
|
87
|
+
displayName: string;
|
|
88
|
+
};
|
|
89
|
+
Title: {
|
|
90
|
+
({
|
|
91
|
+
children
|
|
92
|
+
}: {
|
|
93
|
+
children: ReactNode;
|
|
94
|
+
}): react_jsx_runtime32.JSX.Element;
|
|
95
|
+
displayName: string;
|
|
96
|
+
};
|
|
97
|
+
CloseButton: {
|
|
98
|
+
(): react_jsx_runtime32.JSX.Element;
|
|
99
|
+
displayName: string;
|
|
100
|
+
};
|
|
101
|
+
Footer: {
|
|
102
|
+
({
|
|
103
|
+
children,
|
|
104
|
+
className,
|
|
105
|
+
...props
|
|
106
|
+
}: HTMLAttributes<HTMLDivElement>): react_jsx_runtime32.JSX.Element;
|
|
107
|
+
displayName: string;
|
|
108
|
+
};
|
|
109
|
+
};
|
|
110
|
+
type ModalRootProps = Omit<ModalProps, 'title' | 'withCloseButton'> & {
|
|
111
|
+
intent?: 'default' | 'info' | 'success' | 'warning' | 'danger';
|
|
112
|
+
};
|
|
113
|
+
//#endregion
|
|
114
|
+
export { Modal, ModalProps };
|
|
115
|
+
//# sourceMappingURL=Modal.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.d.mts","names":[],"sources":["../../../../src/components/overlays/modal/Modal.tsx"],"mappings":";;;;KAkBY,UAAA;EACV,MAAA;EACA,OAAA;EACA,EAAA;EACA,KAAA,GAAQ,SAAA;EACR,QAAA,EAAU,SAAA;EACV,QAAA;EACA,eAAA;EACA,mBAAA;EACA,aAAA;EACA,YAAA;EACA,WAAA;EACA,UAAA;IACE,KAAA;IACA,IAAA;IACA,OAAA;IACA,KAAA;IACA,OAAA;IACA,MAAA;IACA,KAAA;IACA,IAAA;IACA,KAAA;IACA,MAAA;EAAA;AAAA;AAAA,cAIS,KAAA;EAAA;;;;;;;;;;;;;KAaV,UAAA,GAAU,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;;OAgDV,cAAA,GAAc,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;MA0BU,QAAA;IAAA,IAAkB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;MAQP,QAAA,EAAU,SAAA;IAAA,IAAW,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;MAJtB,QAAA,EAAU,SAAA;IAAA,IAAW,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;MAQvB,QAAA,EAAU,SAAA;IAAA,IAAW,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;MAIpB,QAAA,EAAU,SAAA;IAAA,IAAW,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;;OAYtD,cAAA,CAAe,cAAA,IAAe,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;KApErB,cAAA,GAAiB,IAAA,CAAK,UAAA;EAChC,MAAA;AAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{ModalProvider as e}from"./ModalContext.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{modal as n,modalBody as r,modalClose as i,modalContent as a,modalFooter as o,modalHeader as s,modalInner as c,modalOverlay as l,modalRoot as u,modalTitle as d}from"@mage-ui/styled-system/recipes";import{Modal as f}from"@mantine/core";import{jsx as p}from"react/jsx-runtime";const m=({opened:o,onClose:m,id:h,title:g,children:_,centered:v=!0,withCloseButton:y=!0,closeOnClickOutside:b=!0,closeOnEscape:x=!0,withinPortal:S=!0,keepMounted:C=!1,classNames:w})=>p(e,{value:{onClose:m},children:p(f,{id:h,opened:o,onClose:m,title:g,centered:v,withCloseButton:y,closeOnClickOutside:b,closeOnEscape:x,withinPortal:S,keepMounted:C,classNames:{root:t(w?.modal??n(),w?.root??u()),overlay:w?.overlay??l(),inner:w?.inner??c(),content:w?.content??a(),header:w?.header??s(),title:w?.title??d(),body:w?.body??r(),close:w?.close??i()},children:_})}),h=({opened:e,onClose:o,children:m,id:h,withinPortal:g=!0,keepMounted:_,centered:v,classNames:y,intent:b})=>p(f.Root,{opened:e,onClose:o,id:h,withinPortal:g,keepMounted:_,centered:v,"data-intent":b,classNames:{root:t(y?.modal??n(),y?.root??u()),overlay:y?.overlay??l(),inner:y?.inner??c(),content:y?.content??a(),header:y?.header??s(),title:y?.title??d(),body:y?.body??r(),close:y?.close??i()},children:m}),g=e=>p(f.Overlay,{}),_=({children:e})=>p(f.Header,{children:e}),v=({children:e})=>p(f.Content,{children:e}),y=({children:e})=>p(f.Body,{children:e}),b=({children:e})=>p(f.Title,{children:e}),x=()=>p(f.CloseButton,{}),S=({children:e,className:t,...n})=>p(`div`,{className:t??o(),...n,children:e});m.Root=h,h.displayName=`Modal.Root`,m.Overlay=g,g.displayName=`Modal.Overlay`,m.Content=v,v.displayName=`Modal.Content`,m.Header=_,_.displayName=`Modal.Header`,m.Body=y,y.displayName=`Modal.Body`,m.Title=b,b.displayName=`Modal.Title`,m.CloseButton=x,x.displayName=`Modal.CloseButton`,m.Footer=S,S.displayName=`Modal.Footer`;export{m as Modal};
|
|
2
|
+
//# sourceMappingURL=Modal.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.mjs","names":["Modal","MantineModal"],"sources":["../../../../src/components/overlays/modal/Modal.tsx"],"sourcesContent":["import type { ReactNode, HTMLAttributes } from 'react';\nimport { Modal as MantineModal } from '@mantine/core';\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n modal,\n modalRoot,\n modalOverlay,\n modalInner,\n modalContent,\n modalHeader,\n modalTitle,\n modalBody,\n modalClose,\n modalFooter,\n} from '@mage-ui/styled-system/recipes';\n\nimport { ModalProvider } from './ModalContext';\n\nexport type ModalProps = {\n opened: boolean;\n onClose: () => void;\n id?: string;\n title?: ReactNode;\n children: ReactNode;\n centered?: boolean;\n withCloseButton?: boolean;\n closeOnClickOutside?: boolean;\n closeOnEscape?: boolean;\n withinPortal?: boolean;\n keepMounted?: boolean;\n classNames?: {\n modal?: string;\n root?: string;\n overlay?: string;\n inner?: string;\n content?: string;\n header?: string;\n title?: string;\n body?: string;\n close?: string;\n footer?: string;\n };\n};\n\nexport const Modal = ({\n opened,\n onClose,\n id,\n title,\n children,\n centered = true,\n withCloseButton = true,\n closeOnClickOutside = true,\n closeOnEscape = true,\n withinPortal = true,\n keepMounted = false,\n classNames,\n}: ModalProps) => {\n return (\n <ModalProvider value={{ onClose }}>\n <MantineModal\n id={id}\n opened={opened}\n onClose={onClose}\n title={title}\n centered={centered}\n withCloseButton={withCloseButton}\n closeOnClickOutside={closeOnClickOutside}\n closeOnEscape={closeOnEscape}\n withinPortal={withinPortal}\n keepMounted={keepMounted}\n classNames={{\n root: cx(\n classNames?.modal ?? modal(),\n classNames?.root ?? modalRoot(),\n ),\n overlay: classNames?.overlay ?? modalOverlay(),\n inner: classNames?.inner ?? modalInner(),\n content: classNames?.content ?? modalContent(),\n header: classNames?.header ?? modalHeader(),\n title: classNames?.title ?? modalTitle(),\n body: classNames?.body ?? modalBody(),\n close: classNames?.close ?? modalClose(),\n }}\n >\n {children}\n </MantineModal>\n </ModalProvider>\n );\n};\n\nexport type ModalRootProps = Omit<ModalProps, 'title' | 'withCloseButton'> & {\n intent?: 'default' | 'info' | 'success' | 'warning' | 'danger';\n};\n\nconst ModalRoot = ({\n opened,\n onClose,\n children,\n id,\n withinPortal = true,\n keepMounted,\n centered,\n classNames,\n intent,\n}: ModalRootProps) => {\n return (\n <MantineModal.Root\n opened={opened}\n onClose={onClose}\n id={id}\n withinPortal={withinPortal}\n keepMounted={keepMounted}\n centered={centered}\n data-intent={intent}\n classNames={{\n root: cx(classNames?.modal ?? modal(), classNames?.root ?? modalRoot()),\n overlay: classNames?.overlay ?? modalOverlay(),\n inner: classNames?.inner ?? modalInner(),\n content: classNames?.content ?? modalContent(),\n header: classNames?.header ?? modalHeader(),\n title: classNames?.title ?? modalTitle(),\n body: classNames?.body ?? modalBody(),\n close: classNames?.close ?? modalClose(),\n }}\n >\n {children}\n </MantineModal.Root>\n );\n};\n\nconst ModalOverlay = (_: { children?: never }) => {\n return <MantineModal.Overlay />;\n};\n\nconst ModalHeader = ({ children }: { children: ReactNode }) => {\n return <MantineModal.Header>{children}</MantineModal.Header>;\n};\n\nconst ModalContent = ({ children }: { children: ReactNode }) => {\n return <MantineModal.Content>{children}</MantineModal.Content>;\n};\n\nconst ModalBody = ({ children }: { children: ReactNode }) => {\n return <MantineModal.Body>{children}</MantineModal.Body>;\n};\n\nconst ModalTitle = ({ children }: { children: ReactNode }) => {\n return <MantineModal.Title>{children}</MantineModal.Title>;\n};\n\nconst ModalCloseButton = () => {\n return <MantineModal.CloseButton />;\n};\n\nconst ModalFooter = ({\n children,\n className,\n ...props\n}: HTMLAttributes<HTMLDivElement>) => {\n return (\n <div className={className ?? modalFooter()} {...props}>\n {children}\n </div>\n );\n};\n\nModal.Root = ModalRoot;\nModalRoot.displayName = 'Modal.Root';\n\nModal.Overlay = ModalOverlay;\nModalOverlay.displayName = 'Modal.Overlay';\n\nModal.Content = ModalContent;\nModalContent.displayName = 'Modal.Content';\n\nModal.Header = ModalHeader;\nModalHeader.displayName = 'Modal.Header';\n\nModal.Body = ModalBody;\nModalBody.displayName = 'Modal.Body';\n\nModal.Title = ModalTitle;\nModalTitle.displayName = 'Modal.Title';\n\nModal.CloseButton = ModalCloseButton;\nModalCloseButton.displayName = 'Modal.CloseButton';\n\nModal.Footer = ModalFooter;\nModalFooter.displayName = 'Modal.Footer';\n"],"mappings":"4XA4CA,MAAaA,GAAS,CACpB,SACA,UACA,KACA,QACA,WACA,WAAW,GACX,kBAAkB,GAClB,sBAAsB,GACtB,gBAAgB,GAChB,eAAe,GACf,cAAc,GACd,gBAGE,EAAC,EAAA,CAAc,MAAO,CAAE,UAAS,UAC/B,EAACC,EAAAA,CACK,KACI,SACC,UACF,QACG,WACO,kBACI,sBACN,gBACD,eACD,cACb,WAAY,CACV,KAAM,EACJ,GAAY,OAAS,GAAO,CAC5B,GAAY,MAAQ,GAAW,CAChC,CACD,QAAS,GAAY,SAAW,GAAc,CAC9C,MAAO,GAAY,OAAS,GAAY,CACxC,QAAS,GAAY,SAAW,GAAc,CAC9C,OAAQ,GAAY,QAAU,GAAa,CAC3C,MAAO,GAAY,OAAS,GAAY,CACxC,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,GAAY,OAAS,GAAY,CACzC,CAEA,YACY,EACD,CAQd,GAAa,CACjB,SACA,UACA,WACA,KACA,eAAe,GACf,cACA,WACA,aACA,YAGE,EAACA,EAAa,KAAA,CACJ,SACC,UACL,KACU,eACD,cACH,WACV,cAAa,EACb,WAAY,CACV,KAAM,EAAG,GAAY,OAAS,GAAO,CAAE,GAAY,MAAQ,GAAW,CAAC,CACvE,QAAS,GAAY,SAAW,GAAc,CAC9C,MAAO,GAAY,OAAS,GAAY,CACxC,QAAS,GAAY,SAAW,GAAc,CAC9C,OAAQ,GAAY,QAAU,GAAa,CAC3C,MAAO,GAAY,OAAS,GAAY,CACxC,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,GAAY,OAAS,GAAY,CACzC,CAEA,YACiB,CAIlB,EAAgB,GACb,EAACA,EAAa,QAAA,EAAA,CAAU,CAG3B,GAAe,CAAE,cACd,EAACA,EAAa,OAAA,CAAQ,WAAA,CAA+B,CAGxD,GAAgB,CAAE,cACf,EAACA,EAAa,QAAA,CAAS,WAAA,CAAgC,CAG1D,GAAa,CAAE,cACZ,EAACA,EAAa,KAAA,CAAM,WAAA,CAA6B,CAGpD,GAAc,CAAE,cACb,EAACA,EAAa,MAAA,CAAO,WAAA,CAA8B,CAGtD,MACG,EAACA,EAAa,YAAA,EAAA,CAAc,CAG/B,GAAe,CACnB,WACA,YACA,GAAG,KAGD,EAAC,MAAA,CAAI,UAAW,GAAa,GAAa,CAAE,GAAI,EAC7C,YACG,CAIV,EAAM,KAAO,EACb,EAAU,YAAc,aAExB,EAAM,QAAU,EAChB,EAAa,YAAc,gBAE3B,EAAM,QAAU,EAChB,EAAa,YAAc,gBAE3B,EAAM,OAAS,EACf,EAAY,YAAc,eAE1B,EAAM,KAAO,EACb,EAAU,YAAc,aAExB,EAAM,MAAQ,EACd,EAAW,YAAc,cAEzB,EAAM,YAAc,EACpB,EAAiB,YAAc,oBAE/B,EAAM,OAAS,EACf,EAAY,YAAc"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalContext.mjs","names":[],"sources":["../../../../src/components/overlays/modal/ModalContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\ntype ModalContextValue = {\n onClose: () => void;\n};\n\nconst ModalContext = createContext<ModalContextValue | null>(null);\n\nexport const ModalProvider = ModalContext.Provider;\n\nexport const useModalContext = () => {\n const ctx = useContext(ModalContext);\n\n if (!ctx) {\n throw new Error('Modal components must be used inside <Modal>');\n }\n\n return ctx;\n};\n"],"mappings":"sCAQA,MAAa,EAFQ,EAAwC,KAAK,CAExB"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as react_jsx_runtime41 from "react/jsx-runtime";
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/components/overlays/modals/ModalsProvider.d.ts
|
|
5
|
+
type ModalsProviderProps = {
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
};
|
|
8
|
+
declare const ModalsProvider: ({
|
|
9
|
+
children
|
|
10
|
+
}: ModalsProviderProps) => react_jsx_runtime41.JSX.Element;
|
|
11
|
+
//#endregion
|
|
12
|
+
export { ModalsProvider };
|
|
13
|
+
//# sourceMappingURL=ModalsProvider.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalsProvider.d.mts","names":[],"sources":["../../../../src/components/overlays/modals/ModalsProvider.tsx"],"mappings":";;;;KAGY,mBAAA;EACV,QAAA,EAAU,SAAA;AAAA;AAAA,cAGC,cAAA;EAAkB;AAAA,GAE5B,mBAAA,KAAmB,mBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalsProvider.mjs","names":[],"sources":["../../../../src/components/overlays/modals/ModalsProvider.tsx"],"sourcesContent":["import NiceModal from '@ebay/nice-modal-react';\nimport type { ReactNode } from 'react';\n\nexport type ModalsProviderProps = {\n children: ReactNode;\n};\n\nexport const ModalsProvider = ({\n children,\n}: ModalsProviderProps) => {\n return <NiceModal.Provider>{children}</NiceModal.Provider>;\n};\n"],"mappings":"8EAOA,MAAa,GAAkB,CAC7B,cAEO,EAAC,EAAU,SAAA,CAAU,WAAA,CAA8B"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { ModalComponent } from "../registry/createModal.mjs";
|
|
2
|
+
import { ModalBaseClassNames } from "../base/BaseModal.mjs";
|
|
3
|
+
import "../../index.mjs";
|
|
4
|
+
import { ReactNode } from "react";
|
|
5
|
+
|
|
6
|
+
//#region src/components/overlays/modals/alert/ModalAlert.d.ts
|
|
7
|
+
type ModalAlertClassNames = {
|
|
8
|
+
footer?: string;
|
|
9
|
+
confirmButton?: {
|
|
10
|
+
button?: string;
|
|
11
|
+
root?: string;
|
|
12
|
+
inner?: string;
|
|
13
|
+
label?: string;
|
|
14
|
+
section?: string;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
type ModalAlertPublicProps = {
|
|
18
|
+
centered?: boolean;
|
|
19
|
+
keepMounted?: boolean;
|
|
20
|
+
title: ReactNode;
|
|
21
|
+
content?: ReactNode;
|
|
22
|
+
confirmLabel?: ReactNode;
|
|
23
|
+
intent?: 'info' | 'success' | 'warning' | 'danger';
|
|
24
|
+
onConfirm?: () => void;
|
|
25
|
+
baseClassNames?: ModalBaseClassNames;
|
|
26
|
+
classNames?: ModalAlertClassNames;
|
|
27
|
+
};
|
|
28
|
+
declare const ModalAlert: ModalComponent<ModalAlertPublicProps>;
|
|
29
|
+
//#endregion
|
|
30
|
+
export { ModalAlert, ModalAlertPublicProps };
|
|
31
|
+
//# sourceMappingURL=ModalAlert.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalAlert.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/alert/ModalAlert.tsx"],"mappings":";;;;;;KAuBY,oBAAA;EACV,MAAA;EACA,aAAA;IACE,MAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;EAAA;AAAA;AAAA,KAIQ,qBAAA;EACV,QAAA;EACA,WAAA;EACA,KAAA,EAAO,SAAA;EACP,OAAA,GAAU,SAAA;EACV,YAAA,GAAe,SAAA;EACf,MAAA;EACA,SAAA;EACA,cAAA,GAAiB,mBAAA;EACjB,UAAA,GAAa,oBAAA;AAAA;AAAA,cA8EF,UAAA,EAAU,cAAA,CAAA,qBAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{Button as e}from"../../../buttons/button/Button.mjs";import{Modal as t}from"../../modal/Modal.mjs";import{createModal as n}from"../registry/createModal.mjs";import{BaseModal as r}from"../base/BaseModal.mjs";import{modalAlert as i,modalAlertBody as a,modalAlertButtonConfirm as o,modalAlertButtonConfirmInner as s,modalAlertButtonConfirmLabel as c,modalAlertButtonConfirmRoot as l,modalAlertButtonConfirmSection as u,modalAlertClose as d,modalAlertContent as f,modalAlertFooter as p,modalAlertHeader as m,modalAlertInner as h,modalAlertOverlay as g,modalAlertRoot as _,modalAlertTitle as v}from"@mage-ui/styled-system/recipes";import{jsx as y,jsxs as b}from"react/jsx-runtime";const x=n(({centered:n=!0,keepMounted:x,opened:S,close:C,title:w,content:T,confirmLabel:E=`Ok`,intent:D=`info`,onConfirm:O,baseClassNames:k,classNames:A})=>b(r,{opened:S,onClose:C,intent:D,keepMounted:x,centered:n,classNames:{modal:k?.modal??i(),root:k?.root??_(),overlay:k?.overlay??g(),inner:k?.inner??h(),content:k?.content??f(),header:k?.header??m(),title:k?.title??v(),close:k?.close??d(),body:k?.body??a()},children:[b(t.Header,{children:[y(t.Title,{children:w}),y(t.CloseButton,{})]}),T&&y(t.Body,{children:T}),y(t.Footer,{className:A?.footer??p(),children:y(e,{onClick:()=>{O?.(),C()},classNames:{button:A?.confirmButton?.button??o(),root:A?.confirmButton?.root??l({intent:D}),inner:A?.confirmButton?.inner??s(),label:A?.confirmButton?.label??c(),section:A?.confirmButton?.section??u()},children:E})})]}));export{x as ModalAlert};
|
|
2
|
+
//# sourceMappingURL=ModalAlert.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalAlert.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/alert/ModalAlert.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport { Button } from '@/components/buttons';\nimport { Modal } from '@/components/overlays';\nimport { createModal } from '../registry/createModal';\nimport { BaseModal, type ModalBaseClassNames } from '../base/BaseModal';\nimport {\n modalAlert,\n modalAlertRoot,\n modalAlertOverlay,\n modalAlertInner,\n modalAlertContent,\n modalAlertHeader,\n modalAlertTitle,\n modalAlertBody,\n modalAlertClose,\n modalAlertFooter,\n modalAlertButtonConfirm,\n modalAlertButtonConfirmInner,\n modalAlertButtonConfirmLabel,\n modalAlertButtonConfirmRoot,\n modalAlertButtonConfirmSection,\n} from '@mage-ui/styled-system/recipes';\n\nexport type ModalAlertClassNames = {\n footer?: string;\n confirmButton?: {\n button?: string;\n root?: string;\n inner?: string;\n label?: string;\n section?: string;\n };\n};\n\nexport type ModalAlertPublicProps = {\n centered?: boolean;\n keepMounted?: boolean;\n title: ReactNode;\n content?: ReactNode;\n confirmLabel?: ReactNode;\n intent?: 'info' | 'success' | 'warning' | 'danger';\n onConfirm?: () => void;\n baseClassNames?: ModalBaseClassNames;\n classNames?: ModalAlertClassNames;\n};\n\ntype ModalAlertInternalProps = ModalAlertPublicProps & {\n opened: boolean;\n close: () => void;\n};\n\nconst ModalAlertContent: FC<ModalAlertInternalProps> = ({\n centered = true,\n keepMounted,\n opened,\n close,\n title,\n content,\n confirmLabel = 'Ok',\n intent = 'info',\n onConfirm,\n baseClassNames,\n classNames,\n}) => {\n const handleConfirm = () => {\n onConfirm?.();\n close();\n };\n\n return (\n <BaseModal\n opened={opened}\n onClose={close}\n intent={intent}\n keepMounted={keepMounted}\n centered={centered}\n classNames={{\n modal: baseClassNames?.modal ?? modalAlert(),\n root: baseClassNames?.root ?? modalAlertRoot(),\n overlay: baseClassNames?.overlay ?? modalAlertOverlay(),\n inner: baseClassNames?.inner ?? modalAlertInner(),\n content: baseClassNames?.content ?? modalAlertContent(),\n header: baseClassNames?.header ?? modalAlertHeader(),\n title: baseClassNames?.title ?? modalAlertTitle(),\n close: baseClassNames?.close ?? modalAlertClose(),\n body: baseClassNames?.body ?? modalAlertBody(),\n }}\n >\n <Modal.Header>\n <Modal.Title>{title}</Modal.Title>\n <Modal.CloseButton />\n </Modal.Header>\n\n {content && <Modal.Body>{content}</Modal.Body>}\n\n <Modal.Footer className={classNames?.footer ?? modalAlertFooter()}>\n <Button\n onClick={handleConfirm}\n classNames={{\n button:\n classNames?.confirmButton?.button ?? modalAlertButtonConfirm(),\n root:\n classNames?.confirmButton?.root ?? modalAlertButtonConfirmRoot({ intent }),\n inner:\n classNames?.confirmButton?.inner ??\n modalAlertButtonConfirmInner(),\n label:\n classNames?.confirmButton?.label ??\n modalAlertButtonConfirmLabel(),\n section:\n classNames?.confirmButton?.section ??\n modalAlertButtonConfirmSection(),\n }}\n >\n {confirmLabel}\n </Button>\n </Modal.Footer>\n </BaseModal>\n );\n};\n\nexport const ModalAlert = createModal<ModalAlertPublicProps>(ModalAlertContent);\n"],"mappings":"2qBAyHA,MAAa,EAAa,GAtE8B,CACtD,WAAW,GACX,cACA,SACA,QACA,QACA,UACA,eAAe,KACf,SAAS,OACT,YACA,iBACA,gBAQE,EAAC,EAAA,CACS,SACR,QAAS,EACD,SACK,cACH,WACV,WAAY,CACV,MAAO,GAAgB,OAAS,GAAY,CAC5C,KAAM,GAAgB,MAAQ,GAAgB,CAC9C,QAAS,GAAgB,SAAW,GAAmB,CACvD,MAAO,GAAgB,OAAS,GAAiB,CACjD,QAAS,GAAgB,SAAW,GAAmB,CACvD,OAAQ,GAAgB,QAAU,GAAkB,CACpD,MAAO,GAAgB,OAAS,GAAiB,CACjD,MAAO,GAAgB,OAAS,GAAiB,CACjD,KAAM,GAAgB,MAAQ,GAAgB,CAC/C,WAED,EAAC,EAAM,OAAA,CAAA,SAAA,CACL,EAAC,EAAM,MAAA,CAAA,SAAO,EAAA,CAAoB,CAClC,EAAC,EAAM,YAAA,EAAA,CAAc,CAAA,CAAA,CACR,CAEd,GAAW,EAAC,EAAM,KAAA,CAAA,SAAM,EAAA,CAAqB,CAE9C,EAAC,EAAM,OAAA,CAAO,UAAW,GAAY,QAAU,GAAkB,UAC/D,EAAC,EAAA,CACC,YAjCoB,CAC1B,KAAa,CACb,GAAO,EAgCD,WAAY,CACV,OACE,GAAY,eAAe,QAAU,GAAyB,CAChE,KACE,GAAY,eAAe,MAAQ,EAA4B,CAAE,SAAQ,CAAC,CAC5E,MACE,GAAY,eAAe,OAC3B,GAA8B,CAChC,MACE,GAAY,eAAe,OAC3B,GAA8B,CAChC,QACE,GAAY,eAAe,SAC3B,GAAgC,CACnC,UAEA,GACM,EACI,GACL,CAI+D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/alert/alert.ts"],"mappings":";;;cAEa,KAAA,GACX,KAAA,EAAO,qBAAA,KACN,OAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/alert/alert.ts"],"sourcesContent":["import { ModalAlert, type ModalAlertPublicProps } from './ModalAlert';\n\nexport const alert = (\n props: ModalAlertPublicProps,\n): Promise<void> => {\n return new Promise((resolve) => {\n ModalAlert.open({\n ...props,\n onConfirm: () => {\n props.onConfirm?.();\n resolve();\n },\n });\n });\n};\n"],"mappings":"8CAEA,MAAa,EACX,GAEO,IAAI,QAAS,GAAY,CAC9B,EAAW,KAAK,CACd,GAAG,EACH,cAAiB,CACf,EAAM,aAAa,CACnB,GAAS,EAEZ,CAAC,EACF"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ModalAlertPublicProps } from "./ModalAlert.mjs";
|
|
2
|
+
|
|
3
|
+
//#region src/components/overlays/modals/alert/alertById.d.ts
|
|
4
|
+
declare const alertById: (id: string, props: ModalAlertPublicProps) => Promise<void>;
|
|
5
|
+
//#endregion
|
|
6
|
+
export { alertById };
|
|
7
|
+
//# sourceMappingURL=alertById.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alertById.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/alert/alertById.ts"],"mappings":";;;cAGa,SAAA,GACX,EAAA,UACA,KAAA,EAAO,qBAAA,KACN,OAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alertById.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/alert/alertById.ts"],"sourcesContent":["import { openModalById } from '../registry/openModalById';\nimport type { ModalAlertPublicProps } from './ModalAlert';\n\nexport const alertById = (\n id: string,\n props: ModalAlertPublicProps,\n): Promise<void> => {\n return new Promise((resolve) => {\n openModalById(id, {\n ...props,\n onConfirm: () => {\n props.onConfirm?.();\n resolve();\n },\n });\n });\n};\n"],"mappings":"8DAGA,MAAa,GACX,EACA,IAEO,IAAI,QAAS,GAAY,CAC9B,EAAc,EAAI,CAChB,GAAG,EACH,cAAiB,CACf,EAAM,aAAa,CACnB,GAAS,EAEZ,CAAC,EACF"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
//#region src/components/overlays/modals/base/BaseModal.d.ts
|
|
4
|
+
type ModalBaseClassNames = {
|
|
5
|
+
modal?: string;
|
|
6
|
+
root?: string;
|
|
7
|
+
overlay?: string;
|
|
8
|
+
inner?: string;
|
|
9
|
+
content?: string;
|
|
10
|
+
header?: string;
|
|
11
|
+
title?: string;
|
|
12
|
+
close?: string;
|
|
13
|
+
body?: string;
|
|
14
|
+
};
|
|
15
|
+
//#endregion
|
|
16
|
+
export { ModalBaseClassNames };
|
|
17
|
+
//# sourceMappingURL=BaseModal.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseModal.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/base/BaseModal.tsx"],"mappings":";;;KAEY,mBAAA;EACV,KAAA;EACA,IAAA;EACA,OAAA;EACA,KAAA;EACA,OAAA;EACA,MAAA;EACA,KAAA;EACA,KAAA;EACA,IAAA;AAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{Modal as e}from"../../modal/Modal.mjs";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r=({opened:r,onClose:i,centered:a=!0,keepMounted:o,intent:s,classNames:c,children:l})=>n(e.Root,{opened:r,onClose:i,centered:a,intent:s,classNames:c,keepMounted:o,children:[t(e.Overlay,{}),t(e.Content,{children:l})]});export{r as BaseModal};
|
|
2
|
+
//# sourceMappingURL=BaseModal.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseModal.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/base/BaseModal.tsx"],"sourcesContent":["import { Modal } from '@/components/overlays';\n\nexport type ModalBaseClassNames = {\n modal?: string;\n root?: string;\n overlay?: string;\n inner?: string;\n content?: string;\n header?: string;\n title?: string;\n close?: string;\n body?: string;\n};\n\nexport type BaseModalProps = {\n opened: boolean;\n onClose: () => void;\n centered?: boolean;\n keepMounted?: boolean;\n intent?: 'default' | 'success' | 'warning' | 'danger' | 'info';\n classNames?: ModalBaseClassNames;\n children: React.ReactNode;\n};\n\nexport const BaseModal = ({\n opened,\n onClose,\n centered = true,\n keepMounted,\n intent,\n classNames,\n children,\n}: BaseModalProps) => (\n <Modal.Root\n opened={opened}\n onClose={onClose}\n centered={centered}\n intent={intent}\n classNames={classNames}\n keepMounted={keepMounted}\n >\n <Modal.Overlay />\n <Modal.Content>{children}</Modal.Content>\n </Modal.Root>\n);\n"],"mappings":"gGAwBA,MAAa,GAAa,CACxB,SACA,UACA,WAAW,GACX,cACA,SACA,aACA,cAEA,EAAC,EAAM,KAAA,CACG,SACC,UACC,WACF,SACI,aACC,wBAEb,EAAC,EAAM,QAAA,EAAA,CAAU,CACjB,EAAC,EAAM,QAAA,CAAS,WAAA,CAAyB,CAAA,EAC9B"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { ModalComponent } from "../registry/createModal.mjs";
|
|
2
|
+
import { ModalBaseClassNames } from "../base/BaseModal.mjs";
|
|
3
|
+
import "../../index.mjs";
|
|
4
|
+
import { ReactNode } from "react";
|
|
5
|
+
|
|
6
|
+
//#region src/components/overlays/modals/confirm/ModalConfirm.d.ts
|
|
7
|
+
type ModalConfirmClassNames = {
|
|
8
|
+
footer?: string;
|
|
9
|
+
confirmButton?: {
|
|
10
|
+
button?: string;
|
|
11
|
+
root?: string;
|
|
12
|
+
inner?: string;
|
|
13
|
+
label?: string;
|
|
14
|
+
section?: string;
|
|
15
|
+
};
|
|
16
|
+
cancelButton?: {
|
|
17
|
+
button?: string;
|
|
18
|
+
root?: string;
|
|
19
|
+
inner?: string;
|
|
20
|
+
label?: string;
|
|
21
|
+
section?: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
type ModalConfirmPublicProps = {
|
|
25
|
+
centered?: boolean;
|
|
26
|
+
keepMounted?: boolean;
|
|
27
|
+
title: ReactNode;
|
|
28
|
+
content?: ReactNode;
|
|
29
|
+
confirmLabel?: ReactNode;
|
|
30
|
+
cancelLabel?: ReactNode;
|
|
31
|
+
intent?: 'default' | 'danger';
|
|
32
|
+
onConfirm?: () => void;
|
|
33
|
+
onCancel?: () => void;
|
|
34
|
+
baseClassNames?: ModalBaseClassNames;
|
|
35
|
+
classNames?: ModalConfirmClassNames;
|
|
36
|
+
};
|
|
37
|
+
declare const ModalConfirm: ModalComponent<ModalConfirmPublicProps>;
|
|
38
|
+
//#endregion
|
|
39
|
+
export { ModalConfirm, ModalConfirmPublicProps };
|
|
40
|
+
//# sourceMappingURL=ModalConfirm.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalConfirm.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/confirm/ModalConfirm.tsx"],"mappings":";;;;;;KA4BY,sBAAA;EACV,MAAA;EACA,aAAA;IACE,MAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;EAAA;EAEF,YAAA;IACE,MAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;EAAA;AAAA;AAAA,KAIQ,uBAAA;EACV,QAAA;EACA,WAAA;EACA,KAAA,EAAO,SAAA;EACP,OAAA,GAAU,SAAA;EACV,YAAA,GAAe,SAAA;EACf,WAAA,GAAc,SAAA;EACd,MAAA;EACA,SAAA;EACA,QAAA;EACA,cAAA,GAAiB,mBAAA;EACjB,UAAA,GAAa,sBAAA;AAAA;AAAA,cA2GF,YAAA,EAAY,cAAA,CAAA,uBAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{Button as e}from"../../../buttons/button/Button.mjs";import{Modal as t}from"../../modal/Modal.mjs";import{createModal as n}from"../registry/createModal.mjs";import{BaseModal as r}from"../base/BaseModal.mjs";import{modalConfirm as i,modalConfirmBody as a,modalConfirmButtonCancel as o,modalConfirmButtonCancelInner as s,modalConfirmButtonCancelLabel as c,modalConfirmButtonCancelRoot as l,modalConfirmButtonCancelSection as u,modalConfirmButtonConfirm as d,modalConfirmButtonConfirmInner as f,modalConfirmButtonConfirmLabel as p,modalConfirmButtonConfirmRoot as m,modalConfirmButtonConfirmSection as h,modalConfirmClose as g,modalConfirmContent as _,modalConfirmFooter as v,modalConfirmHeader as y,modalConfirmInner as b,modalConfirmOverlay as x,modalConfirmRoot as S,modalConfirmTitle as C}from"@mage-ui/styled-system/recipes";import{jsx as w,jsxs as T}from"react/jsx-runtime";const E=n(({centered:n=!0,keepMounted:E,opened:D,close:O,title:k,content:A,confirmLabel:j=`Confirm`,cancelLabel:M=`Cancel`,intent:N=`default`,onConfirm:P,onCancel:F,baseClassNames:I,classNames:L})=>T(r,{opened:D,onClose:O,intent:N,keepMounted:E,centered:n,classNames:{modal:I?.modal??i(),root:I?.root??S(),overlay:I?.overlay??x(),inner:I?.inner??b(),content:I?.content??_(),header:I?.header??y(),title:I?.title??C(),close:I?.close??g(),body:I?.body??a()},children:[T(t.Header,{children:[w(t.Title,{children:k}),w(t.CloseButton,{})]}),A&&w(t.Body,{children:A}),T(t.Footer,{className:L?.footer??v(),children:[w(e,{onClick:()=>{F?.(),O()},classNames:{button:L?.cancelButton?.button??o(),root:L?.cancelButton?.root??l(),inner:L?.cancelButton?.inner??s(),label:L?.cancelButton?.label??c(),section:L?.cancelButton?.section??u()},children:M}),w(e,{onClick:()=>{P?.(),O()},classNames:{button:L?.confirmButton?.button??d(),root:L?.confirmButton?.root??m({intent:N}),inner:L?.confirmButton?.inner??f(),label:L?.confirmButton?.label??p(),section:L?.confirmButton?.section??h()},children:j})]})]}));export{E as ModalConfirm};
|
|
2
|
+
//# sourceMappingURL=ModalConfirm.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalConfirm.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/confirm/ModalConfirm.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport { Button } from '@/components/buttons';\nimport { Modal } from '@/components/overlays';\nimport { createModal } from '../registry/createModal';\nimport { BaseModal, type ModalBaseClassNames } from '../base/BaseModal';\nimport {\n modalConfirm,\n modalConfirmRoot,\n modalConfirmOverlay,\n modalConfirmInner,\n modalConfirmContent,\n modalConfirmHeader,\n modalConfirmTitle,\n modalConfirmBody,\n modalConfirmClose,\n modalConfirmFooter,\n modalConfirmButtonCancel,\n modalConfirmButtonCancelInner,\n modalConfirmButtonCancelLabel,\n modalConfirmButtonCancelRoot,\n modalConfirmButtonCancelSection,\n modalConfirmButtonConfirm,\n modalConfirmButtonConfirmInner,\n modalConfirmButtonConfirmLabel,\n modalConfirmButtonConfirmRoot,\n modalConfirmButtonConfirmSection,\n} from '@mage-ui/styled-system/recipes';\n\nexport type ModalConfirmClassNames = {\n footer?: string;\n confirmButton?: {\n button?: string;\n root?: string;\n inner?: string;\n label?: string;\n section?: string;\n };\n cancelButton?: {\n button?: string;\n root?: string;\n inner?: string;\n label?: string;\n section?: string;\n };\n};\n\nexport type ModalConfirmPublicProps = {\n centered?: boolean;\n keepMounted?: boolean;\n title: ReactNode;\n content?: ReactNode;\n confirmLabel?: ReactNode;\n cancelLabel?: ReactNode;\n intent?: 'default' | 'danger';\n onConfirm?: () => void;\n onCancel?: () => void;\n baseClassNames?: ModalBaseClassNames;\n classNames?: ModalConfirmClassNames;\n};\n\ntype ModalConfirmInternalProps = ModalConfirmPublicProps & {\n opened: boolean;\n close: () => void;\n};\n\nconst ModalConfirmContent: FC<ModalConfirmInternalProps> = ({\n centered = true,\n keepMounted,\n opened,\n close,\n title,\n content,\n confirmLabel = 'Confirm',\n cancelLabel = 'Cancel',\n intent = 'default',\n onConfirm,\n onCancel,\n baseClassNames,\n classNames,\n}) => {\n const handleConfirm = () => {\n onConfirm?.();\n close();\n };\n\n const handleCancel = () => {\n onCancel?.();\n close();\n };\n\n return (\n <BaseModal\n opened={opened}\n onClose={close}\n intent={intent}\n keepMounted={keepMounted}\n centered={centered}\n classNames={{\n modal: baseClassNames?.modal ?? modalConfirm(),\n root: baseClassNames?.root ?? modalConfirmRoot(),\n overlay: baseClassNames?.overlay ?? modalConfirmOverlay(),\n inner: baseClassNames?.inner ?? modalConfirmInner(),\n content: baseClassNames?.content ?? modalConfirmContent(),\n header: baseClassNames?.header ?? modalConfirmHeader(),\n title: baseClassNames?.title ?? modalConfirmTitle(),\n close: baseClassNames?.close ?? modalConfirmClose(),\n body: baseClassNames?.body ?? modalConfirmBody(),\n }}\n >\n <Modal.Header>\n <Modal.Title>{title}</Modal.Title>\n <Modal.CloseButton />\n </Modal.Header>\n\n {content && <Modal.Body>{content}</Modal.Body>}\n\n <Modal.Footer className={classNames?.footer ?? modalConfirmFooter()}>\n <Button\n onClick={handleCancel}\n classNames={{\n button:\n classNames?.cancelButton?.button ?? modalConfirmButtonCancel(),\n root:\n classNames?.cancelButton?.root ?? modalConfirmButtonCancelRoot(),\n inner:\n classNames?.cancelButton?.inner ??\n modalConfirmButtonCancelInner(),\n label:\n classNames?.cancelButton?.label ??\n modalConfirmButtonCancelLabel(),\n section:\n classNames?.cancelButton?.section ??\n modalConfirmButtonCancelSection(),\n }}\n >\n {cancelLabel}\n </Button>\n\n <Button\n onClick={handleConfirm}\n classNames={{\n button:\n classNames?.confirmButton?.button ?? modalConfirmButtonConfirm(),\n root:\n classNames?.confirmButton?.root ??\n modalConfirmButtonConfirmRoot({ intent }),\n inner:\n classNames?.confirmButton?.inner ??\n modalConfirmButtonConfirmInner(),\n label:\n classNames?.confirmButton?.label ??\n modalConfirmButtonConfirmLabel(),\n section:\n classNames?.confirmButton?.section ??\n modalConfirmButtonConfirmSection(),\n }}\n >\n {confirmLabel}\n </Button>\n </Modal.Footer>\n </BaseModal>\n );\n};\n\nexport const ModalConfirm =\n createModal<ModalConfirmPublicProps>(ModalConfirmContent);\n"],"mappings":"o3BAoKA,MAAa,EACX,GApG0D,CAC1D,WAAW,GACX,cACA,SACA,QACA,QACA,UACA,eAAe,UACf,cAAc,SACd,SAAS,UACT,YACA,WACA,iBACA,gBAaE,EAAC,EAAA,CACS,SACR,QAAS,EACD,SACK,cACH,WACV,WAAY,CACV,MAAO,GAAgB,OAAS,GAAc,CAC9C,KAAM,GAAgB,MAAQ,GAAkB,CAChD,QAAS,GAAgB,SAAW,GAAqB,CACzD,MAAO,GAAgB,OAAS,GAAmB,CACnD,QAAS,GAAgB,SAAW,GAAqB,CACzD,OAAQ,GAAgB,QAAU,GAAoB,CACtD,MAAO,GAAgB,OAAS,GAAmB,CACnD,MAAO,GAAgB,OAAS,GAAmB,CACnD,KAAM,GAAgB,MAAQ,GAAkB,CACjD,WAED,EAAC,EAAM,OAAA,CAAA,SAAA,CACL,EAAC,EAAM,MAAA,CAAA,SAAO,EAAA,CAAoB,CAClC,EAAC,EAAM,YAAA,EAAA,CAAc,CAAA,CAAA,CACR,CAEd,GAAW,EAAC,EAAM,KAAA,CAAA,SAAM,EAAA,CAAqB,CAE9C,EAAC,EAAM,OAAA,CAAO,UAAW,GAAY,QAAU,GAAoB,WACjE,EAAC,EAAA,CACC,YAjCmB,CACzB,KAAY,CACZ,GAAO,EAgCD,WAAY,CACV,OACE,GAAY,cAAc,QAAU,GAA0B,CAChE,KACE,GAAY,cAAc,MAAQ,GAA8B,CAClE,MACE,GAAY,cAAc,OAC1B,GAA+B,CACjC,MACE,GAAY,cAAc,OAC1B,GAA+B,CACjC,QACE,GAAY,cAAc,SAC1B,GAAiC,CACpC,UAEA,GACM,CAET,EAAC,EAAA,CACC,YA3DoB,CAC1B,KAAa,CACb,GAAO,EA0DD,WAAY,CACV,OACE,GAAY,eAAe,QAAU,GAA2B,CAClE,KACE,GAAY,eAAe,MAC3B,EAA8B,CAAE,SAAQ,CAAC,CAC3C,MACE,GAAY,eAAe,OAC3B,GAAgC,CAClC,MACE,GAAY,eAAe,OAC3B,GAAgC,CAClC,QACE,GAAY,eAAe,SAC3B,GAAkC,CACrC,UAEA,GACM,CAAA,EACI,GACL,CAK2C"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ModalConfirmPublicProps } from "./ModalConfirm.mjs";
|
|
2
|
+
|
|
3
|
+
//#region src/components/overlays/modals/confirm/confirm.d.ts
|
|
4
|
+
declare const confirm: (props: ModalConfirmPublicProps) => Promise<boolean>;
|
|
5
|
+
//#endregion
|
|
6
|
+
export { confirm };
|
|
7
|
+
//# sourceMappingURL=confirm.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"confirm.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/confirm/confirm.ts"],"mappings":";;;cAEa,OAAA,GACX,KAAA,EAAO,uBAAA,KACN,OAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"confirm.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/confirm/confirm.ts"],"sourcesContent":["import { ModalConfirm, type ModalConfirmPublicProps } from './ModalConfirm';\n\nexport const confirm = (\n props: ModalConfirmPublicProps,\n): Promise<boolean> => {\n return new Promise((resolve) => {\n ModalConfirm.open({\n ...props,\n onConfirm: () => {\n props.onConfirm?.();\n resolve(true);\n },\n onCancel: () => {\n props.onCancel?.();\n resolve(false);\n },\n });\n });\n};\n"],"mappings":"kDAEA,MAAa,EACX,GAEO,IAAI,QAAS,GAAY,CAC9B,EAAa,KAAK,CAChB,GAAG,EACH,cAAiB,CACf,EAAM,aAAa,CACnB,EAAQ,GAAK,EAEf,aAAgB,CACd,EAAM,YAAY,CAClB,EAAQ,GAAM,EAEjB,CAAC,EACF"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ModalConfirmPublicProps } from "./ModalConfirm.mjs";
|
|
2
|
+
|
|
3
|
+
//#region src/components/overlays/modals/confirm/confirmById.d.ts
|
|
4
|
+
declare const confirmById: (id: string, props: ModalConfirmPublicProps) => Promise<boolean>;
|
|
5
|
+
//#endregion
|
|
6
|
+
export { confirmById };
|
|
7
|
+
//# sourceMappingURL=confirmById.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"confirmById.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/confirm/confirmById.ts"],"mappings":";;;cAGa,WAAA,GACX,EAAA,UACA,KAAA,EAAO,uBAAA,KACN,OAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"confirmById.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/confirm/confirmById.ts"],"sourcesContent":["import { openModalById } from '../registry/openModalById';\nimport type { ModalConfirmPublicProps } from './ModalConfirm';\n\nexport const confirmById = (\n id: string,\n props: ModalConfirmPublicProps,\n): Promise<boolean> => {\n return new Promise((resolve) => {\n openModalById(id, {\n ...props,\n onConfirm: () => {\n props.onConfirm?.();\n resolve(true);\n },\n onCancel: () => {\n props.onCancel?.();\n resolve(false);\n },\n });\n });\n};\n"],"mappings":"8DAGA,MAAa,GACX,EACA,IAEO,IAAI,QAAS,GAAY,CAC9B,EAAc,EAAI,CAChB,GAAG,EACH,cAAiB,CACf,EAAM,aAAa,CACnB,EAAQ,GAAK,EAEf,aAAgB,CACd,EAAM,YAAY,CAClB,EAAQ,GAAM,EAEjB,CAAC,EACF"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ComponentType } from "react";
|
|
2
|
+
|
|
3
|
+
//#region src/components/overlays/modals/registry/createModal.d.ts
|
|
4
|
+
type ModalInternalProps = {
|
|
5
|
+
opened: boolean;
|
|
6
|
+
close: () => void;
|
|
7
|
+
};
|
|
8
|
+
type ModalComponent<P> = ComponentType<P> & {
|
|
9
|
+
open: (props: P) => Promise<unknown>;
|
|
10
|
+
close: () => void;
|
|
11
|
+
};
|
|
12
|
+
declare const createModal: <P extends object>(Component: ComponentType<P & ModalInternalProps>) => ModalComponent<P>;
|
|
13
|
+
//#endregion
|
|
14
|
+
export { ModalComponent, createModal };
|
|
15
|
+
//# sourceMappingURL=createModal.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createModal.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/registry/createModal.tsx"],"mappings":";;;KAGY,kBAAA;EACV,MAAA;EACA,KAAA;AAAA;AAAA,KAGU,cAAA,MAAoB,aAAA,CAAc,CAAA;EAC5C,IAAA,GAAO,KAAA,EAAO,CAAA,KAAM,OAAA;EACpB,KAAA;AAAA;AAAA,cAGW,WAAA,qBACX,SAAA,EAAW,aAAA,CAAc,CAAA,GAAI,kBAAA,MAC5B,cAAA,CAAe,CAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import t,{useModal as n}from"@ebay/nice-modal-react";const r=r=>{let i=t.create(t=>{let i=n();return e(r,{...t,close:i.hide,opened:i.visible})}),a=i;return a.open=e=>t.show(i,e),a.close=()=>t.hide(i),a};export{r as createModal};
|
|
2
|
+
//# sourceMappingURL=createModal.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createModal.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/registry/createModal.tsx"],"sourcesContent":["import NiceModal, { useModal } from '@ebay/nice-modal-react';\nimport type { ComponentType, FC } from 'react';\n\nexport type ModalInternalProps = {\n opened: boolean;\n close: () => void;\n};\n\nexport type ModalComponent<P> = ComponentType<P> & {\n open: (props: P) => Promise<unknown>;\n close: () => void;\n};\n\nexport const createModal = <P extends object>(\n Component: ComponentType<P & ModalInternalProps>,\n): ModalComponent<P> => {\n \n const ModalContainer: FC<P> = (props) => {\n const modal = useModal();\n\n return (\n <Component\n {...props}\n close={modal.hide}\n opened={modal.visible}\n />\n );\n };\n\n const RegisteredModal = NiceModal.create(ModalContainer);\n\n const PublicModal = RegisteredModal as ModalComponent<P>;\n\n PublicModal.open = (props: P) => {\n return NiceModal.show(RegisteredModal, props);\n };\n\n PublicModal.close = () => {\n return NiceModal.hide(RegisteredModal);\n };\n\n return PublicModal;\n};\n"],"mappings":"6FAaA,MAAa,EACX,GACsB,CActB,IAAM,EAAkB,EAAU,OAZH,GAAU,CACvC,IAAM,EAAQ,GAAU,CAExB,OACE,EAAC,EAAA,CACC,GAAI,EACJ,MAAO,EAAM,KACb,OAAQ,EAAM,SACd,EAIkD,CAElD,EAAc,EAUpB,MARA,GAAY,KAAQ,GACX,EAAU,KAAK,EAAiB,EAAM,CAG/C,EAAY,UACH,EAAU,KAAK,EAAgB,CAGjC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"openModalById.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/registry/openModalById.ts"],"mappings":";cAEa,aAAA,qBACX,EAAA,UACA,KAAA,EAAO,CAAA,KAAC,OAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"openModalById.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/registry/openModalById.ts"],"sourcesContent":["import NiceModal from '@ebay/nice-modal-react';\n\nexport const openModalById = <P extends object>(\n id: string,\n props: P,\n) => {\n return NiceModal.show(id, props);\n};\n"],"mappings":"sCAEA,MAAa,GACX,EACA,IAEO,EAAU,KAAK,EAAI,EAAM"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ModalComponent } from "./createModal.mjs";
|
|
2
|
+
|
|
3
|
+
//#region src/components/overlays/modals/registry/registerModal.d.ts
|
|
4
|
+
declare const registerModal: <P extends object>(id: string, modal: ModalComponent<P>) => void;
|
|
5
|
+
//#endregion
|
|
6
|
+
export { registerModal };
|
|
7
|
+
//# sourceMappingURL=registerModal.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerModal.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/registry/registerModal.ts"],"mappings":";;;cAIa,aAAA,qBACX,EAAA,UACA,KAAA,EAAO,cAAA,CAAe,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerModal.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/registry/registerModal.ts"],"sourcesContent":["import NiceModal, { unregister } from '@ebay/nice-modal-react';\nimport type { ModalComponent } from './createModal';\nimport type { FC } from 'react';\n\nexport const registerModal = <P extends object>(\n id: string,\n modal: ModalComponent<P>,\n) => {\n unregister(id);\n NiceModal.register(id, modal as unknown as FC<P>);\n};\n"],"mappings":"uDAIA,MAAa,GACX,EACA,IACG,CACH,EAAW,EAAG,CACd,EAAU,SAAS,EAAI,EAA0B"}
|
package/dist/components/{data-display/tooltip/Tooltip.d.ts → overlays/tooltip/Tooltip.d.mts}
RENAMED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime31 from "react/jsx-runtime";
|
|
2
2
|
import { ReactNode } from "react";
|
|
3
3
|
|
|
4
|
-
//#region src/components/
|
|
4
|
+
//#region src/components/overlays/tooltip/Tooltip.d.ts
|
|
5
5
|
type TooltipProps = {
|
|
6
6
|
children?: ReactNode;
|
|
7
7
|
label: ReactNode;
|
|
@@ -12,16 +12,30 @@ type TooltipProps = {
|
|
|
12
12
|
multiline?: boolean;
|
|
13
13
|
disabled?: boolean;
|
|
14
14
|
target?: string;
|
|
15
|
+
withArrow?: boolean;
|
|
16
|
+
keepMounted?: boolean;
|
|
17
|
+
withinPortal?: boolean;
|
|
15
18
|
classNames?: {
|
|
19
|
+
root?: string;
|
|
16
20
|
tooltip?: string;
|
|
17
21
|
arrow?: string;
|
|
18
22
|
};
|
|
19
23
|
};
|
|
20
24
|
declare const Tooltip: ({
|
|
21
25
|
children,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
26
|
+
label,
|
|
27
|
+
offset,
|
|
28
|
+
id,
|
|
29
|
+
position,
|
|
30
|
+
inline,
|
|
31
|
+
multiline,
|
|
32
|
+
disabled,
|
|
33
|
+
target,
|
|
34
|
+
withArrow,
|
|
35
|
+
keepMounted,
|
|
36
|
+
withinPortal,
|
|
37
|
+
classNames
|
|
38
|
+
}: TooltipProps) => react_jsx_runtime31.JSX.Element;
|
|
25
39
|
//#endregion
|
|
26
40
|
export { Tooltip, TooltipProps };
|
|
27
|
-
//# sourceMappingURL=Tooltip.d.
|
|
41
|
+
//# sourceMappingURL=Tooltip.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.d.mts","names":[],"sources":["../../../../src/components/overlays/tooltip/Tooltip.tsx"],"mappings":";;;;KAMY,YAAA;EACV,QAAA,GAAW,SAAA;EACX,KAAA,EAAO,SAAA;EACP,MAAA;EACA,EAAA;EACA,QAAA;EAaA,MAAA;EACA,SAAA;EACA,QAAA;EACA,MAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;IACE,IAAA;IACA,OAAA;IACA,KAAA;EAAA;AAAA;AAAA,cAIS,OAAA;EACX,QAAA;EAAA,KAAA;EAAA,MAAA;EAAA,EAAA;EAAA,QAAA;EAAA,MAAA;EAAA,SAAA;EAAA,QAAA;EAAA,MAAA;EAAA,SAAA;EAAA,WAAA;EAAA,YAAA;EAAA;AAAA,GAcG,YAAA,KAAY,mBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{cx as e}from"@mage-ui/styled-system/css";import{tooltip as t,tooltipArrow as n,tooltipRoot as r}from"@mage-ui/styled-system/recipes";import{Tooltip as i}from"@mantine/core";import{jsx as a}from"react/jsx-runtime";const o=({children:o,label:s,offset:c,id:l,position:u,inline:d,multiline:f,disabled:p,target:m,withArrow:h,keepMounted:g,withinPortal:_,classNames:v})=>a(i,{label:s,offset:c,id:l,position:u,inline:d,multiline:f,disabled:p,target:m,withArrow:h,keepMounted:g,withinPortal:_,classNames:{tooltip:e(v?.tooltip??t(),v?.root??r()),arrow:v?.arrow??n()},children:o});export{o as Tooltip};
|
|
2
|
+
//# sourceMappingURL=Tooltip.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.mjs","names":["Tooltip","MantineTooltip"],"sources":["../../../../src/components/overlays/tooltip/Tooltip.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { tooltip, tooltipArrow, tooltipRoot } from '@mage-ui/styled-system/recipes';\nimport { Tooltip as MantineTooltip } from '@mantine/core';\n\nexport type TooltipProps = {\n children?: ReactNode;\n label: ReactNode;\n offset?: number;\n id?: string;\n position?:\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'left'\n | 'left-start'\n | 'left-end';\n inline?: boolean;\n multiline?: boolean;\n disabled?: boolean;\n target?: string;\n withArrow?: boolean;\n keepMounted?: boolean;\n withinPortal?: boolean;\n classNames?: {\n root?: string;\n tooltip?: string;\n arrow?: string;\n };\n};\n\nexport const Tooltip = (\n { \n children, \n label, \n offset, \n id, \n position, \n inline, \n multiline, \n disabled, \n target, \n withArrow,\n keepMounted,\n withinPortal,\n classNames\n }: TooltipProps) => {\n return (\n <MantineTooltip\n label={label}\n offset={offset}\n id={id}\n position={position}\n inline={inline}\n multiline={multiline}\n disabled={disabled}\n target={target}\n withArrow={withArrow}\n keepMounted={keepMounted}\n withinPortal={withinPortal}\n classNames={{\n tooltip: cx(classNames?.tooltip ?? tooltip(), classNames?.root ?? tooltipRoot()),\n arrow: classNames?.arrow ?? tooltipArrow(),\n }}\n >\n {children}\n </MantineTooltip>\n );\n};"],"mappings":"4NAsCA,MAAaA,GACX,CACE,WACA,QACA,SACA,KACA,WACA,SACA,YACA,WACA,SACA,YACA,cACA,eACA,gBAGA,EAACC,EAAAA,CACQ,QACC,SACJ,KACM,WACF,SACG,YACD,WACF,SACG,YACE,cACC,eACd,WAAY,CACV,QAAS,EAAG,GAAY,SAAW,GAAS,CAAE,GAAY,MAAQ,GAAa,CAAC,CAChF,MAAO,GAAY,OAAS,GAAc,CAC3C,CAEA,YACc"}
|