@os-design/utils - npm Package Compare versions

Comparing version 1.0.41 to 1.0.42

dist/cjs/index.js

 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
@@ -12,2 +12,3 @@ Object.defineProperty(exports, "__esModule", {
   omitEmotionProps: true,
+  useAutoScroll: true,
   useBodyScroll: true,
@@ -17,3 +18,5 @@ useBrowserLayoutEffect: true,
   useClosable: true,
+  useCursorPosition: true,
   useDebounce: true,
+  useDrag: true,
   useEvent: true,
@@ -25,4 +28,6 @@ useFontSize: true,
   useKeyPress: true,
+  useLongPress: true,
+  useMemoObject: true,
+  usePreventDefaultEvent: true,
   usePrevious: true,
-  usePropRef: true,
   useResizeObserver: true,
@@ -53,2 +58,8 @@ useSafeAreaInset: true,
 });
+Object.defineProperty(exports, "useAutoScroll", {
+  enumerable: true,
+  get: function get() {
+    return _useAutoScroll["default"];
+  }
+});
 Object.defineProperty(exports, "useBodyScroll", {
@@ -78,2 +89,8 @@ enumerable: true,
 });
+Object.defineProperty(exports, "useCursorPosition", {
+  enumerable: true,
+  get: function get() {
+    return _useCursorPosition["default"];
+  }
+});
 Object.defineProperty(exports, "useDebounce", {
@@ -85,2 +102,8 @@ enumerable: true,
 });
+Object.defineProperty(exports, "useDrag", {
+  enumerable: true,
+  get: function get() {
+    return _useDrag["default"];
+  }
+});
 Object.defineProperty(exports, "useEvent", {
@@ -122,14 +145,26 @@ enumerable: true,
 });
-Object.defineProperty(exports, "usePrevious", {
+Object.defineProperty(exports, "useLongPress", {
   enumerable: true,
   get: function get() {
-    return _usePrevious["default"];
+    return _useLongPress["default"];
   }
 });
-Object.defineProperty(exports, "usePropRef", {
+Object.defineProperty(exports, "useMemoObject", {
   enumerable: true,
   get: function get() {
-    return _usePropRef["default"];
+    return _useMemoObject["default"];
   }
 });
+Object.defineProperty(exports, "usePreventDefaultEvent", {
+  enumerable: true,
+  get: function get() {
+    return _usePreventDefaultEvent["default"];
+  }
+});
+Object.defineProperty(exports, "usePrevious", {
+  enumerable: true,
+  get: function get() {
+    return _usePrevious["default"];
+  }
+});
 Object.defineProperty(exports, "useResizeObserver", {
@@ -190,2 +225,16 @@ enumerable: true,
 
+var _useAutoScroll = _interopRequireWildcard(require("@os-design/use-auto-scroll"));
+
+Object.keys(_useAutoScroll).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useAutoScroll[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useAutoScroll[key];
+    }
+  });
+});
+
 var _useBodyScroll = _interopRequireDefault(require("@os-design/use-body-scroll"));
@@ -199,4 +248,32 @@
 
+var _useCursorPosition = _interopRequireWildcard(require("@os-design/use-cursor-position"));
+
+Object.keys(_useCursorPosition).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useCursorPosition[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useCursorPosition[key];
+    }
+  });
+});
+
 var _useDebounce = _interopRequireDefault(require("@os-design/use-debounce"));
 
+var _useDrag = _interopRequireWildcard(require("@os-design/use-drag"));
+
+Object.keys(_useDrag).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useDrag[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useDrag[key];
+    }
+  });
+});
+
 var _useEvent = _interopRequireDefault(require("@os-design/use-event"));
@@ -226,6 +303,22 @@
 
+var _useLongPress = _interopRequireWildcard(require("@os-design/use-long-press"));
+
+Object.keys(_useLongPress).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useLongPress[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useLongPress[key];
+    }
+  });
+});
+
+var _useMemoObject = _interopRequireDefault(require("@os-design/use-memo-object"));
+
+var _usePreventDefaultEvent = _interopRequireDefault(require("@os-design/use-prevent-default-event"));
+
 var _usePrevious = _interopRequireDefault(require("@os-design/use-previous"));
 
