@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.
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  *
3
- * @ainias42/react-bootstrap-mobile v0.1.22
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 onMouseDownInner = useListener('onMouseDown', clickData);
9922
- const realOnMouseDown = (0,external_react_.useCallback)(e => {
9923
- if (clickData.onMouseDown) {
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
- onMouseDownInner(e);
9931
+ onPointerDownInner(e);
9931
9932
  }
9932
- }, [clickData.onMouseDown, onMouseDownInner, preventDefault, stopPropagation]);
9933
- const onMouseMoveInner = useListener('onMouseMove', clickData);
9934
- const realOnMouseMove = (0,external_react_.useCallback)(e => {
9935
- if (clickData.onMouseMove) {
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
- onMouseMoveInner(e);
9943
+ onPointerMoveInner(e);
9943
9944
  }
9944
- }, [clickData.onMouseMove, onMouseMoveInner, preventDefault, stopPropagation]);
9945
- const onMouseUpInner = useListener('onMouseUp', clickData);
9946
- const realOnMouseUp = (0,external_react_.useCallback)(e => {
9947
- if (clickData.onMouseUp) {
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
- onMouseUpInner(e);
9955
+ onPointerUpInner(e);
9955
9956
  }
9956
- }, [clickData.onMouseUp, onMouseUpInner, preventDefault, stopPropagation]);
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
- onMouseDown: realOnMouseDown,
10050
- onMouseMove: realOnMouseMove,
10051
- onMouseUp: realOnMouseUp,
10051
+ onPointerDown: realOnPointerDown,
10052
+ onPointerMove: realOnPointerMove,
10053
+ onPointerUp: realOnPointerUp,
10052
10054
  onClickCapture: realOnClickCapture,
10053
10055
  onDrop: realOnDrop,
10054
10056
  onDragOver: realOnDragOver,