@os-design/utils - npm Package Compare versions

Comparing version 0.0.33 to 1.0.0

lib/index.d.ts

@@ -1,33 +0,19 @@
-export { default as bodyScroll } from './utils/bodyScroll';
-export { default as debounce } from './utils/debounce';
-export { default as ellipsis } from './utils/ellipsis';
-export { default as enableScrolling } from './utils/enableScrolling';
-export { default as getBoundingRect } from './utils/getBoundingRect';
-export { default as getSelectionPopupPosition } from './utils/getSelectionPopupPosition';
-export { default as isBrowser } from './utils/isBrowser';
-export { default as isTouchDevice } from './utils/isTouchDevice';
-export { default as lineClamp } from './utils/lineClamp';
-export { default as m } from './utils/media';
-export { default as omitProps } from './utils/omitProps';
-export { default as paddingHorizontal } from './utils/paddingHorizontal';
-export { default as resetButton } from './utils/resetButton';
-export { default as resetFocus } from './utils/resetFocus';
-export { default as resetUl } from './utils/resetUl';
-export { default as sizing } from './utils/sizing';
-export { default as throttling } from './utils/throttling';
-export { default as transition } from './utils/transition';
-export { default as useBodyFontSize } from './utils/useBodyFontSize';
-export { default as useEventListener } from './utils/useEventListener';
-export { default as useIsMaxWidth } from './utils/useIsMaxWidth';
-export { default as useIsMinWidth } from './utils/useIsMinWidth';
-export { default as useIsWidth } from './utils/useIsWidth';
-export { default as usePrevious } from './utils/usePrevious';
-export { default as useWindowSize } from './utils/useWindowSize';
-export * from './utils/color';
-export * from './utils/darkMode';
-export * from './utils/frameTimeout';
-export * from './utils/getSelectionPopupPosition';
-export * from './utils/media';
-export * from './utils/paddingHorizontal';
-export * from './utils/sizing';
+export { default as isTouchDevice } from './isTouchDevice';
+export { default as useBodyScroll } from './useBodyScroll';
+export { default as useClickOutside } from './useClickOutside';
+export { default as useClosable } from './useClosable';
+export { default as useDebounce } from './useDebounce';
+export { default as useEvent } from './useEvent';
+export { default as useFontSize } from './useFontSize';
+export { default as useForwardedRef } from './useForwardedRef';
+export { default as useForwardedState } from './useForwardedState';
+export { default as useKeyPress } from './useKeyPress';
+export { default as usePrevious } from './usePrevious';
+export { default as usePropRef } from './usePropRef';
+export { default as useResizeObserver } from './useResizeObserver';
+export { default as useSafeAreaInset } from './useSafeAreaInset';
+export { default as useThrottle } from './useThrottle';
+export { default as useVh } from './useVh';
+export { default as useWindowSize } from './useWindowSize';
+export * from './useKeyPress';
 //# sourceMappingURL=index.d.ts.map

lib/index.js

@@ -16,60 +16,38 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWindowSize = exports.usePrevious = exports.useIsWidth = exports.useIsMinWidth = exports.useIsMaxWidth = exports.useEventListener = exports.useBodyFontSize = exports.transition = exports.throttling = exports.sizing = exports.resetUl = exports.resetFocus = exports.resetButton = exports.paddingHorizontal = exports.omitProps = exports.m = exports.lineClamp = exports.isTouchDevice = exports.isBrowser = exports.getSelectionPopupPosition = exports.getBoundingRect = exports.enableScrolling = exports.ellipsis = exports.debounce = exports.bodyScroll = void 0;
-var bodyScroll_1 = require("./utils/bodyScroll");
-Object.defineProperty(exports, "bodyScroll", { enumerable: true, get: function () { return __importDefault(bodyScroll_1).default; } });
-var debounce_1 = require("./utils/debounce");
-Object.defineProperty(exports, "debounce", { enumerable: true, get: function () { return __importDefault(debounce_1).default; } });
-var ellipsis_1 = require("./utils/ellipsis");
-Object.defineProperty(exports, "ellipsis", { enumerable: true, get: function () { return __importDefault(ellipsis_1).default; } });
-var enableScrolling_1 = require("./utils/enableScrolling");
-Object.defineProperty(exports, "enableScrolling", { enumerable: true, get: function () { return __importDefault(enableScrolling_1).default; } });
-var getBoundingRect_1 = require("./utils/getBoundingRect");
-Object.defineProperty(exports, "getBoundingRect", { enumerable: true, get: function () { return __importDefault(getBoundingRect_1).default; } });
-var getSelectionPopupPosition_1 = require("./utils/getSelectionPopupPosition");
-Object.defineProperty(exports, "getSelectionPopupPosition", { enumerable: true, get: function () { return __importDefault(getSelectionPopupPosition_1).default; } });
-var isBrowser_1 = require("./utils/isBrowser");
-Object.defineProperty(exports, "isBrowser", { enumerable: true, get: function () { return __importDefault(isBrowser_1).default; } });
-var isTouchDevice_1 = require("./utils/isTouchDevice");
+exports.useWindowSize = exports.useVh = exports.useThrottle = exports.useSafeAreaInset = exports.useResizeObserver = exports.usePropRef = exports.usePrevious = exports.useKeyPress = exports.useForwardedState = exports.useForwardedRef = exports.useFontSize = exports.useEvent = exports.useDebounce = exports.useClosable = exports.useClickOutside = exports.useBodyScroll = exports.isTouchDevice = void 0;
+var isTouchDevice_1 = require("./isTouchDevice");
 Object.defineProperty(exports, "isTouchDevice", { enumerable: true, get: function () { return __importDefault(isTouchDevice_1).default; } });
