@vuu-ui/vuu-ui-controls 4.0.1 → 5.0.0-alpha.1

package/types/item-picker/ItemPicker.d.ts

@@ -1,13 +1,34 @@
-import { ListBoxProps } from "@salt-ds/core";
-import { ItemTypeName } from "@vuu-ui/vuu-utils";
-import { HTMLAttributes } from "react";
-import { ItemDescriptor, ItemPickerHookProps } from "./useItemPicker";
+import { type ListBoxProps, type OptionProps } from "@salt-ds/core";
+import { type ItemTypeName } from "@vuu-ui/vuu-utils";
+import { type ComponentType, type HTMLAttributes, type MouseEventHandler } from "react";
+import { type ItemDescriptor, type ItemPickerHookProps } from "./useItemPicker";
 export declare const classBaseListItem = "vuuItemPickerListItem";
+export type ItemPickerLayout = 'v-available-selected' | 'v-selected-available';
 export interface ItemPickerProps extends ItemPickerHookProps, HTMLAttributes<HTMLDivElement>, Pick<ListBoxProps<ItemDescriptor>, "selected" | "onSelectionChange"> {
-    itemTypeName: ItemTypeName;
+    AvailableListItem?: ComponentType<AvailableListItemProps>;
+    SelectedListItem?: ComponentType<SelectedListItemProps>;
+    itemTypeName?: ItemTypeName;
+    /**
+     * Display order of SelectedItems List / AvailableItems List
+     */
+    layout?: ItemPickerLayout;
+    searchForm?: boolean;
+}
+interface SelectedListItemProps extends OptionProps {
+    index: number;
+    item: ItemDescriptor;
+    onRemove: MouseEventHandler<HTMLButtonElement>;
+    searchPattern?: Lowercase<string>;
+}
+interface AvailableListItemProps extends OptionProps {
+    index: number;
+    item: ItemDescriptor;
+    onAdd: MouseEventHandler<HTMLButtonElement>;
+    searchPattern?: Lowercase<string>;
 }
 /** Generic controlled component that displays items in a 'picker' that are available to search, select, reorder or deselect.
  * As input props, all available items, currently selected items, search text and callback functions for changes in selected items and search text
  * must be supplied by the client.
  */
 export declare const ItemPicker: import("react").ForwardRefExoticComponent<ItemPickerProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/types/item-picker/useItemPicker.d.ts