-var _usePropRef = _interopRequireDefault(require("@os-design/use-prop-ref"));
-
 var _useResizeObserver = _interopRequireDefault(require("@os-design/use-resize-observer"));
@@ -232,0 +325,0 @@

dist/esm/index.js

 export { default as ErrorBoundary } from '@os-design/error-boundary';
 export { default as isTouchDevice } from '@os-design/is-touch-device';
 export { default as omitEmotionProps } from '@os-design/omit-emotion-props';
+export { default as useAutoScroll } from '@os-design/use-auto-scroll';
 export { default as useBodyScroll } from '@os-design/use-body-scroll';
@@ -8,3 +9,5 @@ export { default as useBrowserLayoutEffect } from '@os-design/use-browser-layout-effect';
 export { default as useClosable } from '@os-design/use-closable';
+export { default as useCursorPosition } from '@os-design/use-cursor-position';
 export { default as useDebounce } from '@os-design/use-debounce';
+export { default as useDrag } from '@os-design/use-drag';
 export { default as useEvent } from '@os-design/use-event';
@@ -16,4 +19,6 @@ export { default as useFontSize } from '@os-design/use-font-size';
 export { default as useKeyPress } from '@os-design/use-key-press';
+export { default as useLongPress } from '@os-design/use-long-press';
+export { default as useMemoObject } from '@os-design/use-memo-object';
+export { default as usePreventDefaultEvent } from '@os-design/use-prevent-default-event';
 export { default as usePrevious } from '@os-design/use-previous';
-export { default as usePropRef } from '@os-design/use-prop-ref';
 export { default as useResizeObserver } from '@os-design/use-resize-observer';
@@ -26,3 +31,7 @@ export { default as useSafeAreaInset } from '@os-design/use-safe-area-inset';
 export * from '@os-design/error-boundary';
+export * from '@os-design/use-auto-scroll';
+export * from '@os-design/use-cursor-position';
+export * from '@os-design/use-drag';
 export * from '@os-design/use-key-press';
+export * from '@os-design/use-long-press';
 //# sourceMappingURL=index.js.map

dist/types/index.d.ts

 export { default as ErrorBoundary } from '@os-design/error-boundary';
 export { default as isTouchDevice } from '@os-design/is-touch-device';
 export { default as omitEmotionProps } from '@os-design/omit-emotion-props';
+export { default as useAutoScroll } from '@os-design/use-auto-scroll';
 export { default as useBodyScroll } from '@os-design/use-body-scroll';
@@ -8,3 +9,5 @@ export { default as useBrowserLayoutEffect } from '@os-design/use-browser-layout-effect';
 export { default as useClosable } from '@os-design/use-closable';
+export { default as useCursorPosition } from '@os-design/use-cursor-position';
 export { default as useDebounce } from '@os-design/use-debounce';
+export { default as useDrag } from '@os-design/use-drag';
 export { default as useEvent } from '@os-design/use-event';
@@ -16,4 +19,6 @@ export { default as useFontSize } from '@os-design/use-font-size';
 export { default as useKeyPress } from '@os-design/use-key-press';
+export { default as useLongPress } from '@os-design/use-long-press';
+export { default as useMemoObject } from '@os-design/use-memo-object';
+export { default as usePreventDefaultEvent } from '@os-design/use-prevent-default-event';
 export { default as usePrevious } from '@os-design/use-previous';
-export { default as usePropRef } from '@os-design/use-prop-ref';
 export { default as useResizeObserver } from '@os-design/use-resize-observer';
@@ -26,3 +31,7 @@ export { default as useSafeAreaInset } from '@os-design/use-safe-area-inset';
 export * from '@os-design/error-boundary';
