@ainias42/react-bootstrap-mobile 1.0.0 → 1.0.2

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 (412) hide show
  1. package/.ctirc +114 -0
  2. package/.prettierrc +1 -5
  3. package/.storybook/main.ts +31 -0
  4. package/.storybook/preview.ts +36 -0
  5. package/bin/release.sh +1 -37
  6. package/bin/updatePackages.sh +3 -0
  7. package/dist/{src/Components → Components}/ActionSheet/ActionSheet.d.ts +5 -5
  8. package/dist/Components/ActionSheet/ActionSheet.stories.d.ts +9 -0
  9. package/dist/Components/Card/Card.d.ts +12 -0
  10. package/dist/Components/Card/Card.stories.d.ts +16 -0
  11. package/dist/{src/Components → Components}/Clickable/Clickable.d.ts +3 -3
  12. package/dist/Components/Colors.stories.d.ts +5 -0
  13. package/dist/Components/Dialog/AlertDialog.d.ts +8 -0
  14. package/dist/Components/Dialog/AlertDialog.stories.d.ts +14 -0
  15. package/dist/{src/Components → Components}/Dialog/ButtonDialog.d.ts +3 -3
  16. package/dist/Components/Dialog/ConfirmDialog.d.ts +9 -0
  17. package/dist/Components/Dialog/ConfirmDialog.stories.d.ts +15 -0
  18. package/dist/{src/Components → Components}/Dialog/Dialog.d.ts +2 -2
  19. package/dist/{src/Components → Components}/Dialog/DialogBackground.d.ts +2 -2
  20. package/dist/{src/Components → Components}/Dialog/DialogContainer.d.ts +3 -3
  21. package/dist/{src/Components → Components}/Dialog/DialogContext.d.ts +3 -2
  22. package/dist/{src/Components → Components}/DragAndDrop/DragItem.d.ts +2 -2
  23. package/dist/{src/Components → Components}/DragAndDrop/DropArea.d.ts +2 -2
  24. package/dist/{src/Components → Components}/FormElements/Button/Button.d.ts +8 -8
  25. package/dist/Components/FormElements/Button/Button.stories.d.ts +43 -0
  26. package/dist/Components/FormElements/CheckBox/Checkbox.d.ts +12 -0
  27. package/dist/Components/FormElements/CheckBox/Checkbox.stories.d.ts +17 -0
  28. package/dist/{src/Components → Components}/FormElements/ColorInput/ColorInput.d.ts +3 -5
  29. package/dist/Components/FormElements/ColorInput/ColorInput.stories.d.ts +8 -0
  30. package/dist/{src/Components → Components}/FormElements/Controller/ColorInputController.d.ts +1 -1
  31. package/dist/{src/Components → Components}/FormElements/Controller/FileInputController.d.ts +4 -4
  32. package/dist/Components/FormElements/Controller/HookForm.d.ts +15 -0
  33. package/dist/{src/Components → Components}/FormElements/Controller/InputController.d.ts +1 -1
  34. package/dist/{src/Components → Components}/FormElements/Controller/MultipleFileInputController.d.ts +1 -1
  35. package/dist/{src/Components → Components}/FormElements/Controller/PasswordInputController.d.ts +1 -1
  36. package/dist/{src/Components → Components}/FormElements/Controller/SelectController.d.ts +1 -1
  37. package/dist/Components/FormElements/Controller/SliderController.d.ts +5 -0
  38. package/dist/{src/Components → Components}/FormElements/Controller/SwitchController.d.ts +1 -1
  39. package/dist/{src/Components → Components}/FormElements/Controller/TextareaController.d.ts +1 -1
  40. package/dist/{src/Components → Components}/FormElements/Controller/useYupResolver.d.ts +1 -1
  41. package/dist/{src/Components → Components}/FormElements/Controller/withHookController.d.ts +3 -2
  42. package/dist/Components/FormElements/Error/FormError.d.ts +6 -0
  43. package/dist/Components/FormElements/Error/FormError.stories.d.ts +7 -0
  44. package/dist/Components/FormElements/Form.stories.d.ts +7 -0
  45. package/dist/Components/FormElements/Input/FileInput/FileInput.d.ts +13 -0
  46. package/dist/{src/Components → Components}/FormElements/Input/FileInput/MultipleFileInput.d.ts +6 -6
  47. package/dist/Components/FormElements/Input/HiddenInput.d.ts +6 -0
  48. package/dist/Components/FormElements/Input/HiddenInput.stories.d.ts +9 -0
  49. package/dist/{src/Components → Components}/FormElements/Input/Input.d.ts +4 -4
  50. package/dist/Components/FormElements/Input/Input.stories.d.ts +18 -0
  51. package/dist/{src/Components → Components}/FormElements/Input/PasswordInput/PasswordInput.d.ts +5 -4
  52. package/dist/Components/FormElements/Input/PasswordInput/PasswordInput.stories.d.ts +8 -0
  53. package/dist/{src/Components → Components}/FormElements/SearchSelectInput/SearchSelectInput.d.ts +4 -4
  54. package/dist/Components/FormElements/SearchSelectInput/SearchSelectInput.stories.d.ts +9 -0
  55. package/dist/{src/Components → Components}/FormElements/Select/Select.d.ts +4 -4
  56. package/dist/Components/FormElements/Select/Select.stories.d.ts +8 -0
  57. package/dist/{src/Components → Components}/FormElements/Slider/Slider.d.ts +4 -4
  58. package/dist/Components/FormElements/Slider/Slider.stories.d.ts +7 -0
  59. package/dist/{src/Components → Components}/FormElements/Switch/Switch.d.ts +5 -5
  60. package/dist/Components/FormElements/Switch/Switch.stories.d.ts +11 -0
  61. package/dist/{src/Components → Components}/FormElements/Textarea/Textarea.d.ts +4 -4
  62. package/dist/Components/FormElements/Textarea/Textarea.stories.d.ts +9 -0
  63. package/dist/{src/Components → Components}/FormElements/hooks/useOnChangeDone.d.ts +1 -1
  64. package/dist/{src/Components → Components}/FullScreen/FullScreen.d.ts +4 -4
  65. package/dist/{src/Components → Components}/Hooks/useClientLayoutEffect.d.ts +1 -1
  66. package/dist/{src/Components → Components}/Hooks/useComposedRef.d.ts +1 -1
  67. package/dist/{src/Components → Components}/Hooks/useDelayedState.d.ts +1 -1
  68. package/dist/{src/Components → Components}/Hooks/useInViewport.d.ts +1 -1
  69. package/dist/{src/Components → Components}/Icon/DoubleIcon.d.ts +1 -1
  70. package/dist/Components/Icon/DoubleIcon.stories.d.ts +23 -0
  71. package/dist/{src/Components → Components}/Icon/Icon.d.ts +5 -5
  72. package/dist/Components/Icon/Icon.stories.d.ts +17 -0
  73. package/dist/Components/Image/Image.d.ts +10 -0
  74. package/dist/Components/Image/Image.stories.d.ts +7 -0
  75. package/dist/{src/Components → Components}/InViewport/InViewport.d.ts +1 -1
  76. package/dist/{src/Components → Components}/Layout/Block.d.ts +4 -4
  77. package/dist/{src/Components → Components}/Layout/Container.d.ts +1 -1
  78. package/dist/{src/Components → Components}/Layout/Flex.d.ts +3 -3
  79. package/dist/{src/Components → Components}/Layout/Grid/Grid.d.ts +3 -3
  80. package/dist/{src/Components → Components}/Layout/Grid/GridItem.d.ts +1 -1
  81. package/dist/Components/Layout/Grow.d.ts +10 -0
  82. package/dist/{src/Components → Components}/Layout/Inline.d.ts +3 -3
  83. package/dist/{src/Components → Components}/Layout/InlineBlock.d.ts +3 -3
  84. package/dist/{src/Components → Components}/Layout/View.d.ts +4 -4
  85. package/dist/{src/Components → Components}/Layout/ViewWithoutListeners.d.ts +3 -3
  86. package/dist/Components/LoadingArea/LoadingArea.d.ts +9 -0
  87. package/dist/Components/LoadingArea/LoadingArea.stories.d.ts +9 -0
  88. package/dist/Components/LoadingCircle/LoadingCircle.d.ts +7 -0
  89. package/dist/Components/LoadingCircle/LoadingCircle.stories.d.ts +26 -0
  90. package/dist/{src/Components → Components}/Menu/HoverMenu.d.ts +3 -3
  91. package/dist/Components/Menu/HoverMenu.stories.d.ts +16 -0
  92. package/dist/{src/Components → Components}/Menu/Menu.d.ts +2 -2
  93. package/dist/Components/Menu/Menu.stories.d.ts +14 -0
  94. package/dist/{src/Components → Components}/Menu/MenuCloseContext.d.ts +1 -1
  95. package/dist/{src/Components → Components}/Menu/MenuDivider.d.ts +1 -1
  96. package/dist/{src/Components → Components}/Menu/MenuItem.d.ts +4 -3
  97. package/dist/Components/Menu/MenuItem.stories.d.ts +21 -0
  98. package/dist/{src/Components → Components}/Menu/Submenu.d.ts +3 -3
  99. package/dist/Components/Menu/Submenu.stories.d.ts +10 -0
  100. package/dist/{src/Components → Components}/Menu/useMenu.d.ts +2 -2
  101. package/dist/{src/Components → Components}/RbmComponentProps.d.ts +4 -4
  102. package/dist/{src/Components → Components}/SizeCalculator/SizeCalculator.d.ts +1 -1
  103. package/dist/Components/SpoilerList/Spoiler/Spoiler.d.ts +16 -0
  104. package/dist/Components/SpoilerList/Spoiler/Spoiler.stories.d.ts +7 -0
  105. package/dist/{src/Components → Components}/SpoilerList/SpoilerList.d.ts +3 -5
  106. package/dist/{src/Components → Components}/TabBar/TabBar.d.ts +4 -6
  107. package/dist/Components/TabBar/TabBar.stories.d.ts +10 -0
  108. package/dist/Components/TabBar/TabBarButton.d.ts +7 -0
  109. package/dist/{src/Components → Components}/Table/Table.d.ts +3 -3
  110. package/dist/{src/Components → Components}/Text/Heading.d.ts +2 -2
  111. package/dist/{src/Components → Components}/Text/Text.d.ts +3 -3
  112. package/dist/Components/Text/Text.stories.d.ts +35 -0
  113. package/dist/Components/Toast/Toast.d.ts +12 -0
  114. package/dist/Components/Toast/Toast.stories.d.ts +8 -0
  115. package/dist/{src/Components → Components}/Toast/ToastContainer.d.ts +2 -2
  116. package/dist/Components/TopBar/MoreButton.d.ts +7 -0
  117. package/dist/{src/Components → Components}/TopBar/TopBar.d.ts +4 -6
  118. package/dist/Components/TopBar/TopBar.stories.d.ts +7 -0
  119. package/dist/Components/TopBar/TopBarButton.d.ts +7 -0
  120. package/dist/helper/useDeepShallow.d.ts +1 -0
  121. package/dist/helper/withMemo.d.ts +3 -0
  122. package/dist/{src/helper → helper}/withRenderBrowserOnly.d.ts +1 -1
  123. package/dist/helper/withRestrictedChildren.d.ts +7 -0
  124. package/dist/index.css +36 -0
  125. package/dist/index.css.map +1 -0
  126. package/dist/index.d.ts +116 -0
  127. package/dist/index.js +5357 -0
  128. package/dist/index.js.map +1 -0
  129. package/dist/treeshakeTest.d.ts +1 -0
  130. package/eslint.config.js +17 -0
  131. package/package.json +40 -90
  132. package/react-bootstrap-mobile.scss +6 -6
  133. package/src/Components/ActionSheet/ActionSheet.stories.tsx +55 -0
  134. package/src/Components/ActionSheet/ActionSheet.tsx +37 -24
  135. package/src/Components/ActionSheet/actionSheet.module.scss +198 -0
  136. package/src/Components/Card/Card.stories.tsx +41 -0
  137. package/src/Components/Card/Card.tsx +6 -9
  138. package/src/Components/Card/card.module.scss +74 -0
  139. package/src/Components/Clickable/Clickable.tsx +73 -63
  140. package/src/Components/Clickable/clickable.module.scss +14 -0
  141. package/src/Components/Colors.stories.tsx +77 -0
  142. package/src/Components/Dialog/AlertDialog.stories.tsx +28 -0
  143. package/src/Components/Dialog/AlertDialog.tsx +10 -9
  144. package/src/Components/Dialog/ButtonDialog.tsx +15 -13
  145. package/src/Components/Dialog/ConfirmDialog.stories.tsx +29 -0
  146. package/src/Components/Dialog/ConfirmDialog.tsx +11 -9
  147. package/src/Components/Dialog/Dialog.tsx +10 -10
  148. package/src/Components/Dialog/DialogBackground.tsx +32 -21
  149. package/src/Components/Dialog/DialogContainer.tsx +23 -18
  150. package/src/Components/Dialog/DialogContext.ts +7 -6
  151. package/src/Components/Dialog/{buttonDialog.scss → buttonDialog.module.scss} +29 -21
  152. package/src/Components/Dialog/dialog.module.scss +30 -0
  153. package/src/Components/Dialog/dialogBackground.module.scss +17 -0
  154. package/src/Components/Dialog/useAlertDialog.ts +3 -3
  155. package/src/Components/Dialog/useConfirmDialog.ts +3 -3
  156. package/src/Components/DragAndDrop/DragItem.tsx +7 -6
  157. package/src/Components/DragAndDrop/DropArea.tsx +5 -4
  158. package/src/Components/Flavor.ts +4 -4
  159. package/src/Components/FormElements/Button/Button.stories.tsx +79 -0
  160. package/src/Components/FormElements/Button/Button.tsx +49 -36
  161. package/src/Components/FormElements/Button/ButtonType.ts +2 -2
  162. package/src/Components/FormElements/Button/button.module.scss +87 -0
  163. package/src/Components/FormElements/CheckBox/Checkbox.stories.tsx +50 -0
  164. package/src/Components/FormElements/CheckBox/Checkbox.tsx +13 -14
  165. package/src/Components/FormElements/CheckBox/{checkbox.scss → checkbox.module.scss} +30 -11
  166. package/src/Components/FormElements/ColorInput/ColorInput.stories.tsx +24 -0
  167. package/src/Components/FormElements/ColorInput/ColorInput.tsx +55 -59
  168. package/src/Components/FormElements/ColorInput/{colorInput.scss → colorInput.module.scss} +17 -19
  169. package/src/Components/FormElements/ColorInput/sharedSelectedColor.ts +19 -10
  170. package/src/Components/FormElements/Controller/ColorInputController.ts +3 -3
  171. package/src/Components/FormElements/Controller/FileInputController.tsx +29 -20
  172. package/src/Components/FormElements/Controller/HookForm.tsx +128 -24
  173. package/src/Components/FormElements/Controller/InputController.ts +3 -3
  174. package/src/Components/FormElements/Controller/MultipleFileInputController.ts +2 -3
  175. package/src/Components/FormElements/Controller/PasswordInputController.ts +3 -3
  176. package/src/Components/FormElements/Controller/SelectController.ts +3 -3
  177. package/src/Components/FormElements/Controller/SendFormContext.ts +3 -3
  178. package/src/Components/FormElements/Controller/SliderController.ts +4 -0
  179. package/src/Components/FormElements/Controller/SwitchController.ts +3 -3
  180. package/src/Components/FormElements/Controller/TextareaController.ts +2 -2
  181. package/src/Components/FormElements/Controller/useYupResolver.ts +10 -8
  182. package/src/Components/FormElements/Controller/withHookController.tsx +21 -18
  183. package/src/Components/FormElements/Error/FormError.stories.tsx +16 -0
  184. package/src/Components/FormElements/Error/FormError.tsx +42 -0
  185. package/src/Components/FormElements/Error/formError.module.scss +9 -0
  186. package/src/Components/FormElements/Form.stories.tsx +16 -0
  187. package/src/Components/FormElements/Input/FileInput/FileInput.tsx +52 -32
  188. package/src/Components/FormElements/Input/FileInput/MultipleFileInput.tsx +234 -231
  189. package/src/Components/FormElements/Input/FileInput/{fileInput.scss → fileInput.module.scss} +10 -12
  190. package/src/Components/FormElements/Input/HiddenInput.stories.tsx +44 -0
  191. package/src/Components/FormElements/Input/HiddenInput.tsx +6 -8
  192. package/src/Components/FormElements/Input/Input.stories.tsx +59 -0
  193. package/src/Components/FormElements/Input/Input.tsx +173 -172
  194. package/src/Components/FormElements/Input/PasswordInput/PasswordInput.stories.tsx +31 -0
  195. package/src/Components/FormElements/Input/PasswordInput/PasswordInput.tsx +20 -16
  196. package/src/Components/FormElements/Input/input.module.scss +95 -0
  197. package/src/Components/FormElements/SearchSelectInput/SearchSelectInput.stories.tsx +49 -0
  198. package/src/Components/FormElements/SearchSelectInput/SearchSelectInput.tsx +178 -166
  199. package/src/Components/FormElements/SearchSelectInput/seachSelectInput.module.scss +112 -0
  200. package/src/Components/FormElements/Select/Select.stories.tsx +49 -0
  201. package/src/Components/FormElements/Select/Select.tsx +34 -24
  202. package/src/Components/FormElements/Select/select.module.scss +63 -0
  203. package/src/Components/FormElements/Slider/Slider.stories.tsx +15 -0
  204. package/src/Components/FormElements/Slider/Slider.tsx +29 -20
  205. package/src/Components/FormElements/Slider/slider.module.scss +93 -0
  206. package/src/Components/FormElements/Switch/Switch.stories.tsx +65 -0
  207. package/src/Components/FormElements/Switch/Switch.tsx +72 -63
  208. package/src/Components/FormElements/Switch/switch.module.scss +157 -0
  209. package/src/Components/FormElements/Textarea/Textarea.stories.tsx +37 -0
  210. package/src/Components/FormElements/Textarea/Textarea.tsx +46 -45
  211. package/src/Components/FormElements/Textarea/textarea.module.scss +34 -0
  212. package/src/Components/FormElements/hooks/useOnChangeDone.ts +6 -2
  213. package/src/Components/FullScreen/FullScreen.tsx +16 -16
  214. package/src/Components/Hooks/useBreakpoint.ts +13 -7
  215. package/src/Components/Hooks/useClientLayoutEffect.ts +1 -1
  216. package/src/Components/Hooks/useComposedRef.ts +2 -1
  217. package/src/Components/Hooks/useDebounced.ts +2 -2
  218. package/src/Components/Hooks/useDelayed.ts +2 -3
  219. package/src/Components/Hooks/useDelayedEffect.ts +3 -3
  220. package/src/Components/Hooks/useDelayedState.ts +18 -10
  221. package/src/Components/Hooks/useInViewport.ts +3 -2
  222. package/src/Components/Hooks/useKeyListener.ts +9 -6
  223. package/src/Components/Hooks/useListener.ts +4 -4
  224. package/src/Components/Hooks/useMousePosition.ts +2 -2
  225. package/src/Components/Hooks/useRerender.ts +17 -14
  226. package/src/Components/Hooks/useWindowDimensions.ts +11 -12
  227. package/src/Components/Icon/DoubleIcon.stories.tsx +38 -0
  228. package/src/Components/Icon/DoubleIcon.tsx +22 -17
  229. package/src/Components/Icon/Icon.stories.tsx +37 -0
  230. package/src/Components/Icon/Icon.tsx +39 -17
  231. package/src/Components/Icon/{icon.scss → icon.module.scss} +2 -0
  232. package/src/Components/Image/Image.stories.tsx +17 -0
  233. package/src/Components/Image/Image.tsx +7 -12
  234. package/src/Components/InViewport/InViewport.tsx +5 -6
  235. package/src/Components/Layout/Block.tsx +18 -12
  236. package/src/Components/Layout/Container.tsx +5 -6
  237. package/src/Components/Layout/Flex.tsx +17 -9
  238. package/src/Components/Layout/Grid/Grid.tsx +20 -10
  239. package/src/Components/Layout/Grid/GridItem.tsx +5 -6
  240. package/src/Components/Layout/Grid/{grid.scss → grid.module.scss} +19 -26
  241. package/src/Components/Layout/Grow.tsx +18 -8
  242. package/src/Components/Layout/Inline.tsx +15 -12
  243. package/src/Components/Layout/InlineBlock.tsx +17 -12
  244. package/src/Components/Layout/View.tsx +20 -9
  245. package/src/Components/Layout/ViewWithoutListeners.tsx +24 -15
  246. package/src/Components/Layout/container.module.scss +54 -0
  247. package/src/Components/LoadingArea/LoadingArea.stories.tsx +35 -0
  248. package/src/Components/LoadingArea/LoadingArea.tsx +10 -15
  249. package/src/Components/LoadingArea/{loadingArea.scss → loadingArea.module.scss} +8 -5
  250. package/src/Components/LoadingCircle/LoadingCircle.stories.tsx +58 -0
  251. package/src/Components/LoadingCircle/LoadingCircle.tsx +26 -13
  252. package/src/Components/LoadingCircle/{loadingCircle.scss → loadingCircle.module.scss} +14 -5
  253. package/src/Components/Menu/HoverMenu.stories.tsx +32 -0
  254. package/src/Components/Menu/HoverMenu.tsx +61 -45
  255. package/src/Components/Menu/Menu.stories.tsx +69 -0
  256. package/src/Components/Menu/Menu.tsx +67 -58
  257. package/src/Components/Menu/MenuCloseContext.ts +1 -1
  258. package/src/Components/Menu/MenuDivider.tsx +6 -6
  259. package/src/Components/Menu/MenuItem.stories.tsx +35 -0
  260. package/src/Components/Menu/MenuItem.tsx +66 -55
  261. package/src/Components/Menu/Submenu.stories.tsx +37 -0
  262. package/src/Components/Menu/Submenu.tsx +72 -58
  263. package/src/Components/Menu/{menu.scss → menu.module.scss} +23 -11
  264. package/src/Components/Menu/useMenu.ts +4 -3
  265. package/src/Components/RbmComponentProps.ts +6 -7
  266. package/src/Components/SizeCalculator/SizeCalculator.tsx +3 -3
  267. package/src/Components/SpoilerList/Spoiler/Spoiler.stories.tsx +21 -0
  268. package/src/Components/SpoilerList/Spoiler/Spoiler.tsx +49 -48
  269. package/src/Components/SpoilerList/Spoiler/{spoiler.scss → spoiler.module.scss} +46 -30
  270. package/src/Components/SpoilerList/SpoilerList.tsx +8 -12
  271. package/src/Components/SpoilerList/useSpoilerGroup.ts +2 -2
  272. package/src/Components/TabBar/TabBar.stories.tsx +32 -0
  273. package/src/Components/TabBar/TabBar.tsx +16 -18
  274. package/src/Components/TabBar/TabBarButton.tsx +13 -10
  275. package/src/Components/TabBar/tabBar.module.scss +128 -0
  276. package/src/Components/Table/Table.tsx +16 -15
  277. package/src/Components/Text/Heading.tsx +6 -7
  278. package/src/Components/Text/Text.stories.tsx +121 -0
  279. package/src/Components/Text/Text.tsx +19 -10
  280. package/src/Components/Text/{text.scss → text.module.scss} +3 -8
  281. package/src/Components/Toast/Toast.stories.tsx +25 -0
  282. package/src/Components/Toast/Toast.tsx +15 -17
  283. package/src/Components/Toast/ToastContainer.tsx +72 -54
  284. package/src/Components/Toast/ToastContext.ts +9 -3
  285. package/src/Components/Toast/toast.module.scss +65 -0
  286. package/src/Components/TopBar/MoreButton.tsx +9 -11
  287. package/src/Components/TopBar/TopBar.stories.tsx +63 -0
  288. package/src/Components/TopBar/TopBar.tsx +49 -40
  289. package/src/Components/TopBar/TopBarButton.tsx +20 -10
  290. package/src/Components/TopBar/{topBar.scss → topBar.module.scss} +40 -23
  291. package/src/Size.ts +1 -2
  292. package/src/WrongChildError.ts +1 -1
  293. package/src/helper/EmptyProps.ts +1 -1
  294. package/src/helper/nonEmptyString.ts +1 -1
  295. package/src/helper/useDeepShallow.ts +10 -0
  296. package/src/helper/withMemo.ts +7 -8
  297. package/src/helper/withRenderBrowserOnly.tsx +2 -1
  298. package/src/helper/withRestrictedChildren.tsx +11 -14
  299. package/src/index.ts +116 -0
  300. package/src/scss/_colors.scss +32 -19
  301. package/src/scss/_default.scss +5 -5
  302. package/src/scss/_flavorMixin.scss +3 -0
  303. package/src/scss/_variables.scss +19 -19
  304. package/src/scss/_vars.scss +12 -0
  305. package/src/scss/baseClasses.module.scss +23 -0
  306. package/src/scss/breakpoints.scss +79 -0
  307. package/src/treeshakeTest.ts +3 -0
  308. package/src/types/{react-table-config.d.ts → reactTableConfig.d.ts} +2 -43
  309. package/stylelint.config.mjs +4 -0
  310. package/tsconfig.build.json +7 -0
  311. package/tsconfig.json +16 -48
  312. package/webpack.config.ts +6 -0
  313. package/.eslintrc.json +0 -191
  314. package/.npnignore +0 -5
  315. package/LICENSE +0 -21
  316. package/README.md +0 -1
  317. package/babel.config.js +0 -22
  318. package/bin/build.js +0 -60
  319. package/bin/updateCopies.js +0 -94
  320. package/bootstrapReactMobile.ts +0 -119
  321. package/dist/bootstrapReactMobile.d.ts +0 -119
  322. package/dist/bootstrapReactMobile.js +0 -14091
  323. package/dist/bootstrapReactMobile.js.map +0 -1
  324. package/dist/src/Components/Card/Card.d.ts +0 -14
  325. package/dist/src/Components/Dialog/AlertDialog.d.ts +0 -10
  326. package/dist/src/Components/Dialog/ConfirmDialog.d.ts +0 -11
  327. package/dist/src/Components/FormElements/CheckBox/Checkbox.d.ts +0 -14
  328. package/dist/src/Components/FormElements/Controller/HookForm.d.ts +0 -8
  329. package/dist/src/Components/FormElements/FormError.d.ts +0 -5
  330. package/dist/src/Components/FormElements/Input/FileInput/FileInput.d.ts +0 -13
  331. package/dist/src/Components/FormElements/Input/HiddenInput.d.ts +0 -8
  332. package/dist/src/Components/Image/Image.d.ts +0 -12
  333. package/dist/src/Components/Layout/Grow.d.ts +0 -9
  334. package/dist/src/Components/List/BulletList/BulletList.d.ts +0 -8
  335. package/dist/src/Components/List/BulletList/ListItem.d.ts +0 -7
  336. package/dist/src/Components/List/InfiniteList.d.ts +0 -7
  337. package/dist/src/Components/List/List.d.ts +0 -15
  338. package/dist/src/Components/LoadingArea/LoadingArea.d.ts +0 -12
  339. package/dist/src/Components/LoadingCircle/LoadingCircle.d.ts +0 -8
  340. package/dist/src/Components/SpoilerList/Spoiler/Spoiler.d.ts +0 -18
  341. package/dist/src/Components/TabBar/TabBarButton.d.ts +0 -9
  342. package/dist/src/Components/Toast/Toast.d.ts +0 -13
  343. package/dist/src/Components/TopBar/MoreButton.d.ts +0 -9
  344. package/dist/src/Components/TopBar/TopBarButton.d.ts +0 -9
  345. package/dist/src/ListRow/ListRow.d.ts +0 -1
  346. package/dist/src/StyleProvider.d.ts +0 -2
  347. package/dist/src/helper/withMemo.d.ts +0 -3
  348. package/dist/src/helper/withRestrictedChildren.d.ts +0 -6
  349. package/scripts/getPackageJson.js +0 -25
  350. package/src/Components/ActionSheet/actionSheet.scss +0 -153
  351. package/src/Components/Card/card.scss +0 -76
  352. package/src/Components/Clickable/clickable.scss +0 -8
  353. package/src/Components/Dialog/dialog.scss +0 -30
  354. package/src/Components/Dialog/dialogBackground.scss +0 -11
  355. package/src/Components/FormElements/Button/button.scss +0 -73
  356. package/src/Components/FormElements/FormError.tsx +0 -29
  357. package/src/Components/FormElements/Input/input.scss +0 -83
  358. package/src/Components/FormElements/SearchSelectInput/seachSelectInput.scss +0 -97
  359. package/src/Components/FormElements/Select/select.scss +0 -61
  360. package/src/Components/FormElements/Slider/slider.scss +0 -92
  361. package/src/Components/FormElements/Switch/switch.scss +0 -152
  362. package/src/Components/FormElements/Textarea/textarea.scss +0 -31
  363. package/src/Components/FormElements/formError.scss +0 -4
  364. package/src/Components/Layout/container.scss +0 -12
  365. package/src/Components/List/BulletList/BulletList.tsx +0 -33
  366. package/src/Components/List/BulletList/ListItem.tsx +0 -34
  367. package/src/Components/List/InfiniteList.tsx +0 -56
  368. package/src/Components/List/List.tsx +0 -95
  369. package/src/Components/List/list.scss +0 -30
  370. package/src/Components/TabBar/tabBar.scss +0 -108
  371. package/src/Components/Toast/toast.scss +0 -55
  372. package/src/ListRow/ListRow.tsx +0 -20
  373. package/src/StyleProvider.ts +0 -4
  374. package/src/scss/_baseClasses.scss +0 -23
  375. package/src/types/isomorphic-style-loader.d.ts +0 -3
  376. package/webpack.config.js +0 -94
  377. /package/dist/{src/Components → Components}/Dialog/useAlertDialog.d.ts +0 -0
  378. /package/dist/{src/Components → Components}/Dialog/useConfirmDialog.d.ts +0 -0
  379. /package/dist/{src/Components → Components}/DragAndDrop/useStrictEnabled.d.ts +0 -0
  380. /package/dist/{src/Components → Components}/Flavor.d.ts +0 -0
  381. /package/dist/{src/Components → Components}/FormElements/Button/ButtonType.d.ts +0 -0
  382. /package/dist/{src/Components → Components}/FormElements/ColorInput/sharedSelectedColor.d.ts +0 -0
  383. /package/dist/{src/Components → Components}/FormElements/Controller/SendFormContext.d.ts +0 -0
  384. /package/dist/{src/Components → Components}/FormElements/Input/FileInput/FileType.d.ts +0 -0
  385. /package/dist/{src/Components → Components}/Hooks/useBreakpoint.d.ts +0 -0
  386. /package/dist/{src/Components → Components}/Hooks/useDebounced.d.ts +0 -0
  387. /package/dist/{src/Components → Components}/Hooks/useDelayed.d.ts +0 -0
  388. /package/dist/{src/Components → Components}/Hooks/useDelayedEffect.d.ts +0 -0
  389. /package/dist/{src/Components → Components}/Hooks/useKeyListener.d.ts +0 -0
  390. /package/dist/{src/Components → Components}/Hooks/useListener.d.ts +0 -0
  391. /package/dist/{src/Components → Components}/Hooks/useMousePosition.d.ts +0 -0
  392. /package/dist/{src/Components → Components}/Hooks/useOnMount.d.ts +0 -0
  393. /package/dist/{src/Components → Components}/Hooks/useOnce.d.ts +0 -0
  394. /package/dist/{src/Components → Components}/Hooks/useRerender.d.ts +0 -0
  395. /package/dist/{src/Components → Components}/Hooks/useWindowDimensions.d.ts +0 -0
  396. /package/dist/{src/Components → Components}/SpoilerList/useSpoilerGroup.d.ts +0 -0
  397. /package/dist/{src/Components → Components}/Toast/ToastContext.d.ts +0 -0
  398. /package/dist/{src/Size.d.ts → Size.d.ts} +0 -0
  399. /package/dist/{src/TypeHelpers.d.ts → TypeHelpers.d.ts} +0 -0
  400. /package/dist/{src/WindowContext → WindowContext}/WindowContext.d.ts +0 -0
  401. /package/dist/{src/WrongChildError.d.ts → WrongChildError.d.ts} +0 -0
  402. /package/dist/{src/helper → helper}/Characters.d.ts +0 -0
  403. /package/dist/{src/helper → helper}/DistributiveOmit.d.ts +0 -0
  404. /package/dist/{src/helper → helper}/EmptyProps.d.ts +0 -0
  405. /package/dist/{src/helper → helper}/memoComparator.d.ts +0 -0
  406. /package/dist/{src/helper → helper}/nonEmptyString.d.ts +0 -0
  407. /package/src/Components/FormElements/Input/PasswordInput/{passwordInput.scss → passwordInput.module.scss} +0 -0
  408. /package/src/Components/Image/{image.scss → image.module.scss} +0 -0
  409. /package/src/Components/InViewport/{inViewport.scss → inViewport.module.scss} +0 -0
  410. /package/src/Components/Layout/{layout.scss → layout.module.scss} +0 -0
  411. /package/src/Components/Text/{heading.scss → heading.module.scss} +0 -0
  412. /package/src/types/{scss-module.d.ts → scss.d.ts} +0 -0
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
- import { DOMAttributes } from 'react';
3
- import { ViewProps } from './View';
4
- import { JSX } from "react/jsx-runtime";
2
+ import { JSX } from 'react/jsx-runtime';
3
+ import type { DOMAttributes } from 'react';
4
+ import type { ViewProps } from '@/Components/Layout/View';
5
5
  import IntrinsicElements = JSX.IntrinsicElements;
