@festo-ui/react 9.0.0-dev.713 → 9.0.0-dev.714

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (525) hide show
  1. package/README.md +23 -0
  2. package/dist/components/accordion/Accordion.css +4 -0
  3. package/dist/components/accordion/Accordion.d.ts +10 -0
  4. package/dist/components/accordion/Accordion.js +41 -0
  5. package/{lib → dist}/components/accordion/AccordionContext.d.ts +2 -2
  6. package/dist/components/accordion/AccordionContext.js +3 -0
  7. package/dist/components/accordion/accordion-header/AccordionHeader.css +11 -0
  8. package/dist/components/accordion/accordion-header/AccordionHeader.d.ts +2 -0
  9. package/dist/components/accordion/accordion-header/AccordionHeader.js +11 -0
  10. package/dist/components/accordion/accordion-item/AccordionItem.css +64 -0
  11. package/dist/components/accordion/accordion-item/AccordionItem.d.ts +8 -0
  12. package/dist/components/accordion/accordion-item/AccordionItem.js +60 -0
  13. package/{lib → dist}/components/accordion/accordion-item/AccordionItemContext.d.ts +2 -2
  14. package/dist/components/accordion/accordion-item/AccordionItemContext.js +3 -0
  15. package/dist/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.css +76 -0
  16. package/dist/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.d.ts +2 -0
  17. package/dist/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.js +61 -0
  18. package/dist/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.css +11 -0
  19. package/dist/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.d.ts +2 -0
  20. package/dist/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.js +20 -0
  21. package/dist/components/bottom-sheet/BottomSheet.css +18 -0
  22. package/dist/components/bottom-sheet/BottomSheet.d.ts +12 -0
  23. package/dist/components/bottom-sheet/BottomSheet.js +101 -0
  24. package/{lib → dist}/components/breadcrumb/Breadcrumb.d.ts +3 -4
  25. package/dist/components/breadcrumb/Breadcrumb.js +32 -0
  26. package/dist/components/button/Button.d.ts +11 -0
  27. package/dist/components/button/Button.js +36 -0
  28. package/dist/components/card/Card.d.ts +4 -0
  29. package/dist/components/card/Card.js +9 -0
  30. package/dist/components/card/CardBody.d.ts +5 -0
  31. package/dist/components/card/CardBody.js +15 -0
  32. package/dist/components/card/CardHeader.d.ts +8 -0
  33. package/dist/components/card/CardHeader.js +31 -0
  34. package/dist/components/card/CardHeader.stories.helper.js +7 -0
  35. package/dist/components/card/CardNotification.d.ts +6 -0
  36. package/dist/components/card/CardNotification.js +26 -0
  37. package/dist/components/chips/chip/Chip.d.ts +17 -0
  38. package/dist/components/chips/chip/Chip.js +38 -0
  39. package/dist/components/chips/chip-container/ChipContainer.d.ts +5 -0
  40. package/dist/components/chips/chip-container/ChipContainer.js +12 -0
  41. package/{lib → dist}/components/icon-wrapper/IconWrapper.d.ts +1 -1
  42. package/dist/components/icon-wrapper/IconWrapper.js +13 -0
  43. package/dist/components/link-button/LinkButton.d.ts +8 -0
  44. package/dist/components/link-button/LinkButton.js +26 -0
  45. package/dist/components/loading-indicator/LoadingIndicator.d.ts +5 -0
  46. package/dist/components/loading-indicator/LoadingIndicator.js +41 -0
  47. package/dist/components/mobile-flyout/MobileFlyout.d.ts +11 -0
  48. package/dist/components/mobile-flyout/MobileFlyout.js +88 -0
  49. package/{lib → dist}/components/mobile-flyout/MobileFlyoutContext.d.ts +2 -2
  50. package/dist/components/mobile-flyout/MobileFlyoutContext.js +3 -0
  51. package/dist/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.d.ts +17 -0
  52. package/dist/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.js +36 -0
  53. package/dist/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.css +5 -0
  54. package/dist/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.d.ts +8 -0
  55. package/dist/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.js +35 -0
  56. package/dist/components/modals/AlertModal.d.ts +12 -0
  57. package/dist/components/modals/AlertModal.js +53 -0
  58. package/dist/components/modals/ConfirmModal.d.ts +11 -0
  59. package/dist/components/modals/ConfirmModal.js +46 -0
  60. package/dist/components/modals/CustomModal.d.ts +8 -0
  61. package/dist/components/modals/CustomModal.js +38 -0
  62. package/dist/components/modals/Modal.css +39 -0
  63. package/dist/components/modals/Modal.d.ts +8 -0
  64. package/dist/components/modals/Modal.js +31 -0
  65. package/dist/components/modals/ModalBase.d.ts +9 -0
  66. package/dist/components/modals/ModalBase.js +124 -0
  67. package/dist/components/modals/ModalFooter.d.ts +2 -0
  68. package/dist/components/modals/ModalFooter.js +12 -0
  69. package/{lib → dist}/components/modals/Prompt.d.ts +4 -5
  70. package/dist/components/modals/Prompt.js +58 -0
  71. package/dist/components/modals/image-gallery/ImageGallery.css +790 -0
  72. package/{lib → dist}/components/modals/image-gallery/ImageGallery.d.ts +6 -7
  73. package/dist/components/modals/image-gallery/ImageGallery.helper.d.ts +2 -0
  74. package/dist/components/modals/image-gallery/ImageGallery.helper.js +13 -0
  75. package/dist/components/modals/image-gallery/ImageGallery.js +75 -0
  76. package/dist/components/modals/image-gallery/ImageGallery.stories.helper.js +112 -0
  77. package/{lib → dist}/components/modals/image-gallery/ImageGalleryContent.d.ts +1 -1
  78. package/dist/components/modals/image-gallery/ImageGalleryContent.js +15 -0
  79. package/{lib → dist}/components/modals/image-gallery/ImageGalleryContext.d.ts +3 -3
  80. package/dist/components/modals/image-gallery/ImageGalleryContext.js +4 -0
  81. package/dist/components/modals/image-gallery/ImageGallerySwiper.d.ts +8 -0
  82. package/dist/components/modals/image-gallery/ImageGallerySwiper.js +29 -0
  83. package/dist/components/modals/image-gallery/ImageGalleryThumbsSwiper.d.ts +5 -0
  84. package/dist/components/modals/image-gallery/ImageGalleryThumbsSwiper.js +23 -0
  85. package/dist/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.css +10 -0
  86. package/dist/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.d.ts +11 -0
  87. package/dist/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.js +24 -0
  88. package/dist/components/modals/image-gallery/internal/BaseGallery.d.ts +17 -0
  89. package/dist/components/modals/image-gallery/internal/BaseGallery.js +50 -0
  90. package/{lib → dist}/components/modals/image-gallery/internal/CloseButton.d.ts +1 -1
  91. package/dist/components/modals/image-gallery/internal/CloseButton.js +14 -0
  92. package/dist/components/modals/image-gallery/internal/ImageGalleryContainer.d.ts +5 -0
  93. package/dist/components/modals/image-gallery/internal/ImageGalleryContainer.js +8 -0
  94. package/{lib → dist}/components/modals/image-gallery/internal/ImageGalleryPagination.d.ts +2 -3
  95. package/dist/components/modals/image-gallery/internal/ImageGalleryPagination.js +29 -0
  96. package/dist/components/modals/image-gallery/internal/ScaleButton.d.ts +4 -0
  97. package/dist/components/modals/image-gallery/internal/ScaleButton.js +17 -0
  98. package/dist/components/pagination/Pagination.css +10 -0
  99. package/dist/components/pagination/Pagination.d.ts +15 -0
  100. package/dist/components/pagination/Pagination.js +100 -0
  101. package/dist/components/popovers/legend/Legend.css +21 -0
  102. package/dist/components/popovers/legend/Legend.d.ts +11 -0
  103. package/dist/components/popovers/legend/Legend.js +24 -0
  104. package/dist/components/popovers/popover/Popover.css +56 -0
  105. package/{lib → dist}/components/popovers/popover/Popover.d.ts +5 -6
  106. package/dist/components/popovers/popover/Popover.js +107 -0
  107. package/dist/components/popovers/popover-menu/PopoverMenu.css +20 -0
  108. package/dist/components/popovers/popover-menu/PopoverMenu.d.ts +8 -0
  109. package/dist/components/popovers/popover-menu/PopoverMenu.js +37 -0
  110. package/dist/components/popovers/popover-menu/PopoverMenuContext.d.ts +3 -0
  111. package/dist/components/popovers/popover-menu/PopoverMenuContext.js +5 -0
  112. package/dist/components/popovers/popover-menu-item/PopoverMenuItem.css +35 -0
  113. package/{lib → dist}/components/popovers/popover-menu-item/PopoverMenuItem.d.ts +2 -3
  114. package/dist/components/popovers/popover-menu-item/PopoverMenuItem.js +30 -0
  115. package/dist/components/popovers/tooltip/Tooltip.d.ts +5 -0
  116. package/dist/components/popovers/tooltip/Tooltip.js +12 -0
  117. package/dist/components/progress/Progress.d.ts +7 -0
  118. package/dist/components/progress/Progress.js +26 -0
  119. package/dist/components/scroll-area/ScrollArea.d.ts +4 -0
  120. package/dist/components/scroll-area/ScrollArea.js +10 -0
  121. package/dist/components/scroll-area/ScrollArea.stories.css +9 -0
  122. package/dist/components/search-input/ClearButton.d.ts +2 -0
  123. package/dist/components/search-input/ClearButton.js +10 -0
  124. package/dist/components/search-input/SearchInput.css +13 -0
  125. package/dist/components/search-input/SearchInput.d.ts +14 -0
  126. package/dist/components/search-input/SearchInput.js +61 -0
  127. package/{lib → dist}/components/search-input/SearchSuggestion.d.ts +1 -1
  128. package/dist/components/search-input/SearchSuggestion.js +21 -0
  129. package/{lib → dist}/components/search-input/useSearchInput.d.ts +3 -3
  130. package/dist/components/search-input/useSearchInput.js +85 -0
  131. package/dist/components/snackbar/Snackbar.css +55 -0
  132. package/{lib → dist}/components/snackbar/Snackbar.d.ts +5 -6
  133. package/dist/components/snackbar/Snackbar.js +78 -0
  134. package/{lib → dist}/components/snackbar/SnackbarContext.d.ts +3 -4
  135. package/dist/components/snackbar/SnackbarContext.js +3 -0
  136. package/dist/components/snackbar/SnackbarProvider.d.ts +8 -0
  137. package/dist/components/snackbar/SnackbarProvider.js +66 -0
  138. package/dist/components/snackbar/useSnackbar.d.ts +2 -0
  139. package/dist/components/snackbar/useSnackbar.js +4 -0
  140. package/dist/components/stepper-horizontal/StepperHorizontal.css +6 -0
  141. package/dist/components/stepper-horizontal/StepperHorizontal.d.ts +7 -0
  142. package/dist/components/stepper-horizontal/StepperHorizontal.js +48 -0
  143. package/dist/components/stepper-horizontal/step-horizontal/StepHorizontal.css +24 -0
  144. package/dist/components/stepper-horizontal/step-horizontal/StepHorizontal.d.ts +6 -0
  145. package/dist/components/stepper-horizontal/step-horizontal/StepHorizontal.js +16 -0
  146. package/dist/components/stepper-vertical/StepperVertical.d.ts +6 -0
  147. package/dist/components/stepper-vertical/StepperVertical.js +26 -0
  148. package/dist/components/stepper-vertical/step-vertical/StepVertical.css +10 -0
  149. package/dist/components/stepper-vertical/step-vertical/StepVertical.d.ts +11 -0
  150. package/dist/components/stepper-vertical/step-vertical/StepVertical.js +58 -0
  151. package/dist/components/tab/Tabs.css +285 -0
  152. package/dist/components/tab/Tabs.d.ts +23 -0
  153. package/dist/components/tab/Tabs.js +194 -0
  154. package/dist/components/tab/interfaces.js +0 -0
  155. package/dist/components/tab/tab-pane/TabPane.css +8 -0
  156. package/dist/components/tab/tab-pane/TabPane.d.ts +9 -0
  157. package/dist/components/tab/tab-pane/TabPane.js +18 -0
  158. package/{lib → dist}/components/tab/useTabScroll.d.ts +4 -3
  159. package/dist/components/tab/useTabScroll.js +151 -0
  160. package/dist/components/table-header-cell/TableHeaderCell.d.ts +5 -0
  161. package/dist/components/table-header-cell/TableHeaderCell.js +21 -0
  162. package/dist/forms/checkbox/Checkbox.css +134 -0
  163. package/dist/forms/checkbox/Checkbox.d.ts +15 -0
  164. package/dist/forms/checkbox/Checkbox.js +80 -0
  165. package/{lib → dist}/forms/radio/RadioButton.d.ts +3 -4
  166. package/dist/forms/radio/RadioButton.js +61 -0
  167. package/dist/forms/radio/RadioGroup.d.ts +12 -0
  168. package/dist/forms/radio/RadioGroup.js +50 -0
  169. package/{lib → dist}/forms/radio/RadioGroupContext.d.ts +3 -3
  170. package/dist/forms/radio/RadioGroupContext.js +3 -0
  171. package/dist/forms/segment/Segment.d.ts +13 -0
  172. package/dist/forms/segment/Segment.js +59 -0
  173. package/{lib → dist}/forms/segment/segment-control/SegmentControl.d.ts +3 -4
  174. package/dist/forms/segment/segment-control/SegmentControl.js +57 -0
  175. package/dist/forms/select/Select.css +160 -0
  176. package/{lib → dist}/forms/select/Select.d.ts +8 -8
  177. package/dist/forms/select/Select.js +95 -0
  178. package/dist/forms/select/internal/HiddenInput.d.ts +8 -0
  179. package/dist/forms/select/internal/HiddenInput.js +15 -0
  180. package/{lib → dist}/forms/select/internal/ListItem.d.ts +6 -6
  181. package/dist/forms/select/internal/ListItem.js +69 -0
  182. package/{lib → dist}/forms/select/internal/SelectButton.d.ts +2 -2
  183. package/dist/forms/select/internal/SelectButton.js +49 -0
  184. package/{lib → dist}/forms/select/internal/SelectButtonContent.d.ts +1 -1
  185. package/dist/forms/select/internal/SelectButtonContent.js +31 -0
  186. package/dist/forms/select/internal/SelectCheckbox.d.ts +4 -0
  187. package/dist/forms/select/internal/SelectCheckbox.js +13 -0
  188. package/{lib → dist}/forms/select/internal/SelectLabel.d.ts +1 -1
  189. package/dist/forms/select/internal/SelectLabel.js +12 -0
  190. package/{lib → dist}/forms/select/internal/SelectOptionsContainer.d.ts +6 -6
  191. package/dist/forms/select/internal/SelectOptionsContainer.js +103 -0
  192. package/{lib → dist}/forms/select/internal/SelectScrollContainer.d.ts +2 -2
  193. package/dist/forms/select/internal/SelectScrollContainer.js +15 -0
  194. package/dist/forms/select/internal/SelectWrapper.d.ts +6 -0
  195. package/dist/forms/select/internal/SelectWrapper.js +12 -0
  196. package/dist/forms/select/internal/index.d.ts +6 -0
  197. package/dist/forms/select/internal/index.js +7 -0
  198. package/{lib → dist}/forms/select/internal/utils.d.ts +3 -3
  199. package/dist/forms/select/internal/utils.js +30 -0
  200. package/{lib → dist}/forms/select/select-option/SelectOption.d.ts +5 -5
  201. package/dist/forms/select/select-option/SelectOption.js +12 -0
  202. package/dist/forms/select/utils.d.ts +2 -0
  203. package/dist/forms/select/utils.js +12 -0
  204. package/dist/forms/slider/Slider.css +50 -0
  205. package/dist/forms/slider/Slider.d.ts +17 -0
  206. package/dist/forms/slider/Slider.js +93 -0
  207. package/dist/forms/switch/Switch.d.ts +12 -0
  208. package/dist/forms/switch/Switch.js +42 -0
  209. package/dist/forms/text-area/TextArea.css +14 -0
  210. package/{lib → dist}/forms/text-area/TextArea.d.ts +4 -5
  211. package/dist/forms/text-area/TextArea.js +99 -0
  212. package/{lib → dist}/forms/text-input/TextInput.d.ts +2 -3
  213. package/dist/forms/text-input/TextInput.js +74 -0
  214. package/dist/forms/time-picker/TimePicker.css +10 -0
  215. package/{lib → dist}/forms/time-picker/TimePicker.d.ts +6 -6
  216. package/dist/forms/time-picker/TimePicker.js +140 -0
  217. package/dist/forms/time-picker/time-picker-dropdown/TimePickerDropdown.css +4 -0
  218. package/dist/forms/time-picker/time-picker-dropdown/TimePickerDropdown.d.ts +19 -0
  219. package/dist/forms/time-picker/time-picker-dropdown/TimePickerDropdown.js +202 -0
  220. package/dist/forms/time-picker/time-picker-dropdown/TimePickerInput.d.ts +9 -0
  221. package/dist/forms/time-picker/time-picker-dropdown/TimePickerInput.js +14 -0
  222. package/dist/index.d.ts +63 -0
  223. package/dist/index.js +60 -0
  224. package/{lib/helper → dist/utils}/index.d.ts +0 -1
  225. package/dist/utils/index.js +7 -0
  226. package/dist/utils/setRef.d.ts +1 -0
  227. package/dist/utils/setRef.js +5 -0
  228. package/{lib/helper → dist/utils}/types.d.ts +4 -4
  229. package/dist/utils/types.js +0 -0
  230. package/{lib/helper → dist/utils}/useControlled.d.ts +2 -2
  231. package/dist/utils/useControlled.js +20 -0
  232. package/dist/utils/useForkRef.d.ts +2 -0
  233. package/dist/utils/useForkRef.js +15 -0
  234. package/dist/utils/useId.d.ts +1 -0
  235. package/dist/utils/useId.js +20 -0
  236. package/dist/utils/useOnClickOutside.d.ts +2 -0
  237. package/dist/utils/useOnClickOutside.js +20 -0
  238. package/package.json +64 -21
  239. package/index.css +0 -1
  240. package/index.d.ts +0 -65
  241. package/index.js +0 -60
  242. package/lib/components/accordion/Accordion.d.ts +0 -11
  243. package/lib/components/accordion/Accordion.js +0 -43
  244. package/lib/components/accordion/AccordionContext.js +0 -3
  245. package/lib/components/accordion/accordion-header/AccordionHeader.d.ts +0 -3
  246. package/lib/components/accordion/accordion-header/AccordionHeader.js +0 -17
  247. package/lib/components/accordion/accordion-item/AccordionItem.d.ts +0 -9
  248. package/lib/components/accordion/accordion-item/AccordionItem.js +0 -65
  249. package/lib/components/accordion/accordion-item/AccordionItemContext.js +0 -3
  250. package/lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.d.ts +0 -3
  251. package/lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.js +0 -70
  252. package/lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.d.ts +0 -3
  253. package/lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.js +0 -41
  254. package/lib/components/bottom-sheet/BottomSheet.d.ts +0 -11
  255. package/lib/components/bottom-sheet/BottomSheet.js +0 -93
  256. package/lib/components/bottom-sheet/BottomSheet.stories.d.ts +0 -9
  257. package/lib/components/bottom-sheet/BottomSheet.stories.js +0 -49
  258. package/lib/components/breadcrumb/Breadcrumb.js +0 -40
  259. package/lib/components/buttons/button/Button.d.ts +0 -12
  260. package/lib/components/buttons/button/Button.js +0 -49
  261. package/lib/components/buttons/button/Button.stories.d.ts +0 -13
  262. package/lib/components/buttons/button/Button.stories.js +0 -86
  263. package/lib/components/card/Card.d.ts +0 -3
  264. package/lib/components/card/Card.js +0 -13
  265. package/lib/components/card/CardBody.d.ts +0 -6
  266. package/lib/components/card/CardBody.js +0 -17
  267. package/lib/components/card/CardHeader.d.ts +0 -9
  268. package/lib/components/card/CardHeader.js +0 -29
  269. package/lib/components/card/CardHeader.stories.helper.d.ts +0 -3
  270. package/lib/components/card/CardHeader.stories.helper.js +0 -9
  271. package/lib/components/card/CardNotification.d.ts +0 -7
  272. package/lib/components/card/CardNotification.js +0 -25
  273. package/lib/components/chips/chip/Chip.d.ts +0 -17
  274. package/lib/components/chips/chip/Chip.js +0 -47
  275. package/lib/components/chips/chip-container/ChipContainer.d.ts +0 -6
  276. package/lib/components/chips/chip-container/ChipContainer.js +0 -17
  277. package/lib/components/icon-wrapper/IconWrapper.js +0 -17
  278. package/lib/components/link-button/LinkButton.d.ts +0 -9
  279. package/lib/components/link-button/LinkButton.js +0 -32
  280. package/lib/components/loading-indicator/LoadingIndicator.d.ts +0 -7
  281. package/lib/components/loading-indicator/LoadingIndicator.js +0 -39
  282. package/lib/components/mobile-flyout/MobileFlyout.d.ts +0 -12
  283. package/lib/components/mobile-flyout/MobileFlyout.js +0 -82
  284. package/lib/components/mobile-flyout/MobileFlyoutContext.js +0 -2
  285. package/lib/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.d.ts +0 -17
  286. package/lib/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.js +0 -53
  287. package/lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.d.ts +0 -8
  288. package/lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.js +0 -46
  289. package/lib/components/modals/AlertModal.d.ts +0 -13
  290. package/lib/components/modals/AlertModal.js +0 -60
  291. package/lib/components/modals/ConfirmModal.d.ts +0 -12
  292. package/lib/components/modals/ConfirmModal.js +0 -52
  293. package/lib/components/modals/CustomModal.d.ts +0 -9
  294. package/lib/components/modals/CustomModal.js +0 -41
  295. package/lib/components/modals/Modal.d.ts +0 -9
  296. package/lib/components/modals/Modal.js +0 -34
  297. package/lib/components/modals/ModalBase.d.ts +0 -10
  298. package/lib/components/modals/ModalBase.js +0 -142
  299. package/lib/components/modals/ModalFooter.d.ts +0 -3
  300. package/lib/components/modals/ModalFooter.js +0 -18
  301. package/lib/components/modals/Prompt.js +0 -64
  302. package/lib/components/modals/image-gallery/ImageGallery.helper.d.ts +0 -3
  303. package/lib/components/modals/image-gallery/ImageGallery.helper.js +0 -11
  304. package/lib/components/modals/image-gallery/ImageGallery.js +0 -81
  305. package/lib/components/modals/image-gallery/ImageGallery.stories.helper.d.ts +0 -3
  306. package/lib/components/modals/image-gallery/ImageGallery.stories.helper.js +0 -97
  307. package/lib/components/modals/image-gallery/ImageGalleryContent.js +0 -14
  308. package/lib/components/modals/image-gallery/ImageGalleryContext.js +0 -4
  309. package/lib/components/modals/image-gallery/ImageGallerySwiper.d.ts +0 -8
  310. package/lib/components/modals/image-gallery/ImageGallerySwiper.js +0 -32
  311. package/lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.d.ts +0 -5
  312. package/lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.js +0 -25
  313. package/lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.d.ts +0 -11
  314. package/lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.js +0 -28
  315. package/lib/components/modals/image-gallery/internal/BaseGallery.d.ts +0 -17
  316. package/lib/components/modals/image-gallery/internal/BaseGallery.js +0 -65
  317. package/lib/components/modals/image-gallery/internal/CloseButton.js +0 -17
  318. package/lib/components/modals/image-gallery/internal/ImageGalleryContainer.d.ts +0 -6
  319. package/lib/components/modals/image-gallery/internal/ImageGalleryContainer.js +0 -13
  320. package/lib/components/modals/image-gallery/internal/ImageGalleryPagination.js +0 -27
  321. package/lib/components/modals/image-gallery/internal/ScaleButton.d.ts +0 -5
  322. package/lib/components/modals/image-gallery/internal/ScaleButton.js +0 -19
  323. package/lib/components/pagination/Pagination.d.ts +0 -16
  324. package/lib/components/pagination/Pagination.js +0 -105
  325. package/lib/components/popovers/legend/Legend.d.ts +0 -11
  326. package/lib/components/popovers/legend/Legend.js +0 -24
  327. package/lib/components/popovers/popover/Popover.js +0 -123
  328. package/lib/components/popovers/popover-menu/PopoverMenu.d.ts +0 -9
  329. package/lib/components/popovers/popover-menu/PopoverMenu.js +0 -46
  330. package/lib/components/popovers/popover-menu/PopoverMenuContext.d.ts +0 -4
  331. package/lib/components/popovers/popover-menu/PopoverMenuContext.js +0 -5
  332. package/lib/components/popovers/popover-menu-item/PopoverMenuItem.js +0 -41
  333. package/lib/components/popovers/tooltip/Tooltip.d.ts +0 -6
  334. package/lib/components/popovers/tooltip/Tooltip.js +0 -16
  335. package/lib/components/progress/Progress.d.ts +0 -8
  336. package/lib/components/progress/Progress.js +0 -32
  337. package/lib/components/scroll-area/ScrollArea.d.ts +0 -5
  338. package/lib/components/scroll-area/ScrollArea.js +0 -14
  339. package/lib/components/search-input/ClearButton.d.ts +0 -2
  340. package/lib/components/search-input/ClearButton.js +0 -10
  341. package/lib/components/search-input/SearchInput.d.ts +0 -15
  342. package/lib/components/search-input/SearchInput.js +0 -77
  343. package/lib/components/search-input/SearchSuggestion.js +0 -32
  344. package/lib/components/search-input/useSearchInput.js +0 -94
  345. package/lib/components/snackbar/Snackbar.js +0 -78
  346. package/lib/components/snackbar/SnackbarContext.js +0 -2
  347. package/lib/components/snackbar/SnackbarProvider.d.ts +0 -8
  348. package/lib/components/snackbar/SnackbarProvider.js +0 -65
  349. package/lib/components/snackbar/useSnackbar.d.ts +0 -3
  350. package/lib/components/snackbar/useSnackbar.js +0 -3
  351. package/lib/components/stepper-horizontal/StepperHorizontal.d.ts +0 -7
  352. package/lib/components/stepper-horizontal/StepperHorizontal.js +0 -60
  353. package/lib/components/stepper-horizontal/step-horizontal/StepHorizontal.d.ts +0 -7
  354. package/lib/components/stepper-horizontal/step-horizontal/StepHorizontal.js +0 -23
  355. package/lib/components/stepper-vertical/StepperVertical.d.ts +0 -7
  356. package/lib/components/stepper-vertical/StepperVertical.js +0 -37
  357. package/lib/components/stepper-vertical/step-vertical/StepVertical.d.ts +0 -12
  358. package/lib/components/stepper-vertical/step-vertical/StepVertical.js +0 -76
  359. package/lib/components/tab/Tabs.d.ts +0 -23
  360. package/lib/components/tab/Tabs.js +0 -229
  361. package/lib/components/tab/interfaces.js +0 -1
  362. package/lib/components/tab/tab-pane/TabPane.d.ts +0 -10
  363. package/lib/components/tab/tab-pane/TabPane.js +0 -23
  364. package/lib/components/tab/useTabScroll.js +0 -233
  365. package/lib/components/table-header-cell/TableHeaderCell.d.ts +0 -6
  366. package/lib/components/table-header-cell/TableHeaderCell.js +0 -29
  367. package/lib/forms/checkbox/Checkbox.d.ts +0 -17
  368. package/lib/forms/checkbox/Checkbox.js +0 -86
  369. package/lib/forms/radio/RadioButton.js +0 -85
  370. package/lib/forms/radio/RadioGroup.d.ts +0 -13
  371. package/lib/forms/radio/RadioGroup.js +0 -51
  372. package/lib/forms/radio/RadioGroupContext.js +0 -3
  373. package/lib/forms/segment/Segment.d.ts +0 -14
  374. package/lib/forms/segment/Segment.js +0 -76
  375. package/lib/forms/segment/segment-control/SegmentControl.js +0 -59
  376. package/lib/forms/select/Select.js +0 -108
  377. package/lib/forms/select/internal/HiddenInput.d.ts +0 -8
  378. package/lib/forms/select/internal/HiddenInput.js +0 -26
  379. package/lib/forms/select/internal/ListItem.js +0 -84
  380. package/lib/forms/select/internal/SelectButton.js +0 -57
  381. package/lib/forms/select/internal/SelectButtonContent.js +0 -38
  382. package/lib/forms/select/internal/SelectCheckbox.d.ts +0 -4
  383. package/lib/forms/select/internal/SelectCheckbox.js +0 -19
  384. package/lib/forms/select/internal/SelectLabel.js +0 -16
  385. package/lib/forms/select/internal/SelectOptionsContainer.js +0 -102
  386. package/lib/forms/select/internal/SelectScrollContainer.js +0 -21
  387. package/lib/forms/select/internal/SelectWrapper.d.ts +0 -6
  388. package/lib/forms/select/internal/SelectWrapper.js +0 -20
  389. package/lib/forms/select/internal/index.d.ts +0 -6
  390. package/lib/forms/select/internal/index.js +0 -6
  391. package/lib/forms/select/internal/utils.js +0 -36
  392. package/lib/forms/select/select-option/SelectOption.js +0 -17
  393. package/lib/forms/select/utils.d.ts +0 -2
  394. package/lib/forms/select/utils.js +0 -17
  395. package/lib/forms/slider/Slider.d.ts +0 -18
  396. package/lib/forms/slider/Slider.js +0 -100
  397. package/lib/forms/switch/Switch.d.ts +0 -13
  398. package/lib/forms/switch/Switch.js +0 -51
  399. package/lib/forms/text-area/TextArea.js +0 -109
  400. package/lib/forms/text-input/TextInput.js +0 -91
  401. package/lib/forms/time-picker/TimePicker.js +0 -159
  402. package/lib/forms/time-picker/time-picker-dropdown/TimePickerDropdown.d.ts +0 -19
  403. package/lib/forms/time-picker/time-picker-dropdown/TimePickerDropdown.js +0 -212
  404. package/lib/forms/time-picker/time-picker-dropdown/TimePickerInput.d.ts +0 -9
  405. package/lib/forms/time-picker/time-picker-dropdown/TimePickerInput.js +0 -23
  406. package/lib/helper/index.js +0 -7
  407. package/lib/helper/setRef.d.ts +0 -1
  408. package/lib/helper/setRef.js +0 -7
  409. package/lib/helper/types.js +0 -1
  410. package/lib/helper/useControlled.js +0 -22
  411. package/lib/helper/useForkRef.d.ts +0 -2
  412. package/lib/helper/useForkRef.js +0 -18
  413. package/lib/helper/useId.d.ts +0 -1
  414. package/lib/helper/useId.js +0 -22
  415. package/lib/helper/useOnClickOutside.d.ts +0 -2
  416. package/lib/helper/useOnClickOutside.js +0 -18
  417. package/node/index.js +0 -439
  418. package/node/lib/components/accordion/Accordion.js +0 -50
  419. package/node/lib/components/accordion/AccordionContext.js +0 -9
  420. package/node/lib/components/accordion/accordion-header/AccordionHeader.js +0 -24
  421. package/node/lib/components/accordion/accordion-item/AccordionItem.js +0 -72
  422. package/node/lib/components/accordion/accordion-item/AccordionItemContext.js +0 -9
  423. package/node/lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.js +0 -77
  424. package/node/lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.js +0 -48
  425. package/node/lib/components/bottom-sheet/BottomSheet.js +0 -101
  426. package/node/lib/components/bottom-sheet/BottomSheet.stories.js +0 -56
  427. package/node/lib/components/breadcrumb/Breadcrumb.js +0 -47
  428. package/node/lib/components/buttons/button/Button.js +0 -56
  429. package/node/lib/components/buttons/button/Button.stories.js +0 -93
  430. package/node/lib/components/card/Card.js +0 -20
  431. package/node/lib/components/card/CardBody.js +0 -24
  432. package/node/lib/components/card/CardHeader.js +0 -36
  433. package/node/lib/components/card/CardHeader.stories.helper.js +0 -17
  434. package/node/lib/components/card/CardNotification.js +0 -32
  435. package/node/lib/components/chips/chip/Chip.js +0 -54
  436. package/node/lib/components/chips/chip-container/ChipContainer.js +0 -24
  437. package/node/lib/components/icon-wrapper/IconWrapper.js +0 -23
  438. package/node/lib/components/link-button/LinkButton.js +0 -39
  439. package/node/lib/components/loading-indicator/LoadingIndicator.js +0 -46
  440. package/node/lib/components/mobile-flyout/MobileFlyout.js +0 -89
  441. package/node/lib/components/mobile-flyout/MobileFlyoutContext.js +0 -8
  442. package/node/lib/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.js +0 -61
  443. package/node/lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.js +0 -53
  444. package/node/lib/components/modals/AlertModal.js +0 -67
  445. package/node/lib/components/modals/ConfirmModal.js +0 -59
  446. package/node/lib/components/modals/CustomModal.js +0 -48
  447. package/node/lib/components/modals/Modal.js +0 -43
  448. package/node/lib/components/modals/ModalBase.js +0 -149
  449. package/node/lib/components/modals/ModalFooter.js +0 -25
  450. package/node/lib/components/modals/Prompt.js +0 -73
  451. package/node/lib/components/modals/image-gallery/ImageGallery.helper.js +0 -18
  452. package/node/lib/components/modals/image-gallery/ImageGallery.js +0 -88
  453. package/node/lib/components/modals/image-gallery/ImageGallery.stories.helper.js +0 -123
  454. package/node/lib/components/modals/image-gallery/ImageGalleryContent.js +0 -20
  455. package/node/lib/components/modals/image-gallery/ImageGalleryContext.js +0 -10
  456. package/node/lib/components/modals/image-gallery/ImageGallerySwiper.js +0 -39
  457. package/node/lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.js +0 -33
  458. package/node/lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.js +0 -35
  459. package/node/lib/components/modals/image-gallery/internal/BaseGallery.js +0 -72
  460. package/node/lib/components/modals/image-gallery/internal/CloseButton.js +0 -24
  461. package/node/lib/components/modals/image-gallery/internal/ImageGalleryContainer.js +0 -19
  462. package/node/lib/components/modals/image-gallery/internal/ImageGalleryPagination.js +0 -33
  463. package/node/lib/components/modals/image-gallery/internal/ScaleButton.js +0 -25
  464. package/node/lib/components/pagination/Pagination.js +0 -114
  465. package/node/lib/components/popovers/legend/Legend.js +0 -31
  466. package/node/lib/components/popovers/popover/Popover.js +0 -132
  467. package/node/lib/components/popovers/popover-menu/PopoverMenu.js +0 -53
  468. package/node/lib/components/popovers/popover-menu/PopoverMenuContext.js +0 -11
  469. package/node/lib/components/popovers/popover-menu-item/PopoverMenuItem.js +0 -48
  470. package/node/lib/components/popovers/tooltip/Tooltip.js +0 -23
  471. package/node/lib/components/progress/Progress.js +0 -39
  472. package/node/lib/components/scroll-area/ScrollArea.js +0 -21
  473. package/node/lib/components/search-input/ClearButton.js +0 -16
  474. package/node/lib/components/search-input/SearchInput.js +0 -84
  475. package/node/lib/components/search-input/SearchSuggestion.js +0 -39
  476. package/node/lib/components/search-input/useSearchInput.js +0 -101
  477. package/node/lib/components/snackbar/Snackbar.js +0 -85
  478. package/node/lib/components/snackbar/SnackbarContext.js +0 -9
  479. package/node/lib/components/snackbar/SnackbarProvider.js +0 -73
  480. package/node/lib/components/snackbar/useSnackbar.js +0 -11
  481. package/node/lib/components/stepper-horizontal/StepperHorizontal.js +0 -69
  482. package/node/lib/components/stepper-horizontal/step-horizontal/StepHorizontal.js +0 -30
  483. package/node/lib/components/stepper-vertical/StepperVertical.js +0 -46
  484. package/node/lib/components/stepper-vertical/step-vertical/StepVertical.js +0 -83
  485. package/node/lib/components/tab/Tabs.js +0 -240
  486. package/node/lib/components/tab/interfaces.js +0 -5
  487. package/node/lib/components/tab/tab-pane/TabPane.js +0 -30
  488. package/node/lib/components/tab/useTabScroll.js +0 -238
  489. package/node/lib/components/table-header-cell/TableHeaderCell.js +0 -36
  490. package/node/lib/forms/checkbox/Checkbox.js +0 -93
  491. package/node/lib/forms/radio/RadioButton.js +0 -92
  492. package/node/lib/forms/radio/RadioGroup.js +0 -58
  493. package/node/lib/forms/radio/RadioGroupContext.js +0 -9
  494. package/node/lib/forms/segment/Segment.js +0 -83
  495. package/node/lib/forms/segment/segment-control/SegmentControl.js +0 -68
  496. package/node/lib/forms/select/Select.js +0 -115
  497. package/node/lib/forms/select/internal/HiddenInput.js +0 -32
  498. package/node/lib/forms/select/internal/ListItem.js +0 -93
  499. package/node/lib/forms/select/internal/SelectButton.js +0 -64
  500. package/node/lib/forms/select/internal/SelectButtonContent.js +0 -44
  501. package/node/lib/forms/select/internal/SelectCheckbox.js +0 -26
  502. package/node/lib/forms/select/internal/SelectLabel.js +0 -23
  503. package/node/lib/forms/select/internal/SelectOptionsContainer.js +0 -109
  504. package/node/lib/forms/select/internal/SelectScrollContainer.js +0 -28
  505. package/node/lib/forms/select/internal/SelectWrapper.js +0 -27
  506. package/node/lib/forms/select/internal/index.js +0 -48
  507. package/node/lib/forms/select/internal/utils.js +0 -43
  508. package/node/lib/forms/select/select-option/SelectOption.js +0 -23
  509. package/node/lib/forms/select/utils.js +0 -23
  510. package/node/lib/forms/slider/Slider.js +0 -109
  511. package/node/lib/forms/switch/Switch.js +0 -58
  512. package/node/lib/forms/text-area/TextArea.js +0 -118
  513. package/node/lib/forms/text-input/TextInput.js +0 -98
  514. package/node/lib/forms/time-picker/TimePicker.js +0 -166
  515. package/node/lib/forms/time-picker/time-picker-dropdown/TimePickerDropdown.js +0 -219
  516. package/node/lib/forms/time-picker/time-picker-dropdown/TimePickerInput.js +0 -29
  517. package/node/lib/helper/index.js +0 -14
  518. package/node/lib/helper/setRef.js +0 -13
  519. package/node/lib/helper/types.js +0 -5
  520. package/node/lib/helper/useControlled.js +0 -28
  521. package/node/lib/helper/useForkRef.js +0 -26
  522. package/node/lib/helper/useId.js +0 -28
  523. package/node/lib/helper/useOnClickOutside.js +0 -24
  524. package/simplebar.min.css +0 -1
  525. /package/{lib → dist}/components/tab/interfaces.d.ts +0 -0
