@veeqo/ui 8.0.0 → 8.2.0

package/dist/components/Button/Button.d.ts

@@ -6,4 +6,5 @@ export declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAtt
     iconSlot?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
+    contentStyles?: React.CSSProperties | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,4 +1,4 @@
-import { ReactNode, ButtonHTMLAttributes, ReactElement } from 'react';
+import { ReactNode, ButtonHTMLAttributes, ReactElement, CSSProperties } from 'react';
 export type ButtonVariant = 'default' | 'destructive' | 'primary' | 'primaryDestructive' | 'flat' | 'link' | 'unstyled';
 /**
  * Button properties.
@@ -15,4 +15,6 @@ export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     dropdown?: boolean;
     /** Renders a loading indicator inside the button */
     loading?: boolean;
+    /** Additional styles for mainContent */
+    contentStyles?: CSSProperties;
 };

package/dist/components/Calendars/components/Calendar/Calendar.d.ts

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

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

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

package/dist/components/Calendars/data/useIsDateUnavailable.d.ts

@@ -1,10 +1,7 @@
-import { DateValue } from 'react-aria-components';
-import { CalendarDate } from '@internationalized/date';
-type UseIsDateUnavailableParams = {
-    disabledRanges: CalendarDate[][];
-    disallowWeekends: boolean;
+import { DateValue } from '@internationalized/date';
+import { DateRange } from 'react-aria-components';
+import { DateValidationProps } from 'src/components/DateInputField/types';
+export declare const useIsDateUnavailable: ({ disabledRanges, disallowWeekends, minValue, maxValue, }: DateValidationProps) => {
+    isDateUnavailable: (date: DateValue | null) => boolean;
+    isDateRangeUnavailable: (selectedRange: DateRange | null) => boolean;
 };
-export declare const useIsDateUnavailable: ({ disabledRanges, disallowWeekends, }: UseIsDateUnavailableParams) => {
-    isDateUnavailable: (date: DateValue) => boolean;
-};
-export {};

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

@@ -1,2 +1,3 @@
 export { RangeCalendar } from './components/RangeCalendar';
 export { Calendar } from './components/Calendar';
+export { useIsDateUnavailable } from './data/useIsDateUnavailable';

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

@@ -1,3 +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;
+export declare const DateInputField: ({ id, className, style, shouldForceLeadingZeros, rightAction, startValue, endValue, isDisabled, isReadOnly, isRangeInput, hasError, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy, onChange, onChangeStartDate, onChangeEndDate, rangeRef, rightActionRef, ...validationProps }: DateInputFieldProps) => React.JSX.Element;

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

@@ -1,19 +1,14 @@
 import { CSSProperties } from 'react';
 import { DateValue } from 'react-aria-components';
+import { CalendarDate } from '@internationalized/date';
 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 DateValidationProps = {
+    minValue?: DateValue;
+    maxValue?: DateValue;
+    disabledRanges?: CalendarDate[][] | undefined;
+    disallowWeekends?: boolean | undefined;
 };
-export type DateInputFieldProps = {
+type CommonDateInputProps = {
     id?: string;
     className?: string;
     style?: CSSProperties;
@@ -21,14 +16,26 @@ export type DateInputFieldProps = {
     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;
-} & (DateInputRangeProps | DateInputSingleProps);
+    rangeRef?: React.RefObject<HTMLDivElement>;
+    rightActionRef?: React.RefObject<HTMLButtonElement>;
+} & DateValidationProps;
+type DateInputRangeProps = CommonDateInputProps & {
+    isRangeInput: true;
+    onChangeStartDate: (value: DateValue) => void;
+    onChangeEndDate: (value: DateValue) => void;
+    onChange?: never;
+};
+type DateInputSingleProps = CommonDateInputProps & {
+    isRangeInput?: false;
+    onChange: (value: DateValue) => void;
+    onChangeStartDate?: never;
+    onChangeEndDate?: never;
+};
+export type DateInputFieldProps = DateInputRangeProps | DateInputSingleProps;
 export {};

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { DateValue } from 'react-aria-components';
+import { WithLabelsProps } from '../../hoc/withLabels/withLabels';
+import { PopoverProps } from '../Popover/types';
+import { DateValidationProps } from '../DateInputField/types';
+type DatePickerProps = {
+    value: DateValue | null;
+    'aria-label': string;
+    onChange: (date: DateValue | null) => void;
+    isDisabled?: boolean;
+    shouldCloseOnSelect?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+} & WithLabelsProps & DateValidationProps & Pick<PopoverProps, 'rootElementRef'>;
+export declare const DatePicker: ({ className, style, value, onChange, "aria-label": ariaLabel, isDisabled, shouldCloseOnSelect, rootElementRef, maxValue, minValue, disabledRanges, disallowWeekends, ...withLabelProps }: DatePickerProps) => React.JSX.Element;
+export {};

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

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

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

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

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

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

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, 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, disallowWeekends, maxValue, minValue, selectedPreset, setSelectedPreset, selectedRange, setSelectedRange, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, ...previousPeriodProps }: DateRangePickerProps) => React.JSX.Element;

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

@@ -1,3 +1,2 @@
 export { DateRangePicker } from './DateRangePicker';
-export { checkIfDateRangeInvalid } from './utils';
 export { DATE_RANGE_OPTIONS, DEFAULT_PRESET, DEFAULT_RANGE, DateRanges, getDateRange, } from './constants';

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

@@ -1,20 +1,19 @@
 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';
