@ainias42/react-bootstrap-mobile 0.1.7

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 (233) hide show
  1. package/.eslintrc.json +189 -0
  2. package/.prettierrc +5 -0
  3. package/LICENSE +21 -0
  4. package/README.md +1 -0
  5. package/babel.config.js +22 -0
  6. package/bin/build.js +60 -0
  7. package/bin/release.sh +35 -0
  8. package/bin/updateCopies.js +86 -0
  9. package/bootstrapReactMobile.ts +87 -0
  10. package/dist/bootstrapReactMobile.d.ts +87 -0
  11. package/dist/bootstrapReactMobile.js +6275 -0
  12. package/dist/src/Components/ActionSheet/ActionSheet.d.ts +21 -0
  13. package/dist/src/Components/Card/Card.d.ts +13 -0
  14. package/dist/src/Components/Clickable/Clickable.d.ts +14 -0
  15. package/dist/src/Components/Dialog/AlertDialog.d.ts +10 -0
  16. package/dist/src/Components/Dialog/ButtonDialog.d.ts +13 -0
  17. package/dist/src/Components/Dialog/ConfirmDialog.d.ts +11 -0
  18. package/dist/src/Components/Dialog/Dialog.d.ts +14 -0
  19. package/dist/src/Components/Dialog/DialogBackground.d.ts +7 -0
  20. package/dist/src/Components/Dialog/DialogContainer.d.ts +6 -0
  21. package/dist/src/Components/Dialog/DialogContext.d.ts +9 -0
  22. package/dist/src/Components/Dialog/useAlertDialog.d.ts +1 -0
  23. package/dist/src/Components/Dialog/useConfirmDialog.d.ts +1 -0
  24. package/dist/src/Components/DragAndDrop/DragItem.d.ts +7 -0
  25. package/dist/src/Components/DragAndDrop/DropArea.d.ts +7 -0
  26. package/dist/src/Components/DragAndDrop/useStrictEnabled.d.ts +1 -0
  27. package/dist/src/Components/FormElements/Button/Button.d.ts +8 -0
  28. package/dist/src/Components/FormElements/CheckBox/Checkbox.d.ts +10 -0
  29. package/dist/src/Components/FormElements/ColorInput/ColorInput.d.ts +17 -0
  30. package/dist/src/Components/FormElements/ColorInput/sharedSelectedColor.d.ts +4 -0
  31. package/dist/src/Components/FormElements/ImageInput/ImageInput.d.ts +17 -0
  32. package/dist/src/Components/FormElements/Input/HiddenInput.d.ts +8 -0
  33. package/dist/src/Components/FormElements/Input/Input.d.ts +10 -0
  34. package/dist/src/Components/FormElements/Input/PasswordInput/PasswordInput.d.ts +4 -0
  35. package/dist/src/Components/FormElements/SearchSelectInput/SearchSelectInput.d.ts +10 -0
  36. package/dist/src/Components/FormElements/Select/Select.d.ts +16 -0
  37. package/dist/src/Components/FormElements/Slider/Slider.d.ts +8 -0
  38. package/dist/src/Components/FormElements/Switch/Switch.d.ts +12 -0
  39. package/dist/src/Components/FormElements/Textarea/Textarea.d.ts +12 -0
  40. package/dist/src/Components/FormElements/hooks/useOnChangeDone.d.ts +2 -0
  41. package/dist/src/Components/FullScreen/FullScreen.d.ts +14 -0
  42. package/dist/src/Components/Hooks/useBreakpoint.d.ts +11 -0
  43. package/dist/src/Components/Hooks/useComposedRef.d.ts +2 -0
  44. package/dist/src/Components/Hooks/useDebounced.d.ts +1 -0
  45. package/dist/src/Components/Hooks/useDelayed.d.ts +1 -0
  46. package/dist/src/Components/Hooks/useInViewport.d.ts +2 -0
  47. package/dist/src/Components/Hooks/useKeyListener.d.ts +3 -0
  48. package/dist/src/Components/Hooks/useListener.d.ts +18 -0
  49. package/dist/src/Components/Hooks/useOnMount.d.ts +1 -0
  50. package/dist/src/Components/Hooks/useOnce.d.ts +1 -0
  51. package/dist/src/Components/Icon/Icon.d.ts +13 -0
  52. package/dist/src/Components/Image/Image.d.ts +12 -0
  53. package/dist/src/Components/InViewport/InViewport.d.ts +11 -0
  54. package/dist/src/Components/Layout/Block.d.ts +7 -0
  55. package/dist/src/Components/Layout/Container.d.ts +15 -0
  56. package/dist/src/Components/Layout/Flex.d.ts +10 -0
  57. package/dist/src/Components/Layout/Grid/Grid.d.ts +9 -0
  58. package/dist/src/Components/Layout/Grid/GridItem.d.ts +25 -0
  59. package/dist/src/Components/Layout/Grow.d.ts +9 -0
  60. package/dist/src/Components/Layout/Inline.d.ts +7 -0
  61. package/dist/src/Components/Layout/InlineBlock.d.ts +7 -0
  62. package/dist/src/Components/Layout/View.d.ts +9 -0
  63. package/dist/src/Components/Layout/ViewWithoutListeners.d.ts +8 -0
  64. package/dist/src/Components/List/BulletList/BulletList.d.ts +8 -0
  65. package/dist/src/Components/List/BulletList/ListItem.d.ts +7 -0
  66. package/dist/src/Components/List/List.d.ts +10 -0
  67. package/dist/src/Components/LoadingArea/LoadingArea.d.ts +12 -0
  68. package/dist/src/Components/LoadingCircle/LoadingCircle.d.ts +8 -0
  69. package/dist/src/Components/Menu/Menu.d.ts +16 -0
  70. package/dist/src/Components/Menu/useMenu.d.ts +3 -0
  71. package/dist/src/Components/RbmComponentProps.d.ts +31 -0
  72. package/dist/src/Components/SizeCalculator/SizeCalculator.d.ts +9 -0
  73. package/dist/src/Components/SpoilerList/Spoiler/Spoiler.d.ts +15 -0
  74. package/dist/src/Components/SpoilerList/SpoilerList.d.ts +15 -0
  75. package/dist/src/Components/SpoilerList/useSpoilerGroup.d.ts +12 -0
  76. package/dist/src/Components/TabBar/TabBar.d.ts +30 -0
  77. package/dist/src/Components/TabBar/TabBarButton.d.ts +9 -0
  78. package/dist/src/Components/Table/Table.d.ts +36 -0
  79. package/dist/src/Components/Text/Heading.d.ts +7 -0
  80. package/dist/src/Components/Text/Text.d.ts +26 -0
  81. package/dist/src/Components/Toast/Toast.d.ts +13 -0
  82. package/dist/src/Components/Toast/ToastContainer.d.ts +7 -0
  83. package/dist/src/Components/TopBar/MoreButton.d.ts +9 -0
  84. package/dist/src/Components/TopBar/TopBar.d.ts +25 -0
  85. package/dist/src/Components/TopBar/TopBarButton.d.ts +9 -0
  86. package/dist/src/StyleProvider.d.ts +2 -0
  87. package/dist/src/TypeHelpers.d.ts +4 -0
  88. package/dist/src/WindowContext/WindowContext.d.ts +3 -0
  89. package/dist/src/WrongChildError.d.ts +4 -0
  90. package/dist/src/helper/Characters.d.ts +5 -0
  91. package/dist/src/helper/DistributiveOmit.d.ts +1 -0
  92. package/dist/src/helper/EmptyProps.d.ts +1 -0
  93. package/dist/src/helper/memoComparator.d.ts +1 -0
  94. package/dist/src/helper/nonEmptyString.d.ts +1 -0
  95. package/dist/src/helper/withForwardRef.d.ts +7 -0
  96. package/dist/src/helper/withMemo.d.ts +3 -0
  97. package/dist/src/helper/withRenderBrowserOnly.d.ts +2 -0
  98. package/dist/src/helper/withRestrictedChildren.d.ts +6 -0
  99. package/package.json +92 -0
  100. package/react-bootstrap-mobile.scss +6 -0
  101. package/scripts/getPackageJson.js +25 -0
  102. package/src/Components/ActionSheet/ActionSheet.tsx +115 -0
  103. package/src/Components/ActionSheet/actionSheet.scss +153 -0
  104. package/src/Components/Card/Card.tsx +46 -0
  105. package/src/Components/Card/card.scss +76 -0
  106. package/src/Components/Clickable/Clickable.tsx +174 -0
  107. package/src/Components/Clickable/clickable.scss +3 -0
  108. package/src/Components/Dialog/AlertDialog.tsx +44 -0
  109. package/src/Components/Dialog/ButtonDialog.tsx +57 -0
  110. package/src/Components/Dialog/ConfirmDialog.tsx +46 -0
  111. package/src/Components/Dialog/Dialog.tsx +82 -0
  112. package/src/Components/Dialog/DialogBackground.tsx +38 -0
  113. package/src/Components/Dialog/DialogContainer.tsx +77 -0
  114. package/src/Components/Dialog/DialogContext.ts +21 -0
  115. package/src/Components/Dialog/buttonDialog.scss +114 -0
  116. package/src/Components/Dialog/dialog.scss +30 -0
  117. package/src/Components/Dialog/dialogBackground.scss +4 -0
  118. package/src/Components/Dialog/useAlertDialog.ts +13 -0
  119. package/src/Components/Dialog/useConfirmDialog.ts +13 -0
  120. package/src/Components/DragAndDrop/DragItem.tsx +38 -0
  121. package/src/Components/DragAndDrop/DropArea.tsx +43 -0
  122. package/src/Components/DragAndDrop/useStrictEnabled.ts +20 -0
  123. package/src/Components/FormElements/Button/Button.tsx +25 -0
  124. package/src/Components/FormElements/Button/button.scss +39 -0
  125. package/src/Components/FormElements/CheckBox/Checkbox.tsx +61 -0
  126. package/src/Components/FormElements/CheckBox/checkbox.scss +107 -0
  127. package/src/Components/FormElements/ColorInput/ColorInput.tsx +139 -0
  128. package/src/Components/FormElements/ColorInput/colorInput.scss +35 -0
  129. package/src/Components/FormElements/ColorInput/sharedSelectedColor.ts +40 -0
  130. package/src/Components/FormElements/ImageInput/ImageInput.tsx +97 -0
  131. package/src/Components/FormElements/ImageInput/imageInput.scss +24 -0
  132. package/src/Components/FormElements/Input/HiddenInput.tsx +43 -0
  133. package/src/Components/FormElements/Input/Input.tsx +102 -0
  134. package/src/Components/FormElements/Input/PasswordInput/PasswordInput.tsx +55 -0
  135. package/src/Components/FormElements/Input/PasswordInput/passwordInput.scss +7 -0
  136. package/src/Components/FormElements/Input/input.scss +57 -0
  137. package/src/Components/FormElements/SearchSelectInput/SearchSelectInput.tsx +162 -0
  138. package/src/Components/FormElements/SearchSelectInput/seachSelectInput.scss +90 -0
  139. package/src/Components/FormElements/Select/Select.tsx +77 -0
  140. package/src/Components/FormElements/Select/select.scss +51 -0
  141. package/src/Components/FormElements/Slider/Slider.tsx +80 -0
  142. package/src/Components/FormElements/Slider/slider.scss +92 -0
  143. package/src/Components/FormElements/Switch/Switch.tsx +82 -0
  144. package/src/Components/FormElements/Switch/switch.scss +149 -0
  145. package/src/Components/FormElements/Textarea/Textarea.tsx +77 -0
  146. package/src/Components/FormElements/Textarea/textarea.scss +22 -0
  147. package/src/Components/FormElements/hooks/useOnChangeDone.ts +16 -0
  148. package/src/Components/FullScreen/FullScreen.tsx +89 -0
  149. package/src/Components/Hooks/useBreakpoint.ts +66 -0
  150. package/src/Components/Hooks/useComposedRef.ts +17 -0
  151. package/src/Components/Hooks/useDebounced.ts +22 -0
  152. package/src/Components/Hooks/useDelayed.ts +46 -0
  153. package/src/Components/Hooks/useInViewport.ts +23 -0
  154. package/src/Components/Hooks/useKeyListener.ts +77 -0
  155. package/src/Components/Hooks/useListener.ts +73 -0
  156. package/src/Components/Hooks/useOnMount.ts +12 -0
  157. package/src/Components/Hooks/useOnce.ts +11 -0
  158. package/src/Components/Icon/Icon.tsx +45 -0
  159. package/src/Components/Image/Image.tsx +44 -0
  160. package/src/Components/Image/image.scss +3 -0
  161. package/src/Components/InViewport/InViewport.tsx +71 -0
  162. package/src/Components/InViewport/inViewport.scss +3 -0
  163. package/src/Components/Layout/Block.tsx +48 -0
  164. package/src/Components/Layout/Container.tsx +57 -0
  165. package/src/Components/Layout/Flex.tsx +51 -0
  166. package/src/Components/Layout/Grid/Grid.tsx +53 -0
  167. package/src/Components/Layout/Grid/GridItem.tsx +138 -0
  168. package/src/Components/Layout/Grid/grid.scss +43 -0
  169. package/src/Components/Layout/Grow.tsx +51 -0
  170. package/src/Components/Layout/Inline.tsx +48 -0
  171. package/src/Components/Layout/InlineBlock.tsx +48 -0
  172. package/src/Components/Layout/View.tsx +40 -0
  173. package/src/Components/Layout/ViewWithoutListeners.tsx +40 -0
  174. package/src/Components/Layout/container.scss +12 -0
  175. package/src/Components/Layout/layout.scss +56 -0
  176. package/src/Components/List/BulletList/BulletList.tsx +33 -0
  177. package/src/Components/List/BulletList/ListItem.tsx +34 -0
  178. package/src/Components/List/List.tsx +88 -0
  179. package/src/Components/List/list.scss +30 -0
  180. package/src/Components/LoadingArea/LoadingArea.tsx +64 -0
  181. package/src/Components/LoadingArea/loadingArea.scss +19 -0
  182. package/src/Components/LoadingCircle/LoadingCircle.tsx +41 -0
  183. package/src/Components/LoadingCircle/loadingCircle.scss +42 -0
  184. package/src/Components/Menu/Menu.tsx +113 -0
  185. package/src/Components/Menu/menu.scss +21 -0
  186. package/src/Components/Menu/useMenu.ts +20 -0
  187. package/src/Components/RbmComponentProps.ts +40 -0
  188. package/src/Components/SizeCalculator/SizeCalculator.tsx +45 -0
  189. package/src/Components/SpoilerList/Spoiler/Spoiler.tsx +106 -0
  190. package/src/Components/SpoilerList/Spoiler/spoiler.scss +120 -0
  191. package/src/Components/SpoilerList/SpoilerList.tsx +63 -0
  192. package/src/Components/SpoilerList/useSpoilerGroup.ts +39 -0
  193. package/src/Components/TabBar/TabBar.tsx +117 -0
  194. package/src/Components/TabBar/TabBarButton.tsx +44 -0
  195. package/src/Components/TabBar/tabBar.scss +108 -0
  196. package/src/Components/Table/Table.tsx +182 -0
  197. package/src/Components/Text/Heading.tsx +44 -0
  198. package/src/Components/Text/Text.tsx +79 -0
  199. package/src/Components/Text/heading.scss +3 -0
  200. package/src/Components/Text/text.scss +60 -0
  201. package/src/Components/Toast/Toast.tsx +107 -0
  202. package/src/Components/Toast/ToastContainer.tsx +35 -0
  203. package/src/Components/Toast/toast.scss +52 -0
  204. package/src/Components/TopBar/MoreButton.tsx +38 -0
  205. package/src/Components/TopBar/TopBar.tsx +176 -0
  206. package/src/Components/TopBar/TopBarButton.tsx +29 -0
  207. package/src/Components/TopBar/topBar.scss +124 -0
  208. package/src/StyleProvider.ts +4 -0
  209. package/src/TypeHelpers.ts +4 -0
  210. package/src/WindowContext/WindowContext.ts +8 -0
  211. package/src/WrongChildError.ts +19 -0
  212. package/src/env.d.ts +1 -0
  213. package/src/helper/Characters.ts +5 -0
  214. package/src/helper/DistributiveOmit.ts +1 -0
  215. package/src/helper/EmptyProps.ts +2 -0
  216. package/src/helper/memoComparator.ts +18 -0
  217. package/src/helper/nonEmptyString.ts +8 -0
  218. package/src/helper/withForwardRef.ts +28 -0
  219. package/src/helper/withMemo.ts +16 -0
  220. package/src/helper/withRenderBrowserOnly.tsx +30 -0
  221. package/src/helper/withRestrictedChildren.tsx +57 -0
  222. package/src/scss/_animations.scss +46 -0
  223. package/src/scss/_baseClasses.scss +27 -0
  224. package/src/scss/_colors.scss +13 -0
  225. package/src/scss/_default.scss +17 -0
  226. package/src/scss/_designMixin.scss +13 -0
  227. package/src/scss/_mobileMixin.scss +35 -0
  228. package/src/scss/_variables.scss +22 -0
  229. package/src/types/isomorphic-style-loader.d.ts +3 -0
  230. package/src/types/react-table-config.d.ts +120 -0
  231. package/src/types/scss-module.d.ts +7 -0
  232. package/tsconfig.json +57 -0
  233. package/webpack.config.js +85 -0
