@snack-uikit/utils 3.5.0 → 3.5.1-preview-53bd8747.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,8 @@
+import { SwipeableHandlers, SwipeableProps, SwipeCallback, SwipeDirections, SwipeEventData } from 'react-swipeable';
+export declare const DATA_SWIPE_ATTRIBUTE = "data-has-swipe";
+export type UseSwipeProps = SwipeableProps;
+export type UseSwipeReturnType = SwipeableHandlers & {
+    [DATA_SWIPE_ATTRIBUTE]: string;
+};
+export declare function useSwipeable(options: UseSwipeProps): UseSwipeReturnType;
+export type { SwipeCallback, SwipeDirections, SwipeEventData };

package/dist/cjs/hooks/useSwipe.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DATA_SWIPE_ATTRIBUTE = void 0;
+exports.useSwipeable = useSwipeable;
+const react_swipeable_1 = require("react-swipeable");
+exports.DATA_SWIPE_ATTRIBUTE = 'data-has-swipe';
+function useSwipeable(options) {
+  const handlers = (0, react_swipeable_1.useSwipeable)(options);
+  return Object.assign(Object.assign({}, handlers), {
+    [exports.DATA_SWIPE_ATTRIBUTE]: '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,8 @@
+import { SwipeableHandlers, SwipeableProps, SwipeCallback, SwipeDirections, SwipeEventData } from 'react-swipeable';
+export declare const DATA_SWIPE_ATTRIBUTE = "data-has-swipe";
+export type UseSwipeProps = SwipeableProps;
+export type UseSwipeReturnType = SwipeableHandlers & {
+    [DATA_SWIPE_ATTRIBUTE]: string;
+};
+export declare function useSwipeable(options: UseSwipeProps): UseSwipeReturnType;
+export type { SwipeCallback, SwipeDirections, SwipeEventData };

package/dist/esm/hooks/useSwipe.js

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

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Utils",
-  "version": "3.5.0",
+  "version": "3.5.1-preview-53bd8747.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": "527ea8e5660cbf949a1e84bc833f876a0802d10e"
 }

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,27 @@
+import {
+  SwipeableHandlers,
+  SwipeableProps,
+  SwipeCallback,
+  SwipeDirections,
+  SwipeEventData,
+  useSwipeable as useSwipeableInternal,
+} from 'react-swipeable';
+
+export const DATA_SWIPE_ATTRIBUTE = 'data-has-swipe';
+
+export type UseSwipeProps = SwipeableProps;
+
+export type UseSwipeReturnType = SwipeableHandlers & {
+  [DATA_SWIPE_ATTRIBUTE]: string;
+};
+
+export function useSwipeable(options: UseSwipeProps): UseSwipeReturnType {
+  const handlers = useSwipeableInternal(options);
+
+  return {
+    ...handlers,
+    [DATA_SWIPE_ATTRIBUTE]: 'true',
+  };
+}
+
+export type { SwipeCallback, SwipeDirections, SwipeEventData };