-var lineClamp_1 = require("./utils/lineClamp");
-Object.defineProperty(exports, "lineClamp", { enumerable: true, get: function () { return __importDefault(lineClamp_1).default; } });
-var media_1 = require("./utils/media");
-Object.defineProperty(exports, "m", { enumerable: true, get: function () { return __importDefault(media_1).default; } });
-var omitProps_1 = require("./utils/omitProps");
-Object.defineProperty(exports, "omitProps", { enumerable: true, get: function () { return __importDefault(omitProps_1).default; } });
-var paddingHorizontal_1 = require("./utils/paddingHorizontal");
-Object.defineProperty(exports, "paddingHorizontal", { enumerable: true, get: function () { return __importDefault(paddingHorizontal_1).default; } });
-var resetButton_1 = require("./utils/resetButton");
-Object.defineProperty(exports, "resetButton", { enumerable: true, get: function () { return __importDefault(resetButton_1).default; } });
-var resetFocus_1 = require("./utils/resetFocus");
-Object.defineProperty(exports, "resetFocus", { enumerable: true, get: function () { return __importDefault(resetFocus_1).default; } });
-var resetUl_1 = require("./utils/resetUl");
-Object.defineProperty(exports, "resetUl", { enumerable: true, get: function () { return __importDefault(resetUl_1).default; } });
-var sizing_1 = require("./utils/sizing");
-Object.defineProperty(exports, "sizing", { enumerable: true, get: function () { return __importDefault(sizing_1).default; } });
-var throttling_1 = require("./utils/throttling");
-Object.defineProperty(exports, "throttling", { enumerable: true, get: function () { return __importDefault(throttling_1).default; } });
-var transition_1 = require("./utils/transition");
-Object.defineProperty(exports, "transition", { enumerable: true, get: function () { return __importDefault(transition_1).default; } });
-var useBodyFontSize_1 = require("./utils/useBodyFontSize");
-Object.defineProperty(exports, "useBodyFontSize", { enumerable: true, get: function () { return __importDefault(useBodyFontSize_1).default; } });
-var useEventListener_1 = require("./utils/useEventListener");
-Object.defineProperty(exports, "useEventListener", { enumerable: true, get: function () { return __importDefault(useEventListener_1).default; } });
-var useIsMaxWidth_1 = require("./utils/useIsMaxWidth");
-Object.defineProperty(exports, "useIsMaxWidth", { enumerable: true, get: function () { return __importDefault(useIsMaxWidth_1).default; } });
-var useIsMinWidth_1 = require("./utils/useIsMinWidth");
-Object.defineProperty(exports, "useIsMinWidth", { enumerable: true, get: function () { return __importDefault(useIsMinWidth_1).default; } });
-var useIsWidth_1 = require("./utils/useIsWidth");
-Object.defineProperty(exports, "useIsWidth", { enumerable: true, get: function () { return __importDefault(useIsWidth_1).default; } });
-var usePrevious_1 = require("./utils/usePrevious");
+var useBodyScroll_1 = require("./useBodyScroll");
+Object.defineProperty(exports, "useBodyScroll", { enumerable: true, get: function () { return __importDefault(useBodyScroll_1).default; } });
+var useClickOutside_1 = require("./useClickOutside");
+Object.defineProperty(exports, "useClickOutside", { enumerable: true, get: function () { return __importDefault(useClickOutside_1).default; } });
+var useClosable_1 = require("./useClosable");
+Object.defineProperty(exports, "useClosable", { enumerable: true, get: function () { return __importDefault(useClosable_1).default; } });
+var useDebounce_1 = require("./useDebounce");
+Object.defineProperty(exports, "useDebounce", { enumerable: true, get: function () { return __importDefault(useDebounce_1).default; } });
+var useEvent_1 = require("./useEvent");
+Object.defineProperty(exports, "useEvent", { enumerable: true, get: function () { return __importDefault(useEvent_1).default; } });
+var useFontSize_1 = require("./useFontSize");
+Object.defineProperty(exports, "useFontSize", { enumerable: true, get: function () { return __importDefault(useFontSize_1).default; } });
+var useForwardedRef_1 = require("./useForwardedRef");
+Object.defineProperty(exports, "useForwardedRef", { enumerable: true, get: function () { return __importDefault(useForwardedRef_1).default; } });
+var useForwardedState_1 = require("./useForwardedState");
+Object.defineProperty(exports, "useForwardedState", { enumerable: true, get: function () { return __importDefault(useForwardedState_1).default; } });
+var useKeyPress_1 = require("./useKeyPress");
+Object.defineProperty(exports, "useKeyPress", { enumerable: true, get: function () { return __importDefault(useKeyPress_1).default; } });
+var usePrevious_1 = require("./usePrevious");
 Object.defineProperty(exports, "usePrevious", { enumerable: true, get: function () { return __importDefault(usePrevious_1).default; } });