+import { DateValidationProps } from '../DateInputField/types';
 export type DateRangePickerProps = {
     style?: CSSProperties;
     className?: string;
     isDisabled?: boolean;
     showDatePresets?: boolean;
     onReset?: () => void;
-    disabledRanges?: CalendarDate[][];
     selectedPreset: SelectOption;
     setSelectedPreset: (selected: SelectOption) => void;
     selectedRange: DateRange | null;
     setSelectedRange: (selected: DateRange | null) => void;
-} & PreviousPeriodProps & RequiredLabel;
+} & PreviousPeriodProps & DateValidationProps & RequiredLabel;
 type RequiredLabel = {
     'aria-describedby': string;
     'aria-label'?: string;

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

@@ -310,6 +310,7 @@ declare const StyledButton: import("styled-components").StyledComponent<import("
     iconSlot?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
+    contentStyles?: import("react").CSSProperties | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 declare const Label: import("styled-components").StyledComponent<"span", any, {} & import("../Text/types").TextProps, never>;
 declare const Error: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -8,6 +8,7 @@ type BaseModalProps = {
     variant?: ModalVariants;
     onClose: () => void;
     children: React.ReactNode;
+    className?: string;
 };
 type WithHeaderSlot = {
     headerSlot: React.ReactNode;

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

@@ -7,6 +7,7 @@ export declare const PaginationButton: import("styled-components").StyledCompone
     iconSlot?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
+    contentStyles?: import("react").CSSProperties | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare const PageInput: import("styled-components").StyledComponent<import("react").FC<{
     form?: string | undefined;

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, useAnchorWidth, ...dialogProps }: PopoverProps) => React.JSX.Element;
+export declare const Popover: ({ id: passedId, children, zIndex, placement, anchorElement, rootElementRef, onShouldClose, style, disableFocusLock, removeBackdrop, useAnchorWidth, ignoreAriaWarnings, ...dialogProps }: PopoverProps) => React.JSX.Element;

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

@@ -1,11 +1,12 @@
 type UseUpdateAriaAnchor = {
     anchorElement: HTMLElement | null;
     popoverId: string;
+    ignoreAriaWarnings?: boolean;
 };
 /**
  * Update the anchor element to sent the required attributes if they haven't already set them.
  *
  * This allows current, inaccesible usages to be improved.
  */
-export declare const useUpdateAriaAnchor: ({ anchorElement, popoverId }: UseUpdateAriaAnchor) => void;
+export declare const useUpdateAriaAnchor: ({ anchorElement, popoverId, ignoreAriaWarnings, }: UseUpdateAriaAnchor) => void;
 export {};

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

@@ -7,6 +7,10 @@ export type PopoverProps = DialogHTMLAttributes<HTMLDialogElement> & {
     anchorElement: HTMLElement | null;
     useAnchorWidth?: boolean;
     rootElementRef?: HTMLElement;
+    /**
+     * When another ref is not the triggering element.
+     */
+    ignoreAriaWarnings?: boolean;
     /**
      * Will disable the focus lock if set to true, use only if taking manual control of focus.
      */

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

@@ -8,4 +8,5 @@ export declare const ButtonSC: import("styled-components").StyledComponent<impor
     iconSlot?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
+    contentStyles?: import("react").CSSProperties | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

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

@@ -11,6 +11,7 @@ export declare const StyledMenuButton: import("styled-components").StyledCompone
     iconSlot?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
+    contentStyles?: import("react").CSSProperties | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare const StyledLeftButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
     children?: import("react").ReactNode;
@@ -19,6 +20,7 @@ export declare const StyledLeftButton: import("styled-components").StyledCompone
     iconSlot?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
+    contentStyles?: import("react").CSSProperties | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare const StyledRightButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
     children?: import("react").ReactNode;
@@ -27,5 +29,6 @@ export declare const StyledRightButton: import("styled-components").StyledCompon
     iconSlot?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
+    contentStyles?: import("react").CSSProperties | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare const StyledInputGroup: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -310,6 +310,7 @@ declare const StyledButton: import("styled-components").StyledComponent<import("
     iconSlot?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
+    contentStyles?: import("react").CSSProperties | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>, any, {
     hasError?: boolean | undefined;
 }, never>;

package/dist/components/index.d.ts

@@ -10,7 +10,7 @@ export { Banner } from './Banner';
 export { BaseContainer } from './BaseContainer';
 export { Breadcrumbs } from './Breadcrumbs';
 export { Button } from './Button';
-export { RangeCalendar, Calendar } from './Calendars';
+export { RangeCalendar, Calendar, useIsDateUnavailable } from './Calendars';
 export { Card } from './Card';
 export { CardHeader } from './CardHeader';
 export { Checkbox } from './Checkbox';
@@ -18,7 +18,8 @@ export { Choice } from './Choice';
 export { ChoiceList } from './ChoiceList';
 export { CopyToClipboard } from './CopyToClipboard';
 export { DateInputField } from './DateInputField';
-export { DateRangePicker, DATE_RANGE_OPTIONS, DEFAULT_PRESET, DEFAULT_RANGE, DateRanges, checkIfDateRangeInvalid, getDateRange, } from './DateRangePicker';
+export { DatePicker } from './DatePicker';
+export { DateRangePicker, DATE_RANGE_OPTIONS, DEFAULT_PRESET, DEFAULT_RANGE, DateRanges, getDateRange, } from './DateRangePicker';
 export { DataTable, useCellWidths, useColumns, useDragToScroll, useNested, useScrollPosition, useSelection, } from './DataTable';
 export { DescriptionList } from './DescriptionList';
 export { DetailPage } from './DetailPage';