@jobber/hooks 1.13.3 → 2.0.1

package/dist/useResizeObserver/index.js

@@ -1,6 +1,17 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./useResizeObserver"));
+__exportStar(require("./useResizeObserver"), exports);

package/dist/useResizeObserver/useResizeObserver.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Breakpoints: {
     base: number;
     small: number;

package/dist/useResizeObserver/useResizeObserver.js

@@ -1,29 +1,14 @@
 "use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
+exports.useResizeObserver = exports.Breakpoints = void 0;
+const react_1 = require("react");
 // Importing the polyfilled version of ResizeObserver
 // eslint-disable-next-line import/no-internal-modules
-var polyfilled_1 = __importDefault(require("use-resize-observer/polyfilled"));
-var lodash_1 = require("lodash");
+const polyfilled_1 = __importDefault(require("use-resize-observer/polyfilled"));
+const lodash_1 = require("lodash");
 exports.Breakpoints = {
     base: 640,
     small: 500,
@@ -31,24 +16,23 @@ exports.Breakpoints = {
     large: 750,
     larger: 1024,
 };
-var wait = 100;
-function useResizeObserver(_a) {
-    var _b = _a === void 0 ? {} : _a, _c = _b.widths, widths = _c === void 0 ? exports.Breakpoints : _c, _d = _b.heights, heights = _d === void 0 ? exports.Breakpoints : _d;
-    var _e = __read(react_1.useState({
+const wait = 100;
+function useResizeObserver({ widths = exports.Breakpoints, heights = exports.Breakpoints, } = {}) {
+    const [exactSize, setSize] = (0, react_1.useState)({
         width: undefined,
         height: undefined,
-    }), 2), exactSize = _e[0], setSize = _e[1];
-    var onResize = react_1.useMemo(function () { return lodash_1.throttle(setSize, wait); }, [wait]);
-    var ref = polyfilled_1.default({
-        onResize: onResize,
-    }).ref;
-    var exactWidth = exactSize.width;
-    var exactHeight = exactSize.height;
-    var sizes = {
+    });
+    const onResize = (0, react_1.useMemo)(() => (0, lodash_1.throttle)(setSize, wait), [wait]);
+    const { ref } = (0, polyfilled_1.default)({
+        onResize,
+    });
+    const exactWidth = exactSize.width;
+    const exactHeight = exactSize.height;
+    const sizes = {
         width: getSize(widths, exactSize.width),
         height: getSize(heights, exactSize.height),
-        exactWidth: exactWidth,
-        exactHeight: exactHeight,
+        exactWidth,
+        exactHeight,
     };
     return [ref, sizes];
 }
@@ -66,9 +50,9 @@ function getSize(sizes, comparable) {
      * Sort the values of our object so that we know they are in proper
      * order to be compared by
      */
-    var sortedSizes = Object.values(sizes)
-        .sort(function (a, b) { return a - b; })
+    const sortedSizes = Object.values(sizes)
+        .sort((a, b) => a - b)
         .reverse();
-    return (sortedSizes.find(function (value) { return value <= comparable; }) ||
+    return (sortedSizes.find(value => value <= comparable) ||
         sortedSizes[sortedSizes.length - 1]);
 }

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@jobber/hooks",
-  "version": "1.13.3",
+  "version": "2.0.1",
   "license": "MIT",
   "main": "./dist/index.js",
   "types": "./dist/index.d.js",
   "scripts": {
-    "build": "tsc --project .",
+    "build": "tsc --project . --skipLibCheck",
     "clean": "rm -rf dist/* tsconfig.tsbuildinfo",
     "prepare": "npm run clean; npm run build"
   },
@@ -13,7 +13,6 @@
     "dist/*"
   ],
   "devDependencies": {
-    "@apollo/client": "^3.3.16",
     "@apollo/react-testing": "^4.0.0",
     "@jobber/formatters": "^0.2.2",
     "@testing-library/react": "^14.0.0",
@@ -24,8 +23,7 @@
     "@types/react-dom": "^18.0.11",
     "@types/uuid": "^8.3.3",
     "@types/zxcvbn": "^4.4.1",
-    "graphql": "^14.6.0",
-    "typescript": "^3.8.3",
+    "typescript": "^4.9.5",
     "uuid": "^8.3.2"
   },
   "dependencies": {
@@ -37,8 +35,8 @@
     "zxcvbn": "^4.4.2"
   },
   "peerDependencies": {
-    "@apollo/client": "^3.3.16",
-    "react": ">=16.8"
+    "@apollo/client": "^3.7.10",
+    "react": "^18"
   },
-  "gitHead": "c92b6e7287a47c05434202bfbcd04375b6a7086f"
+  "gitHead": "514a966ad2c394e4b88de2b5af98ad61017a16fe"
 }