@salt-ds/lab 1.0.0-alpha.44 → 1.0.0-alpha.46

package/dist-types/date-picker/DatePicker.d.ts

@@ -0,0 +1,70 @@
+import { ChangeEventHandler, ComponentPropsWithoutRef, SyntheticEvent } from "react";
+import { DateValue } from "@internationalized/date";
+import { CalendarProps } from "../calendar";
+export interface DatePickerProps extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue">, Pick<ComponentPropsWithoutRef<"input">, "disabled" | "value" | "defaultValue" | "placeholder"> {
+    inputAriaLabel?: string;
+    /**
+     * Selection variant. Defaults to single select.
+     */
+    selectionVariant?: "default" | "range";
+    /**
+     * If `true`, the component will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The selected date value. Use when the component is controlled.
+     * Can be a single date or an object with start and end dates for range selection.
+     */
+    selectedDate?: DateValue | {
+        startDate?: DateValue;
+        endDate?: DateValue;
+    };
+    /**
+     * The default date value. Use when the component is not controlled.
+     * Can be a single date or an object with start and end dates for range selection.
+     */
+    defaultSelectedDate?: DateValue | {
+        startDate: DateValue;
+        endDate: DateValue;
+    };
+    /**
+     * Props to be passed to the Calendar component.
+     */
+    CalendarProps?: Partial<Omit<CalendarProps, "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onSelectedDateChange">>;
+    /**
+     * Function to format the input value.
+     */
+    dateFormatter?: (input: DateValue | undefined) => string;
+    /**
+     * Callback function triggered when open state changes.
+     */
+    onOpenChange?: (newOpen: boolean) => void;
+    /**
+     * Display or hide the component.
+     */
+    open?: boolean;
+    /**
+     * Helper text to display in the panel
+     */
+    helperText?: string;
+    /**
+     * If `true`, the component is read only.
+     */
+    readOnly?: boolean;
+    /**
+     * Validation status.
+     */
+    validationStatus?: "error" | "warning" | "success";
+    /**
+     * Callback fired when the selected date change.
+     */
+    onSelectionChange?: (event: SyntheticEvent, selectedDate?: DateValue | {
+        startDate?: DateValue;
+        endDate?: DateValue;
+    }) => void;
+    /**
+     * Callback fired when the input value change.
+     */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+}
+export declare const DatePicker: import("react").ForwardRefExoticComponent<DatePickerProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/date-picker/DatePickerContext.d.ts

@@ -0,0 +1,21 @@
+import { UseFloatingUIReturn } from "@salt-ds/core";
+import { DateValue } from "@internationalized/date";
+export interface DatePickerContextValue extends Partial<Pick<UseFloatingUIReturn, "context">> {
+    openState: boolean;
+    setOpen: (newOpen: boolean) => void;
+    disabled: boolean;
+    startDate: DateValue | undefined;
+    defaultStartDate: DateValue | undefined;
+    setStartDate: (newStartDate: DateValue | undefined) => void;
+    startVisibleMonth: DateValue | undefined;
+    setStartVisibleMonth: (newStartDate: DateValue | undefined) => void;
+    endDate: DateValue | undefined;
+    endVisibleMonth: DateValue | undefined;
+    setEndVisibleMonth: (newStartDate: DateValue | undefined) => void;
+    defaultEndDate: DateValue | undefined;
+    setEndDate: (newEndDate: DateValue | undefined) => void;
+    selectionVariant: "default" | "range";
+    getPanelPosition: () => Record<string, unknown>;
+}
+export declare const DatePickerContext: import("react").Context<DatePickerContextValue>;
+export declare function useDatePickerContext(): DatePickerContextValue;

