@veeqo/ui 7.0.0 → 7.2.0

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { DateValue, CalendarProps as RACalProps } from 'react-aria-components';
+import { CalendarDate } from '@internationalized/date';
+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;

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

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

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledCalendar: import("styled-components").StyledComponent<(<T extends import("react-aria-components").DateValue>(props: import("react-aria-components").CalendarProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>), any, {}, never>;

package/dist/components/{RangeCalendar → Calendars/components/RangeCalendar}/RangeCalendar.d.ts

@@ -9,4 +9,4 @@ export type CalendarProps = RangeCalendarProps<DateValue> & {
     disabledRanges?: CalendarDate[][];
     disallowWeekends?: boolean;
 };
-export declare const RangeCalendar: ({ disabledRanges, disallowWeekends, value, onChange, ...props }: CalendarProps) => React.JSX.Element;
+export declare const RangeCalendar: ({ disabledRanges, disallowWeekends, value, onChange, isDisabled, ...props }: CalendarProps) => React.JSX.Element;

package/dist/components/{RangeCalendar/components → Calendars/components/subcomponents}/CalendarGrid/CalendarGrid.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CalendarLevel } from '../../types';
+import { CalendarLevel } from '../../../types';
 type CalendarGridProps = {
     level: CalendarLevel;
     currentYear: number;

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.test.d.ts

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

package/dist/components/{RangeCalendar/components → Calendars/components/subcomponents}/CalendarHeader.d.ts

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

package/dist/components/{RangeCalendar/components → Calendars/components/subcomponents}/CalendarHeading.d.ts

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

package/dist/components/Calendars/components/subcomponents/CalendarStyles/CalendarStyles.d.ts

@@ -0,0 +1 @@
+export declare const SharedCalendarStyles: import("styled-components").FlattenSimpleInterpolation;

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

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

package/dist/components/Calendars/components/subcomponents/utils.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Replaces all words with the first three letter of that word. All numbers are left alone.
+ *
+ * @example "January 2024" => "Jan 2024"
+ */
+export declare const trimMonths: (dateString: string) => string;

package/dist/components/Calendars/components/subcomponents/utils.test.d.ts

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

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { CalendarDate } from '@internationalized/date';
+import { DateValue } from 'react-aria-components';
+import { CalendarLevel } from '../types';
+export declare const useCalendarState: (initialValue: DateValue | null | undefined) => {
+    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;
+    onFocusMonth: (monthIndex: number) => () => void;
+    onFocusYear: (year: number) => () => void;
+    handleSwitchLevel: () => void;
+};

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { CalendarLevel } from '../types';
+export declare const useCalendarLevels: () => {
+    level: CalendarLevel;
+    handleSwitchLevel: () => void;
+    setLevel: import("react").Dispatch<import("react").SetStateAction<CalendarLevel>>;
+};

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

@@ -0,0 +1,10 @@
+import { DateValue } from 'react-aria-components';
+import { CalendarDate } from '@internationalized/date';
+type UseIsDateUnavailableParams = {
+    disabledRanges: CalendarDate[][];
+    disallowWeekends: boolean;
+};
+export declare const useIsDateUnavailable: ({ disabledRanges, disallowWeekends, }: UseIsDateUnavailableParams) => {
+    isDateUnavailable: (date: DateValue) => boolean;
+};
+export {};

package/dist/components/{RangeCalendar → Calendars}/data/useRangeCalendar.d.ts

@@ -1,13 +1,12 @@
 /// <reference types="react" />
 import { CalendarDate } from '@internationalized/date';
-import { DateRange, DateValue } from 'react-aria-components';
+import { DateRange } from 'react-aria-components';
 import { CalendarLevel } from '../types';
-export declare const useRangeCalendarState: (initialValue: DateRange | null | undefined, disabledRanges: CalendarDate[][], disallowWeekends: boolean) => {
+export declare const useRangeCalendarState: (initialValue: DateRange | null | undefined) => {
     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/Calendars/index.d.ts

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

package/dist/components/DataTable/DataTable.d.ts

@@ -4,7 +4,7 @@ import { ColumnMenu } from './components/ColumnMenu';
 import { SelectionCell } from './components/SelectionCell';
 import { SelectionHeader } from './components/SelectionHeader';
 export declare const DataTable: {
-    ({ ActionBarSlot, borderMode, columns: initialColumns, emptyState, expandedRowIds, loading, loadingRowCount, onChangeSort, rows, disabledRowIds, selectionMode, selectionState, setExpanded, sortState, stripingMode, enableStickyHeader, resizeableColumns, onResizeColumns, }: DataTableProps): React.JSX.Element;
+    ({ ActionBarSlot, borderMode, columns: initialColumns, emptyState, expandedRowIds, loading, loadingRowCount, onChangeSort, rows, disabledRowIds, selectionMode, selectionState, setExpanded, sortState, stripingMode, enableStickyHeader, resizeableColumns, onResizeColumns, columnWidths, }: DataTableProps): React.JSX.Element;
     defaultProps: {
         loading: boolean;
         loadingRowCount: number;

package/dist/components/DataTable/hooks/useColumnWidths.d.ts

@@ -1,9 +1,10 @@
 import { RefObject } from 'react';
 import { ColumnConfigs, ColumnWidthsType, ColumnWidthHandler, ColumnId } from '../types';
-export declare const useColumnWidths: ({ tableRef, columns, columnIds, }: {
+export declare const useColumnWidths: ({ tableRef, columns, columnIds, columnWidths: initialColumnWidths, }: {
     tableRef: RefObject<HTMLElement>;
     columns: ColumnConfigs;
     columnIds: ColumnId[];
+    columnWidths?: ColumnWidthsType | undefined;
 }) => {
     setColumnWidth: ColumnWidthHandler;
     columnWidths: ColumnWidthsType;

package/dist/components/DataTable/hooks/useColumns.d.ts

@@ -1,59 +1,9 @@
 import { RefObject } from 'react';
-import { ColumnConfigs, ColumnWidthState, ResizeColumnData } from '../types';
-export declare function useColumns(columns: ColumnConfigs, tableRef: RefObject<HTMLElement>, onResizeColumns?: (columnWidths: ResizeColumnData) => void): {
-    visible: {
-        width: import("../types").ColumnWidth | import("../types").ColumnWidthBounded | undefined;
-        id: import("../types").ColumnId;
-        align?: import("../types").ColumnAlignment | undefined;
-        hidden?: boolean | undefined;
-        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-        pinned?: import("../types").ColumnPinned | undefined;
-        sortable?: boolean | undefined;
-        spacing?: keyof import("../../Stack/types").SizeScale | undefined;
-        span?: number | undefined;
-        title?: string | undefined;
-        tooltip?: string | undefined;
-        resizeMinWidth?: number | undefined;
-        renderCell: import("../types").CellRenderer;
-        renderFooter?: import("../types").FooterRenderer | undefined;
-        renderHeader?: import("../types").HeaderRenderer | undefined;
-        renderNestedCell?: import("../types").NestedCellRenderer | undefined;
-    }[];
-    pinnedLeft: {
-        width: import("../types").ColumnWidth | import("../types").ColumnWidthBounded | undefined;
-        id: import("../types").ColumnId;
-        align?: import("../types").ColumnAlignment | undefined;
-        hidden?: boolean | undefined;
-        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-        pinned?: import("../types").ColumnPinned | undefined;
-        sortable?: boolean | undefined;
-        spacing?: keyof import("../../Stack/types").SizeScale | undefined;
-        span?: number | undefined;
-        title?: string | undefined;
-        tooltip?: string | undefined;
-        resizeMinWidth?: number | undefined;
-        renderCell: import("../types").CellRenderer;
-        renderFooter?: import("../types").FooterRenderer | undefined;
-        renderHeader?: import("../types").HeaderRenderer | undefined;
-        renderNestedCell?: import("../types").NestedCellRenderer | undefined;
-    }[];
-    pinnedRight: {
-        width: import("../types").ColumnWidth | import("../types").ColumnWidthBounded | undefined;
-        id: import("../types").ColumnId;
-        align?: import("../types").ColumnAlignment | undefined;
-        hidden?: boolean | undefined;
-        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-        pinned?: import("../types").ColumnPinned | undefined;
-        sortable?: boolean | undefined;
-        spacing?: keyof import("../../Stack/types").SizeScale | undefined;
-        span?: number | undefined;
-        title?: string | undefined;
-        tooltip?: string | undefined;
-        resizeMinWidth?: number | undefined;
-        renderCell: import("../types").CellRenderer;
-        renderFooter?: import("../types").FooterRenderer | undefined;
-        renderHeader?: import("../types").HeaderRenderer | undefined;
-        renderNestedCell?: import("../types").NestedCellRenderer | undefined;
-    }[];
+import { ColumnConfigs, ColumnWidthState, ColumnWidthsType, ResizeColumnData } from '../types';
+export declare function useColumns(columns: ColumnConfigs, tableRef: RefObject<HTMLElement>, onResizeColumns?: (columnWidths: ResizeColumnData) => void, columnWidths?: ColumnWidthsType): {
+    visible: import("../types").ColumnConfig[];
+    columnWidths: ColumnWidthsType;
+    pinnedLeft: import("../types").ColumnConfig[];
+    pinnedRight: import("../types").ColumnConfig[];
     setColumnWidth: ({ columnId, width }: ColumnWidthState) => void;
 };

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

@@ -51,7 +51,7 @@ export type ColumnWidthState = {
     columnId: ColumnId;
     width: number | string;
 };
-export type ColumnWidthHandler = (columnWidthState: ColumnWidthState) => void;
+export type ColumnWidthHandler = (columnWidthState: ColumnWidthState) => ColumnWidthsType | void;
 export type RowId = number | string;
 export interface NestedTableRow {
     id: RowId;
@@ -140,13 +140,11 @@ export interface DataTableProps {
     resizeableColumns?: boolean;
     /** Callback for when columns are resized */
     onResizeColumns?: (columnWidths: ResizeColumnData) => void;
+    columnWidths?: ColumnWidthsType;
 }
 export type ColumnWidthsType = {
     [key: ColumnId]: ColumnWidthType;
 };
 export type ColumnWidthType = ColumnWidthFixed | ColumnWidthBounded | undefined;
-export type ResizeColumnData = {
-    id: ColumnId;
-    columnWidth?: ColumnWidth | ColumnWidthBounded;
-}[];
+export type ResizeColumnData = ColumnWidthsType;
 export {};

package/dist/components/DataTable/utils/generateTableCss.d.ts

@@ -1,10 +1,10 @@
-import { ColumnConfigs, ScrollPosition, StripingMode } from '../types';
+import { ColumnConfigs, ColumnWidthsType, ScrollPosition, StripingMode } from '../types';
 export type GenerateTableCssArgs = {
     pinnedLeft: ColumnConfigs;
     pinnedRight: ColumnConfigs;
     cellWidths: Array<number>;
     scrollPosition: ScrollPosition;
-    visible: ColumnConfigs;
     stripingMode?: StripingMode;
+    columnWidths: ColumnWidthsType;
 };
-export declare function generateTableCss({ pinnedLeft, pinnedRight, cellWidths, scrollPosition, visible, stripingMode, }: GenerateTableCssArgs): string;
+export declare function generateTableCss({ pinnedLeft, pinnedRight, cellWidths, scrollPosition, stripingMode, columnWidths, }: GenerateTableCssArgs): string;

package/dist/components/index.d.ts

@@ -9,7 +9,7 @@ export { Banner } from './Banner';
 export { BaseContainer } from './BaseContainer';
 export { Breadcrumbs } from './Breadcrumbs';
 export { Button } from './Button';
-export { RangeCalendar } from './RangeCalendar';
+export { RangeCalendar, Calendar } from './Calendars';
 export { Card } from './Card';
 export { CardHeader } from './CardHeader';
 export { Checkbox } from './Checkbox';