@jobber/components 6.15.0 → 6.16.0

package/dist/updateTheme-es.js

@@ -1,392 +1,4 @@
-import { tokens, darkTokens } from '@jobber/design';
-import React, { createContext, useState, useCallback, useEffect, useContext } from 'react';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
-import { e as eq_1, b as _Stack } from './identity-es.js';
-import { _ as _baseAssignValue } from './_baseAssignValue-es.js';
-import { _ as _baseFor } from './_baseFor-es.js';
-import { _ as _copyObject, k as keysIn_1, a as _cloneBufferExports, b as _cloneTypedArray, c as _copyArray, d as _initCloneObject, i as isPlainObject_1 } from './keysIn-es.js';
-import { b as isArrayLike_1, i as isArguments_1, a as isArray_1, c as isBufferExports, j as isFunction_1, d as isTypedArray_1 } from './isTypedArray-es.js';
-import { a as isObjectLike_1, i as isObject_1 } from './isObjectLike-es.js';
-import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-es.js';
-
-var baseAssignValue = _baseAssignValue,
-    eq = eq_1;
-
-/**
- * This function is like `assignValue` except that it doesn't assign
- * `undefined` values.
- *
- * @private
- * @param {Object} object The object to modify.
- * @param {string} key The key of the property to assign.
- * @param {*} value The value to assign.
- */
-function assignMergeValue$2(object, key, value) {
-  if ((value !== undefined && !eq(object[key], value)) ||
-      (value === undefined && !(key in object))) {
-    baseAssignValue(object, key, value);
-  }
-}
-
-var _assignMergeValue = assignMergeValue$2;
-
-var isArrayLike = isArrayLike_1,
-    isObjectLike = isObjectLike_1;
-
-/**
- * This method is like `_.isArrayLike` except that it also checks if `value`
- * is an object.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is an array-like object,
- *  else `false`.
- * @example
- *
- * _.isArrayLikeObject([1, 2, 3]);
- * // => true
- *
- * _.isArrayLikeObject(document.body.children);
- * // => true
- *
- * _.isArrayLikeObject('abc');
- * // => false
- *
- * _.isArrayLikeObject(_.noop);
- * // => false
- */
-function isArrayLikeObject$1(value) {
-  return isObjectLike(value) && isArrayLike(value);
-}
-
-var isArrayLikeObject_1 = isArrayLikeObject$1;
-
-/**
- * Gets the value at `key`, unless `key` is "__proto__" or "constructor".
- *
- * @private
- * @param {Object} object The object to query.
- * @param {string} key The key of the property to get.
- * @returns {*} Returns the property value.
- */
-
-function safeGet$2(object, key) {
-  if (key === 'constructor' && typeof object[key] === 'function') {
-    return;
-  }
-
-  if (key == '__proto__') {
-    return;
-  }
-
-  return object[key];
-}
-
-var _safeGet = safeGet$2;
-
-var copyObject = _copyObject,
-    keysIn$1 = keysIn_1;
-
-/**
- * Converts `value` to a plain object flattening inherited enumerable string
- * keyed properties of `value` to own properties of the plain object.
- *
- * @static
- * @memberOf _
- * @since 3.0.0
- * @category Lang
- * @param {*} value The value to convert.
- * @returns {Object} Returns the converted plain object.
- * @example
- *
- * function Foo() {
- *   this.b = 2;
- * }
- *
- * Foo.prototype.c = 3;
- *
- * _.assign({ 'a': 1 }, new Foo);
- * // => { 'a': 1, 'b': 2 }
- *
- * _.assign({ 'a': 1 }, _.toPlainObject(new Foo));
- * // => { 'a': 1, 'b': 2, 'c': 3 }
- */
-function toPlainObject$1(value) {
-  return copyObject(value, keysIn$1(value));
-}
-
-var toPlainObject_1 = toPlainObject$1;
-
-var assignMergeValue$1 = _assignMergeValue,
-    cloneBuffer = _cloneBufferExports,
-    cloneTypedArray = _cloneTypedArray,
-    copyArray = _copyArray,
-    initCloneObject = _initCloneObject,
-    isArguments = isArguments_1,
-    isArray = isArray_1,
-    isArrayLikeObject = isArrayLikeObject_1,
-    isBuffer = isBufferExports,
-    isFunction = isFunction_1,
-    isObject$1 = isObject_1,
-    isPlainObject = isPlainObject_1,
-    isTypedArray = isTypedArray_1,
-    safeGet$1 = _safeGet,
-    toPlainObject = toPlainObject_1;
-
-/**
- * A specialized version of `baseMerge` for arrays and objects which performs
- * deep merges and tracks traversed objects enabling objects with circular
- * references to be merged.
- *
- * @private
- * @param {Object} object The destination object.
- * @param {Object} source The source object.
- * @param {string} key The key of the value to merge.
- * @param {number} srcIndex The index of `source`.
- * @param {Function} mergeFunc The function to merge values.
- * @param {Function} [customizer] The function to customize assigned values.
- * @param {Object} [stack] Tracks traversed source values and their merged
- *  counterparts.
- */
-function baseMergeDeep$1(object, source, key, srcIndex, mergeFunc, customizer, stack) {
-  var objValue = safeGet$1(object, key),
-      srcValue = safeGet$1(source, key),
-      stacked = stack.get(srcValue);
-
-  if (stacked) {
-    assignMergeValue$1(object, key, stacked);
-    return;
-  }
-  var newValue = customizer
-    ? customizer(objValue, srcValue, (key + ''), object, source, stack)
-    : undefined;
-
-  var isCommon = newValue === undefined;
-
-  if (isCommon) {
-    var isArr = isArray(srcValue),
-        isBuff = !isArr && isBuffer(srcValue),
-        isTyped = !isArr && !isBuff && isTypedArray(srcValue);
-
-    newValue = srcValue;
-    if (isArr || isBuff || isTyped) {
-      if (isArray(objValue)) {
-        newValue = objValue;
-      }
-      else if (isArrayLikeObject(objValue)) {
-        newValue = copyArray(objValue);
-      }
-      else if (isBuff) {
-        isCommon = false;
-        newValue = cloneBuffer(srcValue, true);
-      }
-      else if (isTyped) {
-        isCommon = false;
-        newValue = cloneTypedArray(srcValue, true);
-      }
-      else {
-        newValue = [];
-      }
-    }
-    else if (isPlainObject(srcValue) || isArguments(srcValue)) {
-      newValue = objValue;
-      if (isArguments(objValue)) {
-        newValue = toPlainObject(objValue);
-      }
-      else if (!isObject$1(objValue) || isFunction(objValue)) {
-        newValue = initCloneObject(srcValue);
-      }
-    }
-    else {
-      isCommon = false;
-    }
-  }
-  if (isCommon) {
-    // Recursively merge objects and arrays (susceptible to call stack limits).
-    stack.set(srcValue, newValue);
-    mergeFunc(newValue, srcValue, srcIndex, customizer, stack);
-    stack['delete'](srcValue);
-  }
-  assignMergeValue$1(object, key, newValue);
-}
-
-var _baseMergeDeep = baseMergeDeep$1;
-
-var Stack = _Stack,
-    assignMergeValue = _assignMergeValue,
-    baseFor = _baseFor,
-    baseMergeDeep = _baseMergeDeep,
-    isObject = isObject_1,
-    keysIn = keysIn_1,
-    safeGet = _safeGet;
-
-/**
- * The base implementation of `_.merge` without support for multiple sources.
- *
- * @private
- * @param {Object} object The destination object.
- * @param {Object} source The source object.
- * @param {number} srcIndex The index of `source`.
- * @param {Function} [customizer] The function to customize merged values.
- * @param {Object} [stack] Tracks traversed source values and their merged
- *  counterparts.
- */
-function baseMerge$1(object, source, srcIndex, customizer, stack) {
-  if (object === source) {
-    return;
-  }
-  baseFor(source, function(srcValue, key) {
-    stack || (stack = new Stack);
-    if (isObject(srcValue)) {
-      baseMergeDeep(object, source, key, srcIndex, baseMerge$1, customizer, stack);
-    }
-    else {
-      var newValue = customizer
-        ? customizer(safeGet(object, key), srcValue, (key + ''), object, source, stack)
-        : undefined;
-
-      if (newValue === undefined) {
-        newValue = srcValue;
-      }
-      assignMergeValue(object, key, newValue);
-    }
-  }, keysIn);
-}
-
-var _baseMerge = baseMerge$1;
-
-var baseRest = _baseRest,
-    isIterateeCall = _isIterateeCall;
-
-/**
- * Creates a function like `_.assign`.
- *
- * @private
- * @param {Function} assigner The function to assign values.
- * @returns {Function} Returns the new assigner function.
- */
-function createAssigner$1(assigner) {
-  return baseRest(function(object, sources) {
-    var index = -1,
-        length = sources.length,
-        customizer = length > 1 ? sources[length - 1] : undefined,
-        guard = length > 2 ? sources[2] : undefined;
-
-    customizer = (assigner.length > 3 && typeof customizer == 'function')
-      ? (length--, customizer)
-      : undefined;
-
-    if (guard && isIterateeCall(sources[0], sources[1], guard)) {
-      customizer = length < 3 ? undefined : customizer;
-      length = 1;
-    }
-    object = Object(object);
-    while (++index < length) {
-      var source = sources[index];
-      if (source) {
-        assigner(object, source, index, customizer);
-      }
-    }
-    return object;
-  });
-}
-
-var _createAssigner = createAssigner$1;
-
-var baseMerge = _baseMerge,
-    createAssigner = _createAssigner;
-
-/**
- * This method is like `_.assign` except that it recursively merges own and
- * inherited enumerable string keyed properties of source objects into the
- * destination object. Source properties that resolve to `undefined` are
- * skipped if a destination value exists. Array and plain object properties
- * are merged recursively. Other objects and value types are overridden by
- * assignment. Source objects are applied from left to right. Subsequent
- * sources overwrite property assignments of previous sources.
- *
- * **Note:** This method mutates `object`.
- *
- * @static
- * @memberOf _
- * @since 0.5.0
- * @category Object
- * @param {Object} object The destination object.
- * @param {...Object} [sources] The source objects.
- * @returns {Object} Returns `object`.
- * @example
- *
- * var object = {
- *   'a': [{ 'b': 2 }, { 'd': 4 }]
- * };
- *
- * var other = {
- *   'a': [{ 'c': 3 }, { 'e': 5 }]
- * };
- *
- * _.merge(object, other);
- * // => { 'a': [{ 'b': 2, 'c': 3 }, { 'd': 4, 'e': 5 }] }
- */
-var merge = createAssigner(function(object, source, srcIndex) {
-  baseMerge(object, source, srcIndex);
-});
-
-var merge_1 = merge;
-
-var merge$1 = /*@__PURE__*/getDefaultExportFromCjs(merge_1);
-
-const THEME_CHANGE_EVENT = "atlantis.toggle-theme";
-
-var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","spinning":"iq03qkKnXBA-"};
-
-const atlantisThemeContextDefaultValues = {
-    theme: "light",
-    tokens: tokens,
-};
-const actualDarkTokens = merge$1({}, tokens, darkTokens);
-const AtlantisThemeContext = createContext(atlantisThemeContextDefaultValues);
-function AtlantisThemeContextProvider({ children, dangerouslyOverrideTheme, }) {
-    if (dangerouslyOverrideTheme) {
-        return (React.createElement(InternalStaticThemeProvider, { dangerouslyOverrideTheme: dangerouslyOverrideTheme }, children));
-    }
-    return (React.createElement(InternalDynamicThemeProvider, null, children));
-}
-function InternalDynamicThemeProvider({ children }) {
-    var _a;
-    const initialTheme = (_a = globalThis.document.documentElement.dataset.theme) !== null && _a !== void 0 ? _a : "light";
-    const [internalTheme, setInternalTheme] = useState(initialTheme);
-    const currentTokens = internalTheme === "dark" ? actualDarkTokens : tokens;
-    const handleThemeChangeEvent = useCallback((event) => {
-        const newTheme = event.detail.theme;
-        setInternalTheme(newTheme);
-    }, []);
-    useEffect(() => {
-        if (!globalThis.window)
-            return;
-        globalThis.window.addEventListener(THEME_CHANGE_EVENT, handleThemeChangeEvent);
-        return () => {
-            globalThis.window.removeEventListener(THEME_CHANGE_EVENT, handleThemeChangeEvent);
-        };
-    }, [handleThemeChangeEvent]);
-    return (React.createElement(AtlantisThemeContext.Provider, { value: {
-            theme: internalTheme,
-            tokens: currentTokens,
-        } }, children));
-}
-function InternalStaticThemeProvider({ dangerouslyOverrideTheme, children, }) {
-    const currentTokens = dangerouslyOverrideTheme === "dark" ? actualDarkTokens : tokens;
-    return (React.createElement(AtlantisThemeContext.Provider, { value: {
-            theme: dangerouslyOverrideTheme,
-            tokens: currentTokens,
-        } },
-        React.createElement("div", { "data-theme": dangerouslyOverrideTheme, className: styles.staticThemeProviderWrapper }, children)));
-}
-function useAtlantisTheme() {
-    return useContext(AtlantisThemeContext);
-}
+import { T as THEME_CHANGE_EVENT } from './AtlantisThemeContext-es.js';
 
 /**
  * Toggle the theme of the application. If subscribed, the tokens will be updated accordingly.
@@ -403,4 +15,4 @@ function updateTheme(theme) {
     globalThis.window.dispatchEvent(event);
 }
 
-export { AtlantisThemeContextProvider as A, THEME_CHANGE_EVENT as T, atlantisThemeContextDefaultValues as a, updateTheme as b, useAtlantisTheme as u };
+export { updateTheme as u };

package/dist/useDebounce-cjs.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var React = require('react');
+var debounce = require('./debounce-cjs.js');
+
+/**
+ * A hook to easily manage debounced functions, including their cleanup.
+ * @param func The function to debounce.
+ * @param wait The number of milliseconds to delay.
+ * @param options Optional debounce settings.
+ * @returns The debounced function.
+ */
+function useDebounce(func, wait, options) {
+    const funcRef = React.useRef(func);
+    // We're keeping the provided func wrapped in a ref to avoid forcing the consumer to memoize it.
+    // This is a defense against consumers who aren't memoizing their functions.. or if they are
+    // memoized but invalidating too frequently due to possible bugs.
+    if (funcRef.current !== func) {
+        funcRef.current = func;
+    }
+    const debounced = React.useMemo(() => {
+        return debounce.debounce(() => funcRef.current(), wait, options);
+        // Note: do not add any dependencies! There is currently no use case where we would change
+        // the wait delay or options between renders. By not tracking as dependencies, this allows
+        // consumers of useDebounce to provide a raw object for options rather than forcing them to
+        // memoize that param. Same with the func they provide, we're using a ref to keep that up
+        // to date and to avoid forcing the consumer to memoize it.
+    }, []);
+    React.useEffect(() => {
+        // If the debounced function is recreated (or unmounted), cancel the last call.
+        return () => debounced.cancel();
+    }, [debounced]);
+    return debounced;
+}
+
+exports.useDebounce = useDebounce;