package/dist-types/date-picker/DatePickerPanel.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef, SyntheticEvent } from "react";
+import { CalendarProps } from "../calendar";
+import { DateValue } from "@internationalized/date";
+export interface DatePickerPanelProps extends ComponentPropsWithoutRef<"div"> {
+    onSelect?: (event: SyntheticEvent, selectedDate?: DateValue | {
+        startDate?: DateValue;
+        endDate?: DateValue;
+    }) => void;
+    helperText?: string;
+    CalendarProps?: Partial<Omit<CalendarProps, "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onSelectedDateChange">>;
+}
+export declare const DatePickerPanel: import("react").ForwardRefExoticComponent<DatePickerPanelProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/date-picker/index.d.ts

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

package/dist-types/form-field-legacy/FormActivationIndicator.d.ts

@@ -2,4 +2,4 @@ import { FormFieldLegacyProps as FormFieldProps } from "./FormFieldLegacy";
 export interface FormActivationIndicatorProps extends Pick<FormFieldProps, "validationStatus"> {
     hasIcon?: boolean;
 }
-export declare const FormActivationIndicator: ({ hasIcon, validationStatus, }: FormActivationIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormActivationIndicator: ({ hasIcon, validationStatus, }: FormActivationIndicatorProps) => JSX.Element;

package/dist-types/form-field-legacy/FormHelperText.d.ts

@@ -4,4 +4,4 @@ export declare type FormHelperTextProps<E extends React.ElementType = "p"> = Com
     helperText: FormFieldProps["helperText"];
     helperTextPlacement: FormFieldProps["helperTextPlacement"];
 };
-export declare const FormHelperText: <E extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "p">({ helperText, helperTextPlacement, ...restProps }: FormHelperTextProps<E>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const FormHelperText: <E extends import("react").ElementType<any> = "p">({ helperText, helperTextPlacement, ...restProps }: FormHelperTextProps<E>) => JSX.Element | null;

package/dist-types/form-field-legacy/FormLabel.d.ts

@@ -36,4 +36,4 @@ export interface FormLabelProps extends HTMLAttributes<HTMLLabelElement>, Necess
      */
     tooltipText?: string;
 }