-var useWindowSize_1 = require("./utils/useWindowSize");
+var usePropRef_1 = require("./usePropRef");
+Object.defineProperty(exports, "usePropRef", { enumerable: true, get: function () { return __importDefault(usePropRef_1).default; } });
+var useResizeObserver_1 = require("./useResizeObserver");
+Object.defineProperty(exports, "useResizeObserver", { enumerable: true, get: function () { return __importDefault(useResizeObserver_1).default; } });
+var useSafeAreaInset_1 = require("./useSafeAreaInset");
+Object.defineProperty(exports, "useSafeAreaInset", { enumerable: true, get: function () { return __importDefault(useSafeAreaInset_1).default; } });
+var useThrottle_1 = require("./useThrottle");
+Object.defineProperty(exports, "useThrottle", { enumerable: true, get: function () { return __importDefault(useThrottle_1).default; } });
+var useVh_1 = require("./useVh");
+Object.defineProperty(exports, "useVh", { enumerable: true, get: function () { return __importDefault(useVh_1).default; } });
+var useWindowSize_1 = require("./useWindowSize");
 Object.defineProperty(exports, "useWindowSize", { enumerable: true, get: function () { return __importDefault(useWindowSize_1).default; } });
-__exportStar(require("./utils/color"), exports);
-__exportStar(require("./utils/darkMode"), exports);
-__exportStar(require("./utils/frameTimeout"), exports);
-__exportStar(require("./utils/getSelectionPopupPosition"), exports);
-__exportStar(require("./utils/media"), exports);
-__exportStar(require("./utils/paddingHorizontal"), exports);
-__exportStar(require("./utils/sizing"), exports);
+__exportStar(require("./useKeyPress"), exports);
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@os-design/utils",
-  "version": "0.0.33",
+  "version": "1.0.0",
   "license": "UNLICENSED",
@@ -13,3 +13,3 @@ "main": "lib/index.js",
     "build": "yarn clean && tsc",
-    "ncu": "ncu -u '/^(?!(@emotion/core|@emotion/styled-base)$).*$/'"
+    "ncu": "ncu -u"
   },
@@ -19,10 +19,11 @@ "publishConfig": {
   },
-  "dependencies": {
-    "@emotion/core": "^10.1.1",
-    "facepaint": "^1.2.1"
-  },
   "devDependencies": {
-    "@emotion/styled-base": "^10.0.31"
+    "@os-design/styles": "^1.0.0",
+    "@types/resize-observer-browser": "^0.1.5",
+    "react": ">=17"
   },
