@snack-uikit/utils 3.5.0 → 3.5.1-preview-20b0f520.0

package/dist/cjs/hooks/index.d.ts

@@ -1,5 +1,6 @@
 export * from './useDebounce';
 export * from './useEventHandler';
 export * from './useIsomorphicLayoutEffect';
+export * from './useSwipe';
 export * from './useThemeConfig';
 export * from './useValueControl';

package/dist/cjs/hooks/index.js

@@ -25,5 +25,6 @@ Object.defineProperty(exports, "__esModule", {
 __exportStar(require("./useDebounce"), exports);
 __exportStar(require("./useEventHandler"), exports);
 __exportStar(require("./useIsomorphicLayoutEffect"), exports);
+__exportStar(require("./useSwipe"), exports);
 __exportStar(require("./useThemeConfig"), exports);
 __exportStar(require("./useValueControl"), exports);

package/dist/cjs/hooks/useSwipe.d.ts

@@ -0,0 +1,7 @@
+import { SwipeableHandlers, SwipeableProps, SwipeCallback, SwipeDirections } from 'react-swipeable';
+export type UseSwipeProps = SwipeableProps;
+export type UseSwipeReturnType = SwipeableHandlers & {
+    'data-has-swipe': string;
+};
+export declare function useSwipe(options: UseSwipeProps): UseSwipeReturnType;
+export type { SwipeCallback, SwipeDirections };

package/dist/cjs/hooks/useSwipe.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSwipe = useSwipe;
+const react_swipeable_1 = require("react-swipeable");
+function useSwipe(options) {
+  const handlers = (0, react_swipeable_1.useSwipeable)(options);
+  return Object.assign(Object.assign({}, handlers), {
+    'data-has-swipe': 'true'
+  });
+}

package/dist/esm/hooks/index.d.ts

@@ -1,5 +1,6 @@
 export * from './useDebounce';
 export * from './useEventHandler';
 export * from './useIsomorphicLayoutEffect';
+export * from './useSwipe';
 export * from './useThemeConfig';
 export * from './useValueControl';

package/dist/esm/hooks/index.js

@@ -1,5 +1,6 @@
 export * from './useDebounce';
 export * from './useEventHandler';
 export * from './useIsomorphicLayoutEffect';
+export * from './useSwipe';
 export * from './useThemeConfig';
 export * from './useValueControl';

package/dist/esm/hooks/useSwipe.d.ts

@@ -0,0 +1,7 @@
+import { SwipeableHandlers, SwipeableProps, SwipeCallback, SwipeDirections } from 'react-swipeable';
+export type UseSwipeProps = SwipeableProps;
+export type UseSwipeReturnType = SwipeableHandlers & {
+    'data-has-swipe': string;
+};
+export declare function useSwipe(options: UseSwipeProps): UseSwipeReturnType;
+export type { SwipeCallback, SwipeDirections };

package/dist/esm/hooks/useSwipe.js

@@ -0,0 +1,5 @@
+import { useSwipeable } from 'react-swipeable';
+export function useSwipe(options) {
+    const handlers = useSwipeable(options);
+    return Object.assign(Object.assign({}, handlers), { 'data-has-swipe': 'true' });
+}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Utils",
-  "version": "3.5.0",
+  "version": "3.5.1-preview-20b0f520.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -36,7 +36,8 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
+    "react-swipeable": "7.0.2",
     "uncontrollable": "8.0.4"
   },
-  "gitHead": "62cc21d8606a61a78f80e3a7455b20d6f38474fa"
+  "gitHead": "3d9f58d349ce6413d2242d7a42b8ba624815dcc0"
 }

package/src/hooks/index.ts

@@ -1,5 +1,6 @@
 export * from './useDebounce';
 export * from './useEventHandler';
 export * from './useIsomorphicLayoutEffect';
+export * from './useSwipe';
 export * from './useThemeConfig';
 export * from './useValueControl';

package/src/hooks/useSwipe.ts

@@ -0,0 +1,18 @@
+import { SwipeableHandlers, SwipeableProps, SwipeCallback, SwipeDirections, useSwipeable } from 'react-swipeable';
+
+export type UseSwipeProps = SwipeableProps;
+
+export type UseSwipeReturnType = SwipeableHandlers & {
+  'data-has-swipe': string;
+};
+
+export function useSwipe(options: UseSwipeProps): UseSwipeReturnType {
+  const handlers = useSwipeable(options);
+
+  return {
+    ...handlers,
+    'data-has-swipe': 'true',
+  };
+}
+
+export type { SwipeCallback, SwipeDirections };