@jobber/components 8.14.1 → 8.16.0

package/dist/useRenderElement-cjs.js

@@ -217,32 +217,6 @@ function isSyntheticEvent(event) {
   return event != null && typeof event === 'object' && 'nativeEvent' in event;
 }
 
-/**
- * Creates a formatErrorMessage function with a custom URL and prefix.
- * @param baseUrl - The base URL for the error page (e.g., 'https://base-ui.com/production-error')
- * @param prefix - The prefix for the error message (e.g., 'Base UI')
- * @returns A function that formats error messages with the given URL and prefix
- */
-function createFormatErrorMessage(baseUrl, prefix) {
-  return function formatErrorMessage(code, ...args) {
-    const url = new URL(baseUrl);
-    url.searchParams.set('code', code.toString());
-    args.forEach(arg => url.searchParams.append('args[]', arg));
-    return `${prefix} error #${code}; visit ${url} for the full message.`;
-  };
-}
-
-/**
- * WARNING: Don't import this directly. It's imported by the code generated by
- * `@mui/internal-babel-plugin-minify-errors`. Make sure to always use string literals in `Error`
- * constructors to ensure the plugin works as expected. Supported patterns include:
- *   throw new Error('My message');
- *   throw new Error(`My message: ${foo}`);
- *   throw new Error(`My message: ${foo}` + 'another string');
- *   ...
- */
-const formatErrorMessage = createFormatErrorMessage('https://base-ui.com/production-error', 'Base UI');
-
 const UNINITIALIZED = {};
 
 /**
@@ -366,11 +340,41 @@ function update(forkRef, refs) {
   };
 }
 
+/**
+ * Creates a formatErrorMessage function with a custom URL and prefix.
+ * @param baseUrl - The base URL for the error page (e.g., 'https://base-ui.com/production-error')
+ * @param prefix - The prefix for the error message (e.g., 'Base UI')
+ * @returns A function that formats error messages with the given URL and prefix
+ */
+function createFormatErrorMessage(baseUrl, prefix) {
+  return function formatErrorMessage(code, ...args) {
+    const url = new URL(baseUrl);
+    url.searchParams.set('code', code.toString());
+    args.forEach(arg => url.searchParams.append('args[]', arg));
+    return `${prefix} error #${code}; visit ${url} for the full message.`;
+  };
+}
+
+/**
+ * WARNING: Don't import this directly. It's imported by the code generated by
+ * `@mui/internal-babel-plugin-minify-errors`. Make sure to always use string literals in `Error`
+ * constructors to ensure the plugin works as expected. Supported patterns include:
+ *   throw new Error('My message');
+ *   throw new Error(`My message: ${foo}`);
+ *   throw new Error(`My message: ${foo}` + 'another string');
+ *   ...
+ */
+const formatErrorMessage = createFormatErrorMessage('https://base-ui.com/production-error', 'Base UI');
+
 const majorVersion = parseInt(React__namespace.version, 10);
 function isReactVersionAtLeast(reactVersionToCheck) {
   return majorVersion >= reactVersionToCheck;
 }
 
+function NOOP() {}
+const EMPTY_ARRAY = Object.freeze([]);
+const EMPTY_OBJECT = Object.freeze({});
+
 /**
  * Extracts the `ref` from a React element, handling different React versions.
  */
@@ -441,10 +445,6 @@ function resolveStyle(style, state) {
   return typeof style === 'function' ? style(state) : style;
 }
 
