@veeqo/ui 6.1.0 → 6.3.0

package/dist/components/DateInputField/DateInputField.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DateInputFieldProps } from './types';
+export declare const DateInputField: ({ id, className, style, shouldForceLeadingZeros, rightAction, minValue, maxvalue, startValue, endValue, isDisabled, isReadOnly, isRangeInput, hasError, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy, onChange, onChangeStartDate, onChangeEndDate, }: DateInputFieldProps) => React.JSX.Element;

package/dist/components/DateInputField/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const DateInputField: import("react").FC<import("./types").DateInputFieldProps & import("../../hoc/withLabels/withLabels").WithLabelsProps>;

package/dist/components/{DateRangeInput/DateRangeInput.d.ts → DateInputField/types.d.ts}

@@ -1,21 +1,34 @@
-import React, { CSSProperties } from 'react';
+import { CSSProperties } from 'react';
 import { DateValue } from 'react-aria-components';
-export type DateRangeInputProps = {
+import { ButtonProps } from '../Button/types';
+type DateInputRangeProps = {
+    isRangeInput: true;
+    onChangeStartDate: (value: DateValue) => void;
+    onChangeEndDate: (value: DateValue) => void;
+    onChange?: (value: DateValue) => void;
+};
+type DateInputSingleProps = {
+    isRangeInput?: false;
+    onChange: (value: DateValue) => void;
+    onChangeStartDate?: (value: DateValue) => void;
+    onChangeEndDate?: (value: DateValue) => void;
+};
+export type DateInputFieldProps = {
     id?: string;
     className?: string;
     style?: CSSProperties;
     shouldForceLeadingZeros?: boolean;
-    hasError?: boolean;
+    rightAction?: ButtonProps;
     startValue?: DateValue | null;
     endValue?: DateValue | null;
     minValue?: DateValue;
     maxvalue?: DateValue;
     isDisabled?: boolean;
     isReadOnly?: boolean;
+    isRangeInput?: boolean;
+    hasError?: boolean;
     'aria-label'?: string;
     'aria-labelledby'?: string;
     'aria-describedby'?: string;
-    onChangeStartDate: (value: DateValue) => void;
-    onChangeEndDate: (value: DateValue) => void;
-};
-export declare const DateRangeInput: ({ id, className, style, shouldForceLeadingZeros, hasError, minValue, maxvalue, startValue, endValue, isDisabled, isReadOnly, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy, onChangeStartDate, onChangeEndDate, }: DateRangeInputProps) => React.JSX.Element;
+} & (DateInputRangeProps | DateInputSingleProps);
+export {};

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { DateRangePickerProps } from './types';
-export declare const DateRangePicker: ({ className, style, isDisabled, isMultiMonth, showDatePresets, onReset, disabledRanges, selectedPreset, setSelectedPreset, selectedRange, setSelectedRange, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, ...previousPeriodProps }: DateRangePickerProps) => React.JSX.Element;
+export declare const DateRangePicker: ({ className, style, isDisabled, showDatePresets, onReset, disabledRanges, selectedPreset, setSelectedPreset, selectedRange, setSelectedRange, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, ...previousPeriodProps }: DateRangePickerProps) => React.JSX.Element;

package/dist/components/DateRangePicker/types.d.ts