6
6
  export type ViewWithoutListenersProps<AsType extends keyof IntrinsicElements> = Omit<ViewProps<AsType>, keyof DOMAttributes<AsType>> & {
7
7
  children?: React.ReactNode;
@@ -0,0 +1,9 @@
1
+ import * as React from 'react';
2
+ import type { RbmComponentProps } from '@/Components/RbmComponentProps';
3
+ export type LoadingAreaProps = RbmComponentProps<{
4
+ loading: boolean;
5
+ fullWidth?: boolean;
6
+ fullHeight?: boolean;
7
+ fullSize?: boolean;
8
+ }>;
9
+ export declare const LoadingArea: ({ loading, fullWidth, fullSize, fullHeight, className, style, children, }: LoadingAreaProps) => React.JSX.Element;
@@ -0,0 +1,9 @@
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ import React from 'react';
3
+ declare const meta: {
4
+ component: ({ loading, fullWidth, fullSize, fullHeight, className, style, children, }: import("@/Components/LoadingArea/LoadingArea").LoadingAreaProps) => React.JSX.Element;
5
+ render: (args: import("@/Components/LoadingArea/LoadingArea").LoadingAreaProps) => React.JSX.Element;
6
+ };
7
+ export default meta;
8
+ type Story = StoryObj<typeof meta>;
9
+ export declare const Default: Story;
@@ -0,0 +1,7 @@
1
+ import * as React from 'react';
2
+ import { Size } from '@/Size';
3
+ import type { RbmComponentProps } from '@/Components/RbmComponentProps';
4
+ export type LoadingCircleProps = RbmComponentProps<{
5
+ size?: Size;
6
+ }>;
7
+ export declare const LoadingCircle: ({ size, className, style, }: LoadingCircleProps) => React.JSX.Element;
@@ -0,0 +1,26 @@
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ import { Size } from '@/Size';
3
+ import React from 'react';
4
+ declare const meta: {
5
+ component: ({ size, className, style, }: import("@/Components/LoadingCircle/LoadingCircle").LoadingCircleProps) => React.JSX.Element;
6
+ argTypes: {
7
+ size: {
8
+ control: {
9
+ type: "select";
10
+ };
11
+ options: string[];
12
+ mapping: {
13
+ 'x-small': Size;
14
+ small: Size;
15
+ medium: Size;
16
+ large: Size;
17
+ 'x-large': Size;
18
+ 'xx-large': Size;
19
+ };
20
+ };
21
+ };
22
+ };
23
+ export default meta;
24
+ type Story = StoryObj<typeof meta>;
25
+ export declare const Default: Story;
26
+ export declare const AllSizes: Story;
@@ -1,9 +1,9 @@
1
- import React from "react";
2
- import { RbmChildWithoutString, RbmComponentProps, WithNoStringAndChildrenProps } from "../RbmComponentProps";
1
+ import React from 'react';
2
+ import type { RbmChildWithoutString, RbmComponentProps, WithNoStringAndChildrenProps } from '@/Components/RbmComponentProps';
3
3
  export type HoverMenuProps = RbmComponentProps<{
4
4
  items: RbmChildWithoutString;
5
5
  openToSide?: boolean;
6
6
  onClick?: () => void | boolean;
7
7
  onClose?: () => void;
8
8
  }, WithNoStringAndChildrenProps>;
9
- export declare const HoverMenu: ({ children, items, className, style, onClick, onClose, openToSide }: HoverMenuProps) => React.JSX.Element;
9
+ export declare const HoverMenu: ({ children, items, className, style, onClick, onClose, openToSide, }: HoverMenuProps) => React.JSX.Element;
@@ -0,0 +1,16 @@
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ import React from 'react';
3
+ declare const meta: {
4
+ component: ({ children, items, className, style, onClick, onClose, openToSide, }: import("@/Components/Menu/HoverMenu").HoverMenuProps) => React.JSX.Element;
5
+ argTypes: {
6
+ children: {
7
+ control: false;
8
+ };
9
+ items: {
10
+ control: false;
11
+ };
12
+ };
13
+ };
14
+ export default meta;
15
+ type Story = StoryObj<typeof meta>;
16
+ export declare const Default: Story;
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
- import { RbmComponentProps } from '../RbmComponentProps';
3
- import { IconSource } from '../Icon/Icon';
2
+ import type { IconSource } from '@/Components/Icon/Icon';
3
+ import type { RbmComponentProps } from '@/Components/RbmComponentProps';
4
4
  export type MenuItemType = {
5
5
  label: string;
6
6
  icon?: IconSource | {
@@ -0,0 +1,14 @@
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ import React from 'react';
3
+ import type { MenuProps } from '@/Components/Menu/Menu';
4
+ declare const meta: {
5
+ component: ({ className, style, items, y, x, isOpen, onClose, children, offsetY, offsetX, }: MenuProps) => React.JSX.Element | null;
6
+ argTypes: {
7
+ children: {
8
+ control: false;
9
+ };
10
+ };
11
+ };
12
+ export default meta;
13
+ type Story = StoryObj<MenuProps>;
14
+ export declare const Default: Story;
@@ -1,3 +1,3 @@
1
- import React from "react";
1
+ import React from 'react';
2
2
  export declare const MenuCloseContextProvider: React.Provider<() => void>;
3
3
  export declare function useMenuClose(): () => void;
@@ -1,2 +1,2 @@
1
- import React from "react";
1
+ import React from 'react';
2
2
  export declare const MenuDivider: () => React.JSX.Element;
@@ -1,6 +1,7 @@
1
- import { IconSource } from "../Icon/Icon";
2
- import React, { ReactNode } from "react";
3
- import { RbmComponentProps, WithChildren } from "../RbmComponentProps";
1
+ import React from 'react';
2
+ import type { IconSource } from '@/Components/Icon/Icon';
3
+ import type { RbmComponentProps, WithChildren } from '@/Components/RbmComponentProps';
4
+ import type { ReactNode } from 'react';
4
5
  import Element = React.JSX.Element;
5
6
  export type MenuItemProps<Item = undefined> = RbmComponentProps<{
6
7
  icon?: IconSource;
@@ -0,0 +1,21 @@
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ component: <Item>({ children, icon, iconColor, className, onClick, onMouseEnter, onMouseLeave, active, item, disabled, ...props }: import("@/Components/Menu/MenuItem").MenuItemProps<Item>) => import("react").JSX.Element;
4
+ argTypes: {
5
+ icon: {
6
+ control: {
7
+ type: "select";
8
+ };
9
+ options: string[];
10
+ mapping: {
11
+ none: undefined;
12
+ home: import("@fortawesome/fontawesome-common-types").IconDefinition;
13
+ settings: import("@fortawesome/fontawesome-common-types").IconDefinition;
14
+ user: import("@fortawesome/fontawesome-common-types").IconDefinition;
15
+ };
16
+ };
17
+ };
18
+ };
19
+ export default meta;
20
+ type Story = StoryObj<typeof meta>;
21
+ export declare const Default: Story;
@@ -1,6 +1,6 @@
1
- import { RbmComponentProps, WithNoStringAndChildrenProps } from "../RbmComponentProps";
2
- import { IconSource } from "../Icon/Icon";
3
- import React from "react";
1
+ import React from 'react';
2
+ import type { IconSource } from '@/Components/Icon/Icon';
3
+ import type { RbmComponentProps, WithNoStringAndChildrenProps } from '@/Components/RbmComponentProps';
4
4
  export type SubmenuProps = RbmComponentProps<{
5
5
  label: string;
6
6
  icon?: IconSource;
@@ -0,0 +1,10 @@
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ import React from 'react';
3
+ import type { SubmenuProps } from '@/Components/Menu/Submenu';
4
+ declare const meta: {
5
+ component: ({ children, label, icon, iconColor, className, style, disabled, onMouseEnter, onMouseLeave, }: SubmenuProps) => React.JSX.Element;
6
+ render: (args: SubmenuProps) => React.JSX.Element;
7
+ };
8
+ export default meta;
9
+ type Story = StoryObj<SubmenuProps>;
10
+ export declare const Default: Story;
@@ -1,3 +1,3 @@
1
- import { MouseEvent } from 'react';
2
- import { MenuProps } from './Menu';
1
+ import type { MenuProps } from '@/Components/Menu/Menu';
2
+ import type { MouseEvent } from 'react';
3
3
  export declare function useMenu(): readonly [(e: MouseEvent) => void, Omit<MenuProps, "children" | "items">];
@@ -1,6 +1,6 @@
1
- import { CSSProperties, ReactNode } from 'react';
2
- import { Recursive } from '../TypeHelpers';
3
- import { JSX } from "react/jsx-runtime";
1
+ import type { CSSProperties, ReactNode } from 'react';
2
+ import type { JSX } from 'react/jsx-runtime';
3
+ import type { Recursive } from '@/TypeHelpers';
4
4
  export type RbmChildWithoutString = Recursive<JSX.Element | undefined | null | RbmChildWithoutString[]> | false;
5
5
  export type WithNoStringProps = {
6
6
  children?: RbmChildWithoutString;
@@ -21,7 +21,7 @@ export type WithStringProps = {
21
21
  };
22
22
  export type WithChildren = {
23
23
  children: ReactNode;
24
- __allowChildren?: "text" | "all" | "html";
24
+ __allowChildren?: 'text' | 'all' | 'html';
25
25
  };
26
26
  export type WithStringAndChildrenProps = {
27
27
  children: Recursive<string>;
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { WithNoStringAndChildrenProps } from '../RbmComponentProps';
2
+ import type { WithNoStringAndChildrenProps } from '@/Components/RbmComponentProps';
3
3
  export type SizeCalculatorProps = {
4
4
  onSize: (width: number, height: number) => void;
5
5
  absolute?: boolean;
@@ -0,0 +1,16 @@
1
+ import * as React from 'react';
2
+ import type { IconSource } from '@/Components/Icon/Icon';
3
+ import type { ReactNode } from 'react';
4
+ import type { OptionalListener } from '@/Components/Hooks/useListener';
5
+ import type { RbmComponentProps, WithChildren } from '@/Components/RbmComponentProps';
6
+ export type SpoilerProps<OnClickData> = RbmComponentProps<{
7
+ title: ReactNode;
8
+ initialOpen?: boolean;
9
+ open?: boolean;
10
+ onlyTitleToggles?: boolean;
11
+ noClosingAnimation?: boolean;
12
+ noAnimation?: boolean;
13
+ openIcon?: IconSource | null;
14
+ closeIcon?: IconSource | null;
15
+ } & OptionalListener<'onClick', OnClickData>, WithChildren>;
16
+ export declare const Spoiler: <OnClickData>({ title, children, initialOpen, noClosingAnimation, noAnimation, openIcon, closeIcon, className, onlyTitleToggles, style, open, ...listenerProps }: SpoilerProps<OnClickData>) => React.JSX.Element;
@@ -0,0 +1,7 @@
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ component: <OnClickData>({ title, children, initialOpen, noClosingAnimation, noAnimation, openIcon, closeIcon, className, onlyTitleToggles, style, open, ...listenerProps }: import("@/Components/SpoilerList/Spoiler/Spoiler").SpoilerProps<OnClickData>) => import("react").JSX.Element;
4
+ };
5
+ export default meta;
6
+ type Story = StoryObj<typeof meta>;
7
+ export declare const Default: Story;
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
- import { ReactElement } from 'react';
3
- import { RbmComponentProps, WithNoChildren } from '../RbmComponentProps';
2
+ import type { RbmComponentProps, WithNoChildren } from '@/Components/RbmComponentProps';
3
+ import type { ReactElement } from 'react';
4
4
  export type SpoilerItem<BodyData, TitleData = string> = {
5
5
  title: TitleData;
6
6
  body: BodyData;
@@ -11,6 +11,4 @@ export type SpoilerListProps<BodyData, TitleData = string> = RbmComponentProps<{
11
11
  renderBody: (item: SpoilerItem<BodyData, TitleData>) => ReactElement;
12
12
  renderTitle?: (item: SpoilerItem<BodyData, TitleData>) => ReactElement | string;
13
13
  }, WithNoChildren>;
14
- declare function SpoilerList<BodyData, TitleData = string>({ data, renderBody, renderTitle, className, style, }: SpoilerListProps<BodyData, TitleData>): React.JSX.Element;
15
- declare const SpoilerListMemo: typeof SpoilerList;
16
- export { SpoilerListMemo as SpoilerList };
14
+ export declare const SpoilerList: <BodyData, TitleData = string>({ data, renderBody, renderTitle, className, style, }: SpoilerListProps<BodyData, TitleData>) => React.JSX.Element;
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
- import { RbmComponentProps } from '../RbmComponentProps';
3
- import { IconSource } from '../Icon/Icon';
4
- import { ComponentType } from 'react';
2
+ import type { ComponentType } from 'react';
3
+ import type { IconSource } from '@/Components/Icon/Icon';
4
+ import type { RbmComponentProps } from '@/Components/RbmComponentProps';
5
5
  export type TabBarComponentButtonType = {
6
6
  component: ComponentType<Record<string, any>>;
7
7
  key?: string;
@@ -26,6 +26,4 @@ export type TabBarProps = RbmComponentProps<{
26
26
  drawBehind?: boolean;
27
27
  underline?: boolean;
28
28
  }>;
29
- declare function TabBar({ buttons, startActiveTab, onTabChange, activeTab, transparent, underline, className, ...rbmProps }: TabBarProps): React.JSX.Element;
30
- declare const TabBarMemo: typeof TabBar;
31
- export { TabBarMemo as TabBar };
29
+ export declare const TabBar: ({ buttons, startActiveTab, onTabChange, activeTab, transparent, underline, className, ...rbmProps }: TabBarProps) => React.JSX.Element;
@@ -0,0 +1,10 @@
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ component: ({ buttons, startActiveTab, onTabChange, activeTab, transparent, underline, className, ...rbmProps }: import("@/Components/TabBar/TabBar").TabBarProps) => import("react").JSX.Element;
4
+ parameters: {
5
+ layout: string;
6
+ };
7
+ };
8
+ export default meta;
9
+ type Story = StoryObj<typeof meta>;
10
+ export declare const Default: Story;
@@ -0,0 +1,7 @@
1
+ import * as React from 'react';
2
+ import type { Listener } from '@/Components/Hooks/useListener';
3
+ import type { RbmComponentProps } from '@/Components/RbmComponentProps';
4
+ export type TabBarButtonProps = RbmComponentProps<{
5
+ active: boolean;
6
+ } & Listener<'onClick', number>>;
7
+ export declare const TabBarButton: ({ active, className, children, ...rbmProps }: TabBarButtonProps) => React.JSX.Element;
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
- import { Cell, Column as RTColumn, HeaderGroup, Row, UseSortByOptions } from 'react-table';
3
- import { RbmComponentProps } from '../RbmComponentProps';
4
- import { ReactNode } from 'react';
2
+ import type { Cell, HeaderGroup, Column as RTColumn, Row, UseSortByOptions } from 'react-table';
3
+ import type { RbmComponentProps } from '@/Components/RbmComponentProps';
4
+ import type { ReactNode } from 'react';
5
5
  export type ColumnCellData<DataType extends string | number | Record<string, unknown>> = {
6
6
  value: DataType;
7
7
  cell: {
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
- import { RbmComponentProps, WithStringProps } from '../RbmComponentProps';
3
- import { EmptyProps } from '../../helper/EmptyProps';
2
+ import type { EmptyProps } from '@/helper/EmptyProps';
3
+ import type { RbmComponentProps, WithStringProps } from '@/Components/RbmComponentProps';
4
4
  export type HeadingProps = RbmComponentProps<EmptyProps, WithStringProps>;
5
5
  declare function Heading({ children, className, style }: HeadingProps): React.JSX.Element;
6
6
  declare const HeadingMemo: typeof Heading;
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
- import { Recursive, ValueOf } from '../../TypeHelpers';
3
- import { ViewProps } from '../Layout/View';
4
- import { JSX } from "react/jsx-runtime";
2
+ import { JSX } from 'react/jsx-runtime';
3
+ import type { Recursive, ValueOf } from '@/TypeHelpers';
4
+ import type { ViewProps } from '@/Components/Layout/View';
5
5
  import IntrinsicElements = JSX.IntrinsicElements;
6
6
  export declare const TEXT_PRIO: {
7
7
  primary: string;
@@ -0,0 +1,35 @@
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ import React from 'react';
3
+ declare const meta: {
4
+ component: <AsType extends keyof import("react/jsx-runtime").JSX.IntrinsicElements = "span">({ className, children, block, prio, emphasized, size, as, ...props }: import("@/Components/Text/Text").TextProps<AsType>) => React.JSX.Element;
5
+ argTypes: {
6
+ prio: {
7
+ control: {
8
+ type: "select";
9
+ };
10
+ options: (string | undefined)[];
11
+ };
12
+ size: {
13
+ control: {
14
+ type: "select";
15
+ };
16
+ options: (string | undefined)[];
17
+ };
18
+ children: {
19
+ control: "text";
20
+ defaultValue: string;
21
+ };
22
+ as: {
23
+ control: {
24
+ type: "select";
25
+ };
26
+ options: (string | undefined)[];
27
+ };
28
+ };
29
+ };
30
+ export default meta;
31
+ type Story = StoryObj<typeof meta>;
32
+ export declare const Default: Story;
33
+ export declare const DifferentSizes: Story;
34
+ export declare const DifferentPrios: Story;
35
+ export declare const SizesPrioCombo: Story;
@@ -0,0 +1,12 @@
1
+ import * as React from 'react';
2
+ import type { Listener, OptionalListener } from '@/Components/Hooks/useListener';
3
+ import type { RbmComponentProps, WithStringProps } from '@/Components/RbmComponentProps';
4
+ type WithoutActionProps<DismissedData> = {
5
+ timeToShow?: number;
6
+ } & OptionalListener<'onDismissed', DismissedData>;
7
+ type WithActionProps<ActionData, DismissedData> = WithoutActionProps<DismissedData> & {
8
+ actionName: string;
9
+ } & Listener<'onClick', ActionData>;
10
+ export type ToastProps<ActionData, DismissedData> = RbmComponentProps<WithActionProps<ActionData, DismissedData> | WithoutActionProps<DismissedData>, WithStringProps>;
11
+ export declare const Toast: <ActionData, DismissedData>({ className, timeToShow, children, style, ...otherProps }: ToastProps<ActionData, DismissedData>) => React.JSX.Element | null;
12
+ export {};
@@ -0,0 +1,8 @@
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ component: <ActionData, DismissedData>({ className, timeToShow, children, style, ...otherProps }: import("@/Components/Toast/Toast").ToastProps<ActionData, DismissedData>) => import("react").JSX.Element | null;
4
+ };
5
+ export default meta;
6
+ type Story = StoryObj<typeof meta>;
7
+ export declare const Default: Story;
8
+ export declare const ToastWithAction: Story;
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
- import { RbmComponentProps } from '../RbmComponentProps';
3
- import { EmptyProps } from '../../helper/EmptyProps';
2
+ import type { EmptyProps } from '@/helper/EmptyProps';
3
+ import type { RbmComponentProps } from '@/Components/RbmComponentProps';
4
4
  export type ToastContainerProps = RbmComponentProps<EmptyProps>;
5
5
  declare function ToastContainer({ className, children, style }: ToastContainerProps): React.JSX.Element;
6
6
  declare const ToastContainerMemo: typeof ToastContainer;
@@ -0,0 +1,7 @@
1
+ import * as React from 'react';
2
+ import type { RbmComponentProps } from '@/Components/RbmComponentProps';
3
+ export type MoreButtonProps = RbmComponentProps<{
4
+ disabled?: boolean;
5
+ onClick?: () => void;
6
+ }>;
7
+ export declare const MoreButton: ({ onClick, disabled, className, style }: MoreButtonProps) => React.JSX.Element;
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
- import { ComponentType } from 'react';
3
- import { RbmComponentProps } from '../RbmComponentProps';
4
- import { IconSource } from '../Icon/Icon';
2
+ import type { ComponentType } from 'react';
3
+ import type { RbmComponentProps } from '@/Components/RbmComponentProps';
4
+ import type { IconSource } from '@/Components/Icon/Icon';
5
5
  export type TopBarActionButtonType = {
6
6
  order?: number;
7
7
  title: string;
@@ -22,6 +22,4 @@ export type TopBarProps = RbmComponentProps<{
22
22
  transparent?: boolean;
23
23
  drawBehind?: boolean;
24
24
  }>;
25
- declare function TopBar({ title, rightButtons: unsortedRightButtons, leftButtons: unsortedLeftButtons, hiddenButtons: unsortedHiddenButtons, className, transparent, drawBehind, ...rbmProps }: TopBarProps): React.JSX.Element;
26
- declare const TopBarMemo: typeof TopBar;
27
- export { TopBarMemo as TopBar };
25
+ export declare const TopBar: ({ title, rightButtons: unsortedRightButtons, leftButtons: unsortedLeftButtons, hiddenButtons: unsortedHiddenButtons, className, transparent, drawBehind, ...rbmProps }: TopBarProps) => React.JSX.Element;
@@ -0,0 +1,7 @@
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ component: ({ title, rightButtons: unsortedRightButtons, leftButtons: unsortedLeftButtons, hiddenButtons: unsortedHiddenButtons, className, transparent, drawBehind, ...rbmProps }: import("@/Components/TopBar/TopBar").TopBarProps) => import("react").JSX.Element;
4
+ };
5
+ export default meta;
6
+ type Story = StoryObj<typeof meta>;
7
+ export declare const Default: Story;
@@ -0,0 +1,7 @@
1
+ import * as React from 'react';
2
+ import type { RbmComponentProps } from '@/Components/RbmComponentProps';
3
+ export type TopBarButtonProps = RbmComponentProps<{
4
+ disabled?: boolean;
5
+ onClick?: () => void;
6
+ }>;
7
+ export declare const TopBarButton: ({ disabled, onClick, className, children, ...rbmProps }: TopBarButtonProps) => React.JSX.Element;
@@ -0,0 +1 @@
1
+ export declare function useDeepShallow<S, U>(selector: (state: S) => U, depth?: number): (state: S) => U;
@@ -0,0 +1,3 @@
1
+ import type { ComponentType } from 'react';
2
+ import type { RESTRICT_CHILDREN } from '@/helper/withRestrictedChildren';
3
+ export declare function withMemo<C extends ComponentType<any>>(component: C, defaultAllowChildren?: (typeof RESTRICT_CHILDREN)['allowChildren']): C;
@@ -1,2 +1,2 @@
1
- import { ComponentType } from 'react';
1
+ import type { ComponentType } from 'react';
2
2
  export declare function withRenderBrowserOnly<C extends ComponentType<any>>(Component: C): C;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import type { ComponentType, ReactElement } from 'react';
3
+ import type { RbmComponentProps } from '@/Components/RbmComponentProps';
4
+ export declare const RESTRICT_CHILDREN: {
5
+ allowChildren: undefined | "all" | "html" | "text";
6
+ };
7
+ export declare function withRestrictedChildren<C extends ComponentType<RbmComponentProps<Record<string, any>>>>(Component: C, defaultAllowChildren?: (typeof RESTRICT_CHILDREN)['allowChildren']): (props: React.ComponentProps<C>) => ReactElement;