@festo-ui/react 9.0.0-dev.706 → 9.0.0-dev.709
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 +34 -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 +60 -22
- 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
package/node/lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.js
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
var _AccordionItemContext = _interopRequireDefault(require("../AccordionItemContext.js"));
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
const AccordionItemHeader = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
13
|
-
let {
|
|
14
|
-
children,
|
|
15
|
-
className,
|
|
16
|
-
...props
|
|
17
|
-
} = _ref;
|
|
18
|
-
const {
|
|
19
|
-
toggle,
|
|
20
|
-
id
|
|
21
|
-
} = (0, _react.useContext)(_AccordionItemContext.default);
|
|
22
|
-
function handleKeyDown(event) {
|
|
23
|
-
if (event.key === "Enter") {
|
|
24
|
-
event.preventDefault();
|
|
25
|
-
toggle?.(event);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
function handleKeyUp(event) {
|
|
29
|
-
if (event.key === "Enter") {
|
|
30
|
-
event.preventDefault();
|
|
31
|
-
toggle?.(event);
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
35
|
-
ref: ref,
|
|
36
|
-
className: (0, _classnames.default)("fr-accordion-item-header", className),
|
|
37
|
-
role: "button",
|
|
38
|
-
tabIndex: 0,
|
|
39
|
-
id: `${id}-header`,
|
|
40
|
-
"aria-controls": `${id}-body`,
|
|
41
|
-
onKeyDown: handleKeyDown,
|
|
42
|
-
onKeyUp: handleKeyUp,
|
|
43
|
-
onClick: toggle,
|
|
44
|
-
...props,
|
|
45
|
-
children: children
|
|
46
|
-
});
|
|
47
|
-
});
|
|
48
|
-
var _default = exports.default = AccordionItemHeader;
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = BottomSheet;
|
|
7
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
12
|
-
/* eslint-disable jsx-a11y/click-events-have-key-events */
|
|
13
|
-
|
|
14
|
-
function BottomSheet(_ref) {
|
|
15
|
-
let {
|
|
16
|
-
children,
|
|
17
|
-
open,
|
|
18
|
-
defaultExpanded,
|
|
19
|
-
expandFrom = "center",
|
|
20
|
-
hasBackdrop = true,
|
|
21
|
-
hideCloseIcon,
|
|
22
|
-
onOpenChange
|
|
23
|
-
} = _ref;
|
|
24
|
-
const [expanded, setExpanded] = (0, _react.useState)(defaultExpanded);
|
|
25
|
-
const [isClosing, setClosing] = (0, _react.useState)(false);
|
|
26
|
-
const [startY, setStartY] = (0, _react.useState)(0);
|
|
27
|
-
const [swiping, setSwiping] = (0, _react.useState)(false);
|
|
28
|
-
function toggleExpand() {
|
|
29
|
-
const newExpanded = !expanded;
|
|
30
|
-
setExpanded(newExpanded);
|
|
31
|
-
}
|
|
32
|
-
function closeBottomSheet() {
|
|
33
|
-
setClosing(true);
|
|
34
|
-
setExpanded(defaultExpanded);
|
|
35
|
-
setTimeout(() => {
|
|
36
|
-
setClosing(false);
|
|
37
|
-
onOpenChange?.(false);
|
|
38
|
-
}, 300);
|
|
39
|
-
}
|
|
40
|
-
const handleTouchStart = event => {
|
|
41
|
-
setStartY(event.touches[0].clientY);
|
|
42
|
-
setSwiping(true);
|
|
43
|
-
};
|
|
44
|
-
const handleTouchMove = event => {
|
|
45
|
-
if (!swiping) return;
|
|
46
|
-
const currentY = event.touches[0].clientY;
|
|
47
|
-
const deltaY = currentY - startY;
|
|
48
|
-
if (deltaY < -50 && !expanded) {
|
|
49
|
-
// swipe up to expand
|
|
50
|
-
setExpanded(true);
|
|
51
|
-
setSwiping(false);
|
|
52
|
-
} else if (deltaY > 50 && expanded) {
|
|
53
|
-
// swipe down to collapse
|
|
54
|
-
setExpanded(false);
|
|
55
|
-
setSwiping(false);
|
|
56
|
-
} else if (deltaY > 100 && !expanded) {
|
|
57
|
-
// swipe down to close
|
|
58
|
-
closeBottomSheet();
|
|
59
|
-
setSwiping(false);
|
|
60
|
-
}
|
|
61
|
-
};
|
|
62
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
63
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
64
|
-
className: (0, _classnames.default)("fwe-bottom-sheet-backdrop", {
|
|
65
|
-
"fwe-bottom-sheet-backdrop--visible": hasBackdrop && open && !isClosing
|
|
66
|
-
}),
|
|
67
|
-
onClick: closeBottomSheet
|
|
68
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
69
|
-
className: (0, _classnames.default)("fwe-bottom-sheet-container", {
|
|
70
|
-
"fwe-bottom-sheet-container--open": open,
|
|
71
|
-
"fwe-bottom-sheet-container--expanded": expanded,
|
|
72
|
-
"fwe-bottom-sheet-container--expand-from-center": expandFrom === "center",
|
|
73
|
-
"fwe-bottom-sheet-container--with-backdrop": hasBackdrop,
|
|
74
|
-
"fwe-bottom-sheet-container--closing": isClosing
|
|
75
|
-
}),
|
|
76
|
-
onTouchStart: handleTouchStart,
|
|
77
|
-
onTouchMove: handleTouchMove,
|
|
78
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
79
|
-
className: "fwe-bottom-sheet-header",
|
|
80
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
81
|
-
className: "fwe-bottom-sheet-drag-handle-container",
|
|
82
|
-
onClick: toggleExpand,
|
|
83
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
84
|
-
className: "fwe-bottom-sheet-drag-handle"
|
|
85
|
-
})
|
|
86
|
-
}), !hideCloseIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
87
|
-
type: "button",
|
|
88
|
-
className: "fwe-bottom-sheet-close-btn",
|
|
89
|
-
onClick: closeBottomSheet,
|
|
90
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
91
|
-
className: "fwe-sr-only",
|
|
92
|
-
children: "Close"
|
|
93
|
-
})
|
|
94
|
-
})]
|
|
95
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
96
|
-
className: "fwe-bottom-sheet-content",
|
|
97
|
-
children: children
|
|
98
|
-
})]
|
|
99
|
-
})]
|
|
100
|
-
});
|
|
101
|
-
}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.WithoutCloseIcon = exports.WithoutBackdrop = exports.ExpandFromBottom = exports.Default = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _BottomSheet = _interopRequireDefault(require("./BottomSheet.js"));
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
const meta = {
|
|
12
|
-
component: _BottomSheet.default,
|
|
13
|
-
title: "Components/Bottom Sheet",
|
|
14
|
-
decorators: [Story => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
15
|
-
style: {
|
|
16
|
-
minHeight: 600
|
|
17
|
-
},
|
|
18
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Story, {})
|
|
19
|
-
})]
|
|
20
|
-
};
|
|
21
|
-
var _default = exports.default = meta;
|
|
22
|
-
const Default = exports.Default = {
|
|
23
|
-
render: args => {
|
|
24
|
-
const [open, setOpen] = (0, _react.useState)(false);
|
|
25
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
26
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
27
|
-
type: "button",
|
|
28
|
-
className: "fwe-btn",
|
|
29
|
-
onClick: () => setOpen(true),
|
|
30
|
-
children: "Open"
|
|
31
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BottomSheet.default, {
|
|
32
|
-
...args,
|
|
33
|
-
open: open,
|
|
34
|
-
onOpenChange: setOpen
|
|
35
|
-
})]
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
const WithoutBackdrop = exports.WithoutBackdrop = {
|
|
40
|
-
args: {
|
|
41
|
-
hasBackdrop: false
|
|
42
|
-
},
|
|
43
|
-
render: Default.render
|
|
44
|
-
};
|
|
45
|
-
const ExpandFromBottom = exports.ExpandFromBottom = {
|
|
46
|
-
args: {
|
|
47
|
-
expandFrom: "bottom"
|
|
48
|
-
},
|
|
49
|
-
render: Default.render
|
|
50
|
-
};
|
|
51
|
-
const WithoutCloseIcon = exports.WithoutCloseIcon = {
|
|
52
|
-
args: {
|
|
53
|
-
hideCloseIcon: true
|
|
54
|
-
},
|
|
55
|
-
render: Default.render
|
|
56
|
-
};
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
/**
|
|
12
|
-
* Breadcrumb navigation can be used on pages with multiple navigation levels.
|
|
13
|
-
*/
|
|
14
|
-
function Breadcrumb(_ref) {
|
|
15
|
-
let {
|
|
16
|
-
locations,
|
|
17
|
-
onClick,
|
|
18
|
-
children,
|
|
19
|
-
className
|
|
20
|
-
} = _ref;
|
|
21
|
-
const childrenList = [];
|
|
22
|
-
_react.default.Children.forEach(children, element => {
|
|
23
|
-
if (/*#__PURE__*/_react.default.isValidElement(element)) {
|
|
24
|
-
childrenList.push({
|
|
25
|
-
...element,
|
|
26
|
-
props: {
|
|
27
|
-
...element.props,
|
|
28
|
-
className: "fr-breadcrumb-location"
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
});
|
|
33
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
34
|
-
className: (0, _classnames.default)("fwe-breadcrumb", className),
|
|
35
|
-
children: locations ? locations.map(location => /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
|
|
36
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
|
|
37
|
-
className: "fr-breadcrumb-location",
|
|
38
|
-
href: location.url,
|
|
39
|
-
onClick: e => onClick ? onClick(e) : undefined,
|
|
40
|
-
children: location.label
|
|
41
|
-
})
|
|
42
|
-
}, location.url)) : childrenList.map(child => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
|
|
43
|
-
children: [child, " "]
|
|
44
|
-
}, child.props.children))
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
var _default = exports.default = Breadcrumb;
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
var _IconWrapper = _interopRequireDefault(require("../../icon-wrapper/IconWrapper.js"));
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
13
|
-
let {
|
|
14
|
-
icon,
|
|
15
|
-
type = "button",
|
|
16
|
-
disabled = false,
|
|
17
|
-
iconOnly = false,
|
|
18
|
-
large = false,
|
|
19
|
-
floating = false,
|
|
20
|
-
onClick,
|
|
21
|
-
primary = false,
|
|
22
|
-
tertiary = false,
|
|
23
|
-
className,
|
|
24
|
-
children,
|
|
25
|
-
...props
|
|
26
|
-
} = _ref;
|
|
27
|
-
const classes = (0, _classnames.default)("fwe-btn", "fr-button", {
|
|
28
|
-
"fwe-btn-icon": iconOnly
|
|
29
|
-
}, {
|
|
30
|
-
"fwe-disabled": disabled
|
|
31
|
-
}, {
|
|
32
|
-
"fwe-btn-hero": primary && !tertiary
|
|
33
|
-
}, {
|
|
34
|
-
"fwe-btn-link": tertiary && !primary
|
|
35
|
-
}, {
|
|
36
|
-
"fwe-btn-lg": large
|
|
37
|
-
}, {
|
|
38
|
-
"fwe-btn-floating": floating
|
|
39
|
-
}, className);
|
|
40
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
|
|
41
|
-
// ignore here because fallback will explicitly be set to type 'button'
|
|
42
|
-
// eslint-disable-next-line react/button-has-type
|
|
43
|
-
type: type,
|
|
44
|
-
onClick: onClick,
|
|
45
|
-
className: classes,
|
|
46
|
-
disabled: disabled,
|
|
47
|
-
ref: ref,
|
|
48
|
-
...props,
|
|
49
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconWrapper.default, {
|
|
50
|
-
icon: icon
|
|
51
|
-
}), !iconOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
52
|
-
children: children
|
|
53
|
-
})]
|
|
54
|
-
});
|
|
55
|
-
});
|
|
56
|
-
var _default = exports.default = Button;
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.Tertiary = exports.Sizes = exports.Secondary = exports.Primary = exports.Overview = exports.IconOnly = exports.Icon = exports.Floating = void 0;
|
|
7
|
-
var _reactIcons = require("@festo-ui/react-icons");
|
|
8
|
-
var _Button = _interopRequireDefault(require("./Button.js"));
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
const meta = {
|
|
12
|
-
component: _Button.default,
|
|
13
|
-
title: "Components/Buttons"
|
|
14
|
-
};
|
|
15
|
-
var _default = exports.default = meta;
|
|
16
|
-
const Overview = exports.Overview = {
|
|
17
|
-
render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
18
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
19
|
-
className: "fwe-d-flex fwe-justify-content-space-between fwe-align-items-end",
|
|
20
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
21
|
-
primary: true,
|
|
22
|
-
children: "Hero"
|
|
23
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
24
|
-
children: "Secondary"
|
|
25
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
26
|
-
tertiary: true,
|
|
27
|
-
children: "Tertiary"
|
|
28
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
29
|
-
disabled: true,
|
|
30
|
-
children: "Disabled"
|
|
31
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
32
|
-
large: true,
|
|
33
|
-
children: "Large"
|
|
34
|
-
})]
|
|
35
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
36
|
-
className: "fwe-mt-m fwe-mb-l fwe-d-flex fwe-justify-content-space-between fwe-align-items-end",
|
|
37
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
38
|
-
icon: "ecommerce-core-range-product",
|
|
39
|
-
children: "Icon from iconfont"
|
|
40
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
41
|
-
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconCoreRangeProduct, {}),
|
|
42
|
-
children: "Icon from react icons"
|
|
43
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
44
|
-
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconCoreRangeProduct, {}),
|
|
45
|
-
iconOnly: true
|
|
46
|
-
})]
|
|
47
|
-
})]
|
|
48
|
-
})
|
|
49
|
-
};
|
|
50
|
-
const Primary = exports.Primary = {
|
|
51
|
-
args: {
|
|
52
|
-
primary: true,
|
|
53
|
-
children: "Primary"
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
const Secondary = exports.Secondary = {
|
|
57
|
-
args: {
|
|
58
|
-
children: "Secondary"
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
const Tertiary = exports.Tertiary = {
|
|
62
|
-
args: {
|
|
63
|
-
tertiary: true,
|
|
64
|
-
children: "Tertiary"
|
|
65
|
-
}
|
|
66
|
-
};
|
|
67
|
-
const Sizes = exports.Sizes = {
|
|
68
|
-
args: {
|
|
69
|
-
children: "Large Button",
|
|
70
|
-
large: true
|
|
71
|
-
}
|
|
72
|
-
};
|
|
73
|
-
const Icon = exports.Icon = {
|
|
74
|
-
args: {
|
|
75
|
-
children: "With Icon",
|
|
76
|
-
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconCoreRangeProduct, {})
|
|
77
|
-
}
|
|
78
|
-
};
|
|
79
|
-
const IconOnly = exports.IconOnly = {
|
|
80
|
-
args: {
|
|
81
|
-
iconOnly: true,
|
|
82
|
-
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconCoreRangeProduct, {})
|
|
83
|
-
}
|
|
84
|
-
};
|
|
85
|
-
const Floating = exports.Floating = {
|
|
86
|
-
args: {
|
|
87
|
-
iconOnly: true,
|
|
88
|
-
large: true,
|
|
89
|
-
primary: true,
|
|
90
|
-
floating: true,
|
|
91
|
-
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconCoreRangeProduct, {})
|
|
92
|
-
}
|
|
93
|
-
};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
function Card(_ref) {
|
|
11
|
-
let {
|
|
12
|
-
children,
|
|
13
|
-
className
|
|
14
|
-
} = _ref;
|
|
15
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
16
|
-
className: (0, _classnames.default)("fwe-card", className),
|
|
17
|
-
children: children
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
var _default = exports.default = Card;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
function CardBody(_ref) {
|
|
11
|
-
let {
|
|
12
|
-
children,
|
|
13
|
-
text,
|
|
14
|
-
className
|
|
15
|
-
} = _ref;
|
|
16
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
17
|
-
className: (0, _classnames.default)("fwe-card-body", className),
|
|
18
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
19
|
-
className: "fwe-card-text",
|
|
20
|
-
children: text
|
|
21
|
-
}), children]
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
var _default = exports.default = CardBody;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
function CardHeader(_ref) {
|
|
11
|
-
let {
|
|
12
|
-
title,
|
|
13
|
-
subtitle,
|
|
14
|
-
action,
|
|
15
|
-
image,
|
|
16
|
-
className
|
|
17
|
-
} = _ref;
|
|
18
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
19
|
-
children: [image ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
20
|
-
alt: image.alt,
|
|
21
|
-
className: `fwe-card-img-${image.aspectRatio === "3/2" ? "32" : "169"}`,
|
|
22
|
-
src: image.src
|
|
23
|
-
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
24
|
-
className: (0, _classnames.default)("fwe-card-header", className),
|
|
25
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
26
|
-
className: "fwe-card-title",
|
|
27
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h5", {
|
|
28
|
-
children: title
|
|
29
|
-
}), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
30
|
-
children: subtitle
|
|
31
|
-
})]
|
|
32
|
-
}), action]
|
|
33
|
-
})]
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
var _default = exports.default = CardHeader;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _gallery01Webp = _interopRequireDefault(require("../../../../../web-essentials/stories/assets/gallery-01.webp.js"));
|
|
8
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
-
/* eslint-disable import/no-relative-packages */
|
|
10
|
-
// @ts-ignore
|
|
11
|
-
|
|
12
|
-
const cardImage = {
|
|
13
|
-
src: _gallery01Webp.default,
|
|
14
|
-
alt: "Asset",
|
|
15
|
-
aspectRatio: "16/9"
|
|
16
|
-
};
|
|
17
|
-
var _default = exports.default = cardImage;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
8
|
-
var _reactIcons = require("@festo-ui/react-icons");
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
function CardNotification(_ref) {
|
|
12
|
-
let {
|
|
13
|
-
className,
|
|
14
|
-
title,
|
|
15
|
-
message
|
|
16
|
-
} = _ref;
|
|
17
|
-
const classes = (0, _classnames.default)("fwe-card-notification", className);
|
|
18
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
19
|
-
className: classes,
|
|
20
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconWarning, {
|
|
21
|
-
size: 24
|
|
22
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
23
|
-
className: "fwe-card-title",
|
|
24
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h6", {
|
|
25
|
-
children: title
|
|
26
|
-
}), message && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
27
|
-
children: message
|
|
28
|
-
})]
|
|
29
|
-
})]
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
var _default = exports.default = CardNotification;
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.ChipType = void 0;
|
|
7
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
8
|
-
var _IconWrapper = _interopRequireDefault(require("../../icon-wrapper/IconWrapper.js"));
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
let ChipType = exports.ChipType = /*#__PURE__*/function (ChipType) {
|
|
12
|
-
ChipType[ChipType["Choice"] = 0] = "Choice";
|
|
13
|
-
ChipType[ChipType["Category"] = 1] = "Category";
|
|
14
|
-
ChipType[ChipType["Filter"] = 2] = "Filter";
|
|
15
|
-
ChipType[ChipType["Readonly"] = 3] = "Readonly";
|
|
16
|
-
return ChipType;
|
|
17
|
-
}({});
|
|
18
|
-
function Chip(_ref) {
|
|
19
|
-
let {
|
|
20
|
-
type = ChipType.Choice,
|
|
21
|
-
selected = false,
|
|
22
|
-
disabled = false,
|
|
23
|
-
large = false,
|
|
24
|
-
icon,
|
|
25
|
-
children,
|
|
26
|
-
onClick,
|
|
27
|
-
className
|
|
28
|
-
} = _ref;
|
|
29
|
-
const classes = (0, _classnames.default)("fr-chip", "fwe-chip", {
|
|
30
|
-
"fwe-selected": selected
|
|
31
|
-
}, {
|
|
32
|
-
"fwe-disabled": disabled
|
|
33
|
-
}, {
|
|
34
|
-
"fwe-chip-lg": large
|
|
35
|
-
}, {
|
|
36
|
-
"fwe-category": type === ChipType.Category
|
|
37
|
-
}, {
|
|
38
|
-
"fwe-filter": type === ChipType.Filter
|
|
39
|
-
}, {
|
|
40
|
-
"fwe-readonly": type === ChipType.Readonly
|
|
41
|
-
}, className);
|
|
42
|
-
return (
|
|
43
|
-
/*#__PURE__*/
|
|
44
|
-
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
45
|
-
(0, _jsxRuntime.jsxs)("div", {
|
|
46
|
-
className: classes,
|
|
47
|
-
onClick: onClick,
|
|
48
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconWrapper.default, {
|
|
49
|
-
icon: icon
|
|
50
|
-
}), children]
|
|
51
|
-
})
|
|
52
|
-
);
|
|
53
|
-
}
|
|
54
|
-
var _default = exports.default = Chip;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
function ChipContainer(_ref) {
|
|
11
|
-
let {
|
|
12
|
-
large = false,
|
|
13
|
-
children,
|
|
14
|
-
className
|
|
15
|
-
} = _ref;
|
|
16
|
-
const classes = (0, _classnames.default)("fwe-chip-container", {
|
|
17
|
-
"fwe-chip-container-lg": large
|
|
18
|
-
}, className);
|
|
19
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
20
|
-
className: classes,
|
|
21
|
-
children: children
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
var _default = exports.default = ChipContainer;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = IconWrapper;
|
|
7
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
8
|
-
function IconWrapper(_ref) {
|
|
9
|
-
let {
|
|
10
|
-
icon
|
|
11
|
-
} = _ref;
|
|
12
|
-
if (!icon) return null;
|
|
13
|
-
if (typeof icon === "string") {
|
|
14
|
-
let iconName = icon;
|
|
15
|
-
if (!icon.startsWith("fwe-icon-")) {
|
|
16
|
-
iconName = `fwe-icon-${icon}`;
|
|
17
|
-
}
|
|
18
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
|
|
19
|
-
className: `fwe-icon ${iconName}`
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
return icon;
|
|
23
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
var _IconWrapper = _interopRequireDefault(require("../icon-wrapper/IconWrapper.js"));
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
const LinkButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
13
|
-
let {
|
|
14
|
-
icon,
|
|
15
|
-
onClick,
|
|
16
|
-
disabled = false,
|
|
17
|
-
children,
|
|
18
|
-
iconOnly = false,
|
|
19
|
-
className,
|
|
20
|
-
...props
|
|
21
|
-
} = _ref;
|
|
22
|
-
const classes = (0, _classnames.default)("fwe-btn", "fwe-btn-link", {
|
|
23
|
-
"fwe-disabled": disabled
|
|
24
|
-
}, {
|
|
25
|
-
"fwe-btn-icon": iconOnly
|
|
26
|
-
}, className);
|
|
27
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
|
|
28
|
-
onClick: onClick,
|
|
29
|
-
type: "button",
|
|
30
|
-
className: classes,
|
|
31
|
-
disabled: disabled,
|
|
32
|
-
ref: ref,
|
|
33
|
-
...props,
|
|
34
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconWrapper.default, {
|
|
35
|
-
icon: icon
|
|
36
|
-
}), !iconOnly && children]
|
|
37
|
-
});
|
|
38
|
-
});
|
|
39
|
-
var _default = exports.default = LinkButton;
|