@veeqo/ui 5.8.0 → 5.9.0

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

@@ -0,0 +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;

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { SelectOption } from '../../Select/Select';
+export type ComparePreviousPeriodProps = {
+    options?: SelectOption[];
+    selectedPreviousPeriod: SelectOption | null;
+    setSelectedPreviousPeriod: (selected: SelectOption | null) => void;
+};
+export declare const ComparePreviousPeriod: ({ options, selectedPreviousPeriod, setSelectedPreviousPeriod, }: ComparePreviousPeriodProps) => React.JSX.Element;

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

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

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

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

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

@@ -0,0 +1,4 @@
+export declare const DEFAULT_PREVIOUS_PERIOD_OPTIONS: {
+    label: string;
+    value: string;
+}[];

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

@@ -0,0 +1,25 @@
+import { CalendarDate } from '@internationalized/date';
+import { DateRange } from 'react-aria-components';
+import { SelectOption } from '../Select/Select';
+export declare enum DateRanges {
+    TODAY = "TODAY",
+    YESTERDAY = "YESTERDAY",
+    LAST_7_DAYS = "LAST_7_DAYS",
+    LAST_30_DAYS = "LAST_30_DAYS",
+    LAST_90_DAYS = "LAST_90_DAYS",
+    LAST_MONTH = "LAST_MONTH",
+    LAST_12_MONTHS = "LAST_12_MONTHS",
+    WEEK_TO_DATE = "WEEK_TO_DATE",
+    MONTH_TO_DATE = "MONTH_TO_DATE",
+    YEAR_TO_DATE = "YEAR_TO_DATE"
+}
+export declare const timeRangeToDateRange: (range: DateRange) => {
+    start: CalendarDate;
+    end: CalendarDate;
+};
+export declare const getDateRange: (option: DateRanges) => DateRange | null;
+export declare const DATE_RANGE_OPTIONS: SelectOption[];
+export declare const checkForMatchingPreset: (selectedRange: DateRange) => SelectOption | undefined;
+export declare const DEFAULT_SELECTION = DateRanges.LAST_30_DAYS;
+export declare const DEFAULT_RANGE: DateRange | null;
+export declare const DEFAULT_PRESET: SelectOption;

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

@@ -0,0 +1,2 @@
+export { DateRangePicker } from './DateRangePicker';
+export { checkIfDateRangeInvalid } from './utils';

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

@@ -0,0 +1,37 @@
+import { CSSProperties } from 'react';
+import type { DateRange } from 'react-aria-components';
+import { CalendarDate } from '@internationalized/date';
+import { ComparePreviousPeriodProps } from './components/ComparePreviousPeriod';
+import { SelectOption } from '../Select/Select';
+export type DateRangePickerProps = {
+    style?: CSSProperties;
+    className?: string;
+    isDisabled?: boolean;
+    isMultiMonth?: boolean;
+    showDatePresets?: boolean;
+    onReset?: () => void;
+    disabledRanges?: CalendarDate[][];
+    selectedPreset: SelectOption;
+    setSelectedPreset: (selected: SelectOption) => void;
+    selectedRange: DateRange | null;
+    setSelectedRange: (selected: DateRange | null) => void;
+} & PreviousPeriodProps & RequiredLabel;
+type RequiredLabel = {
+    'aria-describedby': string;
+    'aria-label'?: string;
+} | {
+    'aria-describedby'?: string;
+    'aria-label': string;
+};
+type PreviousPeriodProps = {
+    showPreviousPeriod: true;
+    previousPeriodOptions?: ComparePreviousPeriodProps['options'];
+    selectedPreviousPeriod: ComparePreviousPeriodProps['selectedPreviousPeriod'];
+    setSelectedPreviousPeriod: ComparePreviousPeriodProps['setSelectedPreviousPeriod'];
+} | {
+    showPreviousPeriod?: false;
+    previousPeriodOptions?: ComparePreviousPeriodProps['options'];
+    selectedPreviousPeriod?: ComparePreviousPeriodProps['selectedPreviousPeriod'];
+    setSelectedPreviousPeriod?: ComparePreviousPeriodProps['setSelectedPreviousPeriod'];
+};
+export {};

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

