@ainias42/react-bootstrap-mobile 0.1.23 → 0.1.25
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.
- package/dist/bootstrapReactMobile.js +22 -20
- package/dist/bootstrapReactMobile.js.map +1 -1
- package/dist/src/Components/Clickable/Clickable.d.ts +6 -5
- package/dist/src/Components/Layout/Block.d.ts +1 -1
- package/dist/src/Components/Layout/Flex.d.ts +1 -1
- package/dist/src/Components/Layout/Inline.d.ts +1 -1
- package/dist/src/Components/Layout/InlineBlock.d.ts +1 -1
- package/dist/src/Components/Layout/View.d.ts +2 -2
- package/dist/src/Components/Layout/ViewWithoutListeners.d.ts +2 -2
- package/package.json +3 -4
- package/src/Components/Clickable/Clickable.tsx +32 -29
- package/src/Components/Layout/View.tsx +2 -2
- package/src/Components/Layout/ViewWithoutListeners.tsx +2 -2
- package/tsconfig.json +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
*
|
|
3
|
-
* @ainias42/react-bootstrap-mobile v0.1.
|
|
3
|
+
* @ainias42/react-bootstrap-mobile v0.1.24
|
|
4
4
|
* git+https://github.com/Ainias/Bootstrap-React-Mobile.git
|
|
5
5
|
* Copyright (c) Silas Günther and project contributors.
|
|
6
6
|
* This source code is licensed under the MIT license found in the
|
|
@@ -9896,12 +9896,13 @@ function Clickable(_a, ref) {
|
|
|
9896
9896
|
style,
|
|
9897
9897
|
href,
|
|
9898
9898
|
target,
|
|
9899
|
+
id,
|
|
9899
9900
|
interactable = true,
|
|
9900
9901
|
preventDefault = false,
|
|
9901
9902
|
stopPropagation = true,
|
|
9902
9903
|
useReactOnMouseLeave = false
|
|
9903
9904
|
} = _a,
|
|
9904
|
-
clickData = Clickable_rest(_a, ["className", "children", "style", "href", "target", "interactable", "preventDefault", "stopPropagation", "useReactOnMouseLeave"]);
|
|
9905
|
+
clickData = Clickable_rest(_a, ["className", "children", "style", "href", "target", "id", "interactable", "preventDefault", "stopPropagation", "useReactOnMouseLeave"]);
|
|
9905
9906
|
// States
|
|
9906
9907
|
// Refs
|
|
9907
9908
|
const clickableRef = useComposedRef(ref);
|
|
@@ -9918,42 +9919,42 @@ function Clickable(_a, ref) {
|
|
|
9918
9919
|
onClickInner(e);
|
|
9919
9920
|
}
|
|
9920
9921
|
}, [clickData.onClick, onClickInner, preventDefault, stopPropagation]);
|
|
9921
|
-
const
|
|
9922
|
-
const
|
|
9923
|
-
if (clickData.
|
|
9922
|
+
const onPointerDownInner = useListener('onPointerDown', clickData);
|
|
9923
|
+
const realOnPointerDown = (0,external_react_.useCallback)(e => {
|
|
9924
|
+
if (clickData.onPointerDown) {
|
|
9924
9925
|
if (stopPropagation) {
|
|
9925
9926
|
e.stopPropagation();
|
|
9926
9927
|
}
|
|
9927
9928
|
if (preventDefault) {
|
|
9928
9929
|
e.preventDefault();
|
|
9929
9930
|
}
|
|
9930
|
-
|
|
9931
|
+
onPointerDownInner(e);
|
|
9931
9932
|
}
|
|
9932
|
-
}, [clickData.
|
|
9933
|
-
const
|
|
9934
|
-
const
|
|
9935
|
-
if (clickData.
|
|
9933
|
+
}, [clickData.onPointerDown, onPointerDownInner, preventDefault, stopPropagation]);
|
|
9934
|
+
const onPointerMoveInner = useListener('onPointerMove', clickData);
|
|
9935
|
+
const realOnPointerMove = (0,external_react_.useCallback)(e => {
|
|
9936
|
+
if (clickData.onPointerMove) {
|
|
9936
9937
|
if (stopPropagation) {
|
|
9937
9938
|
e.stopPropagation();
|
|
9938
9939
|
}
|
|
9939
9940
|
if (preventDefault) {
|
|
9940
9941
|
e.preventDefault();
|
|
9941
9942
|
}
|
|
9942
|
-
|
|
9943
|
+
onPointerMoveInner(e);
|
|
9943
9944
|
}
|
|
9944
|
-
}, [clickData.
|
|
9945
|
-
const
|
|
9946
|
-
const
|
|
9947
|
-
if (clickData.
|
|
9945
|
+
}, [clickData.onPointerMove, onPointerMoveInner, preventDefault, stopPropagation]);
|
|
9946
|
+
const onPointerUpInner = useListener('onPointerUp', clickData);
|
|
9947
|
+
const realOnPointerUp = (0,external_react_.useCallback)(e => {
|
|
9948
|
+
if (clickData.onPointerUp) {
|
|
9948
9949
|
if (stopPropagation) {
|
|
9949
9950
|
e.stopPropagation();
|
|
9950
9951
|
}
|
|
9951
9952
|
if (preventDefault) {
|
|
9952
9953
|
e.preventDefault();
|
|
9953
9954
|
}
|
|
9954
|
-
|
|
9955
|
+
onPointerUpInner(e);
|
|
9955
9956
|
}
|
|
9956
|
-
}, [clickData.
|
|
9957
|
+
}, [clickData.onPointerUp, onPointerUpInner, preventDefault, stopPropagation]);
|
|
9957
9958
|
const onClickCaptureInner = useListener('onClickCapture', clickData);
|
|
9958
9959
|
const realOnClickCapture = (0,external_react_.useCallback)(e => {
|
|
9959
9960
|
if (clickData.onClickCapture) {
|
|
@@ -10042,13 +10043,14 @@ function Clickable(_a, ref) {
|
|
|
10042
10043
|
const props = {
|
|
10043
10044
|
style,
|
|
10044
10045
|
target,
|
|
10046
|
+
id,
|
|
10045
10047
|
role: interactable ? 'button' : undefined,
|
|
10046
10048
|
'aria-hidden': interactable ? undefined : true,
|
|
10047
10049
|
className: classnames_default()((clickable_default()).clickable, className),
|
|
10048
10050
|
onClick: realOnClick,
|
|
10049
|
-
|
|
10050
|
-
|
|
10051
|
-
|
|
10051
|
+
onPointerDown: realOnPointerDown,
|
|
10052
|
+
onPointerMove: realOnPointerMove,
|
|
10053
|
+
onPointerUp: realOnPointerUp,
|
|
10052
10054
|
onClickCapture: realOnClickCapture,
|
|
10053
10055
|
onDrop: realOnDrop,
|
|
10054
10056
|
onDragOver: realOnDragOver,
|