-export declare const FormLabel: ({ label, NecessityIndicator, required, displayedNecessity, hasStatusIndicator, StatusIndicatorProps, validationStatus, necessityText, className, disabled, readOnly, tooltipText, ...restProps }: FormLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormLabel: ({ label, NecessityIndicator, required, displayedNecessity, hasStatusIndicator, StatusIndicatorProps, validationStatus, necessityText, className, disabled, readOnly, tooltipText, ...restProps }: FormLabelProps) => JSX.Element;

package/dist-types/form-field-legacy/NecessityIndicator.d.ts

@@ -15,4 +15,4 @@ export interface NecessityIndicatorOptions {
     necessityText?: ReactNode;
     className?: string;
 }
-export declare const NecessityIndicator: ({ required, children, necessityText: necessityTextProp, displayedNecessity, className, ...restProps }: NecessityIndicatorOptions & HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const NecessityIndicator: ({ required, children, necessityText: necessityTextProp, displayedNecessity, className, ...restProps }: NecessityIndicatorOptions & HTMLAttributes<HTMLSpanElement>) => JSX.Element | null;

package/dist-types/form-field-legacy/StatusIndicator.d.ts

@@ -10,4 +10,4 @@ export interface StatusIndicatorProps extends IconProps {
     TooltipProps?: Partial<TooltipProps>;
     tooltipText?: string;
 }
-export declare const StatusIndicator: (props: StatusIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StatusIndicator: (props: StatusIndicatorProps) => JSX.Element;

package/dist-types/index.d.ts

@@ -13,6 +13,7 @@ export * from "./combo-box-deprecated";
 export * from "./contact-details";
 export * from "./content-status";
 export * from "./date-input";
+export * from "./date-picker";
 export * from "./deck-item";
 export * from "./deck-layout";
 export * from "./dropdown";

package/dist-types/list-deprecated/internal/DescendantContext.d.ts

@@ -1,7 +1,7 @@
 export function DescendantProvider({ items, ...props }: {
     [x: string]: any;
     items: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): JSX.Element;
 export function useDescendant(descendant: any): number;
 export const DescendantContext: React.Context<any>;
 import React from "react";

package/dist-types/list-deprecated/internal/Highlighter.d.ts

@@ -1 +1 @@
-export function Highlighter(props: any): import("react/jsx-runtime").JSX.Element;
+export function Highlighter(props: any): JSX.Element;

package/dist-types/query-input/internal/CategoryList.d.ts

@@ -7,4 +7,4 @@ export interface CategoryListProps {
     highlightedCategoryIndex?: number;
     setHighlightedCategoryIndex: Dispatch<SetStateAction<number>>;
 }
-export declare function CategoryList(props: CategoryListProps): import("react/jsx-runtime").JSX.Element;
+export declare function CategoryList(props: CategoryListProps): JSX.Element;

package/dist-types/query-input/internal/SearchList.d.ts

@@ -9,4 +9,4 @@ export interface SearchListProps {
     visibleCategories: QueryInputCategory[];
     setHighlightedIndex: Dispatch<SetStateAction<number>>;
 }
-export declare function SearchList(props: SearchListProps): import("react/jsx-runtime").JSX.Element;
+export declare function SearchList(props: SearchListProps): JSX.Element;

package/dist-types/query-input/internal/ValueList.d.ts

@@ -9,4 +9,4 @@ export interface ValueListProps {
     highlightedValueIndex?: number;
     setHighlightedValueIndex: Dispatch<SetStateAction<number>>;
 }
-export declare function ValueList(props: ValueListProps): import("react/jsx-runtime").JSX.Element;
+export declare function ValueList(props: ValueListProps): JSX.Element;

package/dist-types/query-input/internal/ValueSelector.d.ts

@@ -20,4 +20,4 @@ export interface ValueSelectorProps {
     setHighlightedCategoryIndex: Dispatch<SetStateAction<number>>;
     setHighlightedValueIndex: Dispatch<SetStateAction<number>>;
 }
-export declare function ValueSelector(props: ValueSelectorProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ValueSelector(props: ValueSelectorProps): JSX.Element | null;

package/dist-types/responsive/overflowUtils.d.ts

@@ -1,6 +1,6 @@
 import { ElementRef, OverflowItem, orientationType } from "./overflowTypes";
 export declare const DropdownPlaceholder: () => null;
-export declare const getDropdownPlaceholder: () => import("react/jsx-runtime").JSX.Element;
+export declare const getDropdownPlaceholder: () => JSX.Element;
 export declare type heightOrWidth = "width" | "height";
 export declare const NO_DATA: {};
 export declare const allExceptOverflowIndicator: (sum: number, m: OverflowItem) => number;

package/dist-types/slider/internal/SliderMarkLabels.d.ts

@@ -4,4 +4,4 @@ export interface SliderMarkLabelsProps {
     max: number;
     marks: SliderMark[];
 }
-export declare function SliderMarkLabels(props: SliderMarkLabelsProps): import("react/jsx-runtime").JSX.Element;
+export declare function SliderMarkLabels(props: SliderMarkLabelsProps): JSX.Element;

package/dist-types/slider/internal/SliderRail.d.ts

@@ -1,3 +1,3 @@
 export interface SliderRailProps {
 }
-export declare function SliderRail(props: SliderRailProps): import("react/jsx-runtime").JSX.Element;
+export declare function SliderRail(props: SliderRailProps): JSX.Element;

package/dist-types/slider/internal/SliderRailMarks.d.ts

@@ -9,4 +9,4 @@ export interface SliderRailMarksProps {
     max: number;
     marks: SliderMark[];
 }
-export declare function SliderRailMarks(props: SliderRailMarksProps): import("react/jsx-runtime").JSX.Element;
+export declare function SliderRailMarks(props: SliderRailMarksProps): JSX.Element;

package/dist-types/slider/internal/SliderSelection.d.ts

@@ -1,4 +1,4 @@
 export interface SliderSelectionProps {
     valueLength: number;
 }
-export declare function SliderSelection({ valueLength }: SliderSelectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function SliderSelection({ valueLength }: SliderSelectionProps): JSX.Element;

package/dist-types/stepped-tracker/SteppedTrackerContext.d.ts

@@ -7,12 +7,12 @@ export interface SteppedTrackerContextType {
 declare type SteppedTrackerProviderProps = Omit<SteppedTrackerContextType, "isWithinSteppedTracker"> & {
     children: ReactNode;
 };
-export declare const SteppedTrackerProvider: ({ activeStep, totalSteps, children, }: SteppedTrackerProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SteppedTrackerProvider: ({ activeStep, totalSteps, children, }: SteppedTrackerProviderProps) => JSX.Element;
 export declare const useSteppedTrackerContext: () => SteppedTrackerContextType;
 export declare const useTrackerStepContext: () => number;
 interface TrackerStepProviderProps {
     stepNumber: number;
     children: ReactNode;
 }
-export declare const TrackerStepProvider: ({ children, stepNumber, }: TrackerStepProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TrackerStepProvider: ({ children, stepNumber, }: TrackerStepProviderProps) => JSX.Element;
 export {};

package/dist-types/stepped-tracker/TrackerConnector/TrackerConnector.d.ts

@@ -5,5 +5,5 @@ interface TrackerConnectorProps {
      */
     state: ConnectorState;
 }
-export declare const TrackerConnector: ({ state }: TrackerConnectorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TrackerConnector: ({ state }: TrackerConnectorProps) => JSX.Element;
 export {};

package/dist-types/stepper-input/StepperInput.d.ts

@@ -1,22 +1,53 @@
-import React from "react";
-import { ButtonProps } from "@salt-ds/core";
-import { InputLegacyProps as InputProps } from "../input-legacy";
-export interface StepperInputProps {
-    ButtonProps?: Partial<ButtonProps>;
-    InputProps?: Partial<InputProps>;
+import { FocusEventHandler } from "react";
+import { InputProps } from "@salt-ds/core";
+export interface StepperInputProps extends Omit<InputProps, "onChange" | "emptyReadOnlyMarker"> {
+    /**
+     * A multiplier applied to the `step` when the value is incremented or decremented using the PageDown/PageUp keys.
+     */
     block?: number;
-    className?: string;
+    /**
+     * The number of decimal places to display.
+     */
     decimalPlaces?: number;
+    /**
+     * Sets the initial default value of the component.
+     */
     defaultValue?: number;
-    liveValue?: number;
+    /**
+     * The maximum value that can be selected.
+     */
     max?: number;
+    /**
+     * The minimum value that can be selected.
+     */
     min?: number;
-    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
-    onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    /**
+     * Whether to hide the stepper buttons. Defaults to `false`.
+     */
+    hideButtons?: boolean;
+    /**
+     * Callback when stepper input loses focus.
+     */
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    /**
+     * Callback when stepper input value is changed.
+     */
     onChange?: (changedValue: number | string) => void;
-    showRefreshButton?: boolean;
+    /**
+     * Callback when stepper input gains focus.
+     */
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    /**
+     * The amount to increment or decrement the value by when using the stepper buttons or Up Arrow and Down Arrow keys.
+     */
     step?: number;
+    /**
+     * Determines the text alignment of the display value.
+     */
     textAlign?: "center" | "left" | "right";
+    /**
+     * The value of the stepper input. The component will be controlled if this prop is provided.
+     */
     value?: number | string;
 }
-export declare const StepperInput: React.ForwardRefExoticComponent<StepperInputProps & React.RefAttributes<HTMLDivElement>>;
+export declare const StepperInput: import("react").ForwardRefExoticComponent<StepperInputProps & import("react").RefAttributes<HTMLDivElement>>;