@jobber/components 8.3.0 → 8.5.0

package/dist/Autocomplete/Autocomplete.utils.d.ts

@@ -1,8 +0,0 @@
-import { type AnyOption, type GroupOption, type Option } from "./Autocomplete.types";
-export declare function isOptionSelected(selectedOption: Option | undefined, option: Option): boolean;
-/**
- * Helper function to determine if the option is a group. This is used to
- * determine if the option contains a list of options for rendering Section
- * Labels in the Autocomplete component.
- */
-export declare function isOptionGroup<T extends AnyOption>(option: T): option is Extract<T, GroupOption>;

package/dist/Autocomplete/Menu/DefaultMenu.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-import { type AnyOption, type Option } from "../Autocomplete.types";
-export interface DefaultMenuProps {
-    readonly options: AnyOption[];
-    readonly selectedOption?: Option;
-    /**
-     * Element that it's attached to when the menu opens.
-     */
-    readonly attachTo: HTMLDivElement | null;
-    onOptionSelect(chosenOption?: Option): void;
-    readonly visible: boolean;
-}
-/**
- * Renders the default Menu for the Autocomplete component.
- */
-export declare function DefaultMenu({ options, selectedOption, onOptionSelect, attachTo, visible, }: DefaultMenuProps): React.JSX.Element;

package/dist/Autocomplete/Menu/Menu.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { type AnyOption, type MenuProps, type Option } from "../Autocomplete.types";
-export declare function Menu<GenericOption extends AnyOption = AnyOption, GenericOptionValue extends Option = Option>({ options, selectedOption, onOptionSelect, inputFocused, attachTo, inputRef, customRenderMenu, }: MenuProps<GenericOption, GenericOptionValue>): React.JSX.Element | null;

package/dist/Autocomplete/Menu/MenuWrapper.d.ts

@@ -1,23 +0,0 @@
-import type { PropsWithChildren } from "react";
-import React from "react";
-import type { UseRepositionMenu } from "../useRepositionMenu";
-export interface BaseAutocompleteMenuWrapperInternalProps {
-    readonly setMenuRef: UseRepositionMenu["setMenuRef"];
-    readonly floatStyles: UseRepositionMenu["styles"];
-    readonly targetWidth: UseRepositionMenu["targetWidth"];
-    readonly visible?: boolean;
-}
-/**
- * Provides a wrapper for the Autocomplete menu that handles positioning and visibility.
- * @param attachTo - The element that the menu should be attached to.
- */
-export declare function useAutocompleteMenu({ attachTo, }: {
-    attachTo: HTMLDivElement | null;
-}): {
-    MenuWrapper: ({ children, visible, }: {
-        children?: React.ReactNode;
-        visible: boolean;
-    }) => React.ReactElement;
-    menuRef: HTMLElement | null;
-};
-export declare function BaseAutocompleteMenuWrapper(props: PropsWithChildren<BaseAutocompleteMenuWrapperInternalProps>): React.JSX.Element;

package/dist/Autocomplete/Option.d.ts

@@ -1,78 +0,0 @@
-import type { PropsWithChildren } from "react";
-import React from "react";
-import { type AnyOption, type Option } from "./Autocomplete.types";
-export interface MenuOptionProps {
-    readonly isHighlighted: boolean;
-    readonly option: AnyOption;
-    readonly onOptionSelect: (option?: AnyOption) => void;
-    /**
-     * Whether to add separators between the options.
-     */
-    readonly addSeparators: boolean;
-    readonly isSelected: boolean;
-    readonly UNSAFE_className?: {
-        option?: BaseMenuOptionProps["UNSAFE_className"];
-        content?: MenuOptionContentProps["UNSAFE_className"];
-        groupOption?: MenuGroupOptionProps["UNSAFE_className"];
-    };
-    readonly UNSAFE_style?: {
-        option?: BaseMenuOptionProps["UNSAFE_style"];
-        content?: MenuOptionContentProps["UNSAFE_style"];
-        groupOption?: MenuGroupOptionProps["UNSAFE_style"];
-    };
-}
-/**
- * The rendering of the default MenuOption
- */
-export declare function MenuOption({ isHighlighted, option, onOptionSelect, isSelected, addSeparators, UNSAFE_className, UNSAFE_style, }: MenuOptionProps): React.JSX.Element;
-interface MenuOptionContentProps {
-    readonly UNSAFE_className?: {
-        readonly icon?: string;
-        readonly text?: string;
-        readonly details?: string;
-        readonly label?: string;
-    };
-    readonly UNSAFE_style?: {
-        readonly icon?: React.CSSProperties;
-        readonly text?: React.CSSProperties;
-        readonly label?: React.CSSProperties;
-        readonly details?: React.CSSProperties;
-    };
-    readonly option: Option;
-    readonly isSelected: boolean;
-}
-export declare function MenuOptionContent({ option, isSelected, UNSAFE_className, UNSAFE_style, }: MenuOptionContentProps): React.JSX.Element;
-export interface MenuGroupOptionProps {
-    readonly option: AnyOption;
-    readonly UNSAFE_className?: {
-        heading?: string;
-    };
-    readonly UNSAFE_style?: {
-        heading?: React.CSSProperties;
-    };
-}
-/**
- * The rendering of the default MenuGroupOption
- */
-export declare function MenuGroupOptions({ option, UNSAFE_className, UNSAFE_style, }: MenuGroupOptionProps): React.JSX.Element;
-/**
- * The base component for the MenuGroupOption
- */
-export interface BaseMenuGroupOptionProps extends PropsWithChildren {
-    readonly UNSAFE_className?: string;
-    readonly UNSAFE_style?: React.CSSProperties;
-}
-export declare function BaseMenuGroupOption({ children, UNSAFE_className, UNSAFE_style, }: BaseMenuGroupOptionProps): React.JSX.Element;
-export interface BaseMenuOptionProps<GenericOption extends AnyOption = AnyOption> extends PropsWithChildren {
-    readonly option?: GenericOption;
-    readonly onOptionSelect?: (option?: GenericOption) => void;
-    readonly isHighlighted: boolean;
-    readonly addSeparators: boolean;
-    readonly UNSAFE_className?: string;
-    readonly UNSAFE_style?: React.CSSProperties;
-}
-/**
- * Renders the base option component. The component takes children and renders them inside a button.
- */
-export declare function BaseMenuOption<GenericOption extends AnyOption = AnyOption>({ option, isHighlighted, onOptionSelect, addSeparators, children, UNSAFE_className, UNSAFE_style, }: BaseMenuOptionProps<GenericOption>): React.JSX.Element;
-export {};

