@jobber/hooks 2.17.4 → 2.18.0

package/dist/index.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+var useBool = require('./useBool-cjs.js');
+var useBreakpoints = require('./useBreakpoints-cjs.js');
+var useBreakpoints_mockViewportWidth_index = require('./useBreakpoints/mockViewportWidth/index.cjs');
+var useCallbackRef = require('./useCallbackRef-cjs.js');
+var useCollectionQuery = require('./useCollectionQuery-cjs.js');
+var useDebounce = require('./useDebounce-cjs.js');
+var useFocusTrap = require('./useFocusTrap-cjs.js');
+var useFormState = require('./useFormState-cjs.js');
+var useInView = require('./useInView-cjs.js');
+var useIsMounted = require('./useIsMounted-cjs.js');
+var useLiveAnnounce = require('./useLiveAnnounce-cjs.js');
+var useOnKeyDown = require('./useOnKeyDown-cjs.js');
+var useOnMount = require('./useOnMount-cjs.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-cjs.js');
+var useResizeObserver = require('./useResizeObserver-cjs.js');
+var useSafeLayoutEffect = require('./useSafeLayoutEffect-cjs.js');
+var useShowClear_index = require('./useShowClear/index.cjs');
+var useStepper = require('./useStepper-cjs.js');
+var useWindowDimensions = require('./useWindowDimensions-cjs.js');
+require('react');
+require('@apollo/client');
+require('./isObjectLike-cjs.js');
+require('@jobber/formatters');
+
+
+
+exports.useBool = useBool.useBool;
+exports.BREAKPOINT_SIZES = useBreakpoints.BREAKPOINT_SIZES;
+exports.useBreakpoints = useBreakpoints.useBreakpoints;
+exports.mockViewportWidth = useBreakpoints_mockViewportWidth_index.mockViewportWidth;
+exports.useCallbackRef = useCallbackRef.useCallbackRef;
+exports.useCollectionQuery = useCollectionQuery.useCollectionQuery;
+exports.useDebounce = useDebounce.useDebounce;
+exports.useFocusTrap = useFocusTrap.useFocusTrap;
+exports.useFormState = useFormState.useFormState;
+exports.useInView = useInView.useInView;
+exports.useIsMounted = useIsMounted.useIsMounted;
+exports.useLiveAnnounce = useLiveAnnounce.useLiveAnnounce;
+exports.useOnKeyDown = useOnKeyDown.useOnKeyDown;
+exports.useOnMount = useOnMount.useOnMount;
+exports.useRefocusOnActivator = useRefocusOnActivator.useRefocusOnActivator;
+exports.Breakpoints = useResizeObserver.Breakpoints;
+exports.useResizeObserver = useResizeObserver.useResizeObserver;
+exports.useSafeLayoutEffect = useSafeLayoutEffect.useSafeLayoutEffect;
+exports.useShowClear = useShowClear_index.useShowClear;
+exports.useStepper = useStepper.useStepper;
+exports.useWindowDimensions = useWindowDimensions.useWindowDimensions;

package/dist/index.mjs

@@ -0,0 +1,23 @@
+export { u as useBool } from './useBool-es.js';
+export { B as BREAKPOINT_SIZES, u as useBreakpoints } from './useBreakpoints-es.js';
+export { mockViewportWidth } from './useBreakpoints/mockViewportWidth/index.mjs';
+export { u as useCallbackRef } from './useCallbackRef-es.js';
+export { u as useCollectionQuery } from './useCollectionQuery-es.js';
+export { u as useDebounce } from './useDebounce-es.js';
+export { u as useFocusTrap } from './useFocusTrap-es.js';
+export { u as useFormState } from './useFormState-es.js';
+export { u as useInView } from './useInView-es.js';
+export { u as useIsMounted } from './useIsMounted-es.js';
+export { u as useLiveAnnounce } from './useLiveAnnounce-es.js';
+export { u as useOnKeyDown } from './useOnKeyDown-es.js';
+export { u as useOnMount } from './useOnMount-es.js';
+export { u as useRefocusOnActivator } from './useRefocusOnActivator-es.js';
+export { B as Breakpoints, u as useResizeObserver } from './useResizeObserver-es.js';
+export { u as useSafeLayoutEffect } from './useSafeLayoutEffect-es.js';
+export { useShowClear } from './useShowClear/index.mjs';
+export { u as useStepper } from './useStepper-es.js';
+export { u as useWindowDimensions } from './useWindowDimensions-es.js';
+import 'react';
+import '@apollo/client';
+import './isObjectLike-es.js';
+import '@jobber/formatters';