@@ -7,7 +7,6 @@ export type DateRangePickerProps = {
     style?: CSSProperties;
     className?: string;
     isDisabled?: boolean;
-    isMultiMonth?: boolean;
     showDatePresets?: boolean;
     onReset?: () => void;
     disabledRanges?: CalendarDate[][];

package/dist/components/RangeCalendar/RangeCalendar.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
+import type { DateRange, DateValue, RangeCalendarProps } from 'react-aria-components';
 import { CalendarDate } from '@internationalized/date';
-import type { DateValue, RangeCalendarProps } from 'react-aria-components';
-export type CalendarProps = RangeCalendarProps<DateValue> & React.RefAttributes<HTMLDivElement> & {
+export type CalendarProps = RangeCalendarProps<DateValue> & {
+    value: DateRange | null | undefined;
+    onChange?: RangeCalendarProps<DateValue>['onChange'];
+} & React.RefAttributes<HTMLDivElement> & {
     'aria-label': string;
-    isMultiMonth?: boolean;
     disabledRanges?: CalendarDate[][];
     disallowWeekends?: boolean;
 };
-export declare const RangeCalendar: ({ disabledRanges, disallowWeekends, isMultiMonth, ...props }: CalendarProps) => React.JSX.Element;
+export declare const RangeCalendar: ({ disabledRanges, disallowWeekends, value, onChange, ...props }: CalendarProps) => React.JSX.Element;

package/dist/components/RangeCalendar/components/CalendarGrid/CalendarGrid.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { CalendarLevel } from '../../types';
+type CalendarGridProps = {
+    level: CalendarLevel;
+    currentYear: number;
+    onFocusYear: (year: number) => () => void;
+    onFocusMonth: (month: number) => () => void;
+};
+export declare const CalendarGrid: ({ level, currentYear, onFocusMonth, onFocusYear, }: CalendarGridProps) => React.JSX.Element;
+export {};

package/dist/components/RangeCalendar/components/CalendarGrid/index.d.ts

@@ -0,0 +1 @@
+export { CalendarGrid } from './CalendarGrid';

package/dist/components/RangeCalendar/components/CalendarGrid/subCalendars/DodecadeCalendar.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type DodecadeCalendarProps = {
+    currentYear: number;
+    onFocusYear: (year: number) => () => void;
+};
+export declare const DodecadeCalendar: ({ currentYear, onFocusYear }: DodecadeCalendarProps) => React.JSX.Element;
+export {};

package/dist/components/RangeCalendar/components/CalendarGrid/subCalendars/DodecadeCalendar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/RangeCalendar/components/{CalendarGrid.d.ts → CalendarGrid/subCalendars/MonthCalendar.d.ts}

@@ -1,3 +1,3 @@
 import React from 'react';
 import { CalendarGridProps } from 'react-aria-components';
-export declare const CalendarGrid: (props: CalendarGridProps) => React.JSX.Element;
+export declare const MonthCalendar: (props: CalendarGridProps) => React.JSX.Element;

package/dist/components/RangeCalendar/components/CalendarGrid/subCalendars/YearCalendar.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type MonthCalendarProps = {
+    onFocusMonth: (monthIndex: number) => () => void;
+};
+export declare const YearCalendar: ({ onFocusMonth }: MonthCalendarProps) => React.JSX.Element;
+export {};

package/dist/components/RangeCalendar/components/CalendarGrid/subCalendars/YearCalendar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/RangeCalendar/components/CalendarGrid/subCalendars/index.d.ts

@@ -0,0 +1,3 @@
+export { DodecadeCalendar } from './DodecadeCalendar';
+export { YearCalendar } from './YearCalendar';
+export { MonthCalendar } from './MonthCalendar';

package/dist/components/RangeCalendar/components/CalendarGrid/subCalendars/styled.d.ts

@@ -0,0 +1 @@
+export declare const SubCalendarOption: import("styled-components").StyledComponent<"button", any, {}, never>;

package/dist/components/RangeCalendar/components/CalendarGrid/subCalendars/utils.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Gets a range of years around a given year.
+ * @param year The year to get the range around.
+ * @returns An array of years around the given year.
+ */
+export declare const getYearsAround: (year: number) => number[];

package/dist/components/RangeCalendar/components/CalendarHeader.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { CalendarLevel } from '../types';
+type CalendarHeaderProps = {
+    level: CalendarLevel;
+    currentYear: number;
+    handleSwitchLevel: () => void;
+};
+export declare const CalendarHeader: ({ level, currentYear, handleSwitchLevel }: CalendarHeaderProps) => React.JSX.Element;
+export {};

package/dist/components/RangeCalendar/components/CalendarHeading.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { HeadingProps } from 'react-aria-components';
+import { CalendarLevel } from '../types';
+export declare const CalendarHeading: React.ForwardRefExoticComponent<HeadingProps & {
+    level: CalendarLevel;
+    currentYear: number;
+} & React.RefAttributes<HTMLHeadingElement>>;

package/dist/components/RangeCalendar/components/utils.d.ts

@@ -1,2 +1,8 @@
 import type { TextStyles } from '../../../theme/modules/text';
 export declare const getTextStyles: (textTheme: TextStyles) => string;
+/**
+ * Replaces all words with the first three letter of that word. All numbers are left alone.
+ *
+ * @example "January 2023" => "Jan 2023"
+ */
+export declare const trimMonths: (dateString: string) => string;

package/dist/components/RangeCalendar/data/constants.d.ts

@@ -0,0 +1,4 @@
+import { DateDuration } from '@internationalized/date';
+import { CalendarLevel } from '../types';
+export declare const visibleDurationMap: Record<CalendarLevel, DateDuration>;
+export declare const levelMoveLabelMap: Record<CalendarLevel, string>;

package/dist/components/RangeCalendar/data/useRangeCalendar.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { CalendarDate } from '@internationalized/date';
+import { DateRange, DateValue } from 'react-aria-components';
+import { CalendarLevel } from '../types';
+export declare const useRangeCalendarState: (initialValue: DateRange | null | undefined, disabledRanges: CalendarDate[][], disallowWeekends: boolean) => {
+    level: CalendarLevel;
+    focusedDate: CalendarDate | import("@internationalized/date").CalendarDateTime | import("@internationalized/date").ZonedDateTime;
+    setFocusedDate: import("react").Dispatch<import("react").SetStateAction<CalendarDate | import("@internationalized/date").CalendarDateTime | import("@internationalized/date").ZonedDateTime>>;
+    currentYear: number;
+    isDateUnavailable: (date: DateValue) => boolean;
+    onFocusMonth: (monthIndex: number) => () => void;
+    onFocusYear: (year: number) => () => void;
+    handleSwitchLevel: () => void;
+};

package/dist/components/RangeCalendar/types.d.ts

@@ -0,0 +1,5 @@
+export declare enum CalendarLevel {
+    DODECADE = 0,
+    YEAR = 1,
+    MONTH = 2
+}

package/dist/components/index.d.ts

@@ -16,7 +16,7 @@ export { Checkbox } from './Checkbox';
 export { Choice } from './Choice';
 export { ChoiceList } from './ChoiceList';
 export { CopyToClipboard } from './CopyToClipboard';
-export { DateRangeInput } from './DateRangeInput';
+export { DateInputField } from './DateInputField';
 export { DateRangePicker, DATE_RANGE_OPTIONS, DEFAULT_PRESET, DEFAULT_RANGE, DateRanges, checkIfDateRangeInvalid, getDateRange, } from './DateRangePicker';
 export { DataTable, useCellWidths, useColumns, useDragToScroll, useNested, useScrollPosition, useSelection, } from './DataTable';
 export { DescriptionList } from './DescriptionList';