@@ -1,4 +1,5 @@
-import { FormEventHandler, MouseEventHandler } from "react";
+import { type FormEventHandler, type MouseEventHandler } from "react";
+export type SelectedItemsChangeHandler = (newSelectedItems: readonly ItemDescriptor[]) => void;
 /** This is a public description of an Item that can be displayed in the ItemPicker component, defining all the
  * mandatory and option attributes that can be defined by the client. */
 export interface ItemDescriptor {
@@ -15,7 +16,7 @@ export interface ItemPickerHookProps {
     allItems: ItemDescriptor[];
     selectedItems: ItemDescriptor[];
     maxSelections?: number;
-    onSelectedItemsChange: (newSelectedItems: readonly ItemDescriptor[]) => void;
+    onSelectedItemsChange: SelectedItemsChangeHandler;
 }
 export declare const getItemLabel: (item: ItemDescriptor) => string;
 export declare const useItemPicker: ({ allItems, selectedItems, maxSelections, onSelectedItemsChange, }: ItemPickerHookProps) => {

package/types/price-ticker/PriceTicker.d.ts

@@ -4,4 +4,4 @@ export interface PriceTickerProps extends HTMLAttributes<HTMLDivElement> {
     price?: number;
     showArrow?: boolean;
 }
-export declare const PriceTicker: import("react").MemoExoticComponent<({ className, decimals, price, showArrow, ...htmlAttributes }: PriceTickerProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const PriceTicker: import("react").MemoExoticComponent<({ className, decimals, price, showArrow, ...htmlAttributes }: PriceTickerProps) => import("react").JSX.Element>;

package/types/prompt/Prompt.d.ts

@@ -1,5 +1,5 @@
-import { DialogHeaderProps, DialogProps } from "@salt-ds/core";
-import { HTMLAttributes, ReactNode, RefObject } from "react";
+import { type DialogHeaderProps, type DialogProps } from "@salt-ds/core";
+import { type HTMLAttributes, type ReactNode, type RefObject } from "react";
 /**
  * Allow fine grained configuration of Prompt buttons
  * The ref is provided to facilitate programmatic focus.
@@ -50,4 +50,4 @@ export interface PromptProps extends Pick<DialogProps, "disableDismiss" | "onOpe
     showConfirmButton?: boolean;
     title: string;
 }
-export declare const Prompt: ({ children, className, cancelButtonLabel, cancelButtonProps, confirmButtonLabel, confirmButtonProps, customAction, disableDismiss, disableAccent, headerTag, icon, initialFocusedItem, onCancel, onClose, onConfirm, onOpenChange, open, showCancelButton, showCloseButton, showConfirmButton, status, title, ...htmlAttributes }: PromptProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Prompt: ({ children, className, cancelButtonLabel, cancelButtonProps, confirmButtonLabel, confirmButtonProps, customAction, disableDismiss, disableAccent, headerTag, icon, initialFocusedItem, onCancel, onClose, onConfirm, onOpenChange, open, showCancelButton, showCloseButton, showConfirmButton, status, title, ...htmlAttributes }: PromptProps) => import("react").JSX.Element;

package/types/sortable-list/SortableList.d.ts

@@ -2,7 +2,7 @@ import { ListBoxProps, OptionProps } from "@salt-ds/core";
 export declare const SortableOption: ({ id, index, value, ...optionProps }: OptionProps & {
     id: string;
     index: number;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const SortableList: ({ children, onReorderListItems, ...listBoxProps }: ListBoxProps & {
     onReorderListItems?: (listItems: unknown[]) => void;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/types/split-button/useSplitButton.d.ts

@@ -27,18 +27,18 @@ export declare const useSplitButton: ({ ButtonProps: ButtonPropsProp, PopupMenuP
         onFocusCapture?: FocusEventHandler<HTMLButtonElement> | undefined;
         onBlur?: FocusEventHandler<HTMLButtonElement> | undefined;
         onBlurCapture?: FocusEventHandler<HTMLButtonElement> | undefined;
-        onChange?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onChangeCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+        onChangeCapture?: import("react").ChangeEventHandler<HTMLButtonElement, Element> | undefined;
         onBeforeInput?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onReset?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onResetCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmit?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmitCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalid?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalidCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+        onBeforeInputCapture?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
+        onInput?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
+        onInputCapture?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
+        onReset?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onResetCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onSubmit?: import("react").SubmitEventHandler<HTMLButtonElement> | undefined;
+        onSubmitCapture?: import("react").SubmitEventHandler<HTMLButtonElement> | undefined;
+        onInvalid?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onInvalidCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
@@ -277,7 +277,7 @@ export declare const useSplitButton: ({ ButtonProps: ButtonPropsProp, PopupMenuP
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        popover?: "" | "auto" | "manual" | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
         popoverTarget?: string | undefined;
         inert?: boolean | undefined;

package/types/split-pane/Splitter.d.ts

@@ -7,4 +7,4 @@ export interface SplitterProps extends Omit<HTMLAttributes<HTMLDivElement>, "onR
     onResizeEnd: () => void;
     position?: number;
 }
-export declare const Splitter: ({ className, direction, onResize, onResizeEnd, onResizeStart, position, ...htmlAttributes }: SplitterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Splitter: ({ className, direction, onResize, onResizeEnd, onResizeStart, position, ...htmlAttributes }: SplitterProps) => import("react").JSX.Element;

package/types/table-search/SearchCell.d.ts

@@ -1,2 +1,2 @@
 import { TableCellRendererProps } from "@vuu-ui/vuu-table-types";
-export declare const SearchCell: ({ column, dataRow, searchPattern, }: TableCellRendererProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchCell: ({ column, dataRow, searchPattern, }: TableCellRendererProps) => import("react").JSX.Element;

package/types/table-search/TableSearch.d.ts

@@ -3,7 +3,8 @@ import { HTMLAttributes } from "react";
 export interface TableSearchProps extends HTMLAttributes<HTMLDivElement> {
     TableProps: TableProps;
     autoFocus?: boolean;
+    baseFilter?: string;
     placeHolder?: string;
     searchColumns: string[];
 }
-export declare const TableSearch: ({ TableProps: { dataSource: dataSourceProp, ...TableProps }, autoFocus, className, placeHolder, searchColumns, ...htmlAttributes }: TableSearchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableSearch: ({ TableProps: { dataSource: dataSourceProp, ...TableProps }, autoFocus, baseFilter, className, placeHolder, searchColumns, ...htmlAttributes }: TableSearchProps) => import("react").JSX.Element;

package/types/table-search/useTableSearch.d.ts

@@ -1,11 +1,11 @@
 import { FormEventHandler } from "react";
 import { TableSearchProps } from "./TableSearch";
 import { DataSource } from "@vuu-ui/vuu-data-types";
-export interface TableSearchHookProps extends Pick<TableSearchProps, "searchColumns"> {
+export interface TableSearchHookProps extends Pick<TableSearchProps, "searchColumns" | "baseFilter"> {
     dataSource: DataSource;
     label?: string;
 }
-export declare const useTableSearch: ({ dataSource, searchColumns, }: TableSearchHookProps) => {
+export declare const useTableSearch: ({ baseFilter, dataSource, searchColumns, }: TableSearchHookProps) => {
     dataSource: DataSource;
     onChange: FormEventHandler;
     searchState: {

package/types/tabstrip/TabMenu.d.ts

@@ -20,4 +20,4 @@ export interface TabMenuProps {
      */
     controlledComponentTitle?: string;
 }
-export declare const TabMenu: ({ allowClose, allowRename, controlledComponentId, controlledComponentTitle, location, onMenuAction, onMenuClose, index, }: TabMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabMenu: ({ allowClose, allowRename, controlledComponentId, controlledComponentTitle, location, onMenuAction, onMenuClose, index, }: TabMenuProps) => import("react").JSX.Element;

package/types/tabstrip/Tabstrip.d.ts

@@ -1,2 +1,3 @@
-import { TabstripProps } from "./TabsTypes";
-export declare const Tabstrip: ({ activeTabIndex: activeTabIndexProp, allowAddTab, allowCloseTab, allowDragDrop, allowRenameTab, animateSelectionThumb, children, className: classNameProp, id: idProp, keyBoardActivation, location, onActiveChange, onAddTab, onCloseTab, onExitEditMode, onMoveTab, orientation, showTabMenuButton, style: styleProp, tabClassName, variant, ...htmlAttributes }: TabstripProps) => import("react/jsx-runtime").JSX.Element;
+import React from "react";
+import type { TabstripProps } from "./TabsTypes";
+export declare const Tabstrip: ({ activeTabIndex: activeTabIndexProp, allowAddTab, allowCloseTab, allowDragDrop, allowRenameTab, animateSelectionThumb, children, className: classNameProp, id: idProp, keyBoardActivation, location, onActiveChange, onAddTab, onCloseTab, onExitEditMode, onMoveTab, orientation, showTabMenuButton, style: styleProp, tabClassName, variant, ...htmlAttributes }: TabstripProps) => React.JSX.Element;

package/types/toolbar/Toolbar.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { OverflowContainerProps } from "../overflow-container";
 import { SelectionStrategy, SpecialKeyMultipleSelection } from "../common-hooks";
 export type ActiveItemChangeHandler = (itemIndex: number[]) => void;
@@ -16,4 +17,4 @@ export interface ToolbarProps extends OverflowContainerProps {
     selectionStrategy?: SelectionStrategy | SpecialKeyMultipleSelection;
     showSeparators?: boolean;
 }
-export declare const Toolbar: ({ activeItemIndex: activeItemIndexProp, alignItems, defaultActiveItemIndex, children, className, id: idProp, onActiveChange, onNavigateOutOfBounds, orientation, selectionStrategy, showSeparators, ...props }: ToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Toolbar: ({ activeItemIndex: activeItemIndexProp, alignItems, defaultActiveItemIndex, children, className, id: idProp, onActiveChange, onNavigateOutOfBounds, orientation, selectionStrategy, showSeparators, ...props }: ToolbarProps) => React.JSX.Element;

package/types/vuu-date-picker/VuuDatePicker.d.ts

@@ -20,4 +20,4 @@ export interface VuuDatePickerProps extends Omit<DatePickerProps<SingleSelection
      */
     value?: EpochTimestamp | number;
 }
-export declare const VuuDatePicker: ({ className, onSelectionChange, onCommit, preserveFocusOnSelect, selectedDate: selectedDateProp, timeZone, value, ...props }: VuuDatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VuuDatePicker: ({ className, onSelectionChange, onCommit, preserveFocusOnSelect, selectedDate: selectedDateProp, timeZone, value, ...props }: VuuDatePickerProps) => import("react").JSX.Element;

package/types/vuu-time-picker/VuuTimePicker.d.ts

@@ -5,5 +5,5 @@ type TimePickerInputProps = "defaultValue" | "milliseconds" | "onChange" | "onCo
 export type VuuTimePickerSecondsProps = Pick<TimeInputSecondsProps, TimePickerInputProps> & VuuTimePickerHtmlAttributes;
 export type VuuTimePickerMillisecondsProps = Pick<TimeInputMillisecondsProps, TimePickerInputProps> & VuuTimePickerHtmlAttributes;
 export type VuuTimePickerProps = VuuTimePickerSecondsProps | VuuTimePickerMillisecondsProps;
-export declare const VuuTimePicker: ({ className, defaultValue, milliseconds, onChange, onCommit, value, ...htmlAttributes }: VuuTimePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VuuTimePicker: ({ className, defaultValue, milliseconds, onChange, onCommit, value, ...htmlAttributes }: VuuTimePickerProps) => import("react").JSX.Element;
 export {};

package/types/vuu-typeahead-input/VuuTypeaheadInput.d.ts

@@ -3,4 +3,4 @@ import { VuuTypeaheadInputHookProps } from "./useVuuTypeaheadInput";
 export interface VuuTypeaheadInputProps extends VuuTypeaheadInputHookProps, Pick<ComboBoxProps, "selectOnTab"> {
     className?: string;
 }
-export declare const VuuTypeaheadInput: ({ allowFreeInput, className, column, freeTextWarning, highlightFirstSuggestion, inputProps: inputPropsProp, minCharacterCountToTriggerSuggestions, onCommit, selectOnTab, table, }: VuuTypeaheadInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VuuTypeaheadInput: ({ allowFreeInput, className, column, freeTextWarning, highlightFirstSuggestion, inputProps: inputPropsProp, minCharacterCountToTriggerSuggestions, onCommit, selectOnTab, table, }: VuuTypeaheadInputProps) => import("react").JSX.Element;

package/src/modal-provider/ModalProvider.js

@@ -1,147 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Dialog, DialogActions, DialogCloseButton, DialogContent, DialogHeader } from "@salt-ds/core";
-import { createContext, useCallback, useContext, useMemo, useState } from "react";
-import { Prompt } from "../prompt/Prompt.js";
-const useDialogHost = ()=>{
-    const [dialogState, setDialogState] = useState();
-    const [promptState, setPromptState] = useState();
-    const closePrompt = useCallback(()=>{
-        setPromptState(void 0);
-    }, []);
-    const closeDialog = useCallback(()=>{
-        setDialogState(void 0);
-    }, []);
-    const handleOpenChange = useCallback((open)=>{
-        if (true !== open) closeDialog();
-    }, [
-        closeDialog
-    ]);
-    const dialog = dialogState ? /*#__PURE__*/ jsxs(Dialog, {
-        open: true,
-        onOpenChange: handleOpenChange,
-        children: [
-            /*#__PURE__*/ jsx(DialogHeader, {
-                header: dialogState.title
-            }),
-            /*#__PURE__*/ jsx(DialogContent, {
-                children: dialogState.content
-            }),
-            true !== dialogState.hideCloseButton ? /*#__PURE__*/ jsx(DialogCloseButton, {
-                "data-embedded": true,
-                "data-icon": "close",
-                onClick: closeDialog
-            }) : null,
-            dialogState.actions ? /*#__PURE__*/ jsx(DialogActions, {
-                children: dialogState.actions
-            }) : null
-        ]
-    }) : null;
-    const handleOpenChangePrompt = useCallback((open)=>{
-        if (true !== open) closePrompt();
-        promptState?.promptProps.onOpenChange?.(open);
-    }, [
-        closePrompt,
-        promptState
-    ]);
-    const prompt = promptState ? /*#__PURE__*/ jsx(Prompt, {
-        ...promptState.promptProps,
-        onClose: closePrompt,
-        onOpenChange: handleOpenChangePrompt,
-        open: true,
-        children: promptState.content
-    }) : null;
-    return {
-        dialog,
-        prompt,
-        setDialogState,
-        setPromptState
-    };
-};
-const defaultShowDialog = ()=>{
-    console.warn("No DialogProvider in place");
-};
-const defaultCloseDialog = ()=>{
-    console.warn("No DialogProvider in place");
-};
-const defaultShowPrompt = ()=>{
-    console.warn("No DialogProvider in place");
-};
-const defaultClosePrompt = ()=>{
-    console.warn("No DialogProvider in place");
-};
-class DialogContextObject {
-    showDialog = defaultShowDialog;
-    closeDialog = defaultCloseDialog;
-    showPrompt = defaultShowPrompt;
-    closePrompt = defaultClosePrompt;
-    setDispatchers = (showDialog, closeDialog, showPrompt, closePrompt)=>{
-        this.showDialog = showDialog;
-        this.closeDialog = closeDialog;
-        this.showPrompt = showPrompt;
-        this.closePrompt = closePrompt;
-    };
-}
-const DialogContext = /*#__PURE__*/ createContext(new DialogContextObject());
-const DialogHost = ({ context })=>{
-    const { dialog, setDialogState, prompt, setPromptState } = useDialogHost();
-    const showDialog = useCallback((dialogContent, title, actionButtons, hideCloseButton)=>{
-        setDialogState({
-            actions: actionButtons,
-            content: dialogContent,
-            title,
-            hideCloseButton
-        });
-    }, [
-        setDialogState
-    ]);
-    const closeDialog = useCallback(()=>{
-        setDialogState(void 0);
-    }, [
-        setDialogState
-    ]);
-    const showPrompt = useCallback((content, promptProps)=>{
-        setPromptState({
-            content,
-            promptProps
-        });
-    }, [
-        setPromptState
-    ]);
-    const closePrompt = useCallback(()=>{
-        setPromptState(void 0);
-    }, [
-        setPromptState
-    ]);
-    useMemo(()=>{
-        context.setDispatchers(showDialog, closeDialog, showPrompt, closePrompt);
-    }, [
-        closeDialog,
-        closePrompt,
-        context,
-        showDialog,
-        showPrompt
-    ]);
-    return dialog ?? prompt;
-};
-const ModalProvider = ({ children })=>{
-    const context = useContext(DialogContext);
-    return /*#__PURE__*/ jsxs(DialogContext.Provider, {
-        value: context,
-        children: [
-            /*#__PURE__*/ jsx(DialogHost, {
-                context: context
-            }),
-            children
-        ]
-    });
-};
-const useModal = ()=>{
-    const { closeDialog, closePrompt, showDialog, showPrompt } = useContext(DialogContext);
-    return {
-        showDialog,
-        closeDialog,
-        showPrompt,
-        closePrompt
-    };
-};
-export { ModalProvider, useModal };

package/types/modal-provider/ModalProvider.d.ts

@@ -1,13 +0,0 @@
-import { ReactElement, ReactNode } from "react";
-import { PromptProps } from "../prompt/Prompt";
-export type ShowDialog = (dialogContent: ReactElement, title: string, dialogActionButtons?: ReactElement[], hideCloseButton?: boolean) => void;
-export type ShowPrompt = (promptContent: ReactElement, promptProps: PromptProps) => void;
-export declare const ModalProvider: ({ children }: {
-    children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const useModal: () => {
-    showDialog: ShowDialog;
-    closeDialog: () => void;
-    showPrompt: ShowPrompt;
-    closePrompt: () => void;
-};

package/types/src/calendar/Calendar.d.ts

@@ -1,13 +0,0 @@
-import { type CalendarCarouselProps } from "./internal/CalendarCarousel";
-import { type CalendarNavigationProps } from "./internal/CalendarNavigation";
-import { type useCalendarProps } from "./useCalendar";
-export type CalendarProps = useCalendarProps & {
-    className?: string;
-    id?: string;
-    renderDayContents?: CalendarCarouselProps["renderDayContents"];
-    hideYearDropdown?: CalendarNavigationProps["hideYearDropdown"];
-    borderedDropdown?: CalendarNavigationProps["borderedDropdown"];
-    TooltipProps?: CalendarCarouselProps["TooltipProps"];
-    hideOutOfRangeDates?: CalendarCarouselProps["hideOutOfRangeDates"];
-};
-export declare const Calendar: import("react").ForwardRefExoticComponent<CalendarProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/calendar/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./Calendar";
-export * from "./useCalendarDay";
-export * from "./useCalendar";
-export * from "./useSelection";

package/types/src/calendar/internal/CalendarCarousel.d.ts

@@ -1,3 +0,0 @@
-import { type CalendarMonthProps } from "./CalendarMonth";
-export type CalendarCarouselProps = Omit<CalendarMonthProps, "date">;
-export declare const CalendarCarousel: import("react").ForwardRefExoticComponent<Omit<CalendarCarouselProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/calendar/internal/CalendarContext.d.ts

@@ -1,8 +0,0 @@
-import type { useCalendar } from "../useCalendar";
-interface CalendarState {
-    state: ReturnType<typeof useCalendar>["state"];
-    helpers: ReturnType<typeof useCalendar>["helpers"];
-}
-declare const CalendarContext: import("react").Context<CalendarState | null>;
-declare function useCalendarContext(): CalendarState;
-export { CalendarContext, useCalendarContext };

package/types/src/calendar/internal/CalendarDay.d.ts

@@ -1,14 +0,0 @@
-import type { DateValue } from "@internationalized/date";
-import { type TooltipProps } from "@salt-ds/core";
-import { type ComponentPropsWithRef, type ReactElement } from "react";
-import { type DayStatus } from "../useCalendarDay";
-export type DateFormatter = (day: Date) => string | undefined;
-export interface CalendarDayProps extends Omit<ComponentPropsWithRef<"button">, "children"> {
-    day: DateValue;
-    formatDate?: DateFormatter;
-    renderDayContents?: (date: DateValue, status: DayStatus) => ReactElement;
-    status?: DayStatus;
-    month: DateValue;
-    TooltipProps?: Partial<TooltipProps>;
-}
-export declare const CalendarDay: import("react").ForwardRefExoticComponent<Omit<CalendarDayProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/types/src/calendar/internal/CalendarMonth.d.ts

@@ -1,10 +0,0 @@
-import type { DateValue } from "@internationalized/date";
-import { type ComponentPropsWithRef } from "react";
-import { type CalendarDayProps } from "./CalendarDay";
-export interface CalendarMonthProps extends ComponentPropsWithRef<"div"> {
-    date: DateValue;
-    hideOutOfRangeDates?: boolean;
-    renderDayContents?: CalendarDayProps["renderDayContents"];
-    TooltipProps?: CalendarDayProps["TooltipProps"];
-}
-export declare const CalendarMonth: import("react").ForwardRefExoticComponent<Omit<CalendarMonthProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/calendar/internal/CalendarNavigation.d.ts

@@ -1,16 +0,0 @@
-import { type ButtonProps, type DropdownProps } from "@salt-ds/core";
-import { type ComponentPropsWithRef } from "react";
-import { type DateValue } from "@internationalized/date";
-type dateDropdownProps = DropdownProps<DateValue>;
-export interface CalendarNavigationProps extends ComponentPropsWithRef<"div"> {
-    MonthDropdownProps?: dateDropdownProps;
-    YearDropdownProps?: dateDropdownProps;
-    onMonthSelect?: dateDropdownProps["onChange"];
-    onYearSelect?: dateDropdownProps["onChange"];
-    borderedDropdown?: dateDropdownProps["bordered"];
-    onNavigateNext?: ButtonProps["onClick"];
-    onNavigatePrevious?: ButtonProps["onClick"];
-    hideYearDropdown?: boolean;
-}
-export declare const CalendarNavigation: import("react").ForwardRefExoticComponent<Omit<CalendarNavigationProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/types/src/calendar/internal/CalendarWeekHeader.d.ts

@@ -1,3 +0,0 @@
-import { type ComponentPropsWithRef } from "react";
-export type CalendarWeekHeaderProps = ComponentPropsWithRef<"div">;
-export declare const CalendarWeekHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/calendar/internal/useFocusManagement.d.ts

@@ -1,9 +0,0 @@
-import { type DateValue } from "@internationalized/date";
-import type { FocusEventHandler, KeyboardEventHandler, MouseEventHandler } from "react";
-export declare function useFocusManagement({ date }: {
-    date: DateValue;
-}): {
-    handleClick: MouseEventHandler<HTMLButtonElement>;
-    handleKeyDown: KeyboardEventHandler<HTMLButtonElement>;
-    handleFocus: FocusEventHandler<HTMLButtonElement>;
-};

package/types/src/calendar/internal/utils.d.ts

@@ -1,15 +0,0 @@
-import { DateFormatter, type DateValue } from "@internationalized/date";
-export declare function getCurrentLocale(): string;
-export declare function getDateFormatter(options?: Intl.DateTimeFormatOptions): DateFormatter;
-export declare function formatDate(date: DateValue, options?: Intl.DateTimeFormatOptions): string;
-export declare function getCalender(): import("@internationalized/date").Calendar;
-type WeekdayFormat = Intl.DateTimeFormatOptions["weekday"];
-export declare function daysForLocale(weekday?: WeekdayFormat): string[];
-export declare function monthsForLocale(currentYear: DateValue): (import("@internationalized/date").CalendarDate | import("@internationalized/date").CalendarDateTime | import("@internationalized/date").ZonedDateTime)[];
-export declare function generateVisibleDays(currentMonth: DateValue): {
-    date: DateValue;
-    dateOfMonth: number;
-    isCurrentMonth: boolean;
-}[];
-export declare function monthDiff(a: DateValue, b: DateValue): number;
-export {};

package/types/src/calendar/useCalendar.d.ts

@@ -1,54 +0,0 @@
-import { type DateValue } from "@internationalized/date";
-import { type SyntheticEvent } from "react";
-import { type UseMultiSelectionCalendarProps, type UseOffsetSelectionCalendarProps, type UseRangeSelectionCalendarProps, type UseSingleSelectionCalendarProps } from "./useSelection";
-interface BaseUseCalendarProps {
-    defaultVisibleMonth?: DateValue;
-    onVisibleMonthChange?: (event: SyntheticEvent, visibleMonth: DateValue) => void;
-    isDayUnselectable?: (date: DateValue) => string | false | undefined;
-    isDayHighlighted?: (date: DateValue) => string | false | undefined;
-    isDayDisabled?: (date: DateValue) => boolean;
-    visibleMonth?: DateValue;
-    hideOutOfRangeDates?: boolean;
-    hideYearDropdown?: boolean;
-    minDate?: DateValue;
-    maxDate?: DateValue;
-}
-export type useCalendarProps = (Omit<UseSingleSelectionCalendarProps, "isDaySelectable"> | Omit<UseMultiSelectionCalendarProps, "isDaySelectable"> | Omit<UseRangeSelectionCalendarProps, "isDaySelectable"> | Omit<UseOffsetSelectionCalendarProps, "isDaySelectable">) & BaseUseCalendarProps;
-export declare function useCalendar(props: useCalendarProps): {
-    state: {
-        selectedDate: DateValue[] | {
-            startDate?: DateValue;
-            endDate?: DateValue;
-        } | import("./useSelection").RangeSelectionValueType | DateValue | null | undefined;
-        hoveredDate: import("@internationalized/date").CalendarDate | import("@internationalized/date").CalendarDateTime | import("@internationalized/date").ZonedDateTime | null | undefined;
-        visibleMonth: DateValue;
-        focusedDate: DateValue;
-        minDate: DateValue | undefined;
-        maxDate: DateValue | undefined;
-        selectionVariant: "default" | "multiselect" | "offset" | "range";
-        hideOutOfRangeDates: boolean | undefined;
-        calendarFocused: boolean;
-    };
-    helpers: {
-        setSelectedDate: (event: SyntheticEvent<HTMLButtonElement>, newSelectedDate: DateValue) => void;
-        isSelected: (date: DateValue) => boolean;
-        setHoveredDate: (event: SyntheticEvent, date: DateValue | null) => void;
-        isHovered: (date: DateValue) => boolean;
-        isSelectedSpan: (date: DateValue) => boolean;
-        isHoveredSpan: (date: DateValue) => boolean;
-        isSelectedStart: (date: DateValue) => boolean;
-        isSelectedEnd: (date: DateValue) => boolean;
-        isHoveredOffset: (date: DateValue) => boolean;
-        setVisibleMonth: (event: SyntheticEvent, newVisibleMonth: DateValue) => void;
-        setFocusedDate: (event: SyntheticEvent, date: DateValue) => void;
-        setCalendarFocused: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-        isDayUnselectable: (date: DateValue) => string | false | undefined;
-        isDayHighlighted: (date: DateValue) => string | false | undefined;
-        isDayDisabled: (date: DateValue) => boolean;
-        isDayVisible: (date: DateValue) => boolean;
-        isOutsideAllowedDates: (date: DateValue) => boolean;
-        isOutsideAllowedMonths: (date: DateValue) => boolean;
-        isOutsideAllowedYears: (date: DateValue) => boolean;
-    };
-};
-export {};

package/types/src/calendar/useCalendarDay.d.ts

@@ -1,22 +0,0 @@
-import { type DateValue } from "@internationalized/date";
-import { type ComponentPropsWithoutRef, type RefObject } from "react";
-export interface DayStatus {
-    outOfRange?: boolean;
-    selected?: boolean;
-    today?: boolean;
-    unselectable?: string | false;
-    highlighted?: string | false;
-    focused?: boolean;
-    disabled?: boolean;
-    hidden?: boolean;
-}
-export interface useCalendarDayProps {
-    date: DateValue;
-    month: DateValue;
-}
-export declare function useCalendarDay({ date, month }: useCalendarDayProps, ref: RefObject<HTMLElement | null>): {
-    status: DayStatus;
-    dayProps: ComponentPropsWithoutRef<"button">;
-    unselectableReason: string | false | undefined;
-    highlightedReason: string | false | undefined;
-};