package/dist/isObjectLike-cjs.js

@@ -0,0 +1,228 @@
+'use strict';
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function getAugmentedNamespace(n) {
+  if (n.__esModule) return n;
+  var f = n.default;
+	if (typeof f == "function") {
+		var a = function a () {
+			if (this instanceof a) {
+        return Reflect.construct(f, arguments, this.constructor);
+			}
+			return f.apply(this, arguments);
+		};
+		a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+/** Detect free variable `global` from Node.js. */
+
+var freeGlobal$1 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+
+var _freeGlobal = freeGlobal$1;
+
+var freeGlobal = _freeGlobal;
+
+/** Detect free variable `self`. */
+var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+/** Used as a reference to the global object. */
+var root$1 = freeGlobal || freeSelf || Function('return this')();
+
+var _root = root$1;
+
+var root = _root;
+
+/** Built-in value references. */
+var Symbol$2 = root.Symbol;
+
+var _Symbol = Symbol$2;
+
+var Symbol$1 = _Symbol;
+
+/** Used for built-in method references. */
+var objectProto$1 = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty = objectProto$1.hasOwnProperty;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString$1 = objectProto$1.toString;
+
+/** Built-in value references. */
+var symToStringTag$1 = Symbol$1 ? Symbol$1.toStringTag : undefined;
+
+/**
+ * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the raw `toStringTag`.
+ */
+function getRawTag$1(value) {
+  var isOwn = hasOwnProperty.call(value, symToStringTag$1),
+      tag = value[symToStringTag$1];
+
+  try {
+    value[symToStringTag$1] = undefined;
+    var unmasked = true;
+  } catch (e) {}
+
+  var result = nativeObjectToString$1.call(value);
+  if (unmasked) {
+    if (isOwn) {
+      value[symToStringTag$1] = tag;
+    } else {
+      delete value[symToStringTag$1];
+    }
+  }
+  return result;
+}
+
+var _getRawTag = getRawTag$1;
+
+/** Used for built-in method references. */
+
+var objectProto = Object.prototype;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString = objectProto.toString;
+
+/**
+ * Converts `value` to a string using `Object.prototype.toString`.
+ *
+ * @private
+ * @param {*} value The value to convert.
+ * @returns {string} Returns the converted string.
+ */
+function objectToString$1(value) {
+  return nativeObjectToString.call(value);
+}
+
+var _objectToString = objectToString$1;
+
+var Symbol = _Symbol,
+    getRawTag = _getRawTag,
+    objectToString = _objectToString;
+
+/** `Object#toString` result references. */
+var nullTag = '[object Null]',
+    undefinedTag = '[object Undefined]';
+
+/** Built-in value references. */
+var symToStringTag = Symbol ? Symbol.toStringTag : undefined;
+
+/**
+ * The base implementation of `getTag` without fallbacks for buggy environments.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the `toStringTag`.
+ */
+function baseGetTag(value) {
+  if (value == null) {
+    return value === undefined ? undefinedTag : nullTag;
+  }
+  return (symToStringTag && symToStringTag in Object(value))
+    ? getRawTag(value)
+    : objectToString(value);
+}
+
+var _baseGetTag = baseGetTag;
+
+/**
+ * Checks if `value` is the
+ * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+ * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+ * @example
+ *
+ * _.isObject({});
+ * // => true
+ *
+ * _.isObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isObject(_.noop);
+ * // => true
+ *
+ * _.isObject(null);
+ * // => false
+ */
+
+function isObject(value) {
+  var type = typeof value;
+  return value != null && (type == 'object' || type == 'function');
+}
+
+var isObject_1 = isObject;
+
+/**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+
+function isObjectLike(value) {
+  return value != null && typeof value == 'object';
+}
+
+var isObjectLike_1 = isObjectLike;
+
+exports._Symbol = _Symbol;
+exports._baseGetTag = _baseGetTag;
+exports._freeGlobal = _freeGlobal;
+exports._root = _root;
+exports.getAugmentedNamespace = getAugmentedNamespace;
+exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
+exports.isObjectLike_1 = isObjectLike_1;
+exports.isObject_1 = isObject_1;

package/dist/isObjectLike-es.js

@@ -0,0 +1,219 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function getAugmentedNamespace(n) {
+  if (n.__esModule) return n;
+  var f = n.default;
+	if (typeof f == "function") {
+		var a = function a () {
+			if (this instanceof a) {
+        return Reflect.construct(f, arguments, this.constructor);
+			}
+			return f.apply(this, arguments);
+		};
+		a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+/** Detect free variable `global` from Node.js. */
+
+var freeGlobal$1 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+
+var _freeGlobal = freeGlobal$1;
+
+var freeGlobal = _freeGlobal;
+
+/** Detect free variable `self`. */
+var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+/** Used as a reference to the global object. */
+var root$1 = freeGlobal || freeSelf || Function('return this')();
+
+var _root = root$1;
+
+var root = _root;
+
+/** Built-in value references. */
+var Symbol$2 = root.Symbol;
+
+var _Symbol = Symbol$2;
+
+var Symbol$1 = _Symbol;
+
+/** Used for built-in method references. */
+var objectProto$1 = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty = objectProto$1.hasOwnProperty;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString$1 = objectProto$1.toString;
+
+/** Built-in value references. */
+var symToStringTag$1 = Symbol$1 ? Symbol$1.toStringTag : undefined;
+
+/**
+ * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the raw `toStringTag`.
+ */
+function getRawTag$1(value) {
+  var isOwn = hasOwnProperty.call(value, symToStringTag$1),
+      tag = value[symToStringTag$1];
+
+  try {
+    value[symToStringTag$1] = undefined;
+    var unmasked = true;
+  } catch (e) {}
+
+  var result = nativeObjectToString$1.call(value);
+  if (unmasked) {
+    if (isOwn) {
+      value[symToStringTag$1] = tag;
+    } else {
+      delete value[symToStringTag$1];
+    }
+  }
+  return result;
+}
+
+var _getRawTag = getRawTag$1;
+
+/** Used for built-in method references. */
+
+var objectProto = Object.prototype;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString = objectProto.toString;
+
+/**
+ * Converts `value` to a string using `Object.prototype.toString`.
+ *
+ * @private
+ * @param {*} value The value to convert.
+ * @returns {string} Returns the converted string.
+ */
+function objectToString$1(value) {
+  return nativeObjectToString.call(value);
+}
+
+var _objectToString = objectToString$1;
+
+var Symbol = _Symbol,
+    getRawTag = _getRawTag,
+    objectToString = _objectToString;
+
+/** `Object#toString` result references. */
+var nullTag = '[object Null]',
+    undefinedTag = '[object Undefined]';
+
+/** Built-in value references. */
+var symToStringTag = Symbol ? Symbol.toStringTag : undefined;
+
+/**
+ * The base implementation of `getTag` without fallbacks for buggy environments.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the `toStringTag`.
+ */
+function baseGetTag(value) {
+  if (value == null) {
+    return value === undefined ? undefinedTag : nullTag;
+  }
+  return (symToStringTag && symToStringTag in Object(value))
+    ? getRawTag(value)
+    : objectToString(value);
+}
+
+var _baseGetTag = baseGetTag;
+
+/**
+ * Checks if `value` is the
+ * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+ * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+ * @example
+ *
+ * _.isObject({});
+ * // => true
+ *
+ * _.isObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isObject(_.noop);
+ * // => true
+ *
+ * _.isObject(null);
+ * // => false
+ */
+
+function isObject(value) {
+  var type = typeof value;
+  return value != null && (type == 'object' || type == 'function');
+}
+
+var isObject_1 = isObject;
+
+/**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+
+function isObjectLike(value) {
+  return value != null && typeof value == 'object';
+}
+
+var isObjectLike_1 = isObjectLike;
+
+export { _root as _, getDefaultExportFromCjs as a, _baseGetTag as b, isObject_1 as c, _freeGlobal as d, _Symbol as e, getAugmentedNamespace as g, isObjectLike_1 as i };

package/dist/useBool/index.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var useBool = require('../useBool-cjs.js');
+require('react');
+
+
+
+exports.useBool = useBool.useBool;

package/dist/useBool/index.mjs

@@ -0,0 +1,2 @@
+export { u as useBool } from '../useBool-es.js';
+import 'react';

package/dist/useBool-cjs.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var require$$1 = require('react');
+
+function useBool(initialState = false) {
+    const [state, setState] = require$$1.useState(initialState);
+    const setTrue = require$$1.useCallback(() => setState(true), []);
+    const setFalse = require$$1.useCallback(() => setState(false), []);
+    const toggle = require$$1.useCallback(() => setState(current => !current), []);
+    return [state, setTrue, setFalse, toggle];
+}
+
+exports.useBool = useBool;

package/dist/useBool-es.js

@@ -0,0 +1,11 @@
+import { useState, useCallback } from 'react';
+
+function useBool(initialState = false) {
+    const [state, setState] = useState(initialState);
+    const setTrue = useCallback(() => setState(true), []);
+    const setFalse = useCallback(() => setState(false), []);
+    const toggle = useCallback(() => setState(current => !current), []);
+    return [state, setTrue, setFalse, toggle];
+}
+
+export { useBool as u };

package/dist/useBreakpoints/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var useBreakpoints = require('../useBreakpoints-cjs.js');
+var useBreakpoints_mockViewportWidth_index = require('./mockViewportWidth/index.cjs');
+require('react');
+
+
+
+exports.BREAKPOINT_SIZES = useBreakpoints.BREAKPOINT_SIZES;
+exports.useBreakpoints = useBreakpoints.useBreakpoints;
+exports.mockViewportWidth = useBreakpoints_mockViewportWidth_index.mockViewportWidth;

package/dist/useBreakpoints/index.mjs

@@ -0,0 +1,3 @@
+export { B as BREAKPOINT_SIZES, u as useBreakpoints } from '../useBreakpoints-es.js';
+export { mockViewportWidth } from './mockViewportWidth/index.mjs';
+import 'react';

package/dist/useBreakpoints/mockViewportWidth/{mockViewportWidth.js → index.cjs}

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mockViewportWidth = mockViewportWidth;
-exports.isQueryMatching = isQueryMatching;
+'use strict';
+
 let defaultMatchMedia;
 let defaultResizeTo;
 let defaultInnerWidth;
@@ -66,3 +64,6 @@ function isQueryMatching(query) {
             return innerWidth >= breakpoint;
     }
 }
+
+exports.isQueryMatching = isQueryMatching;
+exports.mockViewportWidth = mockViewportWidth;

package/dist/useBreakpoints/mockViewportWidth/index.mjs

@@ -0,0 +1,66 @@
+let defaultMatchMedia;
+let defaultResizeTo;
+let defaultInnerWidth;
+function mockViewportWidth() {
+    defaultMatchMedia = window.matchMedia;
+    defaultResizeTo = window.resizeTo;
+    defaultInnerWidth = window.innerWidth;
+    return { cleanup, setViewportWidth };
+}
+function setViewportWidth(newWidth) {
+    Object.defineProperty(window, "matchMedia", {
+        writable: true,
+        value: jest.fn().mockImplementation((query) => {
+            const matches = isQueryMatching(query);
+            const instance = {
+                matches: matches,
+                media: query,
+                onchange: null,
+                addListener: jest.fn(), // Deprecated but some packages use it
+                removeListener: jest.fn(), // Deprecated but some packages use it
+                addEventListener: jest.fn(),
+                removeEventListener: jest.fn(),
+                dispatchEvent: jest.fn(),
+            };
+            window.addEventListener("resize", () => {
+                if (matches != instance.matches) {
+                    instance.matches = matches;
+                    instance.dispatchEvent("change");
+                }
+            });
+            return instance;
+        }),
+    });
+    Object.defineProperty(window, "resizeTo", {
+        value: (width) => {
+            Object.defineProperty(window, "innerWidth", {
+                configurable: true,
+                writable: true,
+                value: width,
+            });
+            window.dispatchEvent(new Event("resize"));
+        },
+    });
+    window.resizeTo(newWidth, window.innerHeight);
+}
+function cleanup() {
+    window.matchMedia = defaultMatchMedia;
+    window.resizeTo = defaultResizeTo;
+    window.innerWidth = defaultInnerWidth;
+}
+function isQueryMatching(query) {
+    const match = query.match(/(min-width|max-width):\s*(\d+)/);
+    if (!match)
+        return false;
+    const { innerWidth } = window;
+    const [, operator, value] = match;
+    const breakpoint = parseInt(value, 10);
+    switch (operator) {
+        case "max-width":
+            return innerWidth <= breakpoint;
+        case "min-width":
+            return innerWidth >= breakpoint;
+    }
+}
+
+export { isQueryMatching, mockViewportWidth };