@@ -1,47 +0,0 @@
1
- import classNames from "classnames";
2
- import IconWrapper from "../../icon-wrapper/IconWrapper.js";
3
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
4
- export let ChipType = /*#__PURE__*/function (ChipType) {
5
- ChipType[ChipType["Choice"] = 0] = "Choice";
6
- ChipType[ChipType["Category"] = 1] = "Category";
7
- ChipType[ChipType["Filter"] = 2] = "Filter";
8
- ChipType[ChipType["Readonly"] = 3] = "Readonly";
9
- return ChipType;
10
- }({});
11
- function Chip(_ref) {
12
- let {
13
- type = ChipType.Choice,
14
- selected = false,
15
- disabled = false,
16
- large = false,
17
- icon,
18
- children,
19
- onClick,
20
- className
21
- } = _ref;
22
- const classes = classNames("fr-chip", "fwe-chip", {
23
- "fwe-selected": selected
24
- }, {
25
- "fwe-disabled": disabled
26
- }, {
27
- "fwe-chip-lg": large
28
- }, {
29
- "fwe-category": type === ChipType.Category
30
- }, {
31
- "fwe-filter": type === ChipType.Filter
32
- }, {
33
- "fwe-readonly": type === ChipType.Readonly
34
- }, className);
35
- return (
36
- /*#__PURE__*/
37
- // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
38
- _jsxs("div", {
39
- className: classes,
40
- onClick: onClick,
41
- children: [/*#__PURE__*/_jsx(IconWrapper, {
42
- icon: icon
43
- }), children]
44
- })
45
- );
46
- }
47
- export default Chip;
@@ -1,6 +0,0 @@
1
- import { ClassNamePropsWithChildren } from "../../../helper/types";
2
- interface ChipContainerProps extends ClassNamePropsWithChildren {
3
- large?: boolean;
4
- }
5
- declare function ChipContainer({ large, children, className }: ChipContainerProps): import("react/jsx-runtime").JSX.Element;
6
- export default ChipContainer;
@@ -1,17 +0,0 @@
1
- import classNames from "classnames";
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- function ChipContainer(_ref) {
4
- let {
5
- large = false,
6
- children,
7
- className
8
- } = _ref;
9
- const classes = classNames("fwe-chip-container", {
10
- "fwe-chip-container-lg": large
11
- }, className);
12
- return /*#__PURE__*/_jsx("div", {
13
- className: classes,
14
- children: children
15
- });
16
- }
17
- export default ChipContainer;
@@ -1,17 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- export default function IconWrapper(_ref) {
3
- let {
4
- icon
5
- } = _ref;
6
- if (!icon) return null;
7
- if (typeof icon === "string") {
8
- let iconName = icon;
9
- if (!icon.startsWith("fwe-icon-")) {
10
- iconName = `fwe-icon-${icon}`;
11
- }
12
- return /*#__PURE__*/_jsx("i", {
13
- className: `fwe-icon ${iconName}`
14
- });
15
- }
16
- return icon;
17
- }
@@ -1,9 +0,0 @@
1
- import { ComponentPropsWithoutRef } from "react";
2
- interface LinkButtonProps extends ComponentPropsWithoutRef<"button"> {
3
- disabled?: boolean;
4
- icon?: React.ReactNode;
5
- onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
6
- iconOnly?: boolean;
7
- }
8
- declare const LinkButton: (props: LinkButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
9
- export default LinkButton;
@@ -1,32 +0,0 @@
1
- import classNames from "classnames";
2
- import { forwardRef } from "react";
3
- import IconWrapper from "../icon-wrapper/IconWrapper.js";
4
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
- const LinkButton = /*#__PURE__*/forwardRef((_ref, ref) => {
6
- let {
7
- icon,
8
- onClick,
9
- disabled = false,
10
- children,
11
- iconOnly = false,
12
- className,
13
- ...props
14
- } = _ref;
15
- const classes = classNames("fwe-btn", "fwe-btn-link", {
16
- "fwe-disabled": disabled
17
- }, {
18
- "fwe-btn-icon": iconOnly
19
- }, className);
20
- return /*#__PURE__*/_jsxs("button", {
21
- onClick: onClick,
22
- type: "button",
23
- className: classes,
24
- disabled: disabled,
25
- ref: ref,
26
- ...props,
27
- children: [/*#__PURE__*/_jsx(IconWrapper, {
28
- icon: icon
29
- }), !iconOnly && children]
30
- });
31
- });
32
- export default LinkButton;
@@ -1,7 +0,0 @@
1
- import { ComponentPropsWithRef } from "react";
2
- import "./LoadingIndicator.scss";
3
- interface LoadingIndicatorProps extends ComponentPropsWithRef<"div"> {
4
- size: "large" | "medium" | "small";
5
- }
6
- declare const LoadingIndicator: (props: LoadingIndicatorProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
7
- export default LoadingIndicator;
@@ -1,39 +0,0 @@
1
- import { forwardRef } from "react";
2
- import cn from "classnames";
3
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
4
- const LoadingIndicator = /*#__PURE__*/forwardRef((_ref, ref) => {
5
- let {
6
- size = "large",
7
- children,
8
- className,
9
- ...props
10
- } = _ref;
11
- const classes = cn("fwe-waiting-indicator", {
12
- "fwe-waiting-indicator-md": size === "medium"
13
- }, {
14
- "fwe-waiting-indicator-sm": size === "small"
15
- });
16
- return /*#__PURE__*/_jsxs("div", {
17
- className: cn("fwe-waiting-container", {
18
- "fwe-waiting-container-sm": size === "small"
19
- }, className),
20
- ref: ref,
21
- ...props,
22
- children: [/*#__PURE__*/_jsxs("div", {
23
- className: classes,
24
- children: [/*#__PURE__*/_jsx("div", {
25
- className: "fwe-waiting-circle-1"
26
- }), /*#__PURE__*/_jsx("div", {
27
- className: "fwe-waiting-circle-2"
28
- }), /*#__PURE__*/_jsx("div", {
29
- className: "fwe-waiting-circle-3"
30
- }), /*#__PURE__*/_jsx("div", {
31
- className: "fwe-waiting-circle-4"
32
- })]
33
- }), children && /*#__PURE__*/_jsx("div", {
34
- className: "fwe-waiting-content-container",
35
- children: children
36
- })]
37
- });
38
- });
39
- export default LoadingIndicator;
@@ -1,12 +0,0 @@
1
- import { ComponentPropsWithoutRef } from "react";
2
- interface MobileFlyoutProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
3
- open?: boolean;
4
- defaultOpen?: boolean;
5
- visible?: string[];
6
- defaultVisible?: string[];
7
- onOpenChange?: (value: boolean) => void;
8
- onVisibleChange?: (value: string) => void;
9
- back?: string;
10
- }
11
- declare const MobileFlyout: (props: MobileFlyoutProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
12
- export default MobileFlyout;
@@ -1,82 +0,0 @@
1
- import { forwardRef, useCallback, useMemo, useRef } from "react";
2
- import cn from "classnames";
3
- import useForkRef from "../../helper/useForkRef.js";
4
- import useOnClickOutside from "../../helper/useOnClickOutside.js";
5
- import useControlled from "../../helper/useControlled.js";
6
- import MobileFlyoutContext from "./MobileFlyoutContext.js";
7
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
8
- const defaultVisibleValue = ["root"];
9
- const MobileFlyout = /*#__PURE__*/forwardRef((_ref, ref) => {
10
- let {
11
- className,
12
- children,
13
- open,
14
- onOpenChange,
15
- onVisibleChange,
16
- defaultOpen,
17
- visible,
18
- defaultVisible = defaultVisibleValue,
19
- back,
20
- ...props
21
- } = _ref;
22
- const [openState, setOpen] = useControlled({
23
- controlled: open,
24
- default: defaultOpen
25
- });
26
- const [visibleState, setVisible] = useControlled({
27
- controlled: visible,
28
- default: defaultVisible
29
- });
30
- const innerRef = useRef(null);
31
- const combinedRef = useForkRef(ref, innerRef);
32
- const handleVisibleChange = useCallback(v => {
33
- if (visibleState !== undefined) {
34
- if (visibleState.includes(v)) {
35
- const newArray = visibleState.filter(entry => entry !== v);
36
- setVisible(newArray);
37
- } else {
38
- const newArray = [...visibleState, v];
39
- setVisible(newArray);
40
- }
41
- }
42
- onVisibleChange?.(v);
43
- }, [onVisibleChange, setVisible, visibleState]);
44
- const handleOpenChange = useCallback(v => {
45
- setOpen(v);
46
- onOpenChange?.(v);
47
- }, [onOpenChange, setOpen]);
48
- function handleClickOutside() {
49
- handleOpenChange(false);
50
- }
51
- function toggle() {
52
- const newOpen = !openState;
53
- handleOpenChange(newOpen);
54
- }
55
- useOnClickOutside(innerRef, handleClickOutside);
56
- const contextValue = useMemo(() => ({
57
- visible: visibleState ?? defaultVisibleValue,
58
- setVisible: handleVisibleChange,
59
- setOpen: handleOpenChange,
60
- back
61
- }), [handleVisibleChange, visibleState, back, handleOpenChange]);
62
- return /*#__PURE__*/_jsxs("div", {
63
- className: cn("fwe-mobile-flyout", className),
64
- ...props,
65
- ref: combinedRef,
66
- children: [/*#__PURE__*/_jsx("button", {
67
- "aria-label": "menu",
68
- type: "button",
69
- className: openState ? "fwe-close-button" : "fwe-burger-button",
70
- onClick: toggle
71
- }), /*#__PURE__*/_jsx("div", {
72
- className: cn("fwe-mobile-flyout-container", {
73
- "fwe-opened": openState
74
- }),
75
- children: /*#__PURE__*/_jsx(MobileFlyoutContext.Provider, {
76
- value: contextValue,
77
- children: children
78
- })
79
- })]
80
- });
81
- });
82
- export default MobileFlyout;
@@ -1,2 +0,0 @@
1
- import { createContext } from "react";
2
- export default /*#__PURE__*/createContext(null);
@@ -1,17 +0,0 @@
1
- import type { PolymorphicRef } from "../../../helper/types";
2
- declare module "react" {
3
- function forwardRef<T, P = {}>(render: (props: P, ref: React.Ref<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
4
- }
5
- interface MobileFlyoutItemBaseProps {
6
- icon?: React.ReactNode;
7
- pageLink?: string;
8
- active?: boolean;
9
- }
10
- declare const MobileFlyoutItem: <C extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "a">(props: MobileFlyoutItemBaseProps & {
11
- component?: C | undefined;
12
- } & {
13
- children?: import("react").ReactNode;
14
- } & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<C>>, "component" | keyof MobileFlyoutItemBaseProps> & {
15
- ref?: PolymorphicRef<C> | undefined;
16
- } & import("react").RefAttributes<unknown>) => React.ReactElement | null;
17
- export default MobileFlyoutItem;
@@ -1,53 +0,0 @@
1
- import cn from "classnames";
2
- import { forwardRef, useContext } from "react";
3
- import { IconRight2 } from "@festo-ui/react-icons";
4
- import MobileFlyoutContext from "../MobileFlyoutContext.js";
5
- import IconWrapper from "../../icon-wrapper/IconWrapper.js";
6
- /*
7
- * Augment `forwardRef` only for this module so that storybook can infer controls
8
- * (despite component being wrapped in forwardRef)
9
- * https://fettblog.eu/typescript-react-generic-forward-refs/#option-3%3A-augment-forwardref
10
- * https://github.com/microsoft/TypeScript/pull/30215
11
- */
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- const MobileFlyoutItem = /*#__PURE__*/forwardRef((_ref, ref) => {
14
- let {
15
- component,
16
- children,
17
- pageLink,
18
- icon,
19
- onClick,
20
- active,
21
- ...props
22
- } = _ref;
23
- const Component = component || "a";
24
- const {
25
- setVisible,
26
- setOpen
27
- } = useContext(MobileFlyoutContext);
28
- function handleClick(e) {
29
- if (pageLink) {
30
- setVisible(pageLink);
31
- } else {
32
- setOpen(false);
33
- }
34
- onClick?.(e);
35
- }
36
- return /*#__PURE__*/_jsxs(Component, {
37
- className: "fwe-mobile-flyout-item fwe-bb",
38
- ...props,
39
- ref: ref,
40
- onClick: handleClick,
41
- children: [/*#__PURE__*/_jsx(IconWrapper, {
42
- icon: icon
43
- }), /*#__PURE__*/_jsx("div", {
44
- className: cn("fwe-flex-grow-1", {
45
- "fwe-color-hero": active
46
- }, {
47
- "fwe-ml-xxs": !!icon
48
- }),
49
- children: children
50
- }), pageLink && /*#__PURE__*/_jsx(IconRight2, {})]
51
- });
52
- });
53
- export default MobileFlyoutItem;
@@ -1,8 +0,0 @@
1
- import { ComponentPropsWithoutRef } from "react";
2
- interface MobileFlyoutPageProps extends ComponentPropsWithoutRef<"div"> {
3
- back?: string;
4
- name?: string;
5
- root?: boolean;
6
- }
7
- declare const MobileFlyoutPage: (props: MobileFlyoutPageProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
8
- export default MobileFlyoutPage;
@@ -1,46 +0,0 @@
1
- import cn from "classnames";
2
- import { forwardRef, useContext } from "react";
3
- import MobileFlyoutContext from "../MobileFlyoutContext.js";
4
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
- const MobileFlyoutPage = /*#__PURE__*/forwardRef((_ref, ref) => {
6
- let {
7
- back,
8
- children,
9
- name,
10
- root,
11
- ...props
12
- } = _ref;
13
- const {
14
- visible,
15
- setVisible,
16
- back: backContext
17
- } = useContext(MobileFlyoutContext);
18
- const innerVisible = root || name && visible.includes(name);
19
- const innerBack = back ?? backContext ?? "Back";
20
- function handleChange() {
21
- if (name) {
22
- setVisible(name);
23
- }
24
- }
25
- return /*#__PURE__*/_jsxs("div", {
26
- className: cn("fwe-mobile-flyout-page", {
27
- "fwe-opened": innerVisible
28
- }),
29
- ref: ref,
30
- ...props,
31
- children: [!root && /*#__PURE__*/_jsx("div", {
32
- tabIndex: 0,
33
- role: "button",
34
- className: "fwe-page-back",
35
- onClick: handleChange,
36
- onKeyUp: handleChange,
37
- children: /*#__PURE__*/_jsx("div", {
38
- children: innerBack
39
- })
40
- }), /*#__PURE__*/_jsx("div", {
41
- className: "fwe-mobile-flyout-item-container",
42
- children: children
43
- })]
44
- });
45
- });
46
- export default MobileFlyoutPage;
@@ -1,13 +0,0 @@
1
- import { ModalProps } from "./Modal";
2
- interface AlertModalProps extends Omit<ModalProps, "head" | "children"> {
3
- title: string;
4
- subtitle?: string;
5
- alertType: "info" | "warning" | "error";
6
- strong?: boolean;
7
- cancel?: string;
8
- ok?: string;
9
- onCancel?: () => void;
10
- onOk?: () => void;
11
- }
12
- declare function AlertModal({ title, subtitle, alertType, strong, cancel, ok, onCancel, onOk, className, body, ...props }: AlertModalProps): import("react/jsx-runtime").JSX.Element;
13
- export default AlertModal;
@@ -1,60 +0,0 @@
1
- import cn from "classnames";
2
- import Modal from "./Modal.js";
3
- import ModalFooter from "./ModalFooter.js";
4
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
5
- function AlertModal(_ref) {
6
- let {
7
- title,
8
- subtitle,
9
- alertType,
10
- strong,
11
- cancel,
12
- ok,
13
- onCancel,
14
- onOk,
15
- className,
16
- body,
17
- ...props
18
- } = _ref;
19
- return /*#__PURE__*/_jsx(Modal, {
20
- className: cn({
21
- "fwe-modal--with-indicator-bar": strong,
22
- "fwe-modal--warning": alertType === "warning",
23
- "fwe-modal--error": alertType === "error",
24
- "fwe-modal--info": alertType === "info"
25
- }, className),
26
- head: /*#__PURE__*/_jsxs(_Fragment, {
27
- children: [subtitle && /*#__PURE__*/_jsx("h2", {
28
- className: "fwe-modal-h2",
29
- children: subtitle
30
- }), /*#__PURE__*/_jsx("h1", {
31
- className: "fwe-modal-h1",
32
- children: title
33
- })]
34
- }),
35
- body: typeof body === "string" ? /*#__PURE__*/_jsx("p", {
36
- children: body
37
- }) : body,
38
- ...props,
39
- children: (cancel || ok) && /*#__PURE__*/_jsxs(ModalFooter, {
40
- children: [cancel && /*#__PURE__*/_jsx("button", {
41
- type: "button",
42
- "aria-label": "Cancel",
43
- className: cn("fwe-btn fwe-btn-lg", {
44
- "fwe-btn-link": strong
45
- }),
46
- onClick: onCancel,
47
- children: cancel
48
- }), ok && /*#__PURE__*/_jsx("button", {
49
- type: "button",
50
- "aria-label": "Ok",
51
- className: cn("fwe-btn fwe-btn-lg", {
52
- "fwe-btn-hero": !strong
53
- }),
54
- onClick: onOk,
55
- children: ok
56
- })]
57
- })
58
- });
59
- }
60
- export default AlertModal;
@@ -1,12 +0,0 @@
1
- import { ModalProps } from "./Modal";
2
- interface ConfirmModalProps extends Omit<ModalProps, "head" | "children"> {
3
- title: string;
4
- subtitle?: string;
5
- cancel?: string;
6
- ok?: string;
7
- onCancel?: () => void;
8
- onOk?: () => void;
9
- large?: boolean;
10
- }
11
- declare function ConfirmModal({ title, subtitle, cancel, ok, onCancel, onOk, large, body, className, ...props }: ConfirmModalProps): import("react/jsx-runtime").JSX.Element;
12
- export default ConfirmModal;
@@ -1,52 +0,0 @@
1
- import cn from "classnames";
2
- import Modal from "./Modal.js";
3
- import ModalFooter from "./ModalFooter.js";
4
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
5
- function ConfirmModal(_ref) {
6
- let {
7
- title,
8
- subtitle,
9
- cancel,
10
- ok,
11
- onCancel,
12
- onOk,
13
- large,
14
- body,
15
- className,
16
- ...props
17
- } = _ref;
18
- return /*#__PURE__*/_jsx(Modal, {
19
- className: cn({
20
- "fwe-modal--large": large
21
- }, className),
22
- head: /*#__PURE__*/_jsxs(_Fragment, {
23
- children: [subtitle && /*#__PURE__*/_jsx("h2", {
24
- className: "fwe-modal-h2",
25
- children: subtitle
26
- }), /*#__PURE__*/_jsx("h1", {
27
- className: "fwe-modal-h1",
28
- children: title
29
- })]
30
- }),
31
- body: typeof body === "string" ? /*#__PURE__*/_jsx("p", {
32
- children: body
33
- }) : body,
34
- ...props,
35
- children: (cancel || ok) && /*#__PURE__*/_jsxs(ModalFooter, {
36
- children: [cancel && /*#__PURE__*/_jsx("button", {
37
- type: "button",
38
- "aria-label": "Cancel",
39
- className: "fwe-btn fwe-btn-lg",
40
- onClick: onCancel,
41
- children: cancel
42
- }), ok && /*#__PURE__*/_jsx("button", {
43
- type: "button",
44
- "aria-label": "Ok",
45
- className: "fwe-btn fwe-btn-hero fwe-btn-lg",
46
- onClick: onOk,
47
- children: ok
48
- })]
49
- })
50
- });
51
- }
52
- export default ConfirmModal;
@@ -1,9 +0,0 @@
1
- import { ModalBaseProps } from "./ModalBase";
2
- interface CustomModalProps extends ModalBaseProps {
3
- large?: boolean;
4
- title?: string;
5
- subtitle?: string;
6
- onCloseDone?: () => void;
7
- }
8
- declare const CustomModal: (props: CustomModalProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
9
- export default CustomModal;
@@ -1,41 +0,0 @@
1
- import cn from "classnames";
2
- import { forwardRef } from "react";
3
- import ModalBase from "./ModalBase.js";
4
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
- const CustomModal = /*#__PURE__*/forwardRef((_ref, ref) => {
6
- let {
7
- large,
8
- title,
9
- subtitle,
10
- className,
11
- children,
12
- ...props
13
- } = _ref;
14
- return /*#__PURE__*/_jsxs(ModalBase, {
15
- className: cn({
16
- "fwe-modal--large": large
17
- }, className),
18
- ref: ref,
19
- ...props,
20
- children: [/*#__PURE__*/_jsx("button", {
21
- className: "fwe-modal-close-btn",
22
- type: "button",
23
- "aria-label": "Close",
24
- onClick: props.onClose,
25
- children: /*#__PURE__*/_jsx("span", {
26
- className: "fwe-sr-only",
27
- children: "Close"
28
- })
29
- }), title && /*#__PURE__*/_jsxs("div", {
30
- className: "fwe-modal-header",
31
- children: [subtitle && /*#__PURE__*/_jsx("h2", {
32
- className: "fwe-modal-h2",
33
- children: subtitle
34
- }), /*#__PURE__*/_jsx("h1", {
35
- className: "fwe-modal-h1",
36
- children: title
37
- })]
38
- }), children]
39
- });
40
- });
41
- export default CustomModal;
@@ -1,9 +0,0 @@
1
- import "./Modal.scss";
2
- import React from "react";
3
- import { ModalBaseProps } from "./ModalBase";
4
- export interface ModalProps extends Omit<ModalBaseProps, "onCloseDone"> {
5
- head?: React.ReactNode;
6
- body: React.ReactNode;
7
- }
8
- declare const Modal: (props: ModalProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
9
- export default Modal;
@@ -1,34 +0,0 @@
1
- import React, { forwardRef } from "react";
2
- import ModalBase from "./ModalBase.js";
3
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
4
- const Modal = /*#__PURE__*/forwardRef((_ref, ref) => {
5
- let {
6
- head,
7
- body,
8
- className,
9
- children,
10
- ...props
11
- } = _ref;
12
- return /*#__PURE__*/_jsxs(ModalBase, {
13
- className: className,
14
- ref: ref,
15
- ...props,
16
- children: [/*#__PURE__*/_jsx("button", {
17
- className: "fwe-modal-close-btn",
18
- type: "button",
19
- "aria-label": "Close",
20
- onClick: props.onClose,
21
- children: /*#__PURE__*/_jsx("span", {
22
- className: "fwe-sr-only",
23
- children: "Close"
24
- })
25
- }), /*#__PURE__*/_jsx("div", {
26
- className: "fwe-modal-header",
27
- children: head
28
- }), /*#__PURE__*/_jsx("div", {
29
- className: "fwe-modal-body",
30
- children: body
31
- }), children]
32
- });
33
- });
34
- export default Modal;
@@ -1,10 +0,0 @@
1
- import "./Modal.scss";
2
- import { ComponentPropsWithoutRef } from "react";
3
- export interface ModalBaseProps extends ComponentPropsWithoutRef<"div"> {
4
- isOpen: boolean;
5
- isLoading?: boolean;
6
- onClose?: () => void;
7
- onCloseDone?: () => void;
8
- }
9
- declare const ModalBase: (props: ModalBaseProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
10
- export default ModalBase;