@festo-ui/react 9.0.0-dev.713 → 9.0.0-dev.715
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/README.md +23 -0
- package/dist/components/accordion/Accordion.css +4 -0
- package/dist/components/accordion/Accordion.d.ts +10 -0
- package/dist/components/accordion/Accordion.js +41 -0
- package/{lib → dist}/components/accordion/AccordionContext.d.ts +2 -2
- package/dist/components/accordion/AccordionContext.js +3 -0
- package/dist/components/accordion/accordion-header/AccordionHeader.css +11 -0
- package/dist/components/accordion/accordion-header/AccordionHeader.d.ts +2 -0
- package/dist/components/accordion/accordion-header/AccordionHeader.js +11 -0
- package/dist/components/accordion/accordion-item/AccordionItem.css +64 -0
- package/dist/components/accordion/accordion-item/AccordionItem.d.ts +8 -0
- package/dist/components/accordion/accordion-item/AccordionItem.js +60 -0
- package/{lib → dist}/components/accordion/accordion-item/AccordionItemContext.d.ts +2 -2
- package/dist/components/accordion/accordion-item/AccordionItemContext.js +3 -0
- package/dist/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.css +76 -0
- package/dist/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.d.ts +2 -0
- package/dist/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.js +61 -0
- package/dist/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.css +11 -0
- package/dist/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.d.ts +2 -0
- package/dist/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.js +20 -0
- package/dist/components/bottom-sheet/BottomSheet.css +18 -0
- package/dist/components/bottom-sheet/BottomSheet.d.ts +12 -0
- package/dist/components/bottom-sheet/BottomSheet.js +101 -0
- package/{lib → dist}/components/breadcrumb/Breadcrumb.d.ts +3 -4
- package/dist/components/breadcrumb/Breadcrumb.js +32 -0
- package/dist/components/button/Button.d.ts +11 -0
- package/dist/components/button/Button.js +36 -0
- package/dist/components/card/Card.d.ts +4 -0
- package/dist/components/card/Card.js +9 -0
- package/dist/components/card/CardBody.d.ts +5 -0
- package/dist/components/card/CardBody.js +15 -0
- package/dist/components/card/CardHeader.d.ts +8 -0
- package/dist/components/card/CardHeader.js +31 -0
- package/dist/components/card/CardHeader.stories.helper.js +7 -0
- package/dist/components/card/CardNotification.d.ts +6 -0
- package/dist/components/card/CardNotification.js +26 -0
- package/dist/components/chips/chip/Chip.d.ts +17 -0
- package/dist/components/chips/chip/Chip.js +38 -0
- package/dist/components/chips/chip-container/ChipContainer.d.ts +5 -0
- package/dist/components/chips/chip-container/ChipContainer.js +12 -0
- package/{lib → dist}/components/icon-wrapper/IconWrapper.d.ts +1 -1
- package/dist/components/icon-wrapper/IconWrapper.js +13 -0
- package/dist/components/link-button/LinkButton.d.ts +8 -0
- package/dist/components/link-button/LinkButton.js +26 -0
- package/dist/components/loading-indicator/LoadingIndicator.d.ts +5 -0
- package/dist/components/loading-indicator/LoadingIndicator.js +41 -0
- package/dist/components/mobile-flyout/MobileFlyout.d.ts +11 -0
- package/dist/components/mobile-flyout/MobileFlyout.js +88 -0
- package/{lib → dist}/components/mobile-flyout/MobileFlyoutContext.d.ts +2 -2
- package/dist/components/mobile-flyout/MobileFlyoutContext.js +3 -0
- package/dist/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.d.ts +17 -0
- package/dist/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.js +36 -0
- package/dist/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.css +5 -0
- package/dist/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.d.ts +8 -0
- package/dist/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.js +35 -0
- package/dist/components/modals/AlertModal.d.ts +12 -0
- package/dist/components/modals/AlertModal.js +53 -0
- package/dist/components/modals/ConfirmModal.d.ts +11 -0
- package/dist/components/modals/ConfirmModal.js +46 -0
- package/dist/components/modals/CustomModal.d.ts +8 -0
- package/dist/components/modals/CustomModal.js +38 -0
- package/dist/components/modals/Modal.css +39 -0
- package/dist/components/modals/Modal.d.ts +8 -0
- package/dist/components/modals/Modal.js +31 -0
- package/dist/components/modals/ModalBase.d.ts +9 -0
- package/dist/components/modals/ModalBase.js +124 -0
- package/dist/components/modals/ModalFooter.d.ts +2 -0
- package/dist/components/modals/ModalFooter.js +12 -0
- package/{lib → dist}/components/modals/Prompt.d.ts +4 -5
- package/dist/components/modals/Prompt.js +58 -0
- package/dist/components/modals/image-gallery/ImageGallery.css +790 -0
- package/{lib → dist}/components/modals/image-gallery/ImageGallery.d.ts +6 -7
- package/dist/components/modals/image-gallery/ImageGallery.helper.d.ts +2 -0
- package/dist/components/modals/image-gallery/ImageGallery.helper.js +13 -0
- package/dist/components/modals/image-gallery/ImageGallery.js +75 -0
- package/dist/components/modals/image-gallery/ImageGallery.stories.helper.js +112 -0
- package/{lib → dist}/components/modals/image-gallery/ImageGalleryContent.d.ts +1 -1
- package/dist/components/modals/image-gallery/ImageGalleryContent.js +15 -0
- package/{lib → dist}/components/modals/image-gallery/ImageGalleryContext.d.ts +3 -3
- package/dist/components/modals/image-gallery/ImageGalleryContext.js +4 -0
- package/dist/components/modals/image-gallery/ImageGallerySwiper.d.ts +8 -0
- package/dist/components/modals/image-gallery/ImageGallerySwiper.js +29 -0
- package/dist/components/modals/image-gallery/ImageGalleryThumbsSwiper.d.ts +5 -0
- package/dist/components/modals/image-gallery/ImageGalleryThumbsSwiper.js +23 -0
- package/dist/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.css +10 -0
- package/dist/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.d.ts +11 -0
- package/dist/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.js +24 -0
- package/dist/components/modals/image-gallery/internal/BaseGallery.d.ts +17 -0
- package/dist/components/modals/image-gallery/internal/BaseGallery.js +50 -0
- package/{lib → dist}/components/modals/image-gallery/internal/CloseButton.d.ts +1 -1
- package/dist/components/modals/image-gallery/internal/CloseButton.js +14 -0
- package/dist/components/modals/image-gallery/internal/ImageGalleryContainer.d.ts +5 -0
- package/dist/components/modals/image-gallery/internal/ImageGalleryContainer.js +8 -0
- package/{lib → dist}/components/modals/image-gallery/internal/ImageGalleryPagination.d.ts +2 -3
- package/dist/components/modals/image-gallery/internal/ImageGalleryPagination.js +29 -0
- package/dist/components/modals/image-gallery/internal/ScaleButton.d.ts +4 -0
- package/dist/components/modals/image-gallery/internal/ScaleButton.js +17 -0
- package/dist/components/pagination/Pagination.css +10 -0
- package/dist/components/pagination/Pagination.d.ts +15 -0
- package/dist/components/pagination/Pagination.js +100 -0
- package/dist/components/popovers/legend/Legend.css +21 -0
- package/dist/components/popovers/legend/Legend.d.ts +11 -0
- package/dist/components/popovers/legend/Legend.js +24 -0
- package/dist/components/popovers/popover/Popover.css +56 -0
- package/{lib → dist}/components/popovers/popover/Popover.d.ts +5 -6
- package/dist/components/popovers/popover/Popover.js +107 -0
- package/dist/components/popovers/popover-menu/PopoverMenu.css +20 -0
- package/dist/components/popovers/popover-menu/PopoverMenu.d.ts +8 -0
- package/dist/components/popovers/popover-menu/PopoverMenu.js +37 -0
- package/dist/components/popovers/popover-menu/PopoverMenuContext.d.ts +3 -0
- package/dist/components/popovers/popover-menu/PopoverMenuContext.js +5 -0
- package/dist/components/popovers/popover-menu-item/PopoverMenuItem.css +35 -0
- package/{lib → dist}/components/popovers/popover-menu-item/PopoverMenuItem.d.ts +2 -3
- package/dist/components/popovers/popover-menu-item/PopoverMenuItem.js +30 -0
- package/dist/components/popovers/tooltip/Tooltip.d.ts +5 -0
- package/dist/components/popovers/tooltip/Tooltip.js +12 -0
- package/dist/components/progress/Progress.d.ts +7 -0
- package/dist/components/progress/Progress.js +26 -0
- package/dist/components/scroll-area/ScrollArea.d.ts +4 -0
- package/dist/components/scroll-area/ScrollArea.js +10 -0
- package/dist/components/scroll-area/ScrollArea.stories.css +9 -0
- package/dist/components/search-input/ClearButton.d.ts +2 -0
- package/dist/components/search-input/ClearButton.js +10 -0
- package/dist/components/search-input/SearchInput.css +13 -0
- package/dist/components/search-input/SearchInput.d.ts +14 -0
- package/dist/components/search-input/SearchInput.js +61 -0
- package/{lib → dist}/components/search-input/SearchSuggestion.d.ts +1 -1
- package/dist/components/search-input/SearchSuggestion.js +21 -0
- package/{lib → dist}/components/search-input/useSearchInput.d.ts +3 -3
- package/dist/components/search-input/useSearchInput.js +85 -0
- package/dist/components/snackbar/Snackbar.css +55 -0
- package/{lib → dist}/components/snackbar/Snackbar.d.ts +5 -6
- package/dist/components/snackbar/Snackbar.js +78 -0
- package/{lib → dist}/components/snackbar/SnackbarContext.d.ts +3 -4
- package/dist/components/snackbar/SnackbarContext.js +3 -0
- package/dist/components/snackbar/SnackbarProvider.d.ts +8 -0
- package/dist/components/snackbar/SnackbarProvider.js +66 -0
- package/dist/components/snackbar/useSnackbar.d.ts +2 -0
- package/dist/components/snackbar/useSnackbar.js +4 -0
- package/dist/components/stepper-horizontal/StepperHorizontal.css +6 -0
- package/dist/components/stepper-horizontal/StepperHorizontal.d.ts +7 -0
- package/dist/components/stepper-horizontal/StepperHorizontal.js +48 -0
- package/dist/components/stepper-horizontal/step-horizontal/StepHorizontal.css +24 -0
- package/dist/components/stepper-horizontal/step-horizontal/StepHorizontal.d.ts +6 -0
- package/dist/components/stepper-horizontal/step-horizontal/StepHorizontal.js +16 -0
- package/dist/components/stepper-vertical/StepperVertical.d.ts +6 -0
- package/dist/components/stepper-vertical/StepperVertical.js +26 -0
- package/dist/components/stepper-vertical/step-vertical/StepVertical.css +10 -0
- package/dist/components/stepper-vertical/step-vertical/StepVertical.d.ts +11 -0
- package/dist/components/stepper-vertical/step-vertical/StepVertical.js +58 -0
- package/dist/components/tab/Tabs.css +285 -0
- package/dist/components/tab/Tabs.d.ts +23 -0
- package/dist/components/tab/Tabs.js +194 -0
- package/dist/components/tab/interfaces.js +0 -0
- package/dist/components/tab/tab-pane/TabPane.css +8 -0
- package/dist/components/tab/tab-pane/TabPane.d.ts +9 -0
- package/dist/components/tab/tab-pane/TabPane.js +18 -0
- package/{lib → dist}/components/tab/useTabScroll.d.ts +4 -3
- package/dist/components/tab/useTabScroll.js +151 -0
- package/dist/components/table-header-cell/TableHeaderCell.d.ts +5 -0
- package/dist/components/table-header-cell/TableHeaderCell.js +21 -0
- package/dist/forms/checkbox/Checkbox.css +134 -0
- package/dist/forms/checkbox/Checkbox.d.ts +15 -0
- package/dist/forms/checkbox/Checkbox.js +80 -0
- package/{lib → dist}/forms/radio/RadioButton.d.ts +3 -4
- package/dist/forms/radio/RadioButton.js +61 -0
- package/dist/forms/radio/RadioGroup.d.ts +12 -0
- package/dist/forms/radio/RadioGroup.js +50 -0
- package/{lib → dist}/forms/radio/RadioGroupContext.d.ts +3 -3
- package/dist/forms/radio/RadioGroupContext.js +3 -0
- package/dist/forms/segment/Segment.d.ts +13 -0
- package/dist/forms/segment/Segment.js +59 -0
- package/{lib → dist}/forms/segment/segment-control/SegmentControl.d.ts +3 -4
- package/dist/forms/segment/segment-control/SegmentControl.js +57 -0
- package/dist/forms/select/Select.css +160 -0
- package/{lib → dist}/forms/select/Select.d.ts +8 -8
- package/dist/forms/select/Select.js +95 -0
- package/dist/forms/select/internal/HiddenInput.d.ts +8 -0
- package/dist/forms/select/internal/HiddenInput.js +15 -0
- package/{lib → dist}/forms/select/internal/ListItem.d.ts +6 -6
- package/dist/forms/select/internal/ListItem.js +69 -0
- package/{lib → dist}/forms/select/internal/SelectButton.d.ts +2 -2
- package/dist/forms/select/internal/SelectButton.js +49 -0
- package/{lib → dist}/forms/select/internal/SelectButtonContent.d.ts +1 -1
- package/dist/forms/select/internal/SelectButtonContent.js +31 -0
- package/dist/forms/select/internal/SelectCheckbox.d.ts +4 -0
- package/dist/forms/select/internal/SelectCheckbox.js +13 -0
- package/{lib → dist}/forms/select/internal/SelectLabel.d.ts +1 -1
- package/dist/forms/select/internal/SelectLabel.js +12 -0
- package/{lib → dist}/forms/select/internal/SelectOptionsContainer.d.ts +6 -6
- package/dist/forms/select/internal/SelectOptionsContainer.js +103 -0
- package/{lib → dist}/forms/select/internal/SelectScrollContainer.d.ts +2 -2
- package/dist/forms/select/internal/SelectScrollContainer.js +15 -0
- package/dist/forms/select/internal/SelectWrapper.d.ts +6 -0
- package/dist/forms/select/internal/SelectWrapper.js +12 -0
- package/dist/forms/select/internal/index.d.ts +6 -0
- package/dist/forms/select/internal/index.js +7 -0
- package/{lib → dist}/forms/select/internal/utils.d.ts +3 -3
- package/dist/forms/select/internal/utils.js +30 -0
- package/{lib → dist}/forms/select/select-option/SelectOption.d.ts +5 -5
- package/dist/forms/select/select-option/SelectOption.js +12 -0
- package/dist/forms/select/utils.d.ts +2 -0
- package/dist/forms/select/utils.js +12 -0
- package/dist/forms/slider/Slider.css +50 -0
- package/dist/forms/slider/Slider.d.ts +17 -0
- package/dist/forms/slider/Slider.js +93 -0
- package/dist/forms/switch/Switch.d.ts +12 -0
- package/dist/forms/switch/Switch.js +42 -0
- package/dist/forms/text-area/TextArea.css +14 -0
- package/{lib → dist}/forms/text-area/TextArea.d.ts +4 -5
- package/dist/forms/text-area/TextArea.js +99 -0
- package/{lib → dist}/forms/text-input/TextInput.d.ts +2 -3
- package/dist/forms/text-input/TextInput.js +74 -0
- package/dist/forms/time-picker/TimePicker.css +10 -0
- package/{lib → dist}/forms/time-picker/TimePicker.d.ts +6 -6
- package/dist/forms/time-picker/TimePicker.js +140 -0
- package/dist/forms/time-picker/time-picker-dropdown/TimePickerDropdown.css +4 -0
- package/dist/forms/time-picker/time-picker-dropdown/TimePickerDropdown.d.ts +19 -0
- package/dist/forms/time-picker/time-picker-dropdown/TimePickerDropdown.js +202 -0
- package/dist/forms/time-picker/time-picker-dropdown/TimePickerInput.d.ts +9 -0
- package/dist/forms/time-picker/time-picker-dropdown/TimePickerInput.js +14 -0
- package/dist/index.d.ts +63 -0
- package/dist/index.js +60 -0
- package/{lib/helper → dist/utils}/index.d.ts +0 -1
- package/dist/utils/index.js +7 -0
- package/dist/utils/setRef.d.ts +1 -0
- package/dist/utils/setRef.js +5 -0
- package/{lib/helper → dist/utils}/types.d.ts +4 -4
- package/dist/utils/types.js +0 -0
- package/{lib/helper → dist/utils}/useControlled.d.ts +2 -2
- package/dist/utils/useControlled.js +20 -0
- package/dist/utils/useForkRef.d.ts +2 -0
- package/dist/utils/useForkRef.js +15 -0
- package/dist/utils/useId.d.ts +1 -0
- package/dist/utils/useId.js +20 -0
- package/dist/utils/useOnClickOutside.d.ts +2 -0
- package/dist/utils/useOnClickOutside.js +20 -0
- package/package.json +64 -21
- package/index.css +0 -1
- package/index.d.ts +0 -65
- package/index.js +0 -60
- package/lib/components/accordion/Accordion.d.ts +0 -11
- package/lib/components/accordion/Accordion.js +0 -43
- package/lib/components/accordion/AccordionContext.js +0 -3
- package/lib/components/accordion/accordion-header/AccordionHeader.d.ts +0 -3
- package/lib/components/accordion/accordion-header/AccordionHeader.js +0 -17
- package/lib/components/accordion/accordion-item/AccordionItem.d.ts +0 -9
- package/lib/components/accordion/accordion-item/AccordionItem.js +0 -65
- package/lib/components/accordion/accordion-item/AccordionItemContext.js +0 -3
- package/lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.d.ts +0 -3
- package/lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.js +0 -70
- package/lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.d.ts +0 -3
- package/lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.js +0 -41
- package/lib/components/bottom-sheet/BottomSheet.d.ts +0 -11
- package/lib/components/bottom-sheet/BottomSheet.js +0 -93
- package/lib/components/bottom-sheet/BottomSheet.stories.d.ts +0 -9
- package/lib/components/bottom-sheet/BottomSheet.stories.js +0 -49
- package/lib/components/breadcrumb/Breadcrumb.js +0 -40
- package/lib/components/buttons/button/Button.d.ts +0 -12
- package/lib/components/buttons/button/Button.js +0 -49
- package/lib/components/buttons/button/Button.stories.d.ts +0 -13
- package/lib/components/buttons/button/Button.stories.js +0 -86
- package/lib/components/card/Card.d.ts +0 -3
- package/lib/components/card/Card.js +0 -13
- package/lib/components/card/CardBody.d.ts +0 -6
- package/lib/components/card/CardBody.js +0 -17
- package/lib/components/card/CardHeader.d.ts +0 -9
- package/lib/components/card/CardHeader.js +0 -29
- package/lib/components/card/CardHeader.stories.helper.d.ts +0 -3
- package/lib/components/card/CardHeader.stories.helper.js +0 -9
- package/lib/components/card/CardNotification.d.ts +0 -7
- package/lib/components/card/CardNotification.js +0 -25
- package/lib/components/chips/chip/Chip.d.ts +0 -17
- package/lib/components/chips/chip/Chip.js +0 -47
- package/lib/components/chips/chip-container/ChipContainer.d.ts +0 -6
- package/lib/components/chips/chip-container/ChipContainer.js +0 -17
- package/lib/components/icon-wrapper/IconWrapper.js +0 -17
- package/lib/components/link-button/LinkButton.d.ts +0 -9
- package/lib/components/link-button/LinkButton.js +0 -32
- package/lib/components/loading-indicator/LoadingIndicator.d.ts +0 -7
- package/lib/components/loading-indicator/LoadingIndicator.js +0 -39
- package/lib/components/mobile-flyout/MobileFlyout.d.ts +0 -12
- package/lib/components/mobile-flyout/MobileFlyout.js +0 -82
- package/lib/components/mobile-flyout/MobileFlyoutContext.js +0 -2
- package/lib/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.d.ts +0 -17
- package/lib/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.js +0 -53
- package/lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.d.ts +0 -8
- package/lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.js +0 -46
- package/lib/components/modals/AlertModal.d.ts +0 -13
- package/lib/components/modals/AlertModal.js +0 -60
- package/lib/components/modals/ConfirmModal.d.ts +0 -12
- package/lib/components/modals/ConfirmModal.js +0 -52
- package/lib/components/modals/CustomModal.d.ts +0 -9
- package/lib/components/modals/CustomModal.js +0 -41
- package/lib/components/modals/Modal.d.ts +0 -9
- package/lib/components/modals/Modal.js +0 -34
- package/lib/components/modals/ModalBase.d.ts +0 -10
- package/lib/components/modals/ModalBase.js +0 -142
- package/lib/components/modals/ModalFooter.d.ts +0 -3
- package/lib/components/modals/ModalFooter.js +0 -18
- package/lib/components/modals/Prompt.js +0 -64
- package/lib/components/modals/image-gallery/ImageGallery.helper.d.ts +0 -3
- package/lib/components/modals/image-gallery/ImageGallery.helper.js +0 -11
- package/lib/components/modals/image-gallery/ImageGallery.js +0 -81
- package/lib/components/modals/image-gallery/ImageGallery.stories.helper.d.ts +0 -3
- package/lib/components/modals/image-gallery/ImageGallery.stories.helper.js +0 -97
- package/lib/components/modals/image-gallery/ImageGalleryContent.js +0 -14
- package/lib/components/modals/image-gallery/ImageGalleryContext.js +0 -4
- package/lib/components/modals/image-gallery/ImageGallerySwiper.d.ts +0 -8
- package/lib/components/modals/image-gallery/ImageGallerySwiper.js +0 -32
- package/lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.d.ts +0 -5
- package/lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.js +0 -25
- package/lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.d.ts +0 -11
- package/lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.js +0 -28
- package/lib/components/modals/image-gallery/internal/BaseGallery.d.ts +0 -17
- package/lib/components/modals/image-gallery/internal/BaseGallery.js +0 -65
- package/lib/components/modals/image-gallery/internal/CloseButton.js +0 -17
- package/lib/components/modals/image-gallery/internal/ImageGalleryContainer.d.ts +0 -6
- package/lib/components/modals/image-gallery/internal/ImageGalleryContainer.js +0 -13
- package/lib/components/modals/image-gallery/internal/ImageGalleryPagination.js +0 -27
- package/lib/components/modals/image-gallery/internal/ScaleButton.d.ts +0 -5
- package/lib/components/modals/image-gallery/internal/ScaleButton.js +0 -19
- package/lib/components/pagination/Pagination.d.ts +0 -16
- package/lib/components/pagination/Pagination.js +0 -105
- package/lib/components/popovers/legend/Legend.d.ts +0 -11
- package/lib/components/popovers/legend/Legend.js +0 -24
- package/lib/components/popovers/popover/Popover.js +0 -123
- package/lib/components/popovers/popover-menu/PopoverMenu.d.ts +0 -9
- package/lib/components/popovers/popover-menu/PopoverMenu.js +0 -46
- package/lib/components/popovers/popover-menu/PopoverMenuContext.d.ts +0 -4
- package/lib/components/popovers/popover-menu/PopoverMenuContext.js +0 -5
- package/lib/components/popovers/popover-menu-item/PopoverMenuItem.js +0 -41
- package/lib/components/popovers/tooltip/Tooltip.d.ts +0 -6
- package/lib/components/popovers/tooltip/Tooltip.js +0 -16
- package/lib/components/progress/Progress.d.ts +0 -8
- package/lib/components/progress/Progress.js +0 -32
- package/lib/components/scroll-area/ScrollArea.d.ts +0 -5
- package/lib/components/scroll-area/ScrollArea.js +0 -14
- package/lib/components/search-input/ClearButton.d.ts +0 -2
- package/lib/components/search-input/ClearButton.js +0 -10
- package/lib/components/search-input/SearchInput.d.ts +0 -15
- package/lib/components/search-input/SearchInput.js +0 -77
- package/lib/components/search-input/SearchSuggestion.js +0 -32
- package/lib/components/search-input/useSearchInput.js +0 -94
- package/lib/components/snackbar/Snackbar.js +0 -78
- package/lib/components/snackbar/SnackbarContext.js +0 -2
- package/lib/components/snackbar/SnackbarProvider.d.ts +0 -8
- package/lib/components/snackbar/SnackbarProvider.js +0 -65
- package/lib/components/snackbar/useSnackbar.d.ts +0 -3
- package/lib/components/snackbar/useSnackbar.js +0 -3
- package/lib/components/stepper-horizontal/StepperHorizontal.d.ts +0 -7
- package/lib/components/stepper-horizontal/StepperHorizontal.js +0 -60
- package/lib/components/stepper-horizontal/step-horizontal/StepHorizontal.d.ts +0 -7
- package/lib/components/stepper-horizontal/step-horizontal/StepHorizontal.js +0 -23
- package/lib/components/stepper-vertical/StepperVertical.d.ts +0 -7
- package/lib/components/stepper-vertical/StepperVertical.js +0 -37
- package/lib/components/stepper-vertical/step-vertical/StepVertical.d.ts +0 -12
- package/lib/components/stepper-vertical/step-vertical/StepVertical.js +0 -76
- package/lib/components/tab/Tabs.d.ts +0 -23
- package/lib/components/tab/Tabs.js +0 -229
- package/lib/components/tab/interfaces.js +0 -1
- package/lib/components/tab/tab-pane/TabPane.d.ts +0 -10
- package/lib/components/tab/tab-pane/TabPane.js +0 -23
- package/lib/components/tab/useTabScroll.js +0 -233
- package/lib/components/table-header-cell/TableHeaderCell.d.ts +0 -6
- package/lib/components/table-header-cell/TableHeaderCell.js +0 -29
- package/lib/forms/checkbox/Checkbox.d.ts +0 -17
- package/lib/forms/checkbox/Checkbox.js +0 -86
- package/lib/forms/radio/RadioButton.js +0 -85
- package/lib/forms/radio/RadioGroup.d.ts +0 -13
- package/lib/forms/radio/RadioGroup.js +0 -51
- package/lib/forms/radio/RadioGroupContext.js +0 -3
- package/lib/forms/segment/Segment.d.ts +0 -14
- package/lib/forms/segment/Segment.js +0 -76
- package/lib/forms/segment/segment-control/SegmentControl.js +0 -59
- package/lib/forms/select/Select.js +0 -108
- package/lib/forms/select/internal/HiddenInput.d.ts +0 -8
- package/lib/forms/select/internal/HiddenInput.js +0 -26
- package/lib/forms/select/internal/ListItem.js +0 -84
- package/lib/forms/select/internal/SelectButton.js +0 -57
- package/lib/forms/select/internal/SelectButtonContent.js +0 -38
- package/lib/forms/select/internal/SelectCheckbox.d.ts +0 -4
- package/lib/forms/select/internal/SelectCheckbox.js +0 -19
- package/lib/forms/select/internal/SelectLabel.js +0 -16
- package/lib/forms/select/internal/SelectOptionsContainer.js +0 -102
- package/lib/forms/select/internal/SelectScrollContainer.js +0 -21
- package/lib/forms/select/internal/SelectWrapper.d.ts +0 -6
- package/lib/forms/select/internal/SelectWrapper.js +0 -20
- package/lib/forms/select/internal/index.d.ts +0 -6
- package/lib/forms/select/internal/index.js +0 -6
- package/lib/forms/select/internal/utils.js +0 -36
- package/lib/forms/select/select-option/SelectOption.js +0 -17
- package/lib/forms/select/utils.d.ts +0 -2
- package/lib/forms/select/utils.js +0 -17
- package/lib/forms/slider/Slider.d.ts +0 -18
- package/lib/forms/slider/Slider.js +0 -100
- package/lib/forms/switch/Switch.d.ts +0 -13
- package/lib/forms/switch/Switch.js +0 -51
- package/lib/forms/text-area/TextArea.js +0 -109
- package/lib/forms/text-input/TextInput.js +0 -91
- package/lib/forms/time-picker/TimePicker.js +0 -159
- package/lib/forms/time-picker/time-picker-dropdown/TimePickerDropdown.d.ts +0 -19
- package/lib/forms/time-picker/time-picker-dropdown/TimePickerDropdown.js +0 -212
- package/lib/forms/time-picker/time-picker-dropdown/TimePickerInput.d.ts +0 -9
- package/lib/forms/time-picker/time-picker-dropdown/TimePickerInput.js +0 -23
- package/lib/helper/index.js +0 -7
- package/lib/helper/setRef.d.ts +0 -1
- package/lib/helper/setRef.js +0 -7
- package/lib/helper/types.js +0 -1
- package/lib/helper/useControlled.js +0 -22
- package/lib/helper/useForkRef.d.ts +0 -2
- package/lib/helper/useForkRef.js +0 -18
- package/lib/helper/useId.d.ts +0 -1
- package/lib/helper/useId.js +0 -22
- package/lib/helper/useOnClickOutside.d.ts +0 -2
- package/lib/helper/useOnClickOutside.js +0 -18
- package/node/index.js +0 -439
- package/node/lib/components/accordion/Accordion.js +0 -50
- package/node/lib/components/accordion/AccordionContext.js +0 -9
- package/node/lib/components/accordion/accordion-header/AccordionHeader.js +0 -24
- package/node/lib/components/accordion/accordion-item/AccordionItem.js +0 -72
- package/node/lib/components/accordion/accordion-item/AccordionItemContext.js +0 -9
- package/node/lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.js +0 -77
- package/node/lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.js +0 -48
- package/node/lib/components/bottom-sheet/BottomSheet.js +0 -101
- package/node/lib/components/bottom-sheet/BottomSheet.stories.js +0 -56
- package/node/lib/components/breadcrumb/Breadcrumb.js +0 -47
- package/node/lib/components/buttons/button/Button.js +0 -56
- package/node/lib/components/buttons/button/Button.stories.js +0 -93
- package/node/lib/components/card/Card.js +0 -20
- package/node/lib/components/card/CardBody.js +0 -24
- package/node/lib/components/card/CardHeader.js +0 -36
- package/node/lib/components/card/CardHeader.stories.helper.js +0 -17
- package/node/lib/components/card/CardNotification.js +0 -32
- package/node/lib/components/chips/chip/Chip.js +0 -54
- package/node/lib/components/chips/chip-container/ChipContainer.js +0 -24
- package/node/lib/components/icon-wrapper/IconWrapper.js +0 -23
- package/node/lib/components/link-button/LinkButton.js +0 -39
- package/node/lib/components/loading-indicator/LoadingIndicator.js +0 -46
- package/node/lib/components/mobile-flyout/MobileFlyout.js +0 -89
- package/node/lib/components/mobile-flyout/MobileFlyoutContext.js +0 -8
- package/node/lib/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.js +0 -61
- package/node/lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.js +0 -53
- package/node/lib/components/modals/AlertModal.js +0 -67
- package/node/lib/components/modals/ConfirmModal.js +0 -59
- package/node/lib/components/modals/CustomModal.js +0 -48
- package/node/lib/components/modals/Modal.js +0 -43
- package/node/lib/components/modals/ModalBase.js +0 -149
- package/node/lib/components/modals/ModalFooter.js +0 -25
- package/node/lib/components/modals/Prompt.js +0 -73
- package/node/lib/components/modals/image-gallery/ImageGallery.helper.js +0 -18
- package/node/lib/components/modals/image-gallery/ImageGallery.js +0 -88
- package/node/lib/components/modals/image-gallery/ImageGallery.stories.helper.js +0 -123
- package/node/lib/components/modals/image-gallery/ImageGalleryContent.js +0 -20
- package/node/lib/components/modals/image-gallery/ImageGalleryContext.js +0 -10
- package/node/lib/components/modals/image-gallery/ImageGallerySwiper.js +0 -39
- package/node/lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.js +0 -33
- package/node/lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.js +0 -35
- package/node/lib/components/modals/image-gallery/internal/BaseGallery.js +0 -72
- package/node/lib/components/modals/image-gallery/internal/CloseButton.js +0 -24
- package/node/lib/components/modals/image-gallery/internal/ImageGalleryContainer.js +0 -19
- package/node/lib/components/modals/image-gallery/internal/ImageGalleryPagination.js +0 -33
- package/node/lib/components/modals/image-gallery/internal/ScaleButton.js +0 -25
- package/node/lib/components/pagination/Pagination.js +0 -114
- package/node/lib/components/popovers/legend/Legend.js +0 -31
- package/node/lib/components/popovers/popover/Popover.js +0 -132
- package/node/lib/components/popovers/popover-menu/PopoverMenu.js +0 -53
- package/node/lib/components/popovers/popover-menu/PopoverMenuContext.js +0 -11
- package/node/lib/components/popovers/popover-menu-item/PopoverMenuItem.js +0 -48
- package/node/lib/components/popovers/tooltip/Tooltip.js +0 -23
- package/node/lib/components/progress/Progress.js +0 -39
- package/node/lib/components/scroll-area/ScrollArea.js +0 -21
- package/node/lib/components/search-input/ClearButton.js +0 -16
- package/node/lib/components/search-input/SearchInput.js +0 -84
- package/node/lib/components/search-input/SearchSuggestion.js +0 -39
- package/node/lib/components/search-input/useSearchInput.js +0 -101
- package/node/lib/components/snackbar/Snackbar.js +0 -85
- package/node/lib/components/snackbar/SnackbarContext.js +0 -9
- package/node/lib/components/snackbar/SnackbarProvider.js +0 -73
- package/node/lib/components/snackbar/useSnackbar.js +0 -11
- package/node/lib/components/stepper-horizontal/StepperHorizontal.js +0 -69
- package/node/lib/components/stepper-horizontal/step-horizontal/StepHorizontal.js +0 -30
- package/node/lib/components/stepper-vertical/StepperVertical.js +0 -46
- package/node/lib/components/stepper-vertical/step-vertical/StepVertical.js +0 -83
- package/node/lib/components/tab/Tabs.js +0 -240
- package/node/lib/components/tab/interfaces.js +0 -5
- package/node/lib/components/tab/tab-pane/TabPane.js +0 -30
- package/node/lib/components/tab/useTabScroll.js +0 -238
- package/node/lib/components/table-header-cell/TableHeaderCell.js +0 -36
- package/node/lib/forms/checkbox/Checkbox.js +0 -93
- package/node/lib/forms/radio/RadioButton.js +0 -92
- package/node/lib/forms/radio/RadioGroup.js +0 -58
- package/node/lib/forms/radio/RadioGroupContext.js +0 -9
- package/node/lib/forms/segment/Segment.js +0 -83
- package/node/lib/forms/segment/segment-control/SegmentControl.js +0 -68
- package/node/lib/forms/select/Select.js +0 -115
- package/node/lib/forms/select/internal/HiddenInput.js +0 -32
- package/node/lib/forms/select/internal/ListItem.js +0 -93
- package/node/lib/forms/select/internal/SelectButton.js +0 -64
- package/node/lib/forms/select/internal/SelectButtonContent.js +0 -44
- package/node/lib/forms/select/internal/SelectCheckbox.js +0 -26
- package/node/lib/forms/select/internal/SelectLabel.js +0 -23
- package/node/lib/forms/select/internal/SelectOptionsContainer.js +0 -109
- package/node/lib/forms/select/internal/SelectScrollContainer.js +0 -28
- package/node/lib/forms/select/internal/SelectWrapper.js +0 -27
- package/node/lib/forms/select/internal/index.js +0 -48
- package/node/lib/forms/select/internal/utils.js +0 -43
- package/node/lib/forms/select/select-option/SelectOption.js +0 -23
- package/node/lib/forms/select/utils.js +0 -23
- package/node/lib/forms/slider/Slider.js +0 -109
- package/node/lib/forms/switch/Switch.js +0 -58
- package/node/lib/forms/text-area/TextArea.js +0 -118
- package/node/lib/forms/text-input/TextInput.js +0 -98
- package/node/lib/forms/time-picker/TimePicker.js +0 -166
- package/node/lib/forms/time-picker/time-picker-dropdown/TimePickerDropdown.js +0 -219
- package/node/lib/forms/time-picker/time-picker-dropdown/TimePickerInput.js +0 -29
- package/node/lib/helper/index.js +0 -14
- package/node/lib/helper/setRef.js +0 -13
- package/node/lib/helper/types.js +0 -5
- package/node/lib/helper/useControlled.js +0 -28
- package/node/lib/helper/useForkRef.js +0 -26
- package/node/lib/helper/useId.js +0 -28
- package/node/lib/helper/useOnClickOutside.js +0 -24
- package/simplebar.min.css +0 -1
- /package/{lib → dist}/components/tab/interfaces.d.ts +0 -0
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import classNames from "classnames";
|
|
2
|
-
import IconWrapper from "../../icon-wrapper/IconWrapper.js";
|
|
3
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
|
-
export let ChipType = /*#__PURE__*/function (ChipType) {
|
|
5
|
-
ChipType[ChipType["Choice"] = 0] = "Choice";
|
|
6
|
-
ChipType[ChipType["Category"] = 1] = "Category";
|
|
7
|
-
ChipType[ChipType["Filter"] = 2] = "Filter";
|
|
8
|
-
ChipType[ChipType["Readonly"] = 3] = "Readonly";
|
|
9
|
-
return ChipType;
|
|
10
|
-
}({});
|
|
11
|
-
function Chip(_ref) {
|
|
12
|
-
let {
|
|
13
|
-
type = ChipType.Choice,
|
|
14
|
-
selected = false,
|
|
15
|
-
disabled = false,
|
|
16
|
-
large = false,
|
|
17
|
-
icon,
|
|
18
|
-
children,
|
|
19
|
-
onClick,
|
|
20
|
-
className
|
|
21
|
-
} = _ref;
|
|
22
|
-
const classes = classNames("fr-chip", "fwe-chip", {
|
|
23
|
-
"fwe-selected": selected
|
|
24
|
-
}, {
|
|
25
|
-
"fwe-disabled": disabled
|
|
26
|
-
}, {
|
|
27
|
-
"fwe-chip-lg": large
|
|
28
|
-
}, {
|
|
29
|
-
"fwe-category": type === ChipType.Category
|
|
30
|
-
}, {
|
|
31
|
-
"fwe-filter": type === ChipType.Filter
|
|
32
|
-
}, {
|
|
33
|
-
"fwe-readonly": type === ChipType.Readonly
|
|
34
|
-
}, className);
|
|
35
|
-
return (
|
|
36
|
-
/*#__PURE__*/
|
|
37
|
-
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
38
|
-
_jsxs("div", {
|
|
39
|
-
className: classes,
|
|
40
|
-
onClick: onClick,
|
|
41
|
-
children: [/*#__PURE__*/_jsx(IconWrapper, {
|
|
42
|
-
icon: icon
|
|
43
|
-
}), children]
|
|
44
|
-
})
|
|
45
|
-
);
|
|
46
|
-
}
|
|
47
|
-
export default Chip;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { ClassNamePropsWithChildren } from "../../../helper/types";
|
|
2
|
-
interface ChipContainerProps extends ClassNamePropsWithChildren {
|
|
3
|
-
large?: boolean;
|
|
4
|
-
}
|
|
5
|
-
declare function ChipContainer({ large, children, className }: ChipContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export default ChipContainer;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import classNames from "classnames";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
function ChipContainer(_ref) {
|
|
4
|
-
let {
|
|
5
|
-
large = false,
|
|
6
|
-
children,
|
|
7
|
-
className
|
|
8
|
-
} = _ref;
|
|
9
|
-
const classes = classNames("fwe-chip-container", {
|
|
10
|
-
"fwe-chip-container-lg": large
|
|
11
|
-
}, className);
|
|
12
|
-
return /*#__PURE__*/_jsx("div", {
|
|
13
|
-
className: classes,
|
|
14
|
-
children: children
|
|
15
|
-
});
|
|
16
|
-
}
|
|
17
|
-
export default ChipContainer;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
export default function IconWrapper(_ref) {
|
|
3
|
-
let {
|
|
4
|
-
icon
|
|
5
|
-
} = _ref;
|
|
6
|
-
if (!icon) return null;
|
|
7
|
-
if (typeof icon === "string") {
|
|
8
|
-
let iconName = icon;
|
|
9
|
-
if (!icon.startsWith("fwe-icon-")) {
|
|
10
|
-
iconName = `fwe-icon-${icon}`;
|
|
11
|
-
}
|
|
12
|
-
return /*#__PURE__*/_jsx("i", {
|
|
13
|
-
className: `fwe-icon ${iconName}`
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
return icon;
|
|
17
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef } from "react";
|
|
2
|
-
interface LinkButtonProps extends ComponentPropsWithoutRef<"button"> {
|
|
3
|
-
disabled?: boolean;
|
|
4
|
-
icon?: React.ReactNode;
|
|
5
|
-
onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
6
|
-
iconOnly?: boolean;
|
|
7
|
-
}
|
|
8
|
-
declare const LinkButton: (props: LinkButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
9
|
-
export default LinkButton;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import classNames from "classnames";
|
|
2
|
-
import { forwardRef } from "react";
|
|
3
|
-
import IconWrapper from "../icon-wrapper/IconWrapper.js";
|
|
4
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
|
-
const LinkButton = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
6
|
-
let {
|
|
7
|
-
icon,
|
|
8
|
-
onClick,
|
|
9
|
-
disabled = false,
|
|
10
|
-
children,
|
|
11
|
-
iconOnly = false,
|
|
12
|
-
className,
|
|
13
|
-
...props
|
|
14
|
-
} = _ref;
|
|
15
|
-
const classes = classNames("fwe-btn", "fwe-btn-link", {
|
|
16
|
-
"fwe-disabled": disabled
|
|
17
|
-
}, {
|
|
18
|
-
"fwe-btn-icon": iconOnly
|
|
19
|
-
}, className);
|
|
20
|
-
return /*#__PURE__*/_jsxs("button", {
|
|
21
|
-
onClick: onClick,
|
|
22
|
-
type: "button",
|
|
23
|
-
className: classes,
|
|
24
|
-
disabled: disabled,
|
|
25
|
-
ref: ref,
|
|
26
|
-
...props,
|
|
27
|
-
children: [/*#__PURE__*/_jsx(IconWrapper, {
|
|
28
|
-
icon: icon
|
|
29
|
-
}), !iconOnly && children]
|
|
30
|
-
});
|
|
31
|
-
});
|
|
32
|
-
export default LinkButton;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithRef } from "react";
|
|
2
|
-
import "./LoadingIndicator.scss";
|
|
3
|
-
interface LoadingIndicatorProps extends ComponentPropsWithRef<"div"> {
|
|
4
|
-
size: "large" | "medium" | "small";
|
|
5
|
-
}
|
|
6
|
-
declare const LoadingIndicator: (props: LoadingIndicatorProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
7
|
-
export default LoadingIndicator;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { forwardRef } from "react";
|
|
2
|
-
import cn from "classnames";
|
|
3
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
|
-
const LoadingIndicator = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
5
|
-
let {
|
|
6
|
-
size = "large",
|
|
7
|
-
children,
|
|
8
|
-
className,
|
|
9
|
-
...props
|
|
10
|
-
} = _ref;
|
|
11
|
-
const classes = cn("fwe-waiting-indicator", {
|
|
12
|
-
"fwe-waiting-indicator-md": size === "medium"
|
|
13
|
-
}, {
|
|
14
|
-
"fwe-waiting-indicator-sm": size === "small"
|
|
15
|
-
});
|
|
16
|
-
return /*#__PURE__*/_jsxs("div", {
|
|
17
|
-
className: cn("fwe-waiting-container", {
|
|
18
|
-
"fwe-waiting-container-sm": size === "small"
|
|
19
|
-
}, className),
|
|
20
|
-
ref: ref,
|
|
21
|
-
...props,
|
|
22
|
-
children: [/*#__PURE__*/_jsxs("div", {
|
|
23
|
-
className: classes,
|
|
24
|
-
children: [/*#__PURE__*/_jsx("div", {
|
|
25
|
-
className: "fwe-waiting-circle-1"
|
|
26
|
-
}), /*#__PURE__*/_jsx("div", {
|
|
27
|
-
className: "fwe-waiting-circle-2"
|
|
28
|
-
}), /*#__PURE__*/_jsx("div", {
|
|
29
|
-
className: "fwe-waiting-circle-3"
|
|
30
|
-
}), /*#__PURE__*/_jsx("div", {
|
|
31
|
-
className: "fwe-waiting-circle-4"
|
|
32
|
-
})]
|
|
33
|
-
}), children && /*#__PURE__*/_jsx("div", {
|
|
34
|
-
className: "fwe-waiting-content-container",
|
|
35
|
-
children: children
|
|
36
|
-
})]
|
|
37
|
-
});
|
|
38
|
-
});
|
|
39
|
-
export default LoadingIndicator;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef } from "react";
|
|
2
|
-
interface MobileFlyoutProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
|
|
3
|
-
open?: boolean;
|
|
4
|
-
defaultOpen?: boolean;
|
|
5
|
-
visible?: string[];
|
|
6
|
-
defaultVisible?: string[];
|
|
7
|
-
onOpenChange?: (value: boolean) => void;
|
|
8
|
-
onVisibleChange?: (value: string) => void;
|
|
9
|
-
back?: string;
|
|
10
|
-
}
|
|
11
|
-
declare const MobileFlyout: (props: MobileFlyoutProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
12
|
-
export default MobileFlyout;
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import { forwardRef, useCallback, useMemo, useRef } from "react";
|
|
2
|
-
import cn from "classnames";
|
|
3
|
-
import useForkRef from "../../helper/useForkRef.js";
|
|
4
|
-
import useOnClickOutside from "../../helper/useOnClickOutside.js";
|
|
5
|
-
import useControlled from "../../helper/useControlled.js";
|
|
6
|
-
import MobileFlyoutContext from "./MobileFlyoutContext.js";
|
|
7
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
-
const defaultVisibleValue = ["root"];
|
|
9
|
-
const MobileFlyout = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
10
|
-
let {
|
|
11
|
-
className,
|
|
12
|
-
children,
|
|
13
|
-
open,
|
|
14
|
-
onOpenChange,
|
|
15
|
-
onVisibleChange,
|
|
16
|
-
defaultOpen,
|
|
17
|
-
visible,
|
|
18
|
-
defaultVisible = defaultVisibleValue,
|
|
19
|
-
back,
|
|
20
|
-
...props
|
|
21
|
-
} = _ref;
|
|
22
|
-
const [openState, setOpen] = useControlled({
|
|
23
|
-
controlled: open,
|
|
24
|
-
default: defaultOpen
|
|
25
|
-
});
|
|
26
|
-
const [visibleState, setVisible] = useControlled({
|
|
27
|
-
controlled: visible,
|
|
28
|
-
default: defaultVisible
|
|
29
|
-
});
|
|
30
|
-
const innerRef = useRef(null);
|
|
31
|
-
const combinedRef = useForkRef(ref, innerRef);
|
|
32
|
-
const handleVisibleChange = useCallback(v => {
|
|
33
|
-
if (visibleState !== undefined) {
|
|
34
|
-
if (visibleState.includes(v)) {
|
|
35
|
-
const newArray = visibleState.filter(entry => entry !== v);
|
|
36
|
-
setVisible(newArray);
|
|
37
|
-
} else {
|
|
38
|
-
const newArray = [...visibleState, v];
|
|
39
|
-
setVisible(newArray);
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
onVisibleChange?.(v);
|
|
43
|
-
}, [onVisibleChange, setVisible, visibleState]);
|
|
44
|
-
const handleOpenChange = useCallback(v => {
|
|
45
|
-
setOpen(v);
|
|
46
|
-
onOpenChange?.(v);
|
|
47
|
-
}, [onOpenChange, setOpen]);
|
|
48
|
-
function handleClickOutside() {
|
|
49
|
-
handleOpenChange(false);
|
|
50
|
-
}
|
|
51
|
-
function toggle() {
|
|
52
|
-
const newOpen = !openState;
|
|
53
|
-
handleOpenChange(newOpen);
|
|
54
|
-
}
|
|
55
|
-
useOnClickOutside(innerRef, handleClickOutside);
|
|
56
|
-
const contextValue = useMemo(() => ({
|
|
57
|
-
visible: visibleState ?? defaultVisibleValue,
|
|
58
|
-
setVisible: handleVisibleChange,
|
|
59
|
-
setOpen: handleOpenChange,
|
|
60
|
-
back
|
|
61
|
-
}), [handleVisibleChange, visibleState, back, handleOpenChange]);
|
|
62
|
-
return /*#__PURE__*/_jsxs("div", {
|
|
63
|
-
className: cn("fwe-mobile-flyout", className),
|
|
64
|
-
...props,
|
|
65
|
-
ref: combinedRef,
|
|
66
|
-
children: [/*#__PURE__*/_jsx("button", {
|
|
67
|
-
"aria-label": "menu",
|
|
68
|
-
type: "button",
|
|
69
|
-
className: openState ? "fwe-close-button" : "fwe-burger-button",
|
|
70
|
-
onClick: toggle
|
|
71
|
-
}), /*#__PURE__*/_jsx("div", {
|
|
72
|
-
className: cn("fwe-mobile-flyout-container", {
|
|
73
|
-
"fwe-opened": openState
|
|
74
|
-
}),
|
|
75
|
-
children: /*#__PURE__*/_jsx(MobileFlyoutContext.Provider, {
|
|
76
|
-
value: contextValue,
|
|
77
|
-
children: children
|
|
78
|
-
})
|
|
79
|
-
})]
|
|
80
|
-
});
|
|
81
|
-
});
|
|
82
|
-
export default MobileFlyout;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import type { PolymorphicRef } from "../../../helper/types";
|
|
2
|
-
declare module "react" {
|
|
3
|
-
function forwardRef<T, P = {}>(render: (props: P, ref: React.Ref<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
|
|
4
|
-
}
|
|
5
|
-
interface MobileFlyoutItemBaseProps {
|
|
6
|
-
icon?: React.ReactNode;
|
|
7
|
-
pageLink?: string;
|
|
8
|
-
active?: boolean;
|
|
9
|
-
}
|
|
10
|
-
declare const MobileFlyoutItem: <C extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "a">(props: MobileFlyoutItemBaseProps & {
|
|
11
|
-
component?: C | undefined;
|
|
12
|
-
} & {
|
|
13
|
-
children?: import("react").ReactNode;
|
|
14
|
-
} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<C>>, "component" | keyof MobileFlyoutItemBaseProps> & {
|
|
15
|
-
ref?: PolymorphicRef<C> | undefined;
|
|
16
|
-
} & import("react").RefAttributes<unknown>) => React.ReactElement | null;
|
|
17
|
-
export default MobileFlyoutItem;
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import cn from "classnames";
|
|
2
|
-
import { forwardRef, useContext } from "react";
|
|
3
|
-
import { IconRight2 } from "@festo-ui/react-icons";
|
|
4
|
-
import MobileFlyoutContext from "../MobileFlyoutContext.js";
|
|
5
|
-
import IconWrapper from "../../icon-wrapper/IconWrapper.js";
|
|
6
|
-
/*
|
|
7
|
-
* Augment `forwardRef` only for this module so that storybook can infer controls
|
|
8
|
-
* (despite component being wrapped in forwardRef)
|
|
9
|
-
* https://fettblog.eu/typescript-react-generic-forward-refs/#option-3%3A-augment-forwardref
|
|
10
|
-
* https://github.com/microsoft/TypeScript/pull/30215
|
|
11
|
-
*/
|
|
12
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
const MobileFlyoutItem = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
14
|
-
let {
|
|
15
|
-
component,
|
|
16
|
-
children,
|
|
17
|
-
pageLink,
|
|
18
|
-
icon,
|
|
19
|
-
onClick,
|
|
20
|
-
active,
|
|
21
|
-
...props
|
|
22
|
-
} = _ref;
|
|
23
|
-
const Component = component || "a";
|
|
24
|
-
const {
|
|
25
|
-
setVisible,
|
|
26
|
-
setOpen
|
|
27
|
-
} = useContext(MobileFlyoutContext);
|
|
28
|
-
function handleClick(e) {
|
|
29
|
-
if (pageLink) {
|
|
30
|
-
setVisible(pageLink);
|
|
31
|
-
} else {
|
|
32
|
-
setOpen(false);
|
|
33
|
-
}
|
|
34
|
-
onClick?.(e);
|
|
35
|
-
}
|
|
36
|
-
return /*#__PURE__*/_jsxs(Component, {
|
|
37
|
-
className: "fwe-mobile-flyout-item fwe-bb",
|
|
38
|
-
...props,
|
|
39
|
-
ref: ref,
|
|
40
|
-
onClick: handleClick,
|
|
41
|
-
children: [/*#__PURE__*/_jsx(IconWrapper, {
|
|
42
|
-
icon: icon
|
|
43
|
-
}), /*#__PURE__*/_jsx("div", {
|
|
44
|
-
className: cn("fwe-flex-grow-1", {
|
|
45
|
-
"fwe-color-hero": active
|
|
46
|
-
}, {
|
|
47
|
-
"fwe-ml-xxs": !!icon
|
|
48
|
-
}),
|
|
49
|
-
children: children
|
|
50
|
-
}), pageLink && /*#__PURE__*/_jsx(IconRight2, {})]
|
|
51
|
-
});
|
|
52
|
-
});
|
|
53
|
-
export default MobileFlyoutItem;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef } from "react";
|
|
2
|
-
interface MobileFlyoutPageProps extends ComponentPropsWithoutRef<"div"> {
|
|
3
|
-
back?: string;
|
|
4
|
-
name?: string;
|
|
5
|
-
root?: boolean;
|
|
6
|
-
}
|
|
7
|
-
declare const MobileFlyoutPage: (props: MobileFlyoutPageProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
8
|
-
export default MobileFlyoutPage;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import cn from "classnames";
|
|
2
|
-
import { forwardRef, useContext } from "react";
|
|
3
|
-
import MobileFlyoutContext from "../MobileFlyoutContext.js";
|
|
4
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
|
-
const MobileFlyoutPage = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
6
|
-
let {
|
|
7
|
-
back,
|
|
8
|
-
children,
|
|
9
|
-
name,
|
|
10
|
-
root,
|
|
11
|
-
...props
|
|
12
|
-
} = _ref;
|
|
13
|
-
const {
|
|
14
|
-
visible,
|
|
15
|
-
setVisible,
|
|
16
|
-
back: backContext
|
|
17
|
-
} = useContext(MobileFlyoutContext);
|
|
18
|
-
const innerVisible = root || name && visible.includes(name);
|
|
19
|
-
const innerBack = back ?? backContext ?? "Back";
|
|
20
|
-
function handleChange() {
|
|
21
|
-
if (name) {
|
|
22
|
-
setVisible(name);
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
return /*#__PURE__*/_jsxs("div", {
|
|
26
|
-
className: cn("fwe-mobile-flyout-page", {
|
|
27
|
-
"fwe-opened": innerVisible
|
|
28
|
-
}),
|
|
29
|
-
ref: ref,
|
|
30
|
-
...props,
|
|
31
|
-
children: [!root && /*#__PURE__*/_jsx("div", {
|
|
32
|
-
tabIndex: 0,
|
|
33
|
-
role: "button",
|
|
34
|
-
className: "fwe-page-back",
|
|
35
|
-
onClick: handleChange,
|
|
36
|
-
onKeyUp: handleChange,
|
|
37
|
-
children: /*#__PURE__*/_jsx("div", {
|
|
38
|
-
children: innerBack
|
|
39
|
-
})
|
|
40
|
-
}), /*#__PURE__*/_jsx("div", {
|
|
41
|
-
className: "fwe-mobile-flyout-item-container",
|
|
42
|
-
children: children
|
|
43
|
-
})]
|
|
44
|
-
});
|
|
45
|
-
});
|
|
46
|
-
export default MobileFlyoutPage;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ModalProps } from "./Modal";
|
|
2
|
-
interface AlertModalProps extends Omit<ModalProps, "head" | "children"> {
|
|
3
|
-
title: string;
|
|
4
|
-
subtitle?: string;
|
|
5
|
-
alertType: "info" | "warning" | "error";
|
|
6
|
-
strong?: boolean;
|
|
7
|
-
cancel?: string;
|
|
8
|
-
ok?: string;
|
|
9
|
-
onCancel?: () => void;
|
|
10
|
-
onOk?: () => void;
|
|
11
|
-
}
|
|
12
|
-
declare function AlertModal({ title, subtitle, alertType, strong, cancel, ok, onCancel, onOk, className, body, ...props }: AlertModalProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export default AlertModal;
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import cn from "classnames";
|
|
2
|
-
import Modal from "./Modal.js";
|
|
3
|
-
import ModalFooter from "./ModalFooter.js";
|
|
4
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
|
-
function AlertModal(_ref) {
|
|
6
|
-
let {
|
|
7
|
-
title,
|
|
8
|
-
subtitle,
|
|
9
|
-
alertType,
|
|
10
|
-
strong,
|
|
11
|
-
cancel,
|
|
12
|
-
ok,
|
|
13
|
-
onCancel,
|
|
14
|
-
onOk,
|
|
15
|
-
className,
|
|
16
|
-
body,
|
|
17
|
-
...props
|
|
18
|
-
} = _ref;
|
|
19
|
-
return /*#__PURE__*/_jsx(Modal, {
|
|
20
|
-
className: cn({
|
|
21
|
-
"fwe-modal--with-indicator-bar": strong,
|
|
22
|
-
"fwe-modal--warning": alertType === "warning",
|
|
23
|
-
"fwe-modal--error": alertType === "error",
|
|
24
|
-
"fwe-modal--info": alertType === "info"
|
|
25
|
-
}, className),
|
|
26
|
-
head: /*#__PURE__*/_jsxs(_Fragment, {
|
|
27
|
-
children: [subtitle && /*#__PURE__*/_jsx("h2", {
|
|
28
|
-
className: "fwe-modal-h2",
|
|
29
|
-
children: subtitle
|
|
30
|
-
}), /*#__PURE__*/_jsx("h1", {
|
|
31
|
-
className: "fwe-modal-h1",
|
|
32
|
-
children: title
|
|
33
|
-
})]
|
|
34
|
-
}),
|
|
35
|
-
body: typeof body === "string" ? /*#__PURE__*/_jsx("p", {
|
|
36
|
-
children: body
|
|
37
|
-
}) : body,
|
|
38
|
-
...props,
|
|
39
|
-
children: (cancel || ok) && /*#__PURE__*/_jsxs(ModalFooter, {
|
|
40
|
-
children: [cancel && /*#__PURE__*/_jsx("button", {
|
|
41
|
-
type: "button",
|
|
42
|
-
"aria-label": "Cancel",
|
|
43
|
-
className: cn("fwe-btn fwe-btn-lg", {
|
|
44
|
-
"fwe-btn-link": strong
|
|
45
|
-
}),
|
|
46
|
-
onClick: onCancel,
|
|
47
|
-
children: cancel
|
|
48
|
-
}), ok && /*#__PURE__*/_jsx("button", {
|
|
49
|
-
type: "button",
|
|
50
|
-
"aria-label": "Ok",
|
|
51
|
-
className: cn("fwe-btn fwe-btn-lg", {
|
|
52
|
-
"fwe-btn-hero": !strong
|
|
53
|
-
}),
|
|
54
|
-
onClick: onOk,
|
|
55
|
-
children: ok
|
|
56
|
-
})]
|
|
57
|
-
})
|
|
58
|
-
});
|
|
59
|
-
}
|
|
60
|
-
export default AlertModal;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ModalProps } from "./Modal";
|
|
2
|
-
interface ConfirmModalProps extends Omit<ModalProps, "head" | "children"> {
|
|
3
|
-
title: string;
|
|
4
|
-
subtitle?: string;
|
|
5
|
-
cancel?: string;
|
|
6
|
-
ok?: string;
|
|
7
|
-
onCancel?: () => void;
|
|
8
|
-
onOk?: () => void;
|
|
9
|
-
large?: boolean;
|
|
10
|
-
}
|
|
11
|
-
declare function ConfirmModal({ title, subtitle, cancel, ok, onCancel, onOk, large, body, className, ...props }: ConfirmModalProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export default ConfirmModal;
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import cn from "classnames";
|
|
2
|
-
import Modal from "./Modal.js";
|
|
3
|
-
import ModalFooter from "./ModalFooter.js";
|
|
4
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
|
-
function ConfirmModal(_ref) {
|
|
6
|
-
let {
|
|
7
|
-
title,
|
|
8
|
-
subtitle,
|
|
9
|
-
cancel,
|
|
10
|
-
ok,
|
|
11
|
-
onCancel,
|
|
12
|
-
onOk,
|
|
13
|
-
large,
|
|
14
|
-
body,
|
|
15
|
-
className,
|
|
16
|
-
...props
|
|
17
|
-
} = _ref;
|
|
18
|
-
return /*#__PURE__*/_jsx(Modal, {
|
|
19
|
-
className: cn({
|
|
20
|
-
"fwe-modal--large": large
|
|
21
|
-
}, className),
|
|
22
|
-
head: /*#__PURE__*/_jsxs(_Fragment, {
|
|
23
|
-
children: [subtitle && /*#__PURE__*/_jsx("h2", {
|
|
24
|
-
className: "fwe-modal-h2",
|
|
25
|
-
children: subtitle
|
|
26
|
-
}), /*#__PURE__*/_jsx("h1", {
|
|
27
|
-
className: "fwe-modal-h1",
|
|
28
|
-
children: title
|
|
29
|
-
})]
|
|
30
|
-
}),
|
|
31
|
-
body: typeof body === "string" ? /*#__PURE__*/_jsx("p", {
|
|
32
|
-
children: body
|
|
33
|
-
}) : body,
|
|
34
|
-
...props,
|
|
35
|
-
children: (cancel || ok) && /*#__PURE__*/_jsxs(ModalFooter, {
|
|
36
|
-
children: [cancel && /*#__PURE__*/_jsx("button", {
|
|
37
|
-
type: "button",
|
|
38
|
-
"aria-label": "Cancel",
|
|
39
|
-
className: "fwe-btn fwe-btn-lg",
|
|
40
|
-
onClick: onCancel,
|
|
41
|
-
children: cancel
|
|
42
|
-
}), ok && /*#__PURE__*/_jsx("button", {
|
|
43
|
-
type: "button",
|
|
44
|
-
"aria-label": "Ok",
|
|
45
|
-
className: "fwe-btn fwe-btn-hero fwe-btn-lg",
|
|
46
|
-
onClick: onOk,
|
|
47
|
-
children: ok
|
|
48
|
-
})]
|
|
49
|
-
})
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
export default ConfirmModal;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { ModalBaseProps } from "./ModalBase";
|
|
2
|
-
interface CustomModalProps extends ModalBaseProps {
|
|
3
|
-
large?: boolean;
|
|
4
|
-
title?: string;
|
|
5
|
-
subtitle?: string;
|
|
6
|
-
onCloseDone?: () => void;
|
|
7
|
-
}
|
|
8
|
-
declare const CustomModal: (props: CustomModalProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
9
|
-
export default CustomModal;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import cn from "classnames";
|
|
2
|
-
import { forwardRef } from "react";
|
|
3
|
-
import ModalBase from "./ModalBase.js";
|
|
4
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
|
-
const CustomModal = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
6
|
-
let {
|
|
7
|
-
large,
|
|
8
|
-
title,
|
|
9
|
-
subtitle,
|
|
10
|
-
className,
|
|
11
|
-
children,
|
|
12
|
-
...props
|
|
13
|
-
} = _ref;
|
|
14
|
-
return /*#__PURE__*/_jsxs(ModalBase, {
|
|
15
|
-
className: cn({
|
|
16
|
-
"fwe-modal--large": large
|
|
17
|
-
}, className),
|
|
18
|
-
ref: ref,
|
|
19
|
-
...props,
|
|
20
|
-
children: [/*#__PURE__*/_jsx("button", {
|
|
21
|
-
className: "fwe-modal-close-btn",
|
|
22
|
-
type: "button",
|
|
23
|
-
"aria-label": "Close",
|
|
24
|
-
onClick: props.onClose,
|
|
25
|
-
children: /*#__PURE__*/_jsx("span", {
|
|
26
|
-
className: "fwe-sr-only",
|
|
27
|
-
children: "Close"
|
|
28
|
-
})
|
|
29
|
-
}), title && /*#__PURE__*/_jsxs("div", {
|
|
30
|
-
className: "fwe-modal-header",
|
|
31
|
-
children: [subtitle && /*#__PURE__*/_jsx("h2", {
|
|
32
|
-
className: "fwe-modal-h2",
|
|
33
|
-
children: subtitle
|
|
34
|
-
}), /*#__PURE__*/_jsx("h1", {
|
|
35
|
-
className: "fwe-modal-h1",
|
|
36
|
-
children: title
|
|
37
|
-
})]
|
|
38
|
-
}), children]
|
|
39
|
-
});
|
|
40
|
-
});
|
|
41
|
-
export default CustomModal;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import "./Modal.scss";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { ModalBaseProps } from "./ModalBase";
|
|
4
|
-
export interface ModalProps extends Omit<ModalBaseProps, "onCloseDone"> {
|
|
5
|
-
head?: React.ReactNode;
|
|
6
|
-
body: React.ReactNode;
|
|
7
|
-
}
|
|
8
|
-
declare const Modal: (props: ModalProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
9
|
-
export default Modal;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import React, { forwardRef } from "react";
|
|
2
|
-
import ModalBase from "./ModalBase.js";
|
|
3
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
|
-
const Modal = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
5
|
-
let {
|
|
6
|
-
head,
|
|
7
|
-
body,
|
|
8
|
-
className,
|
|
9
|
-
children,
|
|
10
|
-
...props
|
|
11
|
-
} = _ref;
|
|
12
|
-
return /*#__PURE__*/_jsxs(ModalBase, {
|
|
13
|
-
className: className,
|
|
14
|
-
ref: ref,
|
|
15
|
-
...props,
|
|
16
|
-
children: [/*#__PURE__*/_jsx("button", {
|
|
17
|
-
className: "fwe-modal-close-btn",
|
|
18
|
-
type: "button",
|
|
19
|
-
"aria-label": "Close",
|
|
20
|
-
onClick: props.onClose,
|
|
21
|
-
children: /*#__PURE__*/_jsx("span", {
|
|
22
|
-
className: "fwe-sr-only",
|
|
23
|
-
children: "Close"
|
|
24
|
-
})
|
|
25
|
-
}), /*#__PURE__*/_jsx("div", {
|
|
26
|
-
className: "fwe-modal-header",
|
|
27
|
-
children: head
|
|
28
|
-
}), /*#__PURE__*/_jsx("div", {
|
|
29
|
-
className: "fwe-modal-body",
|
|
30
|
-
children: body
|
|
31
|
-
}), children]
|
|
32
|
-
});
|
|
33
|
-
});
|
|
34
|
-
export default Modal;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import "./Modal.scss";
|
|
2
|
-
import { ComponentPropsWithoutRef } from "react";
|
|
3
|
-
export interface ModalBaseProps extends ComponentPropsWithoutRef<"div"> {
|
|
4
|
-
isOpen: boolean;
|
|
5
|
-
isLoading?: boolean;
|
|
6
|
-
onClose?: () => void;
|
|
7
|
-
onCloseDone?: () => void;
|
|
8
|
-
}
|
|
9
|
-
declare const ModalBase: (props: ModalBaseProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
10
|
-
export default ModalBase;
|