@@ -0,0 +1,21 @@
1
+ import { RbmComponentProps } from '../RbmComponentProps';
2
+ import { IconSource } from '../Icon/Icon';
3
+ export type ActionSheetAction<ActionData> = {
4
+ name: string;
5
+ icon?: IconSource;
6
+ action: (data?: ActionData) => void;
7
+ actionData?: ActionData;
8
+ isDeleteAction?: boolean;
9
+ };
10
+ export type ActionSheetProps = RbmComponentProps<{
11
+ title?: string;
12
+ actions: ActionSheetAction<any>[];
13
+ cancelText?: string;
14
+ onClose?: () => void;
15
+ }>;
16
+ export type ActionSheetHandle = {
17
+ show: () => void;
18
+ hide: () => void;
19
+ };
20
+ declare const ActionSheetMemo: import("../../helper/withForwardRef").RefComponent<ActionSheetProps, ActionSheetHandle>;
21
+ export { ActionSheetMemo as ActionSheet };
@@ -0,0 +1,13 @@
1
+ import { RbmComponentProps } from '../RbmComponentProps';
2
+ import { ReactElement } from 'react';
3
+ export type CardProps = RbmComponentProps<{
4
+ title?: string | ReactElement;
5
+ fullHeight?: boolean;
6
+ noPaddingHeight?: boolean;
7
+ noPaddingWidth?: boolean;
8
+ noPadding?: boolean;
9
+ noMargin?: boolean;
10
+ }>;
11
+ declare function Card({ title, children, fullHeight, noPaddingHeight, noPadding, noPaddingWidth, noMargin, className, ...rbmProps }: CardProps): JSX.Element;
12
+ declare const CardMemo: typeof Card;
13
+ export { CardMemo as Card };
@@ -0,0 +1,14 @@
1
+ import { RbmComponentProps } from '../RbmComponentProps';
2
+ import { OptionalListener } from '../Hooks/useListener';
3
+ type OnClickListener<Data> = OptionalListener<'onClick', Data>;
4
+ type OnMouseDownListener<Data> = OptionalListener<'onMouseDown', Data>;
5
+ type OnMouseUpListener<Data> = OptionalListener<'onMouseUp', Data>;
6
+ type OnMouseMoveListener<Data> = OptionalListener<'onMouseMove', Data>;
7
+ export type ClickableProps<OnClickData, OnMouseDownData, OnMouseMoveData, OnMouseUpData, OnClickCaptureData, HrefType extends string | undefined> = RbmComponentProps<{
8
+ interactable?: boolean;
9
+ href?: HrefType;
10
+ preventDefault?: boolean;
11
+ stopPropagation?: boolean;
12
+ } & OnClickListener<OnClickData> & OnMouseDownListener<OnMouseDownData> & OnMouseMoveListener<OnMouseMoveData> & OnMouseUpListener<OnMouseUpData> & OptionalListener<'onClickCapture', OnClickCaptureData>>;
13
+ declare const ClickableMemo: import("../../helper/withForwardRef").RefComponent<ClickableProps<unknown, unknown, unknown, unknown, unknown, string | undefined>, HTMLAnchorElement | HTMLSpanElement>;
14
+ export { ClickableMemo as Clickable };
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ export type AlertDialogProps = {
3
+ title?: string;
4
+ message: string;
5
+ close: () => void;
6
+ confirmText?: string;
7
+ };
8
+ declare function AlertDialog({ title, message, close, confirmText }: AlertDialogProps): JSX.Element;
9
+ declare const AlertDialogMemo: typeof AlertDialog;
10
+ export { AlertDialogMemo as AlertDialog };
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ import { RbmComponentProps, WithNoChildren } from '../RbmComponentProps';
3
+ export type ButtonDialogProps = RbmComponentProps<{
4
+ title?: string;
5
+ message: string;
6
+ buttons: {
7
+ text: string;
8
+ callback: () => void;
9
+ }[];
10
+ }, WithNoChildren>;
11
+ declare function ButtonDialog({ title, message, buttons, style, className }: ButtonDialogProps): JSX.Element;
12
+ declare const ButtonDialogMemo: typeof ButtonDialog;
13
+ export { ButtonDialogMemo as ButtonDialog };
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ export type ConfirmDialogProps = {
3
+ title?: string;
4
+ message: string;
5
+ close: (confirmed: boolean) => void;
6
+ cancelText?: string;
7
+ confirmText?: string;
8
+ };
9
+ declare function ConfirmDialog({ title, message, close, cancelText, confirmText }: ConfirmDialogProps): JSX.Element;
10
+ declare const ConfirmDialogMemo: typeof ConfirmDialog;
11
+ export { ConfirmDialogMemo as ConfirmDialog };
@@ -0,0 +1,14 @@
1
+ import { RbmComponentProps } from '../RbmComponentProps';
2
+ import { ReactElement } from 'react';
3
+ export type DialogProps<ReturnData> = RbmComponentProps<{
4
+ closable?: boolean;
5
+ onClose?: (data?: ReturnData, identifier?: number) => void;
6
+ identifier?: number;
7
+ }, {
8
+ children: ReactElement<Record<string, any> & {
9
+ close?: (data?: ReturnData) => void;
10
+ }> | string | number;
11
+ }>;
12
+ declare function Dialog<ReturnData>({ style, children, className, closable, onClose, identifier, }: DialogProps<ReturnData>): JSX.Element | null;
13
+ declare const DialogMemo: typeof Dialog;
14
+ export { DialogMemo as Dialog };
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { RbmComponentProps } from '../RbmComponentProps';
3
+ import { EmptyProps } from '../../helper/EmptyProps';
4
+ export type DialogBackgroundProps = RbmComponentProps<EmptyProps>;
5
+ declare function DialogBackground({ children, className, style }: DialogBackgroundProps): JSX.Element;
6
+ declare const DialogBackgroundMemo: typeof DialogBackground;
7
+ export { DialogBackgroundMemo as DialogBackground };
@@ -0,0 +1,6 @@
1
+ import { PropsWithChildren } from 'react';
2
+ import { EmptyProps } from '../../helper/EmptyProps';
3
+ export type DialogContainerProps = PropsWithChildren<EmptyProps>;
4
+ declare function DialogContainer({ children }: DialogContainerProps): JSX.Element;
5
+ declare const DialogContainerMemo: typeof DialogContainer;
6
+ export { DialogContainerMemo as DialogContainer };
@@ -0,0 +1,9 @@
1
+ import React, { ComponentType } from 'react';
2
+ import { EmptyProps } from '../../helper/EmptyProps';
3
+ export type ShowDialog = <P = EmptyProps, R = any, C extends ComponentType<(P & {
4
+ close: (result?: R) => void;
5
+ }) | P> = ComponentType<(P & {
6
+ close: (result?: R) => void;
7
+ }) | P>>(dialog: C, props?: Omit<P, 'close'>) => Promise<R | void>;
8
+ export declare const DialogProvider: React.Provider<ShowDialog>;
9
+ export declare function useDialog(): ShowDialog;
@@ -0,0 +1 @@
1
+ export declare function useAlertDialog(): (message: string, title?: string) => Promise<any>;
@@ -0,0 +1 @@
1
+ export declare function useConfirmDialog(): (message: string, title?: string) => Promise<any>;
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { RbmComponentProps, WithNoStringAndChildrenProps } from '../RbmComponentProps';
3
+ import { DraggableProps } from 'react-beautiful-dnd';
4
+ export type DragItemProps = RbmComponentProps<Omit<DraggableProps, 'children'>, WithNoStringAndChildrenProps>;
5
+ declare function DragItem({ children, ...dragProps }: DragItemProps): JSX.Element;
6
+ declare const DragItemMemo: typeof DragItem;
7
+ export { DragItemMemo as DragItem };
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { RbmComponentProps, WithNoStringAndChildrenProps } from '../RbmComponentProps';
3
+ import { DroppableProps } from 'react-beautiful-dnd';
4
+ export type DropAreaProps = RbmComponentProps<Omit<DroppableProps, 'children'>, WithNoStringAndChildrenProps>;
5
+ declare function DropArea({ children, style, className, ...dropProps }: DropAreaProps): JSX.Element | null;
6
+ declare const DropAreaMemo: typeof DropArea;
7
+ export { DropAreaMemo as DropArea };
@@ -0,0 +1 @@
1
+ export declare const useStrictEnabled: (loading?: boolean) => boolean;
@@ -0,0 +1,8 @@
1
+ import { Override } from '../../../TypeHelpers';
2
+ import { OptionalListener } from '../../Hooks/useListener';
3
+ import { HTMLAttributes } from 'react';
4
+ import { RbmComponentProps } from '../../RbmComponentProps';
5
+ export type ButtonProps<ClickData> = RbmComponentProps<Override<HTMLAttributes<HTMLButtonElement>, OptionalListener<'onClick', ClickData>>>;
6
+ declare function Button<ClickData>({ children, className, ...props }: ButtonProps<ClickData>): JSX.Element;
7
+ declare const ButtonMemo: typeof Button;
8
+ export { ButtonMemo as Button };
@@ -0,0 +1,10 @@
1
+ import { RbmComponentProps } from '../../RbmComponentProps';
2
+ import { InputHTMLAttributes } from 'react';
3
+ export type CheckboxProps = RbmComponentProps<{
4
+ label?: string;
5
+ children?: string;
6
+ isLabelBeforeCheckbox?: boolean;
7
+ } & InputHTMLAttributes<HTMLInputElement>>;
8
+ declare function Checkbox({ children, label, isLabelBeforeCheckbox, id, className, style, ...props }: CheckboxProps): JSX.Element;
9
+ declare const tmp: typeof Checkbox;
10
+ export { tmp as Checkbox };
@@ -0,0 +1,17 @@
1
+ /// <reference types="react" />
2
+ import { OptionalListener } from '../../Hooks/useListener';
3
+ export type ColorInputProps<OnChangeData> = {
4
+ defaultValue?: string;
5
+ value?: string;
6
+ label?: string;
7
+ onChangeColor?: (newColor: string) => void;
8
+ onOpen?: (currentColor: string) => void;
9
+ onChangeColorComplete?: (newColor: string) => void;
10
+ onClose?: (newColor: string) => void;
11
+ disableAlpha?: boolean;
12
+ presetColors?: string[];
13
+ sharedColorKey?: string;
14
+ } & OptionalListener<'onChange', OnChangeData>;
15
+ declare function ColorInput<OnChangeData>({ defaultValue, value, label, onChangeColor, onChangeColorComplete, onOpen, onClose, disableAlpha, presetColors, sharedColorKey, ...otherProps }: ColorInputProps<OnChangeData>): JSX.Element;
16
+ declare const ColorInputMemo: typeof ColorInput;
17
+ export { ColorInputMemo as ColorInput };
@@ -0,0 +1,4 @@
1
+ export declare function useSharedSelectedColor(key?: string, numberSavedColors?: number): {
2
+ colors: string[];
3
+ addColor: (newColor: string) => void;
4
+ };
@@ -0,0 +1,17 @@
1
+ import { RbmComponentProps } from '../../RbmComponentProps';
2
+ import { Override } from '../../../TypeHelpers';
3
+ import { InputHTMLAttributes } from 'react';
4
+ import { OptionalListener } from '../../Hooks/useListener';
5
+ export type ImageType = {
6
+ name: string;
7
+ url: string;
8
+ };
9
+ export type ImageInputProps<OnChangeData> = RbmComponentProps<Override<InputHTMLAttributes<HTMLInputElement>, {
10
+ defaultValue?: ImageType;
11
+ value?: ImageType;
12
+ label?: string;
13
+ onChangeImage?: (image: ImageType, imageData: File) => void;
14
+ } & OptionalListener<'onChange', OnChangeData>>>;
15
+ declare function ImageInput<OnChangeData>({ className, style, value, defaultValue, onChangeImage, label, ...otherProps }: ImageInputProps<OnChangeData>): JSX.Element;
16
+ declare const ImageInputMemo: typeof ImageInput;
17
+ export { ImageInputMemo as ImageInput };
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { InputProps } from './Input';
3
+ export type HiddenInputProps<OnChangeType, OnBlurData, OnChangeEndData> = InputProps<OnChangeType, OnBlurData, OnChangeEndData> & {
4
+ noFocusHint?: boolean;
5
+ };
6
+ declare function HiddenInput<OnChangeData, OnBlurData, OnChangeEndData>({ noFocusHint, className, ...props }: HiddenInputProps<OnChangeData, OnBlurData, OnChangeEndData>): JSX.Element;
7
+ declare const tmp: typeof HiddenInput;
8
+ export { tmp as HiddenInput };
@@ -0,0 +1,10 @@
1
+ import { InputHTMLAttributes } from 'react';
2
+ import { RbmComponentProps } from '../../RbmComponentProps';
3
+ import { Override } from '../../../TypeHelpers';
4
+ import { OptionalListener } from '../../Hooks/useListener';
5
+ export type InputProps<OnChangeData, OnBlurData, OnChangeDoneData> = RbmComponentProps<Override<Omit<InputHTMLAttributes<HTMLInputElement>, 'onInput'>, {
6
+ label?: string;
7
+ onChangeText?: (newText: string) => void;
8
+ onEnter?: (newText: string) => void;
9
+ } & OptionalListener<'onChange', OnChangeData> & OptionalListener<'onBlur', OnBlurData> & OptionalListener<'onChangeDone', OnChangeDoneData>>>;
10
+ export declare const Input: import("../../../helper/withForwardRef").RefComponent<InputProps<unknown, unknown, unknown>, HTMLInputElement>;
@@ -0,0 +1,4 @@
1
+ import { InputProps } from '../Input';
2
+ import { DistributiveOmit } from '../../../../helper/DistributiveOmit';
3
+ export type PasswordInputProps<OnChangeData, OnBlurData, OnChangeEndData> = DistributiveOmit<InputProps<OnChangeData, OnBlurData, OnChangeEndData>, 'type'>;
4
+ export declare const PasswordInput: import("../../../../helper/withForwardRef").RefComponent<PasswordInputProps<unknown, unknown, unknown>, HTMLInputElement>;
@@ -0,0 +1,10 @@
1
+ import { OptionalListener } from '../../Hooks/useListener';
2
+ import { SelectOption } from '../Select/Select';
3
+ import { RbmComponentProps } from '../../RbmComponentProps';
4
+ export type SearchSelectInputProps<OnChangeData> = RbmComponentProps<{
5
+ label?: string;
6
+ options: SelectOption[];
7
+ onChangeValue?: (newValues: string[]) => void;
8
+ values: string[];
9
+ } & OptionalListener<'onChange', OnChangeData>>;
10
+ export declare const SearchSelectInput: <OnChangeData>({ label, options, values, onChangeValue, className, style, }: SearchSelectInputProps<OnChangeData>) => JSX.Element;
@@ -0,0 +1,16 @@
1
+ import { RbmComponentProps } from '../../RbmComponentProps';
2
+ import { Override } from '../../../TypeHelpers';
3
+ import { SelectHTMLAttributes } from 'react';
4
+ import { OptionalListener } from '../../Hooks/useListener';
5
+ export type SelectOption = {
6
+ label: string;
7
+ value: string;
8
+ key?: string;
9
+ };
10
+ export type SelectProps<OnChangeData> = RbmComponentProps<Override<SelectHTMLAttributes<HTMLSelectElement>, {
11
+ label?: string;
12
+ options: SelectOption[];
13
+ onChangeValue?: (newValue: string) => void;
14
+ inline?: boolean;
15
+ } & OptionalListener<'onChange', OnChangeData>>>;
16
+ export declare const Select: <OnChangeData>({ label, options, className, style, onChangeValue, inline, ...otherProps }: SelectProps<OnChangeData>) => JSX.Element;
@@ -0,0 +1,8 @@
1
+ import { RbmComponentProps } from '../../RbmComponentProps';
2
+ import { InputHTMLAttributes } from 'react';
3
+ import { Override } from '../../../TypeHelpers';
4
+ import { OptionalListener } from '../../Hooks/useListener';
5
+ export type SliderProps<OnChangeData, OnChangeValueData, OnChangeDoneData> = RbmComponentProps<Override<Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>, {
6
+ value?: number;
7
+ } & OptionalListener<'onChange', OnChangeData> & OptionalListener<'onChangeValue', OnChangeValueData, number> & OptionalListener<'onChangeDone', OnChangeDoneData>>>;
8
+ export declare const Slider: <OnChangeData, OnChangeValueData, OnChangeDoneData>({ className, style, ...props }: SliderProps<OnChangeData, OnChangeValueData, OnChangeDoneData>) => JSX.Element;
@@ -0,0 +1,12 @@
1
+ import { InputHTMLAttributes } from 'react';
2
+ import { RbmComponentProps } from '../../RbmComponentProps';
3
+ import { Override } from '../../../TypeHelpers';
4
+ export type SwitchProps = RbmComponentProps<Override<InputHTMLAttributes<HTMLInputElement>, {
5
+ preLabel?: string;
6
+ label?: string;
7
+ children?: string;
8
+ isLabelBeforeSwitch?: boolean;
9
+ isDual?: boolean;
10
+ onChangeChecked?(isChecked: boolean): void;
11
+ }>>;
12
+ export declare const Switch: ({ children, label, preLabel, isLabelBeforeSwitch, isDual, id, className, style, onChange, onChangeChecked, ...props }: SwitchProps) => JSX.Element;
@@ -0,0 +1,12 @@
1
+ import { RbmComponentProps } from '../../RbmComponentProps';
2
+ import { Override } from '../../../TypeHelpers';
3
+ import { TextareaHTMLAttributes } from 'react';
4
+ import { OptionalListener } from '../../Hooks/useListener';
5
+ export type TextareaProps<OnChangeData> = RbmComponentProps<Override<TextareaHTMLAttributes<HTMLTextAreaElement>, {
6
+ label?: string;
7
+ onChangeText?: (newText: string) => void;
8
+ onEnter?: (newText: string) => void;
9
+ } & OptionalListener<'onChange', OnChangeData>>>;
10
+ declare function Textarea<OnChangeData>({ label, className, style, onKeyPress, onChangeText, onEnter, ...otherProps }: TextareaProps<OnChangeData>): JSX.Element;
11
+ declare const TextareaMemo: typeof Textarea;
12
+ export { TextareaMemo as Textarea };
@@ -0,0 +1,2 @@
1
+ import { MutableRefObject } from 'react';
2
+ export declare function useOnChangeDone(onChangeDone: (ev: any) => void, ref?: MutableRefObject<HTMLInputElement | null>): import("react").RefObject<HTMLInputElement>;
@@ -0,0 +1,14 @@
1
+ import * as React from 'react';
2
+ import { ComponentPropsWithoutRef, PropsWithChildren } from 'react';
3
+ import { Override } from '../../TypeHelpers';
4
+ export type FullScreenProps<AsType extends keyof JSX.IntrinsicElements> = PropsWithChildren<Override<ComponentPropsWithoutRef<AsType>, {
5
+ as?: AsType;
6
+ fullscreenKey?: string;
7
+ onEnterFullscreen?: () => void;
8
+ onLeaveFullscreen?: () => void;
9
+ }>>;
10
+ declare function FullScreen<AsTag extends keyof JSX.IntrinsicElements = 'span'>({ children, as, fullscreenKey, onEnterFullscreen, onLeaveFullscreen, ...otherProps }: FullScreenProps<AsTag>): React.ReactElement<Omit<FullScreenProps<AsTag>, "children" | "as" | "fullscreenKey" | "onEnterFullscreen" | "onLeaveFullscreen"> & {
11
+ ref: React.RefObject<React.ComponentRef<AsTag>>;
12
+ }, string | React.JSXElementConstructor<any>>;
13
+ declare const FullScreenMemo: typeof FullScreen;
14
+ export { FullScreenMemo as FullScreen };
@@ -0,0 +1,11 @@
1
+ export declare const BreakpointNames: string[];
2
+ export declare enum Breakpoints {
3
+ XS = 0,
4
+ SM = 576,
5
+ MD = 768,
6
+ LG = 992,
7
+ XL = 1200,
8
+ XXL = 1400
9
+ }
10
+ export declare const useBreakpoint: () => Breakpoints;
11
+ export declare function useBreakpointSelect<T1, T2, T3, T4, T5, T6>(breakpointValues: [T1, T2, T3, T4, T5, T6]): T1 | T2 | T3 | T4 | T5 | T6;
@@ -0,0 +1,2 @@
1
+ import { ForwardedRef } from 'react';
2
+ export declare const useComposedRef: <T>(ref: ForwardedRef<T>, initialValue?: T | null) => import("react").RefObject<T>;
@@ -0,0 +1 @@
1
+ export declare function useDebounced<Args extends any[]>(callback: (...args: Args) => void | Promise<void>, dependencies: any[], delay?: number): (...newArgs: Args) => void;
@@ -0,0 +1 @@
1
+ export declare function useDelayed<Args extends any[]>(callback: (...args: Args) => void | Promise<void>, dependencies: any[], delay?: number, maxDelay?: number): (...newArgs: Args) => void;
@@ -0,0 +1,2 @@
1
+ import { MutableRefObject } from 'react';
2
+ export declare const useInViewport: (element: MutableRefObject<Element | null>, rootMargin?: string) => boolean;
@@ -0,0 +1,3 @@
1
+ export declare function useKeyListener(key: KeyboardEvent['key'], listener: (e: KeyboardEvent) => void, dependencies?: any[], ignoreFormElements?: boolean): void;
2
+ export declare function useKeyUpListener(key: KeyboardEvent['key'], listener: (e: KeyboardEvent) => void, dependencies?: any[], ignoreFormElements?: boolean): void;
3
+ export declare function useKeyPressed(key: KeyboardEvent['key'], ignoreFormElements?: boolean, preventDefault?: boolean): boolean;
@@ -0,0 +1,18 @@
1
+ export type ListenerWithData<DataType, Event = void | any, ReturnType = void> = (eventData: Event, extraData: DataType) => ReturnType;
2
+ export type ListenerWithoutData<Event = void | any, ReturnType = void> = (eventData: Event) => ReturnType;
3
+ export type Listener<ListenerProperty extends string, DataType, Event = any | void, ReturnType = void> = ({
4
+ [Property in ListenerProperty]: ListenerWithData<DataType, Event, ReturnType>;
5
+ } & {
6
+ [Property in `${ListenerProperty}Data`]: DataType;
7
+ }) | {
8
+ [Property in ListenerProperty]: ListenerWithoutData<Event, ReturnType>;
9
+ };
10
+ export type OptionalListener<ListenerProperty extends string, DataType, Event = any | void, ReturnType = void> = ({
11
+ [Property in ListenerProperty]: ListenerWithData<DataType, Event, ReturnType>;
12
+ } & {
13
+ [Property in `${ListenerProperty}Data`]: DataType;
14
+ }) | {
15
+ [Property in ListenerProperty]?: ListenerWithoutData<Event, ReturnType>;
16
+ };
17
+ export declare function useListener<ListenerName extends string, DataType, EventType = any, ReturnType = void>(listener: ListenerName, listenerProps: OptionalListener<ListenerName, DataType, EventType, ReturnType>): (e: EventType) => ReturnType;
18
+ export declare function useListenerWithExtractedProps<ListenerName extends string, DataType, EventType = any, ReturnType = void, PropTypes extends OptionalListener<ListenerName, DataType, EventType, ReturnType> = OptionalListener<ListenerName, DataType, EventType, ReturnType>>(listener: ListenerName, listenerProps: PropTypes): readonly [(e: EventType) => ReturnType, Omit<PropTypes, keyof PropTypes>];
@@ -0,0 +1 @@
1
+ export declare function useOnMount(cb: () => void | Promise<void>): void;
@@ -0,0 +1 @@
1
+ export declare function useOnce(cb: () => void | Promise<void>, condition: boolean): void;
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
3
+ import { RbmComponentProps } from '../RbmComponentProps';
4
+ import { Override } from '../../TypeHelpers';
5
+ import { IconProp } from '@fortawesome/fontawesome-svg-core';
6
+ export type IconSource = IconProp | string;
7
+ export type IconProps = RbmComponentProps<Override<FontAwesomeIconProps, {
8
+ icon: IconSource;
9
+ alt?: string;
10
+ }>>;
11
+ declare function Icon({ icon, alt, className, style, title, ...props }: IconProps): JSX.Element;
12
+ declare const IconMemo: typeof Icon;
13
+ export { IconMemo as Icon };
@@ -0,0 +1,12 @@
1
+ import * as React from 'react';
2
+ import { RbmComponentProps, WithNoChildren } from '../RbmComponentProps';
3
+ import { CSSProperties, DOMAttributes } from 'react';
4
+ import { Override } from '../../TypeHelpers';
5
+ export type ImageProps = RbmComponentProps<Override<Omit<React.ComponentPropsWithoutRef<'img'>, keyof DOMAttributes<'img'>>, {
6
+ src: string;
7
+ style?: CSSProperties;
8
+ alt?: string;
9
+ }>, WithNoChildren>;
10
+ declare function Image({ src, alt, className, style, ...otherProps }: ImageProps): JSX.Element;
11
+ declare const ImageMemo: typeof Image;
12
+ export { ImageMemo as Image };
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ import { RbmComponentProps } from '../RbmComponentProps';
3
+ export type InViewportProps = RbmComponentProps<{
4
+ threshold?: number;
5
+ onInViewportChange: (isInViewport: boolean) => void;
6
+ root?: HTMLElement;
7
+ rootMargin?: string;
8
+ }>;
9
+ declare function InViewport({ threshold, root, rootMargin, onInViewportChange, className, style, children, }: InViewportProps): JSX.Element;
10
+ declare const InViewportMemo: typeof InViewport;
11
+ export { InViewportMemo as InViewport };
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ /// <reference types="react" />
3
+ import { RbmComponentProps } from '../RbmComponentProps';
4
+ import { ViewWithoutListenersProps } from './ViewWithoutListeners';
5
+ export type BlockProps<AsType extends keyof JSX.IntrinsicElements> = RbmComponentProps<ViewWithoutListenersProps<AsType>>;
6
+ declare const BlockMemo: import("../../helper/withForwardRef").RefComponent<BlockProps<keyof JSX.IntrinsicElements>, SVGSymbolElement | SVGElement | HTMLObjectElement | HTMLElement | HTMLTitleElement | HTMLHtmlElement | SVGTextElement | HTMLLinkElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLParamElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableDataCellElement | HTMLTextAreaElement | HTMLTableHeaderCellElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLWebViewElement | SVGSVGElement | SVGCircleElement | SVGClipPathElement | SVGDefsElement | SVGDescElement | SVGEllipseElement | SVGFEBlendElement | SVGFEColorMatrixElement | SVGFEComponentTransferElement | SVGFECompositeElement | SVGFEConvolveMatrixElement | SVGFEDiffuseLightingElement | SVGFEDisplacementMapElement | SVGFEDistantLightElement | SVGFEDropShadowElement | SVGFEFloodElement | SVGFEFuncAElement | SVGFEFuncBElement | SVGFEFuncGElement | SVGFEFuncRElement | SVGFEGaussianBlurElement | SVGFEImageElement | SVGFEMergeElement | SVGFEMergeNodeElement | SVGFEMorphologyElement | SVGFEOffsetElement | SVGFEPointLightElement | SVGFESpecularLightingElement | SVGFESpotLightElement | SVGFETileElement | SVGFETurbulenceElement | SVGFilterElement | SVGForeignObjectElement | SVGGElement | SVGImageElement | SVGLineElement | SVGLinearGradientElement | SVGMarkerElement | SVGMaskElement | SVGMetadataElement | SVGPathElement | SVGPatternElement | SVGPolygonElement | SVGPolylineElement | SVGRadialGradientElement | SVGRectElement | SVGStopElement | SVGSwitchElement | SVGTextPathElement | SVGTSpanElement | SVGUseElement | SVGViewElement>;
7
+ export { BlockMemo as Block };
@@ -0,0 +1,15 @@
1
+ /// <reference types="react" />
2
+ import { RbmComponentProps } from '../RbmComponentProps';
3
+ export declare const CONTAINER_CLASSES: {
4
+ sm: string;
5
+ md: string;
6
+ lg: string;
7
+ xl: string;
8
+ xxl: string;
9
+ };
10
+ export type ContainerProps = RbmComponentProps<{
11
+ fluid?: boolean | keyof typeof CONTAINER_CLASSES;
12
+ }>;
13
+ declare function Container({ fluid, className, children, style }: ContainerProps): JSX.Element;
14
+ declare const ContainerMemo: typeof Container;
15
+ export { ContainerMemo as Container };
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ /// <reference types="react" />
3
+ import { RbmComponentProps } from '../RbmComponentProps';
4
+ import { ViewWithoutListenersProps } from './ViewWithoutListeners';
5
+ export type FlexProps<AsType extends keyof JSX.IntrinsicElements> = RbmComponentProps<ViewWithoutListenersProps<AsType> & {
6
+ horizontal?: boolean;
7
+ grow?: boolean;
8
+ }>;
9
+ declare const tmp: import("../../helper/withForwardRef").RefComponent<FlexProps<keyof JSX.IntrinsicElements>, SVGSymbolElement | SVGElement | HTMLObjectElement | HTMLElement | HTMLTitleElement | HTMLHtmlElement | SVGTextElement | HTMLLinkElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLParamElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableDataCellElement | HTMLTextAreaElement | HTMLTableHeaderCellElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLWebViewElement | SVGSVGElement | SVGCircleElement | SVGClipPathElement | SVGDefsElement | SVGDescElement | SVGEllipseElement | SVGFEBlendElement | SVGFEColorMatrixElement | SVGFEComponentTransferElement | SVGFECompositeElement | SVGFEConvolveMatrixElement | SVGFEDiffuseLightingElement | SVGFEDisplacementMapElement | SVGFEDistantLightElement | SVGFEDropShadowElement | SVGFEFloodElement | SVGFEFuncAElement | SVGFEFuncBElement | SVGFEFuncGElement | SVGFEFuncRElement | SVGFEGaussianBlurElement | SVGFEImageElement | SVGFEMergeElement | SVGFEMergeNodeElement | SVGFEMorphologyElement | SVGFEOffsetElement | SVGFEPointLightElement | SVGFESpecularLightingElement | SVGFESpotLightElement | SVGFETileElement | SVGFETurbulenceElement | SVGFilterElement | SVGForeignObjectElement | SVGGElement | SVGImageElement | SVGLineElement | SVGLinearGradientElement | SVGMarkerElement | SVGMaskElement | SVGMetadataElement | SVGPathElement | SVGPatternElement | SVGPolygonElement | SVGPolylineElement | SVGRadialGradientElement | SVGRectElement | SVGStopElement | SVGSwitchElement | SVGTextPathElement | SVGTSpanElement | SVGUseElement | SVGViewElement>;
10
+ export { tmp as Flex };
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import { RbmComponentProps } from '../../RbmComponentProps';
3
+ export type GridProps = RbmComponentProps<{
4
+ columns?: number;
5
+ rows?: number;
6
+ }>;
7
+ declare function Grid({ style, children, columns, rows, className, __allowChildren }: GridProps): JSX.Element;
8
+ declare const GridMemo: typeof Grid;
9
+ export { GridMemo as Grid };
@@ -0,0 +1,25 @@
1
+ /// <reference types="react" />
2
+ import { RbmComponentProps } from '../../RbmComponentProps';
3
+ export type GridItemProps = RbmComponentProps<{
4
+ size: number;
5
+ sm?: number;
6
+ md?: number;
7
+ lg?: number;
8
+ xl?: number;
9
+ xxl?: number;
10
+ startXs?: number;
11
+ startSm?: number;
12
+ startMd?: number;
13
+ startLg?: number;
14
+ startXl?: number;
15
+ startXxl?: number;
16
+ orderXs?: number;
17
+ orderSm?: number;
18
+ orderMd?: number;
19
+ orderLg?: number;
20
+ orderXl?: number;
21
+ orderXxl?: number;
22
+ }>;
23
+ declare function GridItem({ style, children, className, __allowChildren, size, sm, md, lg, xl, xxl, startXs, startMd, startSm, startLg, startXl, startXxl, orderXs, orderSm, orderMd, orderLg, orderXxl, orderXl, }: GridItemProps): JSX.Element;
24
+ declare const GridItemMemo: typeof GridItem;
25
+ export { GridItemMemo as GridItem };
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import { RbmComponentProps } from '../RbmComponentProps';
3
+ export type GrowProps = RbmComponentProps<{
4
+ center?: boolean;
5
+ weight?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
6
+ }>;
7
+ declare function Grow({ className, children, center, style, weight }: GrowProps): JSX.Element;
8
+ declare const tmp: typeof Grow;
9
+ export { tmp as Grow };
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ /// <reference types="react" />
3
+ import { RbmComponentProps } from '../RbmComponentProps';
4
+ import { ViewWithoutListenersProps } from './ViewWithoutListeners';
5
+ export type InlineProps<AsType extends keyof JSX.IntrinsicElements> = RbmComponentProps<ViewWithoutListenersProps<AsType>>;
6
+ declare const InlineMemo: import("../../helper/withForwardRef").RefComponent<InlineProps<keyof JSX.IntrinsicElements>, SVGSymbolElement | SVGElement | HTMLObjectElement | HTMLElement | HTMLTitleElement | HTMLHtmlElement | SVGTextElement | HTMLLinkElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLParamElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableDataCellElement | HTMLTextAreaElement | HTMLTableHeaderCellElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLWebViewElement | SVGSVGElement | SVGCircleElement | SVGClipPathElement | SVGDefsElement | SVGDescElement | SVGEllipseElement | SVGFEBlendElement | SVGFEColorMatrixElement | SVGFEComponentTransferElement | SVGFECompositeElement | SVGFEConvolveMatrixElement | SVGFEDiffuseLightingElement | SVGFEDisplacementMapElement | SVGFEDistantLightElement | SVGFEDropShadowElement | SVGFEFloodElement | SVGFEFuncAElement | SVGFEFuncBElement | SVGFEFuncGElement | SVGFEFuncRElement | SVGFEGaussianBlurElement | SVGFEImageElement | SVGFEMergeElement | SVGFEMergeNodeElement | SVGFEMorphologyElement | SVGFEOffsetElement | SVGFEPointLightElement | SVGFESpecularLightingElement | SVGFESpotLightElement | SVGFETileElement | SVGFETurbulenceElement | SVGFilterElement | SVGForeignObjectElement | SVGGElement | SVGImageElement | SVGLineElement | SVGLinearGradientElement | SVGMarkerElement | SVGMaskElement | SVGMetadataElement | SVGPathElement | SVGPatternElement | SVGPolygonElement | SVGPolylineElement | SVGRadialGradientElement | SVGRectElement | SVGStopElement | SVGSwitchElement | SVGTextPathElement | SVGTSpanElement | SVGUseElement | SVGViewElement>;
7
+ export { InlineMemo as Inline };
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ /// <reference types="react" />
3
+ import { RbmComponentProps } from '../RbmComponentProps';
4
+ import { ViewWithoutListenersProps } from './ViewWithoutListeners';
5
+ export type InlineBlockProps<AsType extends keyof JSX.IntrinsicElements> = RbmComponentProps<ViewWithoutListenersProps<AsType>>;
6
+ declare const InlineBlockMemo: import("../../helper/withForwardRef").RefComponent<InlineBlockProps<keyof JSX.IntrinsicElements>, SVGSymbolElement | SVGElement | HTMLObjectElement | HTMLElement | HTMLTitleElement | HTMLHtmlElement | SVGTextElement | HTMLLinkElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLParamElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableDataCellElement | HTMLTextAreaElement | HTMLTableHeaderCellElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLWebViewElement | SVGSVGElement | SVGCircleElement | SVGClipPathElement | SVGDefsElement | SVGDescElement | SVGEllipseElement | SVGFEBlendElement | SVGFEColorMatrixElement | SVGFEComponentTransferElement | SVGFECompositeElement | SVGFEConvolveMatrixElement | SVGFEDiffuseLightingElement | SVGFEDisplacementMapElement | SVGFEDistantLightElement | SVGFEDropShadowElement | SVGFEFloodElement | SVGFEFuncAElement | SVGFEFuncBElement | SVGFEFuncGElement | SVGFEFuncRElement | SVGFEGaussianBlurElement | SVGFEImageElement | SVGFEMergeElement | SVGFEMergeNodeElement | SVGFEMorphologyElement | SVGFEOffsetElement | SVGFEPointLightElement | SVGFESpecularLightingElement | SVGFESpotLightElement | SVGFETileElement | SVGFETurbulenceElement | SVGFilterElement | SVGForeignObjectElement | SVGGElement | SVGImageElement | SVGLineElement | SVGLinearGradientElement | SVGMarkerElement | SVGMaskElement | SVGMetadataElement | SVGPathElement | SVGPatternElement | SVGPolygonElement | SVGPolylineElement | SVGRadialGradientElement | SVGRectElement | SVGStopElement | SVGSwitchElement | SVGTextPathElement | SVGTSpanElement | SVGUseElement | SVGViewElement>;
7
+ export { InlineBlockMemo as InlineBlock };
@@ -0,0 +1,9 @@
1
+ import * as React from 'react';
2
+ import { ComponentRef, PropsWithChildren, ReactElement, RefAttributes } from 'react';
3
+ import { Override } from '../../TypeHelpers';
4
+ export type ViewProps<AsType extends keyof JSX.IntrinsicElements> = PropsWithChildren<Override<React.ComponentPropsWithoutRef<AsType>, {
5
+ as?: AsType;
6
+ children?: React.ReactNode;
7
+ }>>;
8
+ declare const ViewMemo: <AsType extends keyof JSX.IntrinsicElements>(props: ViewProps<AsType> & RefAttributes<ComponentRef<AsType>>) => ReactElement | null;
9
+ export { ViewMemo as View };
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+ import { ComponentRef, DOMAttributes, ReactElement, RefAttributes } from 'react';
3
+ import { ViewProps } from './View';
4
+ export type ViewWithoutListenersProps<AsType extends keyof JSX.IntrinsicElements> = Omit<ViewProps<AsType>, keyof DOMAttributes<AsType>> & {
5
+ children?: React.ReactNode;
6
+ };
7
+ declare const ViewWithoutListenersMemo: <AsType extends keyof JSX.IntrinsicElements>(props: ViewWithoutListenersProps<AsType> & RefAttributes<ComponentRef<AsType>>) => ReactElement | null;
8
+ export { ViewWithoutListenersMemo as ViewWithoutListeners };
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { RbmComponentProps } from '../../RbmComponentProps';
3
+ export type BulletListProps = RbmComponentProps<{
4
+ numbered?: boolean;
5
+ }>;
6
+ declare function BulletList({ numbered, className, children, style }: BulletListProps): JSX.Element;
7
+ declare const BulletListMemo: typeof BulletList;
8
+ export { BulletListMemo as BulletList };
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { RbmComponentProps } from '../../RbmComponentProps';
3
+ import { EmptyProps } from '../../../helper/EmptyProps';
4
+ export type ListItemProps = RbmComponentProps<EmptyProps>;
5
+ declare function ListItem({ className, children, style }: ListItemProps): JSX.Element;
6
+ declare const ListItemMemo: typeof ListItem;
7
+ export { ListItemMemo as ListItem };