@jobber/components 8.14.0 → 8.15.0

package/dist/Combobox/components/ComboboxAction/index.cjs

@@ -1,12 +0,0 @@
-'use strict';
-
-var ComboboxAction = require('../../../ComboboxAction-cjs.js');
-require('react');
-require('../../../Typography-cjs.js');
-require('classnames');
-require('../../../ComboboxProvider-cjs.js');
-require('../../../tslib.es6-cjs.js');
-
-
-
-exports.ComboboxAction = ComboboxAction.ComboboxAction;

package/dist/Combobox/components/ComboboxAction/index.d.ts

@@ -1 +0,0 @@
-export { ComboboxAction } from "./ComboboxAction";

package/dist/Combobox/components/ComboboxAction/index.mjs

@@ -1,6 +0,0 @@
-export { C as ComboboxAction } from '../../../ComboboxAction-es.js';
-import 'react';
-import '../../../Typography-es.js';
-import 'classnames';
-import '../../../ComboboxProvider-es.js';
-import '../../../tslib.es6-es.js';

package/dist/Combobox/components/ComboboxActivator/ComboboxActivator.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import type { ComboboxActivatorProps } from "../../Combobox.types";
-export declare function ComboboxActivator(props: ComboboxActivatorProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;

package/dist/Combobox/components/ComboboxActivator/index.d.ts

@@ -1 +0,0 @@
-export * from "./ComboboxActivator";

package/dist/Combobox/components/ComboboxContent/ComboboxContent.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import type { ComboboxContentProps } from "../../Combobox.types";
-export declare function ComboboxContent(props: ComboboxContentProps): React.JSX.Element;

package/dist/Combobox/components/ComboboxContent/ComboboxContentHeader/ComboboxContentHeader.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import type { ComboboxHeaderProps } from "../../../Combobox.types";
-export declare function ComboboxContentHeader(props: ComboboxHeaderProps): React.JSX.Element;

package/dist/Combobox/components/ComboboxContent/ComboboxContentHeader/index.d.ts

@@ -1 +0,0 @@
-export { ComboboxContentHeader } from "./ComboboxContentHeader";

package/dist/Combobox/components/ComboboxContent/ComboboxContentList/ComboboxContentList.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import type { ComboboxListProps } from "../../../Combobox.types";
-export declare function ComboboxContentList(props: ComboboxListProps): React.JSX.Element;

package/dist/Combobox/components/ComboboxContent/ComboboxContentList/index.d.ts

@@ -1 +0,0 @@
-export { ComboboxContentList } from "./ComboboxContentList";

package/dist/Combobox/components/ComboboxContent/ComboboxContentSearch/ComboboxContentSearch.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import type { ComboboxSearchProps } from "../../../Combobox.types";
-export declare function ComboboxContentSearch(props: ComboboxSearchProps): React.JSX.Element;

package/dist/Combobox/components/ComboboxContent/ComboboxContentSearch/index.cjs

@@ -1,10 +0,0 @@
-'use strict';
-
-var ComboboxContentSearch = require('../../../../ComboboxContentSearch-cjs.js');
-require('react');
-require('../../../../Icon-cjs.js');
-require('@jobber/design');
-
-
-
-exports.ComboboxContentSearch = ComboboxContentSearch.ComboboxContentSearch;

package/dist/Combobox/components/ComboboxContent/ComboboxContentSearch/index.d.ts

@@ -1 +0,0 @@
-export { ComboboxContentSearch } from "./ComboboxContentSearch";

package/dist/Combobox/components/ComboboxContent/ComboboxContentSearch/index.mjs

@@ -1,4 +0,0 @@
-export { C as ComboboxContentSearch } from '../../../../ComboboxContentSearch-es.js';
-import 'react';
-import '../../../../Icon-es.js';
-import '@jobber/design';

package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/ComboboxLoadMore.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-interface ComboboxLoadMoreProps {
-    readonly onLoadMore: () => void;
-}
-export declare function ComboboxLoadMore({ onLoadMore }: ComboboxLoadMoreProps): React.JSX.Element;
-export {};

package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/index.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var ComboboxLoadMore = require('../../../../ComboboxLoadMore-cjs.js');
-require('react');
-require('@jobber/hooks');
-
-
-
-exports.ComboboxLoadMore = ComboboxLoadMore.ComboboxLoadMore;

package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/index.d.ts

@@ -1 +0,0 @@
-export { ComboboxLoadMore } from "./ComboboxLoadMore";

package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/index.mjs

@@ -1,3 +0,0 @@
-export { C as ComboboxLoadMore } from '../../../../ComboboxLoadMore-es.js';
-import 'react';
-import '@jobber/hooks';

package/dist/Combobox/components/ComboboxContent/index.d.ts

@@ -1 +0,0 @@
-export { ComboboxContent } from "./ComboboxContent";

package/dist/Combobox/components/ComboboxOption/ComboboxOption.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { type ComboboxOptionProps } from "../../Combobox.types";
-export declare function ComboboxOption(props: ComboboxOptionProps): React.JSX.Element;

package/dist/Combobox/components/ComboboxOption/index.d.ts

@@ -1 +0,0 @@
-export * from "./ComboboxOption";

package/dist/Combobox/components/ComboboxTrigger/ComboboxTrigger.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import type { ComboboxTriggerProps } from "../../Combobox.types";
-export declare function ComboboxTrigger({ label, selected, activatorRef, }: ComboboxTriggerProps): React.JSX.Element;

package/dist/Combobox/components/ComboboxTrigger/index.d.ts

@@ -1 +0,0 @@
-export { ComboboxTrigger } from "./ComboboxTrigger";

package/dist/Combobox/constants.d.ts

@@ -1 +0,0 @@
-export declare const COMBOBOX_MENU_ID = "ATL-Combobox-Content";

package/dist/Combobox/hooks/useCombobox.d.ts

@@ -1,17 +0,0 @@
-import type { Dispatch, MutableRefObject } from "react";
-import type React from "react";
-import type { UseMakeComboboxHandlersReturn } from "./useMakeComboboxHandlers";
-import { type ComboboxOption } from "../Combobox.types";
-type UseComboboxReturn = {
-    wrapperRef: React.RefObject<HTMLDivElement | null>;
-    searchValue: string;
-    setSearchValue: Dispatch<React.SetStateAction<string>>;
-    open: boolean;
-    selectedOptions: ComboboxOption[];
-    selectedStateSetter: (selection: ComboboxOption[]) => void;
-    shouldScroll: MutableRefObject<boolean>;
-    internalFilteredOptions: ComboboxOption[];
-    handleSearchChange: (value: string) => void;
-} & UseMakeComboboxHandlersReturn;
-export declare function useCombobox(selected: ComboboxOption[], onSelect: (selection: ComboboxOption[]) => void, options: ComboboxOption[], onClose?: () => void, multiSelect?: boolean, onSearch?: (searchValue: string) => void, debounceTime?: number): UseComboboxReturn;
-export {};

package/dist/Combobox/hooks/useComboboxAccessibility.d.ts

@@ -1,9 +0,0 @@
-import type { UseInteractionsReturn } from "@floating-ui/react";
-import { type ComboboxOption } from "../Combobox.types";
-export declare function useComboboxAccessibility(selectionCallback: (selection: ComboboxOption) => void, filteredOptions: ComboboxOption[], optionsListRef: React.RefObject<HTMLUListElement | null>, open: boolean, wrapperRef: React.RefObject<HTMLDivElement | null>): {
-    floatingRef: React.RefObject<HTMLDivElement | null>;
-    floatingStyles: React.CSSProperties;
-    floatingProps: ReturnType<UseInteractionsReturn["getFloatingProps"]>;
-    nodeId?: string;
-    parentNodeId: string | null;
-};

package/dist/Combobox/hooks/useComboboxActivatorAccessibility.d.ts

@@ -1,2 +0,0 @@
-import type { ComboboxActivatorAccessibility } from "../Combobox.types";
-export declare function useComboboxActivatorAccessibility(): ComboboxActivatorAccessibility;

package/dist/Combobox/hooks/useComboboxContent.d.ts

@@ -1,9 +0,0 @@
-import type { RefObject } from "react";
-import { type ComboboxOption } from "../Combobox.types";
-interface useComboboxContent {
-    optionsListRef: RefObject<HTMLUListElement | null>;
-    onClear?: () => void;
-    onSelectAll?: (selection: ComboboxOption[]) => void;
-}
-export declare function useComboboxContent(open: boolean, selected: ComboboxOption[]): useComboboxContent;
-export {};

package/dist/Combobox/hooks/useComboboxValidation.d.ts

@@ -1,12 +0,0 @@
-import type { ReactElement } from "react";
-import { type ComboboxActionProps, type ComboboxActivatorProps, type ComboboxOptionProps, type ComboboxProps } from "../Combobox.types";
-export declare const COMBOBOX_TRIGGER_COUNT_ERROR_MESSAGE = "Combobox must have exactly one Trigger element";
-export declare function useComboboxValidation(children?: ComboboxProps["children"]): {
-    triggerElement?: ReactElement<ComboboxActivatorProps>;
-    optionElements?: ReactElement<ComboboxOptionProps>[];
-    actionElements?: ReactElement<ComboboxActionProps>[];
-};
-/**
- * Return all instances child component that matches the `type` provided
- */
-export declare function getCompoundComponents<T>(type: ReactElement<T>["type"], children?: ComboboxProps["children"]): ReactElement<T>[];

package/dist/Combobox/hooks/useMakeComboboxHandlers.d.ts

@@ -1,8 +0,0 @@
-import type React from "react";
-import { type ComboboxOption } from "../Combobox.types";
-export interface UseMakeComboboxHandlersReturn {
-    handleClose: () => void;
-    handleSelection: (selection: ComboboxOption) => void;
-    handleOpen: () => void;
-}
-export declare function useMakeComboboxHandlers(setOpen: (open: boolean) => void, open: boolean, setSearchValue: (searchValue: string) => void, selectedOptions: ComboboxOption[], shouldScroll: React.RefObject<boolean>, selectedStateSetter: (selected: ComboboxOption[]) => void, multiSelect?: boolean, onClose?: () => void, onSearch?: (searchValue: string) => void): UseMakeComboboxHandlersReturn;

package/dist/Combobox/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./Combobox";
-export { ComboboxContextProvider } from "./ComboboxProvider";
-export { type ComboboxCustomActivatorProps, type ComboboxOption, } from "./Combobox.types";

package/dist/ComboboxLoadMore-cjs.js

@@ -1,16 +0,0 @@
-'use strict';
-
-var React = require('react');
-var jobberHooks = require('@jobber/hooks');
-
-var styles = {"trigger":"jPB--ZCYNNI-","spinning":"aW61BrnGmcw-"};
-
-function ComboboxLoadMore({ onLoadMore }) {
-    const [inViewRef, isInView] = jobberHooks.useInView();
-    React.useEffect(() => {
-        isInView && onLoadMore();
-    }, [isInView]);
-    return (React.createElement("div", { "data-testid": "ATL-Combobox-Loadmore-Trigger", ref: inViewRef, className: styles.trigger }));
-}
-
-exports.ComboboxLoadMore = ComboboxLoadMore;

package/dist/ComboboxProvider-cjs.js

@@ -1,13 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-cjs.js');
-var React = require('react');
-
-const ComboboxContext = React.createContext({});
-function ComboboxContextProvider(_a) {
-    var { children } = _a, props = tslib_es6.__rest(_a, ["children"]);
-    return (React.createElement(ComboboxContext.Provider, { value: props }, children));
-}
-
-exports.ComboboxContext = ComboboxContext;
-exports.ComboboxContextProvider = ComboboxContextProvider;

package/dist/ComboboxProvider-es.js

@@ -1,10 +0,0 @@
-import { _ as __rest } from './tslib.es6-es.js';
-import React__default from 'react';
-
-const ComboboxContext = React__default.createContext({});
-function ComboboxContextProvider(_a) {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return (React__default.createElement(ComboboxContext.Provider, { value: props }, children));
-}
-
-export { ComboboxContextProvider as C, ComboboxContext as a };

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;