@theroutingcompany/components 0.0.87 → 0.0.88-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.87",
+  "version": "0.0.88-alpha.2",
   "description": "The Routing Company Components",
   "main": "./dist/trc-components.umd.js",
   "module": "./dist/trc-components.es.js",

package/types/components/InputDateTime/Calendar/Calendar.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { type DateValue } from '@internationalized/date';
+import type { CalendarProps } from '@react-aria/calendar';
+declare const Calendar: import("react").ForwardRefExoticComponent<CalendarProps<DateValue> & {
+    timeZone: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export default Calendar;

package/types/components/{Calendar → InputDateTime/Calendar}/index.d.ts

@@ -3,4 +3,3 @@ export * from './CalendarGrid';
 export * from './CalendarHeader';
 export * from './RangeCalendar';
 export * from './Calendar';
-export * from './TimeDateSelect';

package/types/components/InputDateTime/DateTimeInput/DateTimeInput.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import { type CalendarDateTime } from '@internationalized/date';
+import type { AriaDateFieldOptions } from '@react-aria/datepicker';
+import type { DateFieldStateOptions } from '@react-stately/datepicker';
+import { type HourCycle } from '../TimeInput/TimeInput';
+export interface SpinnerProps {
+    shouldShow: boolean;
+    values: number[] | string[];
+    selectedValue?: number | string;
+    maxPopoverHeight?: number;
+    onChange: (value: number) => void;
+    borderLeft?: string;
+}
+export declare const Spinner: ({ shouldShow, values, selectedValue, maxPopoverHeight, onChange, borderLeft, }: SpinnerProps) => JSX.Element | false;
+export declare const TriggerButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
+    'data-id'?: string | undefined;
+    children?: import("react").ReactNode;
+    tabIndex?: number | undefined;
+    cursor?: string | undefined;
+} & import("../..").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const DateField: import("styled-components").StyledComponent<"div", any, {
+    paddingSize: string;
+}, never>;
+export type DateInputProps = {
+    value?: CalendarDateTime;
+    defaultValue?: CalendarDateTime;
+    onChange?: (value: CalendarDateTime) => void;
+    label?: string;
+    tooltipContent?: string;
+    granularity?: 'day' | 'hour' | 'minute';
+    paddingSize?: string;
+    timeZone: string;
+    hourCycle?: HourCycle;
+    onMenuClose?: () => void;
+    onBlur?: () => void;
+} & AriaDateFieldOptions<CalendarDateTime> & Omit<DateFieldStateOptions<CalendarDateTime>, 'locale' | 'createCalendar'>;
+export declare function DateTimeInput({ granularity, paddingSize, timeZone, value, defaultValue, onChange, hourCycle, onMenuClose, onBlur, ...props }: DateInputProps): import("react/jsx-runtime").JSX.Element;

package/types/components/InputDateTime/TimeInput/TimeInput.d.ts

@@ -0,0 +1,18 @@
+import { type TODOFIXME } from 'helpers';
+export { Time } from '@internationalized/date';
+export declare const TimeField: import("styled-components").StyledComponent<"div", any, {
+    paddingSize: string;
+}, never>;
+export type HourCycle = 12 | 24;
+interface TimeInputProps {
+    label?: string;
+    defaultValue?: TODOFIXME;
+    value?: TODOFIXME;
+    onChange?: TODOFIXME;
+    hourCycle?: HourCycle;
+    errorMessage?: string;
+    paddingSize?: string;
+    onMenuClose?: () => void;
+    onBlur?: () => void;
+}
+export declare function TimeInput({ hourCycle, paddingSize, onMenuClose, onBlur, ...props }: TimeInputProps): import("react/jsx-runtime").JSX.Element;

package/types/components/ListBox/ListBox.d.ts