-function NOOP() {}
-const EMPTY_ARRAY = Object.freeze([]);
-const EMPTY_OBJECT = Object.freeze({});
-
 /**
  * Renders a Base UI element.
  *

package/dist/useRenderElement-es.js

@@ -197,32 +197,6 @@ function isSyntheticEvent(event) {
   return event != null && typeof event === 'object' && 'nativeEvent' in event;
 }
 
-/**
- * Creates a formatErrorMessage function with a custom URL and prefix.
- * @param baseUrl - The base URL for the error page (e.g., 'https://base-ui.com/production-error')
- * @param prefix - The prefix for the error message (e.g., 'Base UI')
- * @returns A function that formats error messages with the given URL and prefix
- */
-function createFormatErrorMessage(baseUrl, prefix) {
-  return function formatErrorMessage(code, ...args) {
-    const url = new URL(baseUrl);
-    url.searchParams.set('code', code.toString());
-    args.forEach(arg => url.searchParams.append('args[]', arg));
-    return `${prefix} error #${code}; visit ${url} for the full message.`;
-  };
-}
-
-/**
- * WARNING: Don't import this directly. It's imported by the code generated by
- * `@mui/internal-babel-plugin-minify-errors`. Make sure to always use string literals in `Error`
- * constructors to ensure the plugin works as expected. Supported patterns include:
- *   throw new Error('My message');
- *   throw new Error(`My message: ${foo}`);
- *   throw new Error(`My message: ${foo}` + 'another string');
- *   ...
- */
-const formatErrorMessage = createFormatErrorMessage('https://base-ui.com/production-error', 'Base UI');
-
 const UNINITIALIZED = {};
 
 /**
@@ -346,11 +320,41 @@ function update(forkRef, refs) {
   };
 }
 
+/**
+ * Creates a formatErrorMessage function with a custom URL and prefix.
+ * @param baseUrl - The base URL for the error page (e.g., 'https://base-ui.com/production-error')
+ * @param prefix - The prefix for the error message (e.g., 'Base UI')
+ * @returns A function that formats error messages with the given URL and prefix
+ */
+function createFormatErrorMessage(baseUrl, prefix) {
+  return function formatErrorMessage(code, ...args) {
+    const url = new URL(baseUrl);
+    url.searchParams.set('code', code.toString());
+    args.forEach(arg => url.searchParams.append('args[]', arg));
+    return `${prefix} error #${code}; visit ${url} for the full message.`;
+  };
+}
+
+/**
+ * WARNING: Don't import this directly. It's imported by the code generated by
+ * `@mui/internal-babel-plugin-minify-errors`. Make sure to always use string literals in `Error`
+ * constructors to ensure the plugin works as expected. Supported patterns include:
+ *   throw new Error('My message');
+ *   throw new Error(`My message: ${foo}`);
+ *   throw new Error(`My message: ${foo}` + 'another string');
+ *   ...
+ */
+const formatErrorMessage = createFormatErrorMessage('https://base-ui.com/production-error', 'Base UI');
+
 const majorVersion = parseInt(React.version, 10);
 function isReactVersionAtLeast(reactVersionToCheck) {
   return majorVersion >= reactVersionToCheck;
 }
 
+function NOOP() {}
+const EMPTY_ARRAY = Object.freeze([]);
+const EMPTY_OBJECT = Object.freeze({});
+
 /**
  * Extracts the `ref` from a React element, handling different React versions.
  */
@@ -421,10 +425,6 @@ function resolveStyle(style, state) {
   return typeof style === 'function' ? style(state) : style;
 }
 
-function NOOP() {}
-const EMPTY_ARRAY = Object.freeze([]);
-const EMPTY_OBJECT = Object.freeze({});
-
 /**
  * Renders a Base UI element.
  *
@@ -566,4 +566,4 @@ function renderTag(Tag, props) {
   return /*#__PURE__*/React.createElement(Tag, props);
 }
 
-export { EMPTY_OBJECT as E, NOOP as N, makeEventPreventable as a, useRefWithInit as b, useMergedRefs as c, EMPTY_ARRAY as d, formatErrorMessage as f, isReactVersionAtLeast as i, mergeProps as m, useRenderElement as u };
+export { EMPTY_OBJECT as E, NOOP as N, useRefWithInit as a, useMergedRefs as b, makeEventPreventable as c, EMPTY_ARRAY as d, formatErrorMessage as f, isReactVersionAtLeast as i, mergeProps as m, useRenderElement as u };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "8.14.1",
+  "version": "8.16.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -546,5 +546,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "b4ef91d6d0c0e2d1eb3253577b34fbc97a00422f"
+  "gitHead": "4e229c9d1f28566fb9117dd4b199efd2cbcebf9f"
 }

package/dist/useBaseUiId-cjs.js