@@ -0,0 +1,6 @@
+import { CalendarDate } from '@internationalized/date';
+import { DateRange } from 'react-aria-components';
+export declare const checkIfDateRangeInvalid: ({ disabledRanges, selectedRange, }: {
+    disabledRanges?: CalendarDate[][] | undefined;
+    selectedRange: DateRange | null;
+}) => boolean;

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

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

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

@@ -19,12 +19,12 @@ type DefaultHeaderOptions = {
     headerTitle: string;
     headerSubtitle?: string;
 };
-type ModalAction = {
+export type Action = {
     label: string;
 } & ButtonProps;
 type DefaultFooterOptions = {
-    leftActions?: ModalAction[];
-    rightActions?: ModalAction[];
+    leftActions?: Action[];
+    rightActions?: Action[];
 };
 type HeaderOptions = WithHeaderSlot | DefaultHeaderOptions;
 type FooterOptions = WithFooterSlot | DefaultFooterOptions;

package/dist/components/Popover/Popover.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { PopoverProps } from './types';
-export declare const Popover: ({ id: passedId, children, zIndex, placement, anchorElement, rootElementRef, onShouldClose, style, disableFocusLock, removeBackdrop, ...dialogProps }: PopoverProps) => React.JSX.Element;
+export declare const Popover: ({ id: passedId, children, zIndex, placement, anchorElement, rootElementRef, onShouldClose, style, disableFocusLock, removeBackdrop, useAnchorWidth, ...dialogProps }: PopoverProps) => React.JSX.Element;

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

@@ -5,6 +5,7 @@ export type PopoverProps = DialogHTMLAttributes<HTMLDialogElement> & {
     zIndex?: number;
     placement?: Placement;
     anchorElement: HTMLElement | null;
+    useAnchorWidth?: boolean;
     rootElementRef?: HTMLElement;
     /**
      * Will disable the focus lock if set to true, use only if taking manual control of focus.

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

@@ -1,11 +1,10 @@
 import React from 'react';
 import { CalendarDate } from '@internationalized/date';
 import type { DateValue, RangeCalendarProps } from 'react-aria-components';
-type CalendarProps = RangeCalendarProps<DateValue> & React.RefAttributes<HTMLDivElement> & {
+export type CalendarProps = RangeCalendarProps<DateValue> & 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 {};

package/dist/components/Select/Select.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
-type SelectOption = {
+export type SelectOption = {
     label: string;
     value: string;
     disabled?: boolean;
+    hidden?: boolean;
 };
 export interface SelectProps {
     id?: string;
@@ -15,4 +16,3 @@ export interface SelectProps {
     onChange?: (value: string) => void;
 }
 export declare const Select: React.FC<SelectProps & React.RefAttributes<HTMLSelectElement> & import("../../hoc/withLabels/withLabels").WithLabelsProps>;
-export {};

package/dist/components/Toggle/styled.d.ts

@@ -4,7 +4,7 @@ declare const Slider: import("styled-components").StyledComponent<"span", any, {
     disabled?: boolean | undefined;
 }, never>;
 declare const Input: import("styled-components").StyledComponent<"input", any, {}, never>;
-declare const Switch: import("styled-components").StyledComponent<"label", any, ToggleProps, never>;
+declare const Switch: import("styled-components").StyledComponent<"span", any, ToggleProps, never>;
 declare const Wrapper: import("styled-components").StyledComponent<"div", any, {
     disabled?: boolean | undefined;
 }, never>;

package/dist/components/index.d.ts

@@ -16,6 +16,7 @@ export { Choice } from './Choice';
 export { ChoiceList } from './ChoiceList';
 export { CopyToClipboard } from './CopyToClipboard';
 export { DateRangeInput } from './DateRangeInput';
+export { DateRangePicker, checkIfDateRangeInvalid } from './DateRangePicker';
 export { DataTable, useCellWidths, useColumns, useDragToScroll, useNested, useScrollPosition, useSelection, } from './DataTable';
 export { DescriptionList } from './DescriptionList';
 export { DetailPage } from './DetailPage';