package/dist/useDebounce-es.js

@@ -0,0 +1,34 @@
+import { useRef, useMemo, useEffect } from 'react';
+import { d as debounce } from './debounce-es.js';
+
+/**
+ * A hook to easily manage debounced functions, including their cleanup.
+ * @param func The function to debounce.
+ * @param wait The number of milliseconds to delay.
+ * @param options Optional debounce settings.
+ * @returns The debounced function.
+ */
+function useDebounce(func, wait, options) {
+    const funcRef = useRef(func);
+    // We're keeping the provided func wrapped in a ref to avoid forcing the consumer to memoize it.
+    // This is a defense against consumers who aren't memoizing their functions.. or if they are
+    // memoized but invalidating too frequently due to possible bugs.
+    if (funcRef.current !== func) {
+        funcRef.current = func;
+    }
+    const debounced = useMemo(() => {
+        return debounce(() => funcRef.current(), wait, options);
+        // Note: do not add any dependencies! There is currently no use case where we would change
+        // the wait delay or options between renders. By not tracking as dependencies, this allows
+        // consumers of useDebounce to provide a raw object for options rather than forcing them to
+        // memoize that param. Same with the func they provide, we're using a ref to keep that up
+        // to date and to avoid forcing the consumer to memoize it.
+    }, []);
+    useEffect(() => {
+        // If the debounced function is recreated (or unmounted), cancel the last call.
+        return () => debounced.cancel();
+    }, [debounced]);
+    return debounced;
+}
+
+export { useDebounce as u };

package/dist/useScrollToActive-es.js

@@ -7,7 +7,7 @@ import { b as isArrayLike_1, k as _baseUnary, a as isArray_1 } from './isTypedAr
 import { i as isSymbol_1 } from './isSymbol-es.js';
 import { i as identity_1 } from './identity-es.js';
 import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-es.js';
-import { a as debounce } from './debounce-es.js';
+import { d as debounce } from './debounce-es.js';
 import { I as Icon } from './Icon-es.js';
 import { usePopper } from 'react-popper';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.15.0",
+  "version": "6.16.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -489,5 +489,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "e4f81d6b108b7ef516bc061c0e38d6db6575b6c5"
+  "gitHead": "2e308bcccf914e471f8d82a72573e90d15e59bf8"
 }