@ainias42/react-bootstrap-mobile 0.1.10 → 0.1.11

package/dist/src/Components/FormElements/Textarea/Textarea.d.ts

@@ -7,6 +7,6 @@ export type TextareaProps<OnChangeData> = RbmComponentProps<Override<TextareaHTM
     onChangeText?: (newText: string) => void;
     onEnter?: (newText: string) => void;
 } & OptionalListener<'onChange', OnChangeData>>>;
-declare function Textarea<OnChangeData>({ label, className, style, onKeyPress, onChangeText, onEnter, ...otherProps }: TextareaProps<OnChangeData>): JSX.Element;
+declare function Textarea<OnChangeData>({ label, className, style, onKeyUp, onChangeText, onEnter, ...otherProps }: TextareaProps<OnChangeData>): JSX.Element;
 declare const TextareaMemo: typeof Textarea;
 export { TextareaMemo as Textarea };

package/dist/src/Components/FullScreen/FullScreen.d.ts

@@ -1,14 +1,13 @@
 import * as React from 'react';
-import { ComponentPropsWithoutRef, PropsWithChildren } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 import { Override } from '../../TypeHelpers';
-export type FullScreenProps<AsType extends keyof JSX.IntrinsicElements> = PropsWithChildren<Override<ComponentPropsWithoutRef<AsType>, {
+import { RbmComponentProps } from '../RbmComponentProps';
+export type FullScreenProps<AsType extends keyof JSX.IntrinsicElements> = RbmComponentProps<Override<ComponentPropsWithoutRef<AsType>, {
     as?: AsType;
     fullscreenKey?: string;
     onEnterFullscreen?: () => void;
     onLeaveFullscreen?: () => void;
 }>>;
-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"> & {
-    ref: React.RefObject<React.ComponentRef<AsTag>>;
-}, string | React.JSXElementConstructor<any>>;
+declare function FullScreen<AsTag extends keyof JSX.IntrinsicElements = 'span'>({ children, as, fullscreenKey, onEnterFullscreen, onLeaveFullscreen, ...otherProps }: FullScreenProps<AsTag>): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
 declare const FullScreenMemo: typeof FullScreen;
 export { FullScreenMemo as FullScreen };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ainias42/react-bootstrap-mobile",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "Mobile React Components using Bootstrap",
   "main": "dist/bootstrapReactMobile",
   "scripts": {

package/src/Components/FormElements/CheckBox/checkbox.scss

@@ -39,6 +39,7 @@
 
     @include design($material) {
       width: 18px;
+      min-width: 18px;
       height: 18px;
       margin: 2px;
 
@@ -51,6 +52,7 @@
     }
     @include design($flat) {
       width: 22px;
+      min-width: 22px;
       height: 22px;
 
       &::before {

package/src/Components/FormElements/Textarea/Textarea.tsx

@@ -23,7 +23,7 @@ function Textarea<OnChangeData>({
     label,
     className,
     style,
-    onKeyPress,
+    onKeyUp,
     onChangeText,
     onEnter,
     ...otherProps
@@ -48,14 +48,14 @@ function Textarea<OnChangeData>({
 
     const realOnKeyPress = useCallback(
         (e: KeyboardEvent<HTMLTextAreaElement>) => {
-            if (onKeyPress) {
-                onKeyPress(e);
+            if (onKeyUp) {
+                onKeyUp(e);
             }
             if (onEnter && e.key === 'Enter' && !e.defaultPrevented) {
                 onEnter((e.target as HTMLTextAreaElement).value);
             }
         },
-        [onEnter, onKeyPress]
+        [onEnter, onKeyUp]
     );
 
     // Effects
@@ -67,7 +67,7 @@ function Textarea<OnChangeData>({
     return (
         <label className={classNames(styles.container, className)} style={style}>
             {label ? <span className={styles.label}>{label}</span> : null}
-            <textarea {...otherProps} onKeyPress={realOnKeyPress} className={styles.textarea} onChange={onChange} />
+            <textarea {...otherProps} onKeyUp={realOnKeyPress} className={styles.textarea} onChange={onChange} />
         </label>
     );
 }

package/src/Components/FullScreen/FullScreen.tsx

@@ -1,18 +1,11 @@
 import * as React from 'react';
-import {
-    ComponentPropsWithoutRef,
-    ComponentRef,
-    PropsWithChildren,
-    useCallback,
-    useEffect,
-    useMemo,
-    useRef,
-} from 'react';
+import { ComponentPropsWithoutRef, ComponentRef, useCallback, useEffect, useMemo, useRef } from 'react';
 import { Override } from '../../TypeHelpers';
 import { withMemo } from '../../helper/withMemo';
 import { useWindow } from '../../WindowContext/WindowContext';
+import { RbmComponentProps } from '../RbmComponentProps';
 
-export type FullScreenProps<AsType extends keyof JSX.IntrinsicElements> = PropsWithChildren<
+export type FullScreenProps<AsType extends keyof JSX.IntrinsicElements> = RbmComponentProps<
     Override<
         ComponentPropsWithoutRef<AsType>,
         { as?: AsType; fullscreenKey?: string; onEnterFullscreen?: () => void; onLeaveFullscreen?: () => void }
@@ -81,6 +74,8 @@ function FullScreen<AsTag extends keyof JSX.IntrinsicElements = 'span'>({
     // Render Functions
     const element = as ?? 'span';
     const props = useMemo(() => ({ ...otherProps, ref: containerRef }), [otherProps]);
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
     return React.createElement(element, props, children);
 }