@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
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = Prompt;
|
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _TextInput = _interopRequireDefault(require("../../forms/text-input/TextInput.js"));
|
|
9
|
-
var _Modal = _interopRequireDefault(require("./Modal.js"));
|
|
10
|
-
var _ModalFooter = _interopRequireDefault(require("./ModalFooter.js"));
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
-
function Prompt(_ref) {
|
|
16
|
-
let {
|
|
17
|
-
title,
|
|
18
|
-
subtitle,
|
|
19
|
-
hint,
|
|
20
|
-
label,
|
|
21
|
-
value,
|
|
22
|
-
onChange,
|
|
23
|
-
onOk,
|
|
24
|
-
onCancel,
|
|
25
|
-
cancel,
|
|
26
|
-
ok,
|
|
27
|
-
...props
|
|
28
|
-
} = _ref;
|
|
29
|
-
const [innerValue, setInnerValue] = (0, _react.useState)(value);
|
|
30
|
-
(0, _react.useEffect)(() => {
|
|
31
|
-
setInnerValue(value);
|
|
32
|
-
}, [value]);
|
|
33
|
-
function handleChange(e) {
|
|
34
|
-
setInnerValue(e.target.value);
|
|
35
|
-
if (onChange) {
|
|
36
|
-
onChange(e);
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.default, {
|
|
40
|
-
head: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
41
|
-
children: [subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
|
|
42
|
-
className: "fwe-modal-h2",
|
|
43
|
-
children: subtitle
|
|
44
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
|
|
45
|
-
className: "fwe-modal-h1",
|
|
46
|
-
children: title
|
|
47
|
-
})]
|
|
48
|
-
}),
|
|
49
|
-
body: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextInput.default, {
|
|
50
|
-
onChange: handleChange,
|
|
51
|
-
label: label,
|
|
52
|
-
hint: hint,
|
|
53
|
-
value: innerValue,
|
|
54
|
-
autoFocus: true
|
|
55
|
-
}),
|
|
56
|
-
...props,
|
|
57
|
-
children: (cancel || ok) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ModalFooter.default, {
|
|
58
|
-
children: [cancel && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
59
|
-
type: "button",
|
|
60
|
-
"aria-label": "Cancel",
|
|
61
|
-
className: "fwe-btn fwe-btn-lg",
|
|
62
|
-
onClick: onCancel,
|
|
63
|
-
children: cancel
|
|
64
|
-
}), ok && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
65
|
-
type: "button",
|
|
66
|
-
"aria-label": "Ok",
|
|
67
|
-
className: "fwe-btn fwe-btn-hero fwe-btn-lg",
|
|
68
|
-
onClick: () => onOk(innerValue),
|
|
69
|
-
children: ok
|
|
70
|
-
})]
|
|
71
|
-
})
|
|
72
|
-
});
|
|
73
|
-
}
|
|
@@ -1,18 +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
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
-
const getClasses = (thumbnailImages, descriptiveContent, className) => {
|
|
10
|
-
const base = "fwe-modal-image-gallery";
|
|
11
|
-
const thumbnail = `${base}--with-thumbnails`;
|
|
12
|
-
const container = `${base}--with-container`;
|
|
13
|
-
return (0, _classnames.default)(base, {
|
|
14
|
-
[thumbnail]: [thumbnailImages],
|
|
15
|
-
[container]: descriptiveContent
|
|
16
|
-
}, className);
|
|
17
|
-
};
|
|
18
|
-
var _default = exports.default = getClasses;
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _ModalBase = _interopRequireDefault(require("../ModalBase.js"));
|
|
9
|
-
var _BaseGallery = _interopRequireDefault(require("./internal/BaseGallery.js"));
|
|
10
|
-
var _ImageGalleryContent = _interopRequireDefault(require("./ImageGalleryContent.js"));
|
|
11
|
-
var _ImageGalleryPagination = _interopRequireDefault(require("./internal/ImageGalleryPagination.js"));
|
|
12
|
-
var _ImageGalleryHelper = _interopRequireDefault(require("./ImageGallery.helper.js"));
|
|
13
|
-
var _ImageGalleryContainer = _interopRequireDefault(require("./internal/ImageGalleryContainer.js"));
|
|
14
|
-
var _CloseButton = _interopRequireDefault(require("./internal/CloseButton.js"));
|
|
15
|
-
var _ScaleButton = _interopRequireDefault(require("./internal/ScaleButton.js"));
|
|
16
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
|
-
function getLength(pagination, images) {
|
|
19
|
-
let length = 0;
|
|
20
|
-
if (typeof pagination === "number") {
|
|
21
|
-
length = pagination;
|
|
22
|
-
} else if (pagination === true && images?.length) {
|
|
23
|
-
length = images.length;
|
|
24
|
-
}
|
|
25
|
-
return length;
|
|
26
|
-
}
|
|
27
|
-
const ImageGallery = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
28
|
-
let {
|
|
29
|
-
isOpen,
|
|
30
|
-
startIndex,
|
|
31
|
-
images,
|
|
32
|
-
thumbnailImages,
|
|
33
|
-
descriptiveContent,
|
|
34
|
-
children,
|
|
35
|
-
className,
|
|
36
|
-
pagination,
|
|
37
|
-
showScaleButton,
|
|
38
|
-
onClose,
|
|
39
|
-
onSlideChanged,
|
|
40
|
-
onScaleChange,
|
|
41
|
-
...props
|
|
42
|
-
} = _ref;
|
|
43
|
-
const [currentIndex, setCurrentIndex] = (0, _react.useState)(startIndex + 1);
|
|
44
|
-
function handleChange(index) {
|
|
45
|
-
setCurrentIndex(index + 1);
|
|
46
|
-
onSlideChanged?.(index);
|
|
47
|
-
}
|
|
48
|
-
function handleClose() {
|
|
49
|
-
setCurrentIndex(startIndex + 1);
|
|
50
|
-
onClose?.();
|
|
51
|
-
}
|
|
52
|
-
const hasDescriptiveContent = Boolean(descriptiveContent);
|
|
53
|
-
const classes = (0, _ImageGalleryHelper.default)(thumbnailImages, hasDescriptiveContent, className);
|
|
54
|
-
const length = getLength(pagination, images);
|
|
55
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ModalBase.default, {
|
|
56
|
-
onClose: handleClose,
|
|
57
|
-
className: classes,
|
|
58
|
-
...props,
|
|
59
|
-
isOpen: isOpen,
|
|
60
|
-
ref: ref,
|
|
61
|
-
children: isOpen && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
62
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
63
|
-
className: "fwe-image-gallery-header",
|
|
64
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageGalleryPagination.default, {
|
|
65
|
-
currentIndex: currentIndex,
|
|
66
|
-
length: length
|
|
67
|
-
}), showScaleButton ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScaleButton.default, {
|
|
68
|
-
onScaleChange: onScaleChange
|
|
69
|
-
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseButton.default, {
|
|
70
|
-
showScaleButton: showScaleButton,
|
|
71
|
-
onClose: onClose
|
|
72
|
-
})]
|
|
73
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ImageGalleryContainer.default, {
|
|
74
|
-
descriptiveContent: hasDescriptiveContent,
|
|
75
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseGallery.default, {
|
|
76
|
-
startIndex: startIndex,
|
|
77
|
-
images: images,
|
|
78
|
-
thumbnailImages: thumbnailImages,
|
|
79
|
-
onSlideChanged: handleChange,
|
|
80
|
-
children: children
|
|
81
|
-
}), images && descriptiveContent === true ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageGalleryContent.default, {
|
|
82
|
-
imageContent: images?.[currentIndex - 1]?.content
|
|
83
|
-
}) : null, typeof descriptiveContent === "function" ? descriptiveContent?.(currentIndex - 1) : null]
|
|
84
|
-
})]
|
|
85
|
-
})
|
|
86
|
-
});
|
|
87
|
-
});
|
|
88
|
-
var _default = exports.default = ImageGallery;
|
|
@@ -1,123 +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
|
-
var _gallery02Webp = _interopRequireDefault(require("../../../../../../web-essentials/stories/assets/gallery-02.webp.js"));
|
|
9
|
-
var _gallery03Webp = _interopRequireDefault(require("../../../../../../web-essentials/stories/assets/gallery-03.webp.js"));
|
|
10
|
-
var _gallery04Webp = _interopRequireDefault(require("../../../../../../web-essentials/stories/assets/gallery-04.webp.js"));
|
|
11
|
-
var _gallery05Webp = _interopRequireDefault(require("../../../../../../web-essentials/stories/assets/gallery-05.webp.js"));
|
|
12
|
-
var _gallery06Webp = _interopRequireDefault(require("../../../../../../web-essentials/stories/assets/gallery-06.webp.js"));
|
|
13
|
-
var _gallery07Webp = _interopRequireDefault(require("../../../../../../web-essentials/stories/assets/gallery-07.webp.js"));
|
|
14
|
-
var _gallery08Webp = _interopRequireDefault(require("../../../../../../web-essentials/stories/assets/gallery-08.webp.js"));
|
|
15
|
-
var _gallery09Webp = _interopRequireDefault(require("../../../../../../web-essentials/stories/assets/gallery-09.webp.js"));
|
|
16
|
-
var _gallery10Webp = _interopRequireDefault(require("../../../../../../web-essentials/stories/assets/gallery-10.webp.js"));
|
|
17
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
|
-
/* eslint-disable import/no-relative-packages */
|
|
20
|
-
// @ts-ignore
|
|
21
|
-
|
|
22
|
-
// @ts-ignore
|
|
23
|
-
|
|
24
|
-
// @ts-ignore
|
|
25
|
-
|
|
26
|
-
// @ts-ignore
|
|
27
|
-
|
|
28
|
-
// @ts-ignore
|
|
29
|
-
|
|
30
|
-
// @ts-ignore
|
|
31
|
-
|
|
32
|
-
// @ts-ignore
|
|
33
|
-
|
|
34
|
-
// @ts-ignore
|
|
35
|
-
|
|
36
|
-
// @ts-ignore
|
|
37
|
-
|
|
38
|
-
// @ts-ignore
|
|
39
|
-
|
|
40
|
-
const images = [{
|
|
41
|
-
src: _gallery01Webp.default,
|
|
42
|
-
alt: "Asset1",
|
|
43
|
-
imageContent: {
|
|
44
|
-
title: "Asset 1",
|
|
45
|
-
body: "Asset 1 description"
|
|
46
|
-
}
|
|
47
|
-
}, {
|
|
48
|
-
src: _gallery02Webp.default,
|
|
49
|
-
alt: "Asset2",
|
|
50
|
-
containMode: true,
|
|
51
|
-
imageContent: {
|
|
52
|
-
title: "Asset 2",
|
|
53
|
-
body: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
54
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
55
|
-
children: "Asset 2 description with some html inside."
|
|
56
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
|
|
57
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
|
|
58
|
-
children: "bullet point 1"
|
|
59
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
|
|
60
|
-
children: "bullet point 2"
|
|
61
|
-
})]
|
|
62
|
-
})]
|
|
63
|
-
})
|
|
64
|
-
}
|
|
65
|
-
}, {
|
|
66
|
-
src: _gallery03Webp.default,
|
|
67
|
-
alt: "Asset3",
|
|
68
|
-
containMode: true,
|
|
69
|
-
imageContent: {
|
|
70
|
-
title: "Asset 3",
|
|
71
|
-
body: "Asset 3 description"
|
|
72
|
-
}
|
|
73
|
-
}, {
|
|
74
|
-
src: _gallery04Webp.default,
|
|
75
|
-
alt: "Asset4",
|
|
76
|
-
imageContent: {
|
|
77
|
-
title: "Asset 4",
|
|
78
|
-
body: "Asset 4 description"
|
|
79
|
-
}
|
|
80
|
-
}, {
|
|
81
|
-
src: _gallery05Webp.default,
|
|
82
|
-
alt: "Asset5",
|
|
83
|
-
imageContent: {
|
|
84
|
-
title: "Asset 5",
|
|
85
|
-
body: "Asset 5 description"
|
|
86
|
-
}
|
|
87
|
-
}, {
|
|
88
|
-
src: _gallery06Webp.default,
|
|
89
|
-
alt: "Asset6",
|
|
90
|
-
imageContent: {
|
|
91
|
-
title: "Asset 6",
|
|
92
|
-
body: "Asset 6 description"
|
|
93
|
-
}
|
|
94
|
-
}, {
|
|
95
|
-
src: _gallery07Webp.default,
|
|
96
|
-
alt: "Asset7",
|
|
97
|
-
imageContent: {
|
|
98
|
-
title: "Asset 7",
|
|
99
|
-
body: "Asset 7 description"
|
|
100
|
-
}
|
|
101
|
-
}, {
|
|
102
|
-
src: _gallery08Webp.default,
|
|
103
|
-
alt: "Asset8",
|
|
104
|
-
imageContent: {
|
|
105
|
-
title: "Asset 8",
|
|
106
|
-
body: "Asset 8 description"
|
|
107
|
-
}
|
|
108
|
-
}, {
|
|
109
|
-
src: _gallery09Webp.default,
|
|
110
|
-
alt: "Asset9",
|
|
111
|
-
imageContent: {
|
|
112
|
-
title: "Asset 9",
|
|
113
|
-
body: "Asset 9 description"
|
|
114
|
-
}
|
|
115
|
-
}, {
|
|
116
|
-
src: _gallery10Webp.default,
|
|
117
|
-
alt: "Asset10",
|
|
118
|
-
imageContent: {
|
|
119
|
-
title: "Asset 10",
|
|
120
|
-
body: "Asset 1ß description"
|
|
121
|
-
}
|
|
122
|
-
}];
|
|
123
|
-
var _default = exports.default = images;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = ImageGalleryContent;
|
|
7
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
8
|
-
function ImageGalleryContent(_ref) {
|
|
9
|
-
let {
|
|
10
|
-
imageContent
|
|
11
|
-
} = _ref;
|
|
12
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
13
|
-
children: imageContent && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
14
|
-
className: "fwe-image-gallery-content",
|
|
15
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
|
|
16
|
-
children: imageContent.title
|
|
17
|
-
}), imageContent.body]
|
|
18
|
-
})
|
|
19
|
-
});
|
|
20
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.SwiperContext = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
const ImageGalleryContext = /*#__PURE__*/(0, _react.createContext)({});
|
|
9
|
-
const SwiperContext = exports.SwiperContext = /*#__PURE__*/(0, _react.createContext)("gallery");
|
|
10
|
-
var _default = exports.default = ImageGalleryContext;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = ImageGallerySwiper;
|
|
7
|
-
var _react = require("swiper/react");
|
|
8
|
-
var _swiper = require("swiper");
|
|
9
|
-
var _react2 = require("react");
|
|
10
|
-
var _ImageGalleryContext = _interopRequireDefault(require("./ImageGalleryContext.js"));
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
-
function ImageGallerySwiper(_ref) {
|
|
14
|
-
let {
|
|
15
|
-
children
|
|
16
|
-
} = _ref;
|
|
17
|
-
const {
|
|
18
|
-
thumbsSwiper,
|
|
19
|
-
startIndex,
|
|
20
|
-
onSlideChanged
|
|
21
|
-
} = (0, _react2.useContext)(_ImageGalleryContext.default);
|
|
22
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Swiper, {
|
|
23
|
-
initialSlide: startIndex,
|
|
24
|
-
thumbs: {
|
|
25
|
-
swiper: thumbsSwiper
|
|
26
|
-
},
|
|
27
|
-
modules: [_swiper.Thumbs, _swiper.Navigation],
|
|
28
|
-
navigation: {
|
|
29
|
-
nextEl: ".fwe-navigate-btn-up",
|
|
30
|
-
prevEl: ".fwe-navigate-btn-down"
|
|
31
|
-
},
|
|
32
|
-
zoom: true,
|
|
33
|
-
className: "gallery-swiper fwe-image-gallery",
|
|
34
|
-
spaceBetween: 0,
|
|
35
|
-
onSlideChange: slider => onSlideChanged?.(slider.activeIndex),
|
|
36
|
-
children: children
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
ImageGallerySwiper.displayName = "Swiper";
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = ImageGalleryThumbsSwiper;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _swiper = require("swiper");
|
|
9
|
-
var _react2 = require("swiper/react");
|
|
10
|
-
var _ImageGalleryContext = _interopRequireWildcard(require("./ImageGalleryContext.js"));
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
|
-
function ImageGalleryThumbsSwiper(_ref) {
|
|
15
|
-
let {
|
|
16
|
-
children
|
|
17
|
-
} = _ref;
|
|
18
|
-
const {
|
|
19
|
-
setThumbsSwiper
|
|
20
|
-
} = (0, _react.useContext)(_ImageGalleryContext.default);
|
|
21
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageGalleryContext.SwiperContext.Provider, {
|
|
22
|
-
value: "thumbs",
|
|
23
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Swiper, {
|
|
24
|
-
freeMode: true,
|
|
25
|
-
slidesPerView: "auto",
|
|
26
|
-
className: "thumbs-swiper fwe-image-gallery-thumbs",
|
|
27
|
-
modules: [_swiper.Thumbs],
|
|
28
|
-
watchSlidesProgress: true,
|
|
29
|
-
onSwiper: setThumbsSwiper,
|
|
30
|
-
children: children
|
|
31
|
-
})
|
|
32
|
-
});
|
|
33
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = ImageGalleryItem;
|
|
7
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
8
|
-
var _react = require("swiper/react");
|
|
9
|
-
var _react2 = require("react");
|
|
10
|
-
var _ImageGalleryContext = require("../ImageGalleryContext.js");
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
-
function ImageGalleryItem(_ref) {
|
|
14
|
-
let {
|
|
15
|
-
children,
|
|
16
|
-
containMode,
|
|
17
|
-
className,
|
|
18
|
-
...props
|
|
19
|
-
} = _ref;
|
|
20
|
-
const swiperType = (0, _react2.useContext)(_ImageGalleryContext.SwiperContext);
|
|
21
|
-
const isThumbsSwiper = swiperType === "thumbs";
|
|
22
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.SwiperSlide, {
|
|
23
|
-
...props,
|
|
24
|
-
className: (0, _classnames.default)(className, {
|
|
25
|
-
"fr-image-gallery-item--contain": containMode && isThumbsSwiper
|
|
26
|
-
}),
|
|
27
|
-
children: isThumbsSwiper ? children : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
28
|
-
className: (0, _classnames.default)("swiper-zoom-container", {
|
|
29
|
-
"fr-image-gallery-item--contain": containMode
|
|
30
|
-
}),
|
|
31
|
-
children: children
|
|
32
|
-
})
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
ImageGalleryItem.displayName = "SwiperSlide";
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = BaseGallery;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _ImageGalleryContext = _interopRequireDefault(require("../ImageGalleryContext.js"));
|
|
9
|
-
var _ImageGalleryItem = _interopRequireDefault(require("../image-gallery-item/ImageGalleryItem.js"));
|
|
10
|
-
var _ImageGalleryThumbsSwiper = _interopRequireDefault(require("../ImageGalleryThumbsSwiper.js"));
|
|
11
|
-
var _ImageGallerySwiper = _interopRequireDefault(require("../ImageGallerySwiper.js"));
|
|
12
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
-
function BaseGallery(_ref) {
|
|
15
|
-
let {
|
|
16
|
-
images,
|
|
17
|
-
thumbnailImages,
|
|
18
|
-
onSlideChanged,
|
|
19
|
-
startIndex,
|
|
20
|
-
children
|
|
21
|
-
} = _ref;
|
|
22
|
-
const [thumbsSwiper, setThumbsSwiper] = (0, _react.useState)(null);
|
|
23
|
-
const contextValue = (0, _react.useMemo)(() => ({
|
|
24
|
-
thumbsSwiper,
|
|
25
|
-
setThumbsSwiper,
|
|
26
|
-
onSlideChanged,
|
|
27
|
-
startIndex
|
|
28
|
-
}), [thumbsSwiper, setThumbsSwiper, onSlideChanged, startIndex]);
|
|
29
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageGalleryContext.default.Provider, {
|
|
30
|
-
value: contextValue,
|
|
31
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
32
|
-
className: "fwe-image-gallery-wrapper",
|
|
33
|
-
children: children || /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
34
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageGallerySwiper.default, {
|
|
35
|
-
children: images?.map(_ref2 => {
|
|
36
|
-
let {
|
|
37
|
-
containMode,
|
|
38
|
-
alt,
|
|
39
|
-
content,
|
|
40
|
-
...image
|
|
41
|
-
} = _ref2;
|
|
42
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageGalleryItem.default, {
|
|
43
|
-
containMode: containMode,
|
|
44
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
45
|
-
...image,
|
|
46
|
-
className: image.className,
|
|
47
|
-
alt: alt
|
|
48
|
-
})
|
|
49
|
-
}, image.src);
|
|
50
|
-
})
|
|
51
|
-
}), thumbnailImages && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageGalleryThumbsSwiper.default, {
|
|
52
|
-
children: thumbnailImages.map(_ref3 => {
|
|
53
|
-
let {
|
|
54
|
-
containMode,
|
|
55
|
-
alt,
|
|
56
|
-
content,
|
|
57
|
-
...image
|
|
58
|
-
} = _ref3;
|
|
59
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageGalleryItem.default, {
|
|
60
|
-
containMode: containMode,
|
|
61
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
62
|
-
...image,
|
|
63
|
-
className: image.className,
|
|
64
|
-
alt: alt
|
|
65
|
-
})
|
|
66
|
-
}, image.src);
|
|
67
|
-
})
|
|
68
|
-
})]
|
|
69
|
-
})
|
|
70
|
-
})
|
|
71
|
-
});
|
|
72
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = CloseButton;
|
|
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 CloseButton(_ref) {
|
|
11
|
-
let {
|
|
12
|
-
onClose,
|
|
13
|
-
showScaleButton
|
|
14
|
-
} = _ref;
|
|
15
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
16
|
-
type: "button",
|
|
17
|
-
"aria-label": "close",
|
|
18
|
-
className: (0, _classnames.default)("fwe-image-gallery-close-btn", {
|
|
19
|
-
"fwe-ml-auto": !showScaleButton,
|
|
20
|
-
"fwe-ml-3": showScaleButton
|
|
21
|
-
}),
|
|
22
|
-
onClick: onClose
|
|
23
|
-
});
|
|
24
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = ImageGalleryContainer;
|
|
7
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
8
|
-
function ImageGalleryContainer(_ref) {
|
|
9
|
-
let {
|
|
10
|
-
children,
|
|
11
|
-
descriptiveContent
|
|
12
|
-
} = _ref;
|
|
13
|
-
return descriptiveContent ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
14
|
-
className: "fwe-image-gallery-container",
|
|
15
|
-
children: children
|
|
16
|
-
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
17
|
-
children: children
|
|
18
|
-
});
|
|
19
|
-
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = ImageGalleryPagination;
|
|
7
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
8
|
-
function ImageGalleryPagination(_ref) {
|
|
9
|
-
let {
|
|
10
|
-
currentIndex,
|
|
11
|
-
length
|
|
12
|
-
} = _ref;
|
|
13
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
14
|
-
children: length && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
15
|
-
className: "fwe-pagination fwe-pagination--on-dark-bg",
|
|
16
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
17
|
-
"aria-label": "previous",
|
|
18
|
-
type: "button",
|
|
19
|
-
className: "fwe-navigate-btn-down"
|
|
20
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
21
|
-
className: "fwe-page-current",
|
|
22
|
-
children: currentIndex
|
|
23
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
24
|
-
className: "fwe-page-max",
|
|
25
|
-
children: length
|
|
26
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
27
|
-
"aria-label": "next",
|
|
28
|
-
type: "button",
|
|
29
|
-
className: "fwe-navigate-btn-up"
|
|
30
|
-
})]
|
|
31
|
-
})
|
|
32
|
-
});
|
|
33
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = ScaleButton;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
function ScaleButton(_ref) {
|
|
10
|
-
let {
|
|
11
|
-
onScaleChange
|
|
12
|
-
} = _ref;
|
|
13
|
-
const [isScaled, setScaled] = (0, _react.useState)(false);
|
|
14
|
-
function handleScale() {
|
|
15
|
-
const newScaled = !isScaled;
|
|
16
|
-
setScaled(newScaled);
|
|
17
|
-
onScaleChange?.(newScaled);
|
|
18
|
-
}
|
|
19
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
20
|
-
type: "button",
|
|
21
|
-
"aria-label": "scale up",
|
|
22
|
-
className: "fwe-image-gallery-scale-btn fwe-ml-auto",
|
|
23
|
-
onClick: handleScale
|
|
24
|
-
});
|
|
25
|
-
}
|