@ainias42/react-bootstrap-mobile 0.2.7 → 0.2.9

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

@@ -18,6 +18,7 @@ export type ClickableProps<OnClickData, OnMouseDownData, OnMouseMoveData, OnMous
     id?: string;
     tabIndex?: number;
     draggable?: boolean;
+    title?: string;
 } & OnClickListener<OnClickData> & OnPointerDownListener<OnMouseDownData> & OnPointerMoveListener<OnMouseMoveData> & OnPointerUpListener<OnMouseUpData> & OnDropListener<OnDropData> & OnDragStartListener<OnDragStartData> & OnDragOverListener<OnDragOverData> & OptionalListener<'onClickCapture', OnClickCaptureData> & OptionalListener<'onMouseEnter', OnMouseEnterData> & OptionalListener<'onMouseLeave', OnMouseLeaveData, MouseEvent | ReactMouseEvent> & OptionalListener<'onDoubleClick', OnDoubleClickData>>;
 declare const ClickableMemo: import("../../helper/withForwardRef").RefComponent<ClickableProps<unknown, unknown, unknown, unknown, unknown, unknown, unknown, unknown, unknown, unknown, unknown, string | undefined>, HTMLAnchorElement | HTMLSpanElement>;
 export { ClickableMemo as Clickable };

package/dist/src/Components/Hooks/useRerender.d.ts

@@ -0,0 +1 @@
+export declare function useRerender(defaultDelay?: number): readonly [(delay?: number) => void, number];

package/package.json

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

package/src/Components/Clickable/Clickable.tsx

@@ -48,6 +48,7 @@ export type ClickableProps<
         id?: string;
         tabIndex?: number;
         draggable?: boolean
+        title?: string;
     } & OnClickListener<OnClickData> &
     OnPointerDownListener<OnMouseDownData> &
     OnPointerMoveListener<OnMouseMoveData> &
@@ -88,6 +89,7 @@ function Clickable<
         useReactOnMouseLeave = false,
         tabIndex,
         draggable,
+        title,
         ...clickData
     }: ClickableProps<OnClickData, OnPointerDownData, OnPointerMoveData, OnPointerUpData, OnClickCaptureData, OnDropData,OnDragStartData, OnDragOverData,OnMouseEnterData, OnMouseLeaveData, OnDoubleClickData, HrefType>,
     ref: ForwardedRef<HrefType extends string ? HTMLAnchorElement : HTMLSpanElement>
@@ -311,7 +313,8 @@ function Clickable<
         onDoubleClick: realOnDoubleClick,
         tabIndex: interactable ? 0 : tabIndex,
         draggable,
-        onDragStart: realOnDragStartListener
+        onDragStart: realOnDragStartListener,
+        title,
     };
     if (typeof href === 'string') {
         return (

package/src/Components/Hooks/useRerender.ts

@@ -0,0 +1,21 @@
+import { useCallback, useRef, useState } from "react";
+
+export function useRerender(defaultDelay = 0){
+    const timeoutRef = useRef<ReturnType<typeof setTimeout>|undefined>();
+    const [renderCounter, updateRenderCounter] = useState(0);
+    const update = useCallback((delay = defaultDelay) => {
+        if (delay === 0){
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = undefined;
+            updateRenderCounter(old => old + 1);
+        } else if (!timeoutRef.current) {
+            timeoutRef.current = setTimeout(() => {
+                clearTimeout(timeoutRef.current);
+                timeoutRef.current = undefined;
+                updateRenderCounter(old => old + 1);
+            }, delay);
+        }
+    }, [])
+
+    return [update, renderCounter] as const;
+}