-  "gitHead": "cf1794ea4dc394f4ac3b240ddd6a00ed46490b2e"
+  "peerDependencies": {
+    "react": ">=17"
+  },
+  "gitHead": "d7288d91a8ab83c191dfdf9045cba8394388308e"
 }

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

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

No README

Quality

Package does not have a README. This may indicate a failed publish or a low quality package.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Dependency count

1

decreased by-50%

Number of low quality alerts

1

decreased by-50%

Number of medium quality alerts

1

decreased by-50%

Number of lines in readme file

34

increased byInfinity%

Worsened metrics

Total package byte prevSize

45481

decreased by-15.54%

Dev dependency count

3

increased by200%

Number of package files

75

decreased by-36.44%

Lines of code

501

decreased by-19.84%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• - Removed@emotion/core@^10.1.1

• - Removedfacepaint@^1.2.1

• - Removed@babel/code-frame@7.26.2(transitive)

• - Removed@babel/generator@7.26.2(transitive)

• - Removed@babel/helper-module-imports@7.25.9(transitive)

• - Removed@babel/helper-string-parser@7.25.9(transitive)

• - Removed@babel/helper-validator-identifier@7.25.9(transitive)

• - Removed@babel/parser@7.26.2(transitive)

• - Removed@babel/runtime@7.26.0(transitive)

• - Removed@babel/template@7.25.9(transitive)

• - Removed@babel/traverse@7.25.9(transitive)

• - Removed@babel/types@7.26.0(transitive)

• - Removed@emotion/cache@10.0.29(transitive)

• - Removed@emotion/core@10.3.1(transitive)

• - Removed@emotion/css@10.0.27(transitive)

• - Removed@emotion/hash@0.8.0(transitive)

• - Removed@emotion/memoize@0.7.4(transitive)

• - Removed@emotion/serialize@0.11.16(transitive)

• - Removed@emotion/sheet@0.9.4(transitive)

• - Removed@emotion/stylis@0.8.5(transitive)

• - Removed@emotion/unitless@0.7.5(transitive)

• - Removed@emotion/utils@0.11.3(transitive)

• - Removed@emotion/weak-memoize@0.2.5(transitive)

• - Removed@jridgewell/gen-mapping@0.3.5(transitive)

• - Removed@jridgewell/resolve-uri@3.1.2(transitive)

• - Removed@jridgewell/set-array@1.2.1(transitive)

• - Removed@jridgewell/sourcemap-codec@1.5.0(transitive)

• - Removed@jridgewell/trace-mapping@0.3.25(transitive)

• - Removed@types/parse-json@4.0.2(transitive)

• - Removedbabel-plugin-emotion@10.2.2(transitive)

• - Removedbabel-plugin-macros@2.8.0(transitive)

• - Removedbabel-plugin-syntax-jsx@6.18.0(transitive)

• - Removedcallsites@3.1.0(transitive)

• - Removedconvert-source-map@1.9.0(transitive)

• - Removedcosmiconfig@6.0.0(transitive)

• - Removedcsstype@2.6.21(transitive)

• - Removeddebug@4.3.7(transitive)

• - Removederror-ex@1.3.2(transitive)

• - Removedescape-string-regexp@1.0.5(transitive)

• - Removedfacepaint@1.2.1(transitive)

• - Removedfind-root@1.1.0(transitive)

• - Removedfunction-bind@1.1.2(transitive)

• - Removedglobals@11.12.0(transitive)

• - Removedhasown@2.0.2(transitive)

• - Removedimport-fresh@3.3.0(transitive)

• - Removedis-arrayish@0.2.1(transitive)

• - Removedis-core-module@2.15.1(transitive)

• - Removedjsesc@3.0.2(transitive)

• - Removedjson-parse-even-better-errors@2.3.1(transitive)

• - Removedlines-and-columns@1.2.4(transitive)

• - Removedms@2.1.3(transitive)

• - Removedparent-module@1.0.1(transitive)

• - Removedparse-json@5.2.0(transitive)

• - Removedpath-parse@1.0.7(transitive)

• - Removedpath-type@4.0.0(transitive)

• - Removedpicocolors@1.1.1(transitive)

• - Removedregenerator-runtime@0.14.1(transitive)

• - Removedresolve@1.22.8(transitive)

• - Removedresolve-from@4.0.0(transitive)

• - Removedsource-map@0.5.7(transitive)

• - Removedsupports-preserve-symlinks-flag@1.0.0(transitive)

• - Removedyaml@1.10.2(transitive)