@jobber/components 6.90.3 → 6.91.0

package/dist/isObjectLike-es.js

@@ -187,4 +187,4 @@ function isObjectLike(value) {
 
 var isObjectLike_1 = isObjectLike;
 
-export { _baseGetTag as _, isObjectLike_1 as a, _Symbol as b, _root as c, _freeGlobal as d, isObject_1 as i };
+export { _baseGetTag as _, isObject_1 as a, _Symbol as b, _root as c, _freeGlobal as d, isObjectLike_1 as i };

package/dist/isSymbol-es.js

@@ -1,4 +1,4 @@
-import { _ as _baseGetTag, a as isObjectLike_1 } from './isObjectLike-es.js';
+import { _ as _baseGetTag, i as isObjectLike_1 } from './isObjectLike-es.js';
 
 var baseGetTag = _baseGetTag,
     isObjectLike = isObjectLike_1;

package/dist/isTypedArray-es.js

@@ -1,4 +1,4 @@
-import { _ as _baseGetTag, i as isObject_1, c as _root, a as isObjectLike_1, d as _freeGlobal } from './isObjectLike-es.js';
+import { _ as _baseGetTag, a as isObject_1, c as _root, i as isObjectLike_1, d as _freeGlobal } from './isObjectLike-es.js';
 
 var baseGetTag$2 = _baseGetTag,
     isObject$1 = isObject_1;

package/dist/keysIn-es.js

@@ -1,4 +1,4 @@
-import { c as _root, i as isObject_1, _ as _baseGetTag, a as isObjectLike_1 } from './isObjectLike-es.js';
+import { c as _root, a as isObject_1, _ as _baseGetTag, i as isObjectLike_1 } from './isObjectLike-es.js';
 import { d as _Uint8Array, e as eq_1, f as _arrayLikeKeys } from './identity-es.js';
 import { e as _overArg, _ as _isPrototype, b as isArrayLike_1 } from './isTypedArray-es.js';
 import { _ as _baseAssignValue } from './_baseAssignValue-es.js';

package/dist/omit-es.js

@@ -3,7 +3,7 @@ import { k as keys_1, c as _getSymbols, _ as _arrayPush, s as stubArray_1, d as
 import { c as _Stack } from './identity-es.js';
 import { _ as _copyObject, k as keysIn_1, e as _getPrototype, f as _cloneArrayBuffer, b as _cloneTypedArray, a as _cloneBufferExports, c as _copyArray, d as _initCloneObject, g as _assignValue, i as isPlainObject_1 } from './keysIn-es.js';
 import { a as _getTag } from './_getTag-es.js';
-import { b as _Symbol, a as isObjectLike_1, i as isObject_1 } from './isObjectLike-es.js';
+import { b as _Symbol, i as isObjectLike_1, a as isObject_1 } from './isObjectLike-es.js';
 import { l as _nodeUtilExports, k as _baseUnary, c as isBufferExports, a as isArray_1 } from './isTypedArray-es.js';
 import { _ as _baseFlatten } from './_baseFlatten-es.js';
 import { _ as _overRest, a as _setToString } from './_setToString-es.js';

package/dist/styles.css

@@ -4630,8 +4630,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 
 .cRhQeXmZobs- {
   display: grid;
-  z-index: 1001;
-  z-index: var(--elevation-modal);
   -ms-flex-align: center;
       align-items: center;
   justify-items: center;
@@ -4644,11 +4642,10 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   right: 0;
   bottom: 0;
   left: 0;
-  z-index: 1001;
-  z-index: var(--elevation-modal);
+  outline: none;
   background-color: rgba(0, 0, 0, 0.32);
   background-color: var(--color-overlay);
-  opacity: 0.8;
+  will-change: opacity;
 }
 
 .OiqCKNmbHZ0- {
@@ -4667,12 +4664,16 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   border: var(--border-base) solid var(--color-border);
   border-radius: 8px;
   border-radius: var(--radius-base);
+  outline: none;
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
   -ms-flex: 0 0 auto;
       flex: 0 0 auto;
-  outline-color: hsl(198, 12%, 57%);
-  outline-color: var(--color-focus);
+}
+
+.OiqCKNmbHZ0-:focus-visible {
+  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
+  box-shadow: var(--shadow-focus);
 }
 
 /* Adjust `Content` and `Tab` components public padding to match the modal */

package/dist/useScrollToActive-cjs.js

@@ -9,6 +9,7 @@ var isTypedArray = require('./isTypedArray-cjs.js');
 var isSymbol$1 = require('./isSymbol-cjs.js');
 var identity$1 = require('./identity-cjs.js');
 var _isIterateeCall = require('./_isIterateeCall-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 var debounce = require('./debounce-cjs.js');
 var Icon = require('./Icon-cjs.js');
 var floatingUi_react = require('./floating-ui.react-cjs.js');
@@ -248,49 +249,6 @@ var sortBy_1 = sortBy;
 
 var sortBy$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(sortBy_1);
 
-var useLiveAnnounce$1 = {};
-
-Object.defineProperty(useLiveAnnounce$1, "__esModule", { value: true });
-var useLiveAnnounce_2 = useLiveAnnounce$1.useLiveAnnounce = useLiveAnnounce;
-const react_1 = React;
-/**
- * Announce a message on voice over whenever you do an action. This is
- * especially helpful when you have an action that adds or deletes an element
- * from the screen.
- */
-function useLiveAnnounce() {
-    const [announcedMessage, setAnnouncedMessage] = (0, react_1.useState)("");
-    (0, react_1.useEffect)(() => {
-        let target;
-        if (announcedMessage) {
-            target = createAnnouncedElement();
-            setTimeout(() => target.append(announcedMessage), 100);
-        }
-        return () => target === null || target === void 0 ? void 0 : target.remove();
-    }, [announcedMessage]);
-    return {
-        liveAnnounce: (message) => {
-            setAnnouncedMessage(message);
-        },
-    };
-}
-// eslint-disable-next-line max-statements
-function createAnnouncedElement() {
-    const el = document.createElement("div");
-    el.style.position = "absolute";
-    el.style.width = "1px";
-    el.style.height = "1px";
-    el.style.overflow = "hidden";
-    el.style.clipPath = " inset(100%)";
-    el.style.whiteSpace = " nowrap";
-    el.style.top = "0";
-    el.setAttribute("role", "status");
-    el.setAttribute("aria-atomic", "true");
-    el.setAttribute("aria-live", "assertive");
-    document.body.appendChild(el);
-    return el;
-}
-
 /**
  * Recursively finds a focusable element (div or button) in the specified direction
  */
@@ -316,7 +274,7 @@ function useInternalChipDismissible({ children, selected, onChange, onClick, onC
     const visibleChipOptions = chipOptions.filter(chip => selected.includes(chip.value));
     const sortedVisibleChipOptions = sortBy$1(visibleChipOptions, chip => selected.indexOf(chip.value));
     const availableChipOptions = chipOptions.filter(chip => !selected.includes(chip.value));
-    const { liveAnnounce } = useLiveAnnounce_2();
+    const { liveAnnounce } = jobberHooks.useLiveAnnounce();
     const actions = {
         handleChipRemove: (value) => {
             return () => {
@@ -386,7 +344,7 @@ function useInternalChipDismissibleInput({ options, isLoadingMore = false, onCus
     const [shouldCancelEnter, setShouldCancelEnter] = React.useState(false);
     const canAddCustomOption = onCustomOptionSelect !== undefined && !isLoadingMore;
     const maxOptionIndex = allOptions.length - 1;
-    const { liveAnnounce } = useLiveAnnounce_2();
+    const { liveAnnounce } = jobberHooks.useLiveAnnounce();
     React.useEffect(() => {
         setAllOptions(generateOptions(options, searchValue, canAddCustomOption));
     }, [options]);

package/dist/useScrollToActive-es.js

@@ -7,9 +7,10 @@ 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 { useLiveAnnounce } from '@jobber/hooks';
+import { d as debounce } from './debounce-es.js';
 import { I as Icon } from './Icon-es.js';
-import { u as useFloating, o as offset, f as flip, e as size, b as autoUpdate } from './floating-ui.react-es.js';
+import { u as useFloating, o as offset, f as flip, s as size, c as autoUpdate } from './floating-ui.react-es.js';
 import { c as calculateMaxHeight } from './maxHeight-es.js';
 
 var baseEach = _baseEach,
@@ -246,49 +247,6 @@ var sortBy_1 = sortBy;
 
 var sortBy$1 = /*@__PURE__*/getDefaultExportFromCjs(sortBy_1);
 
-var useLiveAnnounce$1 = {};
-
-Object.defineProperty(useLiveAnnounce$1, "__esModule", { value: true });
-var useLiveAnnounce_2 = useLiveAnnounce$1.useLiveAnnounce = useLiveAnnounce;
-const react_1 = React__default;
-/**
- * Announce a message on voice over whenever you do an action. This is
- * especially helpful when you have an action that adds or deletes an element
- * from the screen.
- */
-function useLiveAnnounce() {
-    const [announcedMessage, setAnnouncedMessage] = (0, react_1.useState)("");
-    (0, react_1.useEffect)(() => {
-        let target;
-        if (announcedMessage) {
-            target = createAnnouncedElement();
-            setTimeout(() => target.append(announcedMessage), 100);
-        }
-        return () => target === null || target === void 0 ? void 0 : target.remove();
-    }, [announcedMessage]);
-    return {
-        liveAnnounce: (message) => {
-            setAnnouncedMessage(message);
-        },
-    };
-}
-// eslint-disable-next-line max-statements
-function createAnnouncedElement() {
-    const el = document.createElement("div");
-    el.style.position = "absolute";
-    el.style.width = "1px";
-    el.style.height = "1px";
-    el.style.overflow = "hidden";
-    el.style.clipPath = " inset(100%)";
-    el.style.whiteSpace = " nowrap";
-    el.style.top = "0";
-    el.setAttribute("role", "status");
-    el.setAttribute("aria-atomic", "true");
-    el.setAttribute("aria-live", "assertive");
-    document.body.appendChild(el);
-    return el;
-}
-
 /**
  * Recursively finds a focusable element (div or button) in the specified direction
  */
@@ -314,7 +272,7 @@ function useInternalChipDismissible({ children, selected, onChange, onClick, onC
     const visibleChipOptions = chipOptions.filter(chip => selected.includes(chip.value));
     const sortedVisibleChipOptions = sortBy$1(visibleChipOptions, chip => selected.indexOf(chip.value));
     const availableChipOptions = chipOptions.filter(chip => !selected.includes(chip.value));
-    const { liveAnnounce } = useLiveAnnounce_2();
+    const { liveAnnounce } = useLiveAnnounce();
     const actions = {
         handleChipRemove: (value) => {
             return () => {
@@ -384,7 +342,7 @@ function useInternalChipDismissibleInput({ options, isLoadingMore = false, onCus
     const [shouldCancelEnter, setShouldCancelEnter] = useState(false);
     const canAddCustomOption = onCustomOptionSelect !== undefined && !isLoadingMore;
     const maxOptionIndex = allOptions.length - 1;
-    const { liveAnnounce } = useLiveAnnounce_2();
+    const { liveAnnounce } = useLiveAnnounce();
     useEffect(() => {
         setAllOptions(generateOptions(options, searchValue, canAddCustomOption));
     }, [options]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.90.3",
+  "version": "6.91.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -473,7 +473,7 @@
   ],
   "dependencies": {
     "@floating-ui/react": "^0.27.5",
-    "@jobber/formatters": "^0.4.2",
+    "@jobber/formatters": "^0.5.0",
     "@tanstack/react-table": "8.5.13",
     "@types/color": "^3.0.1",
     "@types/lodash": "^4.14.136",
@@ -541,5 +541,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "e93994a2cb7cb82cc0e2b1e67ef2e09c98bebb1f"
+  "gitHead": "dfeb4b6ca90a32b9ad3ab44e5a0dd110c6a113fc"
 }

package/rollup.config.mjs

@@ -1,6 +1,4 @@
 /* eslint-disable import/no-default-export */
-import { fileURLToPath } from "url";
-import { dirname, resolve } from "path";
 import typescript from "@rollup/plugin-typescript";
 import postcss from "rollup-plugin-postcss";
 import commonjs from "@rollup/plugin-commonjs";
@@ -12,10 +10,6 @@ import tools from "@csstools/postcss-global-data";
 import presetenv from "postcss-preset-env";
 import multiInput from "rollup-plugin-multi-input";
 import nodePolyfills from "rollup-plugin-polyfill-node";
-import alias from "@rollup/plugin-alias";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
 
 /**
  * When PREBUILD_CSS is supplied, only build the main index.ts file.
@@ -31,15 +25,6 @@ export default {
   input: PREBUILD_CSS ? "src/index.ts" : `src/**/index.{ts,tsx}`,
   plugins: [
     nodePolyfills(),
-    alias({
-      entries: [
-        {
-          find: /@jobber\/hooks\/(.*)/,
-          replacement: (_, p1) =>
-            resolve(__dirname, `../hooks/dist/${p1}/${p1}.js`),
-        },
-      ],
-    }),
     nodeResolve(),
     multiInput.default(),
     typescript({

package/dist/throttle-cjs.js

@@ -1,80 +0,0 @@
-'use strict';
-
-var _commonjsHelpers = require('./_commonjsHelpers-cjs.js');
-var debounce$1 = require('./debounce-cjs.js');
-var isObjectLike = require('./isObjectLike-cjs.js');
-
-var debounce = debounce$1.debounce_1,
-    isObject = isObjectLike.isObject_1;
-
-/** Error message constants. */
-var FUNC_ERROR_TEXT = 'Expected a function';
-
-/**
- * Creates a throttled function that only invokes `func` at most once per
- * every `wait` milliseconds. The throttled function comes with a `cancel`
- * method to cancel delayed `func` invocations and a `flush` method to
- * immediately invoke them. Provide `options` to indicate whether `func`
- * should be invoked on the leading and/or trailing edge of the `wait`
- * timeout. The `func` is invoked with the last arguments provided to the
- * throttled function. Subsequent calls to the throttled function return the
- * result of the last `func` invocation.
- *
- * **Note:** If `leading` and `trailing` options are `true`, `func` is
- * invoked on the trailing edge of the timeout only if the throttled function
- * is invoked more than once during the `wait` timeout.
- *
- * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
- * until to the next tick, similar to `setTimeout` with a timeout of `0`.
- *
- * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
- * for details over the differences between `_.throttle` and `_.debounce`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Function
- * @param {Function} func The function to throttle.
- * @param {number} [wait=0] The number of milliseconds to throttle invocations to.
- * @param {Object} [options={}] The options object.
- * @param {boolean} [options.leading=true]
- *  Specify invoking on the leading edge of the timeout.
- * @param {boolean} [options.trailing=true]
- *  Specify invoking on the trailing edge of the timeout.
- * @returns {Function} Returns the new throttled function.
- * @example
- *
- * // Avoid excessively updating the position while scrolling.
- * jQuery(window).on('scroll', _.throttle(updatePosition, 100));
- *
- * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
- * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
- * jQuery(element).on('click', throttled);
- *
- * // Cancel the trailing throttled invocation.
- * jQuery(window).on('popstate', throttled.cancel);
- */
-function throttle(func, wait, options) {
-  var leading = true,
-      trailing = true;
-
-  if (typeof func != 'function') {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  if (isObject(options)) {
-    leading = 'leading' in options ? !!options.leading : leading;
-    trailing = 'trailing' in options ? !!options.trailing : trailing;
-  }
-  return debounce(func, wait, {
-    'leading': leading,
-    'maxWait': wait,
-    'trailing': trailing
-  });
-}
-
-var throttle_1 = throttle;
-
-var throttle$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(throttle_1);
-
-exports.throttle = throttle$1;
-exports.throttle_1 = throttle_1;

package/dist/throttle-es.js

@@ -1,77 +0,0 @@
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
-import { d as debounce_1 } from './debounce-es.js';
-import { i as isObject_1 } from './isObjectLike-es.js';
-
-var debounce = debounce_1,
-    isObject = isObject_1;
-
-/** Error message constants. */
-var FUNC_ERROR_TEXT = 'Expected a function';
-
-/**
- * Creates a throttled function that only invokes `func` at most once per
- * every `wait` milliseconds. The throttled function comes with a `cancel`
- * method to cancel delayed `func` invocations and a `flush` method to
- * immediately invoke them. Provide `options` to indicate whether `func`
- * should be invoked on the leading and/or trailing edge of the `wait`
- * timeout. The `func` is invoked with the last arguments provided to the
- * throttled function. Subsequent calls to the throttled function return the
- * result of the last `func` invocation.
- *
- * **Note:** If `leading` and `trailing` options are `true`, `func` is
- * invoked on the trailing edge of the timeout only if the throttled function
- * is invoked more than once during the `wait` timeout.
- *
- * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
- * until to the next tick, similar to `setTimeout` with a timeout of `0`.
- *
- * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
- * for details over the differences between `_.throttle` and `_.debounce`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Function
- * @param {Function} func The function to throttle.
- * @param {number} [wait=0] The number of milliseconds to throttle invocations to.
- * @param {Object} [options={}] The options object.
- * @param {boolean} [options.leading=true]
- *  Specify invoking on the leading edge of the timeout.
- * @param {boolean} [options.trailing=true]
- *  Specify invoking on the trailing edge of the timeout.
- * @returns {Function} Returns the new throttled function.
- * @example
- *
- * // Avoid excessively updating the position while scrolling.
- * jQuery(window).on('scroll', _.throttle(updatePosition, 100));
- *
- * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
- * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
- * jQuery(element).on('click', throttled);
- *
- * // Cancel the trailing throttled invocation.
- * jQuery(window).on('popstate', throttled.cancel);
- */
-function throttle(func, wait, options) {
-  var leading = true,
-      trailing = true;
-
-  if (typeof func != 'function') {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  if (isObject(options)) {
-    leading = 'leading' in options ? !!options.leading : leading;
-    trailing = 'trailing' in options ? !!options.trailing : trailing;
-  }
-  return debounce(func, wait, {
-    'leading': leading,
-    'maxWait': wait,
-    'trailing': trailing
-  });
-}
-
-var throttle_1 = throttle;
-
-var throttle$1 = /*@__PURE__*/getDefaultExportFromCjs(throttle_1);
-
-export { throttle_1 as a, throttle$1 as t };