+export * from '@os-design/use-auto-scroll';
+export * from '@os-design/use-cursor-position';
+export * from '@os-design/use-drag';
 export * from '@os-design/use-key-press';
+export * from '@os-design/use-long-press';
 //# sourceMappingURL=index.d.ts.map

package.json

 {
   "name": "@os-design/utils",
-  "version": "1.0.41",
+  "version": "1.0.42",
   "license": "UNLICENSED",
@@ -34,21 +34,26 @@ "repository": "[e-mail]:os-team/libs/os-design.git",
     "@os-design/omit-emotion-props": "^1.0.2",
+    "@os-design/use-auto-scroll": "^1.0.0",
     "@os-design/use-body-scroll": "^1.0.4",
     "@os-design/use-browser-layout-effect": "^1.0.4",
-    "@os-design/use-click-outside": "^1.0.4",
+    "@os-design/use-click-outside": "^1.0.5",
     "@os-design/use-closable": "^1.0.9",
+    "@os-design/use-cursor-position": "^1.0.0",
     "@os-design/use-debounce": "^1.0.5",
-    "@os-design/use-event": "^1.0.4",
-    "@os-design/use-font-size": "^1.0.4",
+    "@os-design/use-drag": "^1.0.0",
+    "@os-design/use-event": "^1.0.5",
+    "@os-design/use-font-size": "^1.0.5",
     "@os-design/use-forwarded-ref": "^1.0.4",
     "@os-design/use-forwarded-state": "^1.0.4",
     "@os-design/use-interval": "^1.0.2",
-    "@os-design/use-key-press": "^1.0.4",
+    "@os-design/use-key-press": "^1.0.5",
+    "@os-design/use-long-press": "^1.0.0",
+    "@os-design/use-memo-object": "^1.0.0",
+    "@os-design/use-prevent-default-event": "^1.0.0",
     "@os-design/use-previous": "^1.0.4",
-    "@os-design/use-prop-ref": "^1.0.4",
     "@os-design/use-resize-observer": "^1.0.4",
-    "@os-design/use-safe-area-inset": "^1.0.5",
-    "@os-design/use-size": "^1.0.4",
+    "@os-design/use-safe-area-inset": "^1.0.6",
+    "@os-design/use-size": "^1.0.5",
     "@os-design/use-swipe": "^1.0.2",
     "@os-design/use-throttle": "^1.0.5",
-    "@os-design/use-vh": "^1.0.4"
+    "@os-design/use-vh": "^1.0.5"
   },
@@ -58,3 +63,3 @@ "peerDependencies": {
   },
-  "gitHead": "1304a73372cdbe53ba26559e9b029a06f4702d95"
+  "gitHead": "4f41a962d4c0afb57d65e8c3e104215794d3c6a7"
 }

README.md

