@shopify/react-hooks - npm Package Compare versions

Comparing version 1.0.0-sknext-beta.1 to 1.0.0-sknext-beta.2

build/ts/hooks/debounced.js

 "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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDebouncedValue = void 0;
-var tslib_1 = require("tslib");
 var react_1 = require("react");
@@ -9,3 +24,3 @@ var DEFAULT_DELAY = 500;
     var timeoutMs = (_a === void 0 ? { timeoutMs: DEFAULT_DELAY } : _a).timeoutMs;
-    var _b = tslib_1.__read(react_1.useState(value), 2), state = _b[0], setState = _b[1];
+    var _b = __read(react_1.useState(value), 2), state = _b[0], setState = _b[1];
     var stateRef = react_1.useRef(state);
@@ -12,0 +27,0 @@ react_1.useEffect(function () {

build/ts/hooks/force-update.js

 "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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useForceUpdate = void 0;
-var tslib_1 = require("tslib");
 var react_1 = require("react");
 function useForceUpdate() {
-    var _a = tslib_1.__read(react_1.useState({}), 2), setState = _a[1];
+    var _a = __read(react_1.useState({}), 2), setState = _a[1];
     return react_1.useCallback(function () { return setState({}); }, []);
 }
 exports.useForceUpdate = useForceUpdate;

build/ts/hooks/media.js

 "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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMediaLayout = exports.useMedia = void 0;
-var tslib_1 = require("tslib");
 var react_1 = require("react");
 function createUseMediaFactory(useEffectHook) {
     return function (query) {
-        var _a = tslib_1.__read(react_1.useState(false), 2), match = _a[0], setMatch = _a[1];
+        var _a = __read(react_1.useState(false), 2), match = _a[0], setMatch = _a[1];
         useEffectHook(function () {
@@ -10,0 +25,0 @@ if (!window || !window.matchMedia) {

build/ts/hooks/on-value-change.js

 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOnValueChange = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
+var react_1 = __importStar(require("react"));
 function useOnValueChange(value, onChange) {
@@ -7,0 +25,0 @@ var tracked = react_1.default.useRef(value);

build/ts/hooks/toggle.js

 "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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useToggle = void 0;
-var tslib_1 = require("tslib");
 var react_1 = require("react");
@@ -11,3 +26,3 @@ /**
 function useToggle(initialState) {
-    var _a = tslib_1.__read(react_1.useState(initialState), 2), value = _a[0], setState = _a[1];
+    var _a = __read(react_1.useState(initialState), 2), value = _a[0], setState = _a[1];
     return {
@@ -14,0 +29,0 @@ value: value,

build/ts/index.js

 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./hooks"), exports);
+__exportStar(require("./hooks"), exports);

CHANGELOG.md

@@ -10,2 +10,4 @@ # Changelog
 
+- Added new types of builds (CommonJS, ESM, esnext, Node) for greater tree-shakability
+
 ## [1.10.0] - 2020-05-14
@@ -12,0 +14,0 @@

package.json

 {
   "name": "@shopify/react-hooks",
-  "version": "1.0.0-sknext-beta.1",
+  "version": "1.0.0-sknext-beta.2",
   "license": "MIT",
@@ -5,0 +5,0 @@ "description": "A collection of primitive React hooks",

No alert changes

Improved metrics

Total package byte prevSize

67583

4.88%

Lines of code

1147

8.21%

No dependency changes