@@ -1,275 +0,0 @@
-'use strict';
-
-var React = require('react');
-var floatingUi_utils_dom = require('./floating-ui.utils.dom-cjs.js');
-var useValueChanged = require('./useValueChanged-cjs.js');
-var useRenderElement = require('./useRenderElement-cjs.js');
-
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-let set;
-if (process.env.NODE_ENV !== 'production') {
-  set = new Set();
-}
-function error(...messages) {
-  if (process.env.NODE_ENV !== 'production') {
-    const messageKey = messages.join(' ');
-    if (!set.has(messageKey)) {
-      set.add(messageKey);
-      console.error(`Base UI: ${messageKey}`);
-    }
-  }
-}
-
-const CompositeRootContext = /*#__PURE__*/React__namespace.createContext(undefined);
-if (process.env.NODE_ENV !== "production") CompositeRootContext.displayName = "CompositeRootContext";
-function useCompositeRootContext(optional = false) {
-  const context = React__namespace.useContext(CompositeRootContext);
-  if (context === undefined && !optional) {
-    throw new Error(process.env.NODE_ENV !== "production" ? 'Base UI: CompositeRootContext is missing. Composite parts must be placed within <Composite.Root>.' : useRenderElement.formatErrorMessage(16));
-  }
-  return context;
-}
-
-function useFocusableWhenDisabled(parameters) {
-  const {
-    focusableWhenDisabled,
-    disabled,
-    composite = false,
-    tabIndex: tabIndexProp = 0,
-    isNativeButton
-  } = parameters;
-  const isFocusableComposite = composite && focusableWhenDisabled !== false;
-  const isNonFocusableComposite = composite && focusableWhenDisabled === false;
-
-  // we can't explicitly assign `undefined` to any of these props because it
-  // would otherwise prevent subsequently merged props from setting them
-  const props = React__namespace.useMemo(() => {
-    const additionalProps = {
-      // allow Tabbing away from focusableWhenDisabled elements
-      onKeyDown(event) {
-        if (disabled && focusableWhenDisabled && event.key !== 'Tab') {
-          event.preventDefault();
-        }
-      }
-    };
-    if (!composite) {
-      additionalProps.tabIndex = tabIndexProp;
-      if (!isNativeButton && disabled) {
-        additionalProps.tabIndex = focusableWhenDisabled ? tabIndexProp : -1;
-      }
-    }
-    if (isNativeButton && (focusableWhenDisabled || isFocusableComposite) || !isNativeButton && disabled) {
-      additionalProps['aria-disabled'] = disabled;
-    }
-    if (isNativeButton && (!focusableWhenDisabled || isNonFocusableComposite)) {
-      additionalProps.disabled = disabled;
-    }
-    return additionalProps;
-  }, [composite, disabled, focusableWhenDisabled, isFocusableComposite, isNonFocusableComposite, isNativeButton, tabIndexProp]);
-  return {
-    props
-  };
-}
-
-function useButton(parameters = {}) {
-  const {
-    disabled = false,
-    focusableWhenDisabled,
-    tabIndex = 0,
-    native: isNativeButton = true,
-    composite: compositeProp
-  } = parameters;
-  const elementRef = React__namespace.useRef(null);
-  const compositeRootContext = useCompositeRootContext(true);
-  const isCompositeItem = compositeProp ?? compositeRootContext !== undefined;
-  const {
-    props: focusableWhenDisabledProps
-  } = useFocusableWhenDisabled({
-    focusableWhenDisabled,
-    disabled,
-    composite: isCompositeItem,
-    tabIndex,
-    isNativeButton
-  });
-  if (process.env.NODE_ENV !== 'production') {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    React__namespace.useEffect(() => {
-      if (!elementRef.current) {
-        return;
-      }
-      const isButtonTag = isButtonElement(elementRef.current);
-      if (isNativeButton) {
-        if (!isButtonTag) {
-          const ownerStackMessage = useValueChanged.SafeReact.captureOwnerStack?.() || '';
-          const message = 'A component that acts as a button expected a native <button> because the ' + '`nativeButton` prop is true. Rendering a non-<button> removes native button ' + 'semantics, which can impact forms and accessibility. Use a real <button> in the ' + '`render` prop, or set `nativeButton` to `false`.';
-          error(`${message}${ownerStackMessage}`);
-        }
-      } else if (isButtonTag) {
-        const ownerStackMessage = useValueChanged.SafeReact.captureOwnerStack?.() || '';
-        const message = 'A component that acts as a button expected a non-<button> because the `nativeButton` ' + 'prop is false. Rendering a <button> keeps native behavior while Base UI applies ' + 'non-native attributes and handlers, which can add unintended extra attributes (such ' + 'as `role` or `aria-disabled`). Use a non-<button> in the `render` prop, or set ' + '`nativeButton` to `true`.';
-        error(`${message}${ownerStackMessage}`);
-      }
-    }, [isNativeButton]);
-  }
-
-  // handles a disabled composite button rendering another button, e.g.
-  // <Toolbar.Button disabled render={<Menu.Trigger />} />
-  // the `disabled` prop needs to pass through 2 `useButton`s then finally
-  // delete the `disabled` attribute from DOM
-  const updateDisabled = React__namespace.useCallback(() => {
-    const element = elementRef.current;
-    if (!isButtonElement(element)) {
-      return;
-    }
-    if (isCompositeItem && disabled && focusableWhenDisabledProps.disabled === undefined && element.disabled) {
-      element.disabled = false;
-    }
-  }, [disabled, focusableWhenDisabledProps.disabled, isCompositeItem]);
-  useValueChanged.useIsoLayoutEffect(updateDisabled, [updateDisabled]);
-  const getButtonProps = React__namespace.useCallback((externalProps = {}) => {
-    const {
-      onClick: externalOnClick,
-      onMouseDown: externalOnMouseDown,
-      onKeyUp: externalOnKeyUp,
-      onKeyDown: externalOnKeyDown,
-      onPointerDown: externalOnPointerDown,
-      ...otherExternalProps
-    } = externalProps;
-    const type = isNativeButton ? 'button' : undefined;
-    return useRenderElement.mergeProps({
-      type,
-      onClick(event) {
-        if (disabled) {
-          event.preventDefault();
-          return;
-        }
-        externalOnClick?.(event);
-      },
-      onMouseDown(event) {
-        if (!disabled) {
-          externalOnMouseDown?.(event);
-        }
-      },
-      onKeyDown(event) {
-        if (disabled) {
-          return;
-        }
-        useRenderElement.makeEventPreventable(event);
-        externalOnKeyDown?.(event);
-        if (event.baseUIHandlerPrevented) {
-          return;
-        }
-        const isCurrentTarget = event.target === event.currentTarget;
-        const currentTarget = event.currentTarget;
-        const isButton = isButtonElement(currentTarget);
-        const isLink = !isNativeButton && isValidLinkElement(currentTarget);
-        const shouldClick = isCurrentTarget && (isNativeButton ? isButton : !isLink);
-        const isEnterKey = event.key === 'Enter';
-        const isSpaceKey = event.key === ' ';
-        const role = currentTarget.getAttribute('role');
-        const isTextNavigationRole = role?.startsWith('menuitem') || role === 'option' || role === 'gridcell';
-        if (isCurrentTarget && isCompositeItem && isSpaceKey) {
-          if (event.defaultPrevented && isTextNavigationRole) {
-            return;
-          }
-          event.preventDefault();
-          if (isLink || isNativeButton && isButton) {
-            currentTarget.click();
-            event.preventBaseUIHandler();
-          } else if (shouldClick) {
-            externalOnClick?.(event);
-            event.preventBaseUIHandler();
-          }
-          return;
-        }
-
-        // Keyboard accessibility for native and non-native elements.
-        if (shouldClick) {
-          if (!isNativeButton && (isSpaceKey || isEnterKey)) {
-            event.preventDefault();
-          }
-          if (!isNativeButton && isEnterKey) {
-            externalOnClick?.(event);
-          }
-        }
-      },
-      onKeyUp(event) {
-        if (disabled) {
-          return;
-        }
-
-        // calling preventDefault in keyUp on a <button> will not dispatch a click event if Space is pressed
-        // https://codesandbox.io/p/sandbox/button-keyup-preventdefault-dn7f0
-        useRenderElement.makeEventPreventable(event);
-        externalOnKeyUp?.(event);
-        if (event.target === event.currentTarget && isNativeButton && isCompositeItem && isButtonElement(event.currentTarget) && event.key === ' ') {
-          event.preventDefault();
-          return;
-        }
-        if (event.baseUIHandlerPrevented) {
-          return;
-        }
-
-        // Keyboard accessibility for non interactive elements
-        if (event.target === event.currentTarget && !isNativeButton && !isCompositeItem && event.key === ' ') {
-          externalOnClick?.(event);
-        }
-      },
-      onPointerDown(event) {
-        if (disabled) {
-          event.preventDefault();
-          return;
-        }
-        externalOnPointerDown?.(event);
-      }
-    }, !isNativeButton ? {
-      role: 'button'
-    } : undefined, focusableWhenDisabledProps, otherExternalProps);
-  }, [disabled, focusableWhenDisabledProps, isCompositeItem, isNativeButton]);
-  const buttonRef = useValueChanged.useStableCallback(element => {
-    elementRef.current = element;
-    updateDisabled();
-  });
-  return {
-    getButtonProps,
-    buttonRef
-  };
-}
-function isButtonElement(elem) {
-  return floatingUi_utils_dom.isHTMLElement(elem) && elem.tagName === 'BUTTON';
-}
-function isValidLinkElement(elem) {
-  return Boolean(elem?.tagName === 'A' && elem?.href);
-}
-
-/**
- * Wraps `useId` and prefixes generated `id`s with `base-ui-`
- * @param {string | undefined} idOverride overrides the generated id when provided
- * @returns {string | undefined}
- */
-function useBaseUiId(idOverride) {
-  return useValueChanged.useId(idOverride, 'base-ui');
-}
-
-exports.error = error;
-exports.useBaseUiId = useBaseUiId;
-exports.useButton = useButton;
-exports.useCompositeRootContext = useCompositeRootContext;