@jobber/components 8.21.1 → 8.23.0

package/dist/useButton-cjs.js

@@ -545,6 +545,7 @@ const cancelOpen = 'cancel-open';
 const siblingOpen = 'sibling-open';
 const imperativeAction = 'imperative-action';
 const swipe = 'swipe';
+const windowResize = 'window-resize';
 
 /**
  * Maps a change `reason` string to the corresponding native event type.
@@ -1194,3 +1195,4 @@ exports.useValueAsRef = useValueAsRef;
 exports.useValueChanged = useValueChanged;
 exports.visuallyHidden = visuallyHidden;
 exports.visuallyHiddenInput = visuallyHiddenInput;
+exports.windowResize = windowResize;

package/dist/useButton-es.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { a as useRefWithInit, E as EMPTY_OBJECT, f as formatErrorMessage, m as mergeProps, c as makeEventPreventable } from './useRenderElement-es.js';
+import { a as useRefWithInit, E as EMPTY_OBJECT, f as formatErrorMessage, m as mergeProps, d as makeEventPreventable } from './useRenderElement-es.js';
 import { i as isShadowRoot, b as isElement, a as isHTMLElement } from './floating-ui.utils.dom-es.js';
 import * as ReactDOM from 'react-dom';
 
@@ -523,6 +523,7 @@ const cancelOpen = 'cancel-open';
 const siblingOpen = 'sibling-open';
 const imperativeAction = 'imperative-action';
 const swipe = 'swipe';
+const windowResize = 'window-resize';
 
 /**
  * Maps a change `reason` string to the corresponding native event type.
@@ -1088,4 +1089,4 @@ function isValidLinkElement(elem) {
   return Boolean(elem?.tagName === 'A' && elem?.href);
 }
 
-export { isMac as $, ARROW_DOWN as A, useControlled as B, isIOS as C, none as D, visuallyHiddenInput as E, visuallyHidden as F, inputChange as G, inputClear as H, inputBlur as I, inputPaste as J, createGenericEventDetails as K, incrementPress as L, decrementPress as M, useButton as N, useValueChanged as O, keyboard as P, imperativeAction as Q, isAndroid as R, SafeReact as S, Timeout as T, closeWatcher as U, isWebKit as V, isMouseLikePointerType as W, isTypeableElement as X, matchesFocusVisible as Y, isTargetInsideEnabledTrigger as Z, triggerFocus as _, useStableCallback as a, isSafari as a0, triggerPress as a1, escapeKey as a2, TYPEABLE_SELECTOR as a3, triggerHover as a4, closePress as a5, itemPress as a6, outsidePress as a7, useAnimationsFinished as a8, siblingOpen as a9, useCompositeRootContext as aa, cancelOpen as ab, useAnimationFrame as ac, resolveRef as ad, isClickLikeEvent as ae, isReactEvent as af, isEventTargetWithin as ag, isRootElement as ah, FOCUSABLE_ATTRIBUTE as ai, ACTIVE_KEY as aj, SELECTED_KEY as ak, TransitionStatusDataAttributes as al, AnimationFrame as am, inputPress as an, isFirefox as ao, clearPress as ap, chipRemovePress as aq, pointer as ar, swipe as as, scrub as at, useTimeout as b, useTransitionStatus as c, useIsoLayoutEffect as d, error as e, useOpenChangeComplete as f, getTarget as g, useId as h, getFloatingFocusElement as i, useValueAsRef as j, isTypeableCombobox as k, activeElement as l, contains as m, createChangeEventDetails as n, ownerDocument as o, listNavigation as p, ARROW_LEFT as q, ARROW_RIGHT as r, stopEvent as s, transitionStatusMapping as t, useBaseUiId as u, focusOut as v, isVirtualClick as w, isVirtualPointerEvent as x, ARROW_UP as y, useOnMount as z };
+export { closeWatcher as $, ARROW_DOWN as A, isVirtualPointerEvent as B, ARROW_UP as C, useOnMount as D, useControlled as E, isIOS as F, none as G, visuallyHiddenInput as H, visuallyHidden as I, inputChange as J, inputClear as K, inputBlur as L, inputPaste as M, createGenericEventDetails as N, incrementPress as O, decrementPress as P, useValueChanged as Q, keyboard as R, SafeReact as S, Timeout as T, outsidePress as U, cancelOpen as V, useAnimationFrame as W, isWebKit as X, windowResize as Y, itemPress as Z, isAndroid as _, useIsoLayoutEffect as a, isMouseLikePointerType as a0, isTypeableElement as a1, matchesFocusVisible as a2, isTargetInsideEnabledTrigger as a3, triggerFocus as a4, isMac as a5, isSafari as a6, triggerPress as a7, escapeKey as a8, TYPEABLE_SELECTOR as a9, triggerHover as aa, useAnimationsFinished as ab, siblingOpen as ac, useCompositeRootContext as ad, inputPress as ae, isFirefox as af, clearPress as ag, chipRemovePress as ah, resolveRef as ai, isClickLikeEvent as aj, isReactEvent as ak, isEventTargetWithin as al, isRootElement as am, FOCUSABLE_ATTRIBUTE as an, ACTIVE_KEY as ao, SELECTED_KEY as ap, TransitionStatusDataAttributes as aq, AnimationFrame as ar, pointer as as, swipe as at, scrub as au, useStableCallback as b, useButton as c, createChangeEventDetails as d, closePress as e, useOpenChangeComplete as f, getTarget as g, useTimeout as h, imperativeAction as i, error as j, useTransitionStatus as k, useId as l, getFloatingFocusElement as m, useValueAsRef as n, ownerDocument as o, isTypeableCombobox as p, activeElement as q, contains as r, stopEvent as s, transitionStatusMapping as t, useBaseUiId as u, listNavigation as v, ARROW_LEFT as w, ARROW_RIGHT as x, focusOut as y, isVirtualClick as z };

package/dist/useCompositeListItem-es.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { b as isElement, a as isHTMLElement, k as getWindow } from './floating-ui.utils.dom-es.js';
-import { h as useId, d as useIsoLayoutEffect, i as getFloatingFocusElement, j as useValueAsRef, k as isTypeableCombobox, a as useStableCallback, l as activeElement, o as ownerDocument, m as contains, s as stopEvent, n as createChangeEventDetails, p as listNavigation, A as ARROW_DOWN, q as ARROW_LEFT, r as ARROW_RIGHT, g as getTarget, v as focusOut, w as isVirtualClick, x as isVirtualPointerEvent, y as ARROW_UP, b as useTimeout } from './useButton-es.js';
-import { u as useFloatingParentNodeId, F as FloatingRootStore, P as PopupTriggerMap, a as useFloatingTree, i as isIndexOutOfListBounds, g as getMinListIndex, b as getMaxListIndex, c as createGridCellMap, d as isListIndexDisabled, e as getGridNavigatedIndex, f as getGridCellIndices, h as getGridCellIndexOfCorner, j as findNonDisabledListIndex, k as enqueueFocus, l as isElementVisible, m as useDirection, D as DISABLED_TRANSITIONS_STYLE } from './InternalBackdrop-es.js';
+import { b as isElement, a as isHTMLElement, o as getWindow } from './floating-ui.utils.dom-es.js';
+import { l as useId, a as useIsoLayoutEffect, m as getFloatingFocusElement, n as useValueAsRef, p as isTypeableCombobox, b as useStableCallback, q as activeElement, o as ownerDocument, r as contains, s as stopEvent, d as createChangeEventDetails, v as listNavigation, A as ARROW_DOWN, w as ARROW_LEFT, x as ARROW_RIGHT, g as getTarget, y as focusOut, z as isVirtualClick, B as isVirtualPointerEvent, C as ARROW_UP, h as useTimeout } from './useButton-es.js';
+import { u as useFloatingParentNodeId, a as FloatingRootStore, P as PopupTriggerMap, b as useFloatingTree, i as isIndexOutOfListBounds, g as getMinListIndex, c as getMaxListIndex, d as createGridCellMap, e as isListIndexDisabled, f as getGridNavigatedIndex, h as getGridCellIndices, j as getGridCellIndexOfCorner, k as findNonDisabledListIndex, l as enqueueFocus, m as isElementVisible, n as useDirection, D as DISABLED_TRANSITIONS_STYLE } from './InternalBackdrop-es.js';
 import { a as useRefWithInit, E as EMPTY_OBJECT } from './useRenderElement-es.js';
 import { jsx } from 'react/jsx-runtime';
 import { e as evaluate, h as getPaddingObject, b as getAlignmentAxis, d as getAlignment, q as getAxisLength, n as clamp, c as getSide, g as getSideAxis } from './index.esm-es.js';
@@ -1759,4 +1759,4 @@ function useCompositeListItem(params = {}) {
   }), [index, ref]);
 }
 
-export { CompositeList as C, IndexGuessBehavior as I, useAnchorPositioning as a, adaptiveOrigin as b, useListNavigation as c, useTypeahead as d, getPseudoElementBounds as e, useFloatingRootContext as f, getDisabledMountTransitionStyles as g, useCompositeListItem as u };
+export { CompositeList as C, IndexGuessBehavior as I, useListNavigation as a, useTypeahead as b, useAnchorPositioning as c, getDisabledMountTransitionStyles as d, useCompositeListItem as e, adaptiveOrigin as f, getPseudoElementBounds as g, useFloatingRootContext as u };

package/dist/useLabel-cjs.js

@@ -1,323 +1,8 @@
 'use strict';
 
-var ReactDOM = require('react-dom');
-var useButton = require('./useButton-cjs.js');
-var React = require('react');
-var useRenderElement = require('./useRenderElement-cjs.js');
 var floatingUi_utils_dom = require('./floating-ui.utils.dom-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 ReactDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOM);
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-let FieldControlDataAttributes = /*#__PURE__*/function (FieldControlDataAttributes) {
-  /**
-   * Present when the field is disabled.
-   */
-  FieldControlDataAttributes["disabled"] = "data-disabled";
-  /**
-   * Present when the field is in valid state.
-   */
-  FieldControlDataAttributes["valid"] = "data-valid";
-  /**
-   * Present when the field is in invalid state.
-   */
-  FieldControlDataAttributes["invalid"] = "data-invalid";
-  /**
-   * Present when the field has been touched.
-   */
-  FieldControlDataAttributes["touched"] = "data-touched";
-  /**
-   * Present when the field's value has changed.
-   */
-  FieldControlDataAttributes["dirty"] = "data-dirty";
-  /**
-   * Present when the field is filled.
-   */
-  FieldControlDataAttributes["filled"] = "data-filled";
-  /**
-   * Present when the field control is focused.
-   */
-  FieldControlDataAttributes["focused"] = "data-focused";
-  return FieldControlDataAttributes;
-}({});
-
-const DEFAULT_VALIDITY_STATE = {
-  badInput: false,
-  customError: false,
-  patternMismatch: false,
-  rangeOverflow: false,
-  rangeUnderflow: false,
-  stepMismatch: false,
-  tooLong: false,
-  tooShort: false,
-  typeMismatch: false,
-  valid: null,
-  valueMissing: false
-};
-const DEFAULT_FIELD_STATE_ATTRIBUTES = {
-  valid: null,
-  touched: false,
-  dirty: false,
-  filled: false,
-  focused: false
-};
-const DEFAULT_FIELD_ROOT_STATE = {
-  disabled: false,
-  ...DEFAULT_FIELD_STATE_ATTRIBUTES
-};
-const fieldValidityMapping = {
-  valid(value) {
-    if (value === null) {
-      return null;
-    }
-    if (value) {
-      return {
-        [FieldControlDataAttributes.valid]: ''
-      };
-    }
-    return {
-      [FieldControlDataAttributes.invalid]: ''
-    };
-  }
-};
-
-const FieldRootContext = /*#__PURE__*/React__namespace.createContext({
-  invalid: undefined,
-  name: undefined,
-  validityData: {
-    state: DEFAULT_VALIDITY_STATE,
-    errors: [],
-    error: '',
-    value: '',
-    initialValue: null
-  },
-  setValidityData: useRenderElement.NOOP,
-  disabled: undefined,
-  touched: DEFAULT_FIELD_STATE_ATTRIBUTES.touched,
-  setTouched: useRenderElement.NOOP,
-  dirty: DEFAULT_FIELD_STATE_ATTRIBUTES.dirty,
-  setDirty: useRenderElement.NOOP,
-  filled: DEFAULT_FIELD_STATE_ATTRIBUTES.filled,
-  setFilled: useRenderElement.NOOP,
-  focused: DEFAULT_FIELD_STATE_ATTRIBUTES.focused,
-  setFocused: useRenderElement.NOOP,
-  validate: () => null,
-  validationMode: 'onSubmit',
-  validationDebounceTime: 0,
-  shouldValidateOnChange: () => false,
-  state: DEFAULT_FIELD_ROOT_STATE,
-  markedDirtyRef: {
-    current: false
-  },
-  validation: {
-    getValidationProps: (props = useRenderElement.EMPTY_OBJECT) => props,
-    getInputValidationProps: (props = useRenderElement.EMPTY_OBJECT) => props,
-    inputRef: {
-      current: null
-    },
-    commit: async () => {}
-  }
-});
-if (process.env.NODE_ENV !== "production") FieldRootContext.displayName = "FieldRootContext";
-function useFieldRootContext(optional = true) {
-  const context = React__namespace.useContext(FieldRootContext);
-  if (context.setValidityData === useRenderElement.NOOP && !optional) {
-    throw new Error(process.env.NODE_ENV !== "production" ? 'Base UI: FieldRootContext is missing. Field parts must be placed within <Field.Root>.' : useRenderElement.formatErrorMessage(28));
-  }
-  return context;
-}
-
-/**
- * Combines the field's client-side, stateful validity data with the external invalid state to
- * determine the field's true validity.
- */
-function getCombinedFieldValidityData(validityData, invalid) {
-  return {
-    ...validityData,
-    state: {
-      ...validityData.state,
-      valid: !invalid && validityData.state.valid
-    }
-  };
-}
-
-const FormContext = /*#__PURE__*/React__namespace.createContext({
-  formRef: {
-    current: {
-      fields: new Map()
-    }
-  },
-  errors: {},
-  clearErrors: useRenderElement.NOOP,
-  validationMode: 'onSubmit',
-  submitAttemptedRef: {
-    current: false
-  }
-});
-if (process.env.NODE_ENV !== "production") FormContext.displayName = "FormContext";
-function useFormContext() {
-  return React__namespace.useContext(FormContext);
-}
-
-function useField(params) {
-  const {
-    enabled = true,
-    value,
-    id,
-    name,
-    controlRef,
-    commit
-  } = params;
-  const {
-    formRef
-  } = useFormContext();
-  const {
-    invalid,
-    markedDirtyRef,
-    validityData,
-    setValidityData
-  } = useFieldRootContext();
-  const getValue = useButton.useStableCallback(params.getValue);
-  useButton.useIsoLayoutEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    let initialValue = value;
-    if (initialValue === undefined) {
-      initialValue = getValue();
-    }
-    if (validityData.initialValue === null && initialValue !== null) {
-      setValidityData(prev => ({
-        ...prev,
-        initialValue
-      }));
-    }
-  }, [enabled, setValidityData, value, validityData.initialValue, getValue]);
-  useButton.useIsoLayoutEffect(() => {
-    if (!enabled || !id) {
-      return;
-    }
-    formRef.current.fields.set(id, {
-      getValue,
-      name,
-      controlRef,
-      validityData: getCombinedFieldValidityData(validityData, invalid),
-      validate(flushSync = true) {
-        let nextValue = value;
-        if (nextValue === undefined) {
-          nextValue = getValue();
-        }
-        markedDirtyRef.current = true;
-        if (!flushSync) {
-          commit(nextValue);
-        } else {
-          // Synchronously update the validity state so the submit event can be prevented.
-          ReactDOM__namespace.flushSync(() => commit(nextValue));
-        }
-      }
-    });
-  }, [commit, controlRef, enabled, formRef, getValue, id, invalid, markedDirtyRef, name, validityData, value]);
-  useButton.useIsoLayoutEffect(() => {
-    const fields = formRef.current.fields;
-    return () => {
-      if (id) {
-        fields.delete(id);
-      }
-    };
-  }, [formRef, id]);
-}
-
-/**
- * A context for providing [labelable elements](https://html.spec.whatwg.org/multipage/forms.html#category-label)\
- * with an accessible name (label) and description.
- */
-const LabelableContext = /*#__PURE__*/React__namespace.createContext({
-  controlId: undefined,
-  registerControlId: useRenderElement.NOOP,
-  labelId: undefined,
-  setLabelId: useRenderElement.NOOP,
-  messageIds: [],
-  setMessageIds: useRenderElement.NOOP,
-  getDescriptionProps: externalProps => externalProps
-});
-if (process.env.NODE_ENV !== "production") LabelableContext.displayName = "LabelableContext";
-function useLabelableContext() {
-  return React__namespace.useContext(LabelableContext);
-}
-
-function useLabelableId(params = {}) {
-  const {
-    id,
-    implicit = false,
-    controlRef
-  } = params;
-  const {
-    controlId,
-    registerControlId
-  } = useLabelableContext();
-  const defaultId = useButton.useBaseUiId(id);
-  const controlIdForEffect = implicit ? controlId : undefined;
-  const controlSourceRef = useRenderElement.useRefWithInit(() => Symbol('labelable-control'));
-  const hasRegisteredRef = React__namespace.useRef(false);
-  const hadExplicitIdRef = React__namespace.useRef(id != null);
-  const unregisterControlId = useButton.useStableCallback(() => {
-    if (!hasRegisteredRef.current || registerControlId === useRenderElement.NOOP) {
-      return;
-    }
-    hasRegisteredRef.current = false;
-    registerControlId(controlSourceRef.current, undefined);
-  });
-  useButton.useIsoLayoutEffect(() => {
-    if (registerControlId === useRenderElement.NOOP) {
-      return undefined;
-    }
-    let nextId;
-    if (implicit) {
-      const elem = controlRef?.current;
-      if (floatingUi_utils_dom.isElement(elem) && elem.closest('label') != null) {
-        nextId = id ?? null;
-      } else {
-        nextId = controlIdForEffect ?? defaultId;
-      }
-    } else if (id != null) {
-      hadExplicitIdRef.current = true;
-      nextId = id;
-    } else if (hadExplicitIdRef.current) {
-      nextId = defaultId;
-    } else {
-      unregisterControlId();
-      return undefined;
-    }
-    if (nextId === undefined) {
-      unregisterControlId();
-      return undefined;
-    }
-    hasRegisteredRef.current = true;
-    registerControlId(controlSourceRef.current, nextId);
-    return undefined;
-  }, [id, controlRef, controlIdForEffect, registerControlId, implicit, defaultId, controlSourceRef, unregisterControlId]);
-  React__namespace.useEffect(() => {
-    return unregisterControlId;
-  }, [unregisterControlId]);
-  return controlId ?? defaultId;
-}
+var useButton = require('./useButton-cjs.js');
+var useLabelableId = require('./useLabelableId-cjs.js');
 
 function useRegisteredLabelId(idProp, setLabelId) {
   const id = useButton.useBaseUiId(idProp);
@@ -341,7 +26,7 @@ function useLabel(params = {}) {
   const {
     controlId: contextControlId,
     setLabelId: setContextLabelId
-  } = useLabelableContext();
+  } = useLabelableId.useLabelableContext();
   const syncLabelId = useButton.useStableCallback(nextLabelId => {
     setContextLabelId(nextLabelId);
     setLabelIdProp?.(nextLabelId);
@@ -397,15 +82,4 @@ function focusElementWithVisible(element) {
   });
 }
 
-exports.DEFAULT_FIELD_STATE_ATTRIBUTES = DEFAULT_FIELD_STATE_ATTRIBUTES;
-exports.DEFAULT_VALIDITY_STATE = DEFAULT_VALIDITY_STATE;
-exports.FieldRootContext = FieldRootContext;
-exports.LabelableContext = LabelableContext;
-exports.fieldValidityMapping = fieldValidityMapping;
-exports.getCombinedFieldValidityData = getCombinedFieldValidityData;
-exports.useField = useField;
-exports.useFieldRootContext = useFieldRootContext;
-exports.useFormContext = useFormContext;
 exports.useLabel = useLabel;
-exports.useLabelableContext = useLabelableContext;
-exports.useLabelableId = useLabelableId;