@@ -8,2 +8,3 @@ # @os-design/utils [![NPM version](https://img.shields.io/npm/v/@os-design/utils)](https://yarnpkg.com/package/@os-design/utils) [![BundlePhobia](https://img.shields.io/bundlephobia/minzip/@os-design/utils)](https://bundlephobia.com/result?p=@os-design/utils)
 1. [omitEmotionProps](https://gitlab.com/os-team/libs/os-design/-/tree/master/packages/omit-emotion-props) – Disables forwarding the specified properties to the element.
+1. [useAutoScroll](https://gitlab.com/os-team/libs/os-design/-/tree/master/packages/use-auto-scroll) – Auto scrolls if the cursor is near the border of the scrollable element. It works on both mouse and touch devices.
 1. [useBodyScroll](https://gitlab.com/os-team/libs/os-design/-/tree/master/packages/use-body-scroll) – Enables or disables scrolling of the body element.
@@ -13,3 +14,5 @@ 1. [useBrowserLayoutEffect](https://gitlab.com/os-team/libs/os-design/-/tree/master/packages/use-browser-layout-effect) – Mocks the useLayoutEffect on the server side.
 1. [useClosable](https://gitlab.com/os-team/libs/os-design/-/tree/master/packages/use-closable) – Sets the closed state to true after a delay to apply the fade out animation.
+1. [useCursorPosition](https://gitlab.com/os-team/libs/os-design/-/tree/master/packages/use-cursor-position) – Returns the position of the cursor. It works on both mouse and touch devices.
 1. [useDebounce](https://gitlab.com/os-team/libs/os-design/-/tree/master/packages/use-debounce) – The callback function will be called only when N ms has elapsed after the last call attempt.
+1. [useDrag](https://gitlab.com/os-team/libs/os-design/-/tree/master/packages/use-drag) – Handles the drag gesture. On touch devices, the event is triggered by a long press. Otherwise, when you click on the element and start dragging it.
 1. [useEvent](https://gitlab.com/os-team/libs/os-design/-/tree/master/packages/use-event) – Sets the listener that will be called whenever the specified event occurs.
@@ -21,4 +24,6 @@ 1. [useFontSize](https://gitlab.com/os-team/libs/os-design/-/tree/master/packages/use-font-size) – Computes the font size of the element.
 1. [useKeyPress](https://gitlab.com/os-team/libs/os-design/-/tree/master/packages/use-key-press) – Sets the listener that will be called whenever the key down event occurs.
+1. [useLongPress](https://gitlab.com/os-team/libs/os-design/-/tree/master/packages/use-long-press) – Sets the listener that will be called whenever the long press event occurs. It only works on touch devices.
+1. [useMemoObject](https://gitlab.com/os-team/libs/os-design/-/tree/master/packages/use-memo-object) – Reuse the previous version of an object value unless it has changed.
+1. [usePreventDefaultEvent](https://gitlab.com/os-team/libs/os-design/-/tree/master/packages/use-prevent-default-event) – Prevents the default action of the specified event.
 1. [usePrevious](https://gitlab.com/os-team/libs/os-design/-/tree/master/packages/use-previous) – Returns the previous value.
-1. [usePropRef](https://gitlab.com/os-team/libs/os-design/-/tree/master/packages/use-prop-ref) – Prevents re-rendering when the value changes.
 1. [useResizeObserver](https://gitlab.com/os-team/libs/os-design/-/tree/master/packages/use-resize-observer) – Sets the listener that will be called whenever the resize event of an element occurs.
@@ -25,0 +30,0 @@ 1. [useSafeAreaInset](https://gitlab.com/os-team/libs/os-design/-/tree/master/packages/use-safe-area-inset) – Calculates the safe area inset.

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

31291

increased by30.54%

Lines of code

362

increased by39.23%

Number of lines in readme file

44

increased by12.82%

Worsened metrics

Dependency count

28

increased by21.74%

Dependency changes

• + Added@os-design/use-auto-scroll@^1.0.0

• + Added@os-design/use-cursor-position@^1.0.0

• + Added@os-design/use-drag@^1.0.0

• + Added@os-design/use-long-press@^1.0.0

• + Added@os-design/use-memo-object@^1.0.0

• + Added@os-design/use-prevent-default-event@^1.0.0

• + Added@os-design/use-auto-scroll@1.0.21(transitive)

• + Added@os-design/use-cursor-position@1.0.19(transitive)

• + Added@os-design/use-drag@1.0.19(transitive)

• + Added@os-design/use-long-press@1.0.19(transitive)

• + Added@os-design/use-memo-object@1.0.17(transitive)

• + Added@os-design/use-prevent-default-event@1.0.19(transitive)

• - Removed@os-design/use-prop-ref@^1.0.4

• - Removed@os-design/use-prop-ref@1.0.4(transitive)

• Updated@os-design/use-click-outside@^1.0.5

• Updated@os-design/use-event@^1.0.5

• Updated@os-design/use-font-size@^1.0.5

• Updated@os-design/use-key-press@^1.0.5

• Updated@os-design/use-safe-area-inset@^1.0.6

• Updated@os-design/use-size@^1.0.5

• Updated@os-design/use-vh@^1.0.5