@@ -33,6 +33,8 @@ interface ListBoxPopoverProps extends Omit<AriaPopoverProps, 'popoverRef'> {
     children: React.ReactNode;
     state: OverlayTriggerState;
     popoverRef?: React.RefObject<HTMLDivElement>;
+    width?: string;
+    fullWidth?: boolean;
 }
 export declare function ListBoxPopover(props: Omit<ListBoxPopoverProps, 'triggerRef'> & {
     targetRef: React.RefObject<HTMLElement>;

package/types/components/SingleSelect/SingleSelect.d.ts

@@ -14,5 +14,5 @@ export declare const Placeholder: import("styled-components").StyledComponent<"s
 export declare function SingleSelect<T extends object>(props: SingleSelectProps<T> & {
     hideLabel?: boolean | undefined;
     errorMessage?: string;
-    isInvalid: boolean;
+    isInvalid?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/types/components/index.d.ts

@@ -8,7 +8,7 @@ export * from './Button/Button';
 export * from './Button/ButtonBase';
 export * from './ButtonGroup/ButtonGroup';
 export * from './ButtonV2/ButtonV2';
-export * from './Calendar';
+export * from './InputDateTime/Calendar';
 export * from './Checkbox/Checkbox';
 export * from './ComboBox';
 export * from './Dialog/Dialog';
@@ -23,8 +23,8 @@ export * from './IconButton/IconButton';
 export * from './Input/InlineEdit/InlineEdit';
 export * from './Input/NumberInput/NumberInput';
 export * from './Input/TextInput/TextInput';
-export * from './Input/TimeInput/TimeInput';
-export * from './Input/DateInput/DateInput';
+export * from './InputDateTime/TimeInput/TimeInput';
+export * from './InputDateTime/DateTimeInput/DateTimeInput';
 export * from './Label/Label';
 export * from './Modal';
 export * from './LabeledText';

package/types/components/Calendar/Calendar.d.ts

@@ -1,5 +0,0 @@
-import { type DateValue } from '@internationalized/date';
-import type { CalendarProps } from '@react-aria/calendar';
-export default function Calendar({ timeZone, value, focusedValue, onChange, defaultValue, defaultFocusedValue, ...props }: CalendarProps<DateValue> & {
-    timeZone: string;
-}): import("react/jsx-runtime").JSX.Element;

package/types/components/Calendar/TimeDateSelect.d.ts

@@ -1,31 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import * as SelectPrimitive from '@radix-ui/react-select';
-export declare const TriggerContent: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>, any, {}, never>;
-export declare const DropdownContent: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
-export interface TimeDateSelectOutput {
-    day: number;
-    month: number;
-    year: number;
-    hour: DatePart;
-    minute: DatePart;
-    second: DatePart;
-    millisecond: DatePart;
-    timeZone: string;
-}
-export interface TimeDateSelectProps {
-    dateString?: string;
-    defaultDateString?: string;
-    timeZone: string;
-    onChange?: (date: TimeDateSelectOutput) => void;
-}
-type DatePart = number | undefined;
-/**
- * @deprecated Please use DateInput instead
- */
-export declare const TimeDateSelect: React.ForwardRefExoticComponent<TimeDateSelectProps & React.RefAttributes<HTMLDivElement>>;
-export interface TimeDateSelectItemProps extends SelectPrimitive.SelectItemProps {
-    children: ReactNode;
-}
-export declare const TimeDateSelectItem: React.ForwardRefExoticComponent<TimeDateSelectItemProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/types/components/Input/DateInput/DateInput.d.ts

@@ -1,18 +0,0 @@
-import type { AriaDateFieldOptions } from '@react-aria/datepicker';
-import { type CalendarDateTime } from '@internationalized/date';
-import type { DateFieldStateOptions } from '@react-stately/datepicker';
-export declare const DateField: import("styled-components").StyledComponent<"div", any, {
-    paddingSize: string;
-    invalid?: boolean | undefined;
-}, never>;
-export type DateInputProps = {
-    value?: CalendarDateTime;
-    defaultValue?: CalendarDateTime;
-    onChange?: (value: CalendarDateTime) => void;
-    label?: string;
-    tooltipContent?: string;
-    granularity?: 'day' | 'hour' | 'minute';
-    paddingSize?: string;
-    timeZone: string;
-} & AriaDateFieldOptions<CalendarDateTime> & Omit<DateFieldStateOptions<CalendarDateTime>, 'locale' | 'createCalendar'>;
-export declare function DateInput({ granularity, paddingSize, timeZone, value, defaultValue, onChange, ...props }: DateInputProps): import("react/jsx-runtime").JSX.Element;

package/types/components/Input/TimeInput/TimeInput.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { type TODOFIXME } from 'helpers';
-export { Time } from '@internationalized/date';
-export declare const TimeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TimeField: import("styled-components").StyledComponent<"div", any, {}, never>;
-interface TimeInputProps {
-    label?: string;
-    defaultValue?: TODOFIXME;
-    value?: TODOFIXME;
-    onChange?: TODOFIXME;
-    hourCycle?: 12 | 24;
-    errorMessage?: string;
-    wrapper?: React.ComponentType<TODOFIXME>;
-}
-export declare function TimeInput({ ...props }: TimeInputProps): import("react/jsx-runtime").JSX.Element;

package/types/components/Table/Table.d.ts

@@ -1,4 +0,0 @@
-export declare const TableHeader: import("styled-components").StyledComponent<"th", any, {}, never>;
-export declare const TableDataCell: import("styled-components").StyledComponent<"td", any, {}, never>;
-export declare const Table: import("styled-components").StyledComponent<"table", any, {}, never>;
-export declare const TableSortButtons: () => import("react/jsx-runtime").JSX.Element;