package/dist/Autocomplete/V1.docgen.d.ts

@@ -1,4 +0,0 @@
-import type React from "react";
-import type { AnyOption, AutocompleteLegacyProps, Option } from "@jobber/components/Autocomplete";
-export type V1DocgenProps = AutocompleteLegacyProps<AnyOption, Option, AnyOption>;
-export declare const AutocompleteV1Docgen: React.FC<V1DocgenProps>;

package/dist/Autocomplete/V2.docgen.d.ts

@@ -1,6 +0,0 @@
-import type React from "react";
-import type { AutocompleteRebuiltProps, OptionLike } from "@jobber/components/Autocomplete";
-type ExtraProps = Record<string, unknown>;
-export type V2DocgenProps = AutocompleteRebuiltProps<OptionLike, boolean, ExtraProps, ExtraProps>;
-export declare const AutocompleteV2Docgen: React.FC<V2DocgenProps>;
-export {};

package/dist/Autocomplete/useKeyboardNavigation.d.ts

@@ -1,35 +0,0 @@
-import { type AnyOption, type Option } from "./Autocomplete.types";
-export declare enum KeyboardAction {
-    Previous = -1,
-    Next = 1,
-    Select = 0
-}
-/**
- * Hook to handle custom keyboard navigation for the Autocomplete component.
- * Use this hook if you are using components in the menu that aren't MenuOption or BaseMenuOption.
- */
-export declare function useCustomKeyboardNavigation({ onRequestHighlightChange, }: {
-    onRequestHighlightChange?: (event: KeyboardEvent, direction: KeyboardAction) => void;
-}): void;
-/**
- * Hook to handle keyboard navigation for the Menu in the Autocomplete component.
- * If using components in the menu that aren't MenuOption or BaseMenuOption, you should use the `useCustomKeyboardNavigation` hook.
- */
-export declare function useKeyboardNavigation<GenericOption extends AnyOption = AnyOption, GenericOptionValue extends Option = Option>({ options, onOptionSelect, menuRef, visible, }: {
-    options: GenericOption[];
-    visible?: boolean;
-    menuRef?: HTMLElement | null;
-    onOptionSelect: (option?: GenericOptionValue) => void;
-}): {
-    highlightedIndex: number;
-};
-/**
- * Function to get the requested index change based on the current highlighted index and the direction of the keyboard action.
- * Accounts for groups in the options array.
- */
-export declare function getRequestedIndexChange<T extends AnyOption>({ event, options, direction, highlightedIndex, }: {
-    event: KeyboardEvent;
-    direction: KeyboardAction;
-    options: T[];
-    highlightedIndex: number;
-}): number;

package/dist/Autocomplete/useRepositionMenu.d.ts

@@ -1,10 +0,0 @@
-import type { MenuProps } from "./Autocomplete.types";
-export interface UseRepositionMenu {
-    readonly menuRef: HTMLElement | null;
-    readonly setMenuRef: (ref: HTMLElement | null) => void;
-    readonly targetWidth: number | undefined;
-    readonly styles: {
-        float: React.CSSProperties;
-    };
-}
-export declare function useRepositionMenu(attachTo: MenuProps["attachTo"], visible: boolean, cssManagedVisibility: boolean): UseRepositionMenu;