@salt-ds/lab 1.0.0-alpha.51 → 1.0.0-alpha.53

package/dist-es/stepper-input/internal/useSpinner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSpinner.js","sources":["../src/stepper-input/internal/useSpinner.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { useInterval } from \"./useInterval\";\n\nconst INTERVAL_DELAY = 300;\n\nfunction useSpinner(activationFn: () => void, isAtLimit: boolean) {\n  const [buttonDown, setButtonDown] = useState(false);\n\n  useEffect(() => {\n    if (isAtLimit) setButtonDown(false);\n  }, [isAtLimit]);\n\n  useEffect(() => {\n    const cancelInterval = () => setButtonDown(false);\n\n    window.addEventListener(\"keyup\", cancelInterval);\n    window.addEventListener(\"mouseup\", cancelInterval);\n    return () => {\n      window.removeEventListener(\"keyup\", cancelInterval);\n      window.removeEventListener(\"mouseup\", cancelInterval);\n    };\n  }, []);\n\n  const activate = () => {\n    activationFn();\n    setButtonDown(true);\n  };\n\n  useInterval(activationFn, buttonDown ? INTERVAL_DELAY : null);\n\n  return { activate, buttonDown };\n}\n\nexport { useSpinner };\n"],"names":[],"mappings":";;;AAIA,MAAM,cAAiB,GAAA,GAAA,CAAA;AAEvB,SAAS,UAAA,CAAW,cAA0B,SAAoB,EAAA;AAChE,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAElD,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,SAAA;AAAW,MAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAAA,GACpC,EAAG,CAAC,SAAS,CAAC,CAAA,CAAA;AAEd,EAAA,SAAA,CAAU,MAAM;AACd,IAAM,MAAA,cAAA,GAAiB,MAAM,aAAA,CAAc,KAAK,CAAA,CAAA;AAEhD,IAAO,MAAA,CAAA,gBAAA,CAAiB,SAAS,cAAc,CAAA,CAAA;AAC/C,IAAO,MAAA,CAAA,gBAAA,CAAiB,WAAW,cAAc,CAAA,CAAA;AACjD,IAAA,OAAO,MAAM;AACX,MAAO,MAAA,CAAA,mBAAA,CAAoB,SAAS,cAAc,CAAA,CAAA;AAClD,MAAO,MAAA,CAAA,mBAAA,CAAoB,WAAW,cAAc,CAAA,CAAA;AAAA,KACtD,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,MAAM,WAAW,MAAM;AACrB,IAAa,YAAA,EAAA,CAAA;AACb,IAAA,aAAA,CAAc,IAAI,CAAA,CAAA;AAAA,GACpB,CAAA;AAEA,EAAY,WAAA,CAAA,YAAA,EAAc,UAAa,GAAA,cAAA,GAAiB,IAAI,CAAA,CAAA;AAE5D,EAAO,OAAA,EAAE,UAAU,UAAW,EAAA,CAAA;AAChC;;;;"}

package/dist-types/calendar/internal/CalendarCarousel.d.ts

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

package/dist-types/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";
-declare 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/dist-types/calendar/internal/CalendarWeekHeader.d.ts

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

package/dist-types/calendar/useSelection.d.ts

@@ -1,78 +0,0 @@
-import { CalendarDate, type DateValue } from "@internationalized/date";
-import type { KeyboardEventHandler, MouseEventHandler, SyntheticEvent } from "react";
-interface BaseUseSelectionCalendarProps<SelectionVariantType> {
-    hoveredDate?: DateValue | null;
-    selectedDate?: SelectionVariantType | null;
-    defaultSelectedDate?: SelectionVariantType;
-    onSelectedDateChange?: (event: SyntheticEvent, selectedDate: SelectionVariantType) => void;
-    isDaySelectable: (date?: DateValue) => boolean;
-    onHoveredDateChange?: (event: SyntheticEvent, hoveredDate: DateValue | null) => void;
-}
-export declare type SingleSelectionValueType = DateValue;
-declare type MultiSelectionValueType = DateValue[];
-export declare type RangeSelectionValueType = {
-    startDate?: DateValue;
-    endDate?: DateValue;
-};
-declare type OffsetSelectionValueType = {
-    startDate?: DateValue;
-    endDate?: DateValue;
-};
-declare type AllSelectionValueType = SingleSelectionValueType | MultiSelectionValueType | RangeSelectionValueType | OffsetSelectionValueType | null;
-export interface UseOffsetSelectionCalendarProps extends Omit<BaseUseSelectionCalendarProps<OffsetSelectionValueType>, "startDateOffset" | "endDateOffset"> {
-    selectionVariant: "offset";
-    startDateOffset?: (date: DateValue) => DateValue;
-    endDateOffset?: (date: DateValue) => DateValue;
-}
-export interface UseRangeSelectionCalendarProps extends BaseUseSelectionCalendarProps<RangeSelectionValueType> {
-    selectionVariant: "range";
-}
-export interface UseMultiSelectionCalendarProps extends BaseUseSelectionCalendarProps<MultiSelectionValueType> {
-    selectionVariant: "multiselect";
-}
-export interface UseSingleSelectionCalendarProps extends BaseUseSelectionCalendarProps<SingleSelectionValueType> {
-    selectionVariant: "default";
-}
-export declare type useSelectionCalendarProps = UseSingleSelectionCalendarProps | UseMultiSelectionCalendarProps | UseRangeSelectionCalendarProps | UseOffsetSelectionCalendarProps;
-export declare function isRangeOrOffsetSelectionValue(selectionValue?: AllSelectionValueType): selectionValue is RangeSelectionValueType | OffsetSelectionValueType;
-export declare function isRangeOrOffsetSelectionWithStartDate(selectionValue?: AllSelectionValueType): selectionValue is RangeSelectionValueType | OffsetSelectionValueType;
-export declare function useSelectionCalendar(props: useSelectionCalendarProps): {
-    state: {
-        selectedDate: CalendarDate | import("@internationalized/date").CalendarDateTime | import("@internationalized/date").ZonedDateTime | RangeSelectionValueType | OffsetSelectionValueType | MultiSelectionValueType | null | undefined;
-        hoveredDate: CalendarDate | import("@internationalized/date").CalendarDateTime | import("@internationalized/date").ZonedDateTime | null | undefined;
-    };
-    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;
-    };
-};
-export declare function useSelectionDay({ date }: {
-    date: DateValue;
-}): {
-    handleClick: MouseEventHandler<HTMLButtonElement>;
-    handleKeyDown: KeyboardEventHandler<HTMLButtonElement>;
-    handleMouseOver: MouseEventHandler<HTMLButtonElement>;
-    handleMouseLeave: MouseEventHandler<HTMLButtonElement>;
-    status: {
-        selected: boolean;
-        selectedSpan: boolean;
-        hoveredSpan: boolean;
-        selectedStart: boolean;
-        selectedEnd: boolean;
-        hovered: boolean;
-        hoveredOffset: boolean;
-    };
-    dayProps: {
-        className: string;
-        "aria-pressed": string | undefined;
-        "aria-disabled": string | undefined;
-    };
-};
-export {};

package/dist-types/date-input/DateInput.d.ts

@@ -1,60 +0,0 @@
-import { type ChangeEvent, type ComponentPropsWithoutRef, type InputHTMLAttributes, type ReactNode, type RefObject, type SyntheticEvent } from "react";
-import { type DateValue } from "@internationalized/date";
-import { type RangeSelectionValueType, type SingleSelectionValueType } from "../calendar";
-export interface DateInputProps<SelectionVariantType> extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue" | "onChange">, Pick<ComponentPropsWithoutRef<"input">, "disabled" | "placeholder"> {
-    ariaLabel?: string;
-    /**
-     * The marker to use in an empty read only DateInput.
-     * Use `''` to disable this feature. Defaults to '—'.
-     */
-    emptyReadOnlyMarker?: string;
-    /**
-     * End adornment component
-     */
-    endAdornment?: ReactNode;
-    /**
-     * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes) applied to the `input` elements.
-     */
-    inputProps?: InputHTMLAttributes<HTMLInputElement>;
-    /**
-     * If `true`, the component is read only.
-     */
-    readOnly?: boolean;
-    /**
-     * Validation status.
-     */
-    validationStatus?: "error" | "warning" | "success";
-    /**
-     * Styling variant. Defaults to "primary".
-     */
-    variant?: "primary" | "secondary";
-    /**
-     * Styling variant with full border. Defaults to false
-     */
-    bordered?: boolean;
-    /**
-     * Function to format the input value.
-     */
-    dateFormatter?: (input: DateValue | undefined) => string;
-    /**
-     * Reference for the startInput;
-     */
-    startInputRef?: RefObject<HTMLInputElement>;
-    /**
-     * Reference for the endInput;
-     */
-    endInputRef?: RefObject<HTMLInputElement>;
-    /**
-     * Selection variant. Defaults to single select.
-     */
-    selectionVariant?: "default" | "range";
-    /**
-     * Callback fired when the selected date change.
-     */
-    onSelectionChange?: (event: SyntheticEvent, selectedDate?: SelectionVariantType) => void;
-    /**
-     * Callback fired when the input value change.
-     */
-    onChange?: SelectionVariantType extends SingleSelectionValueType ? (event: ChangeEvent<HTMLInputElement>, selectedDateInputValue?: string) => void : (event: ChangeEvent<HTMLInputElement>, startDateInputValue?: string, endDateInputValue?: string) => void;
-}
-export declare const DateInput: import("react").ForwardRefExoticComponent<DateInputProps<DateValue | RangeSelectionValueType> & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -1,11 +0,0 @@
-import type { CSSProperties } from "react";
-export interface SliderHandleProps {
-    min: number;
-    max: number;
-    value: number;
-    index: number;
-    disabled: boolean;
-    valueLength: number;
-    style: CSSProperties;
-}
-export declare function SliderHandle(props: SliderHandleProps): JSX.Element;

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

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

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

@@ -1 +0,0 @@
-export declare function SliderRail(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +0,0 @@
-import { type ReactNode } from "react";
-export interface LabeledMark {
-    value: number;
-    label: ReactNode;
-}
-export declare type SliderMark = number | LabeledMark;
-export interface SliderRailMarksProps {
-    min: number;
-    max: number;
-    marks: SliderMark[];
-}
-export declare function SliderRailMarks(props: SliderRailMarksProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +0,0 @@
-import type { CSSProperties } from "react";
-import type { SliderValue } from "../types";
-import type { SliderMark } from "./SliderRailMarks";
-export declare function createTrackStyle(min: number, max: number, value: SliderValue): CSSProperties;
-export declare function createHandleStyles(count: number): {
-    gridColumnStart: string;
-}[];
-export declare function createSliderRailMarksStyle(min: number, max: number, marks: SliderMark[]): CSSProperties;
-export declare function createSliderMarkLabelsStyle(min: number, max: number, marks: SliderMark[]): CSSProperties;
-export declare function createSliderMarkLabelStyles(marks: SliderMark[]): CSSProperties[];

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

@@ -1,4 +0,0 @@
-import type { KeyboardEvent } from "react";
-import type { SliderChangeHandler, SliderValue } from "../types";
-import { type UpdateValueItem } from "./utils";
-export declare function useSliderKeyDown(value: SliderValue, min: number, max: number, pageStep: number, step: number, updateValueItem: UpdateValueItem, setValue: SliderChangeHandler, onChange?: SliderChangeHandler): (event: KeyboardEvent) => void;

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

@@ -1,4 +0,0 @@
-import { type MouseEvent as ReactMouseEvent, type RefObject } from "react";
-import type { SliderChangeHandler, SliderValue } from "../types";
-import { type UpdateValueItem } from "./utils";
-export declare function useSliderMouseDown(trackRef: RefObject<HTMLDivElement>, value: SliderValue, min: number, max: number, step: number, updateValueItem: UpdateValueItem, setValue: SliderChangeHandler, onChange?: SliderChangeHandler): (event: ReactMouseEvent) => void;

package/dist-types/stepper-input/internal/useSpinner.d.ts

@@ -1,5 +0,0 @@
-declare function useSpinner(activationFn: () => void, isAtLimit: boolean): {
-    activate: () => void;
-    buttonDown: boolean;
-};
-export { useSpinner };