@theroutingcompany/components 0.0.139-alpha.5 → 0.0.140-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.139-alpha.5",
+  "version": "0.0.140-alpha.1",
   "description": "The Routing Company Components",
   "main": "./dist/trc-components.umd.js",
   "module": "./dist/trc-components.es.js",
@@ -41,7 +41,7 @@
     "build:types": "tsc --incremental",
     "build:components": "vite build",
     "build": "npm run clean && npm run build:components && npm run build:types",
-    "test": "vitest",
+    "test": "vitest --run",
     "test:ui": "vitest --ui",
     "test:coverage": "vitest --coverage"
   },

package/types/{src/components → components}/Banner/Banner.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import Action from './Action';
 declare const DEFAULT_VARIANT = "default";
 declare const INFO_VARIANT = "info";

package/types/{src/components → components}/ButtonGroup/ButtonGroup.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import * as ToggleGroup from '@radix-ui/react-toggle-group';
 export declare const StyledButtonGroup: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<(ToggleGroup.ToggleGroupSingleProps | ToggleGroup.ToggleGroupMultipleProps) & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export type ButtonGroupProps = Omit<ToggleGroup.ToggleGroupSingleProps, 'type' | 'style' | 'className'> & {

package/types/{src/components → components}/ButtonMenu/ButtonMenu.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type ButtonPropsV2 } from '../ButtonV2/ButtonV2';
 export type MenuPlacement = 'start' | 'center' | 'end';
 export interface ButtonMenuProps extends Omit<ButtonPropsV2, 'onClick'> {

package/types/{src/components → components}/ButtonV2/ButtonV2.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type BoxProps } from 'components/Box/Box';
 import { type ClickHandler, type FocusHandler, type ForwardRefComponent } from 'helpers';
 export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'danger';

package/types/{src/components → components}/Checkbox/Checkbox.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type AriaCheckboxProps } from '@react-aria/checkbox';
 export interface CheckboxProps extends AriaCheckboxProps {
     dir?: 'ltr' | 'rtl';

package/types/{src/components → components}/DropdownMenu/DropdownMenu.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 export type { DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuItemIndicatorProps, DropdownMenuLabelProps, MenuSubTriggerProps, MenuSubContentProps, MenuSeparatorProps, } from '@radix-ui/react-dropdown-menu';
 export declare const DropdownMenuContent: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/{src/components → components}/FileUpload/FileUpload.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type FileDescription = {
     name: string;
     mime: `${string}/${string}`;

package/types/{src/components → components}/FormControl/FormControl.d.ts

@@ -27,9 +27,9 @@ export declare const TextAreaFormControl: import("react").ForwardRefExoticCompon
     pattern?: string | undefined;
     id?: string | undefined;
     name?: string | undefined;
-    type?: "text" | (string & {}) | "search" | "tel" | "url" | "email" | "password" | undefined;
+    type?: "search" | "text" | (string & {}) | "tel" | "url" | "email" | "password" | undefined;
     'aria-activedescendant'?: string | undefined;
-    'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
+    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-errormessage'?: string | undefined;
@@ -53,7 +53,7 @@ export declare const TextAreaFormControl: import("react").ForwardRefExoticCompon
     defaultValue?: string | undefined;
     autoFocus?: boolean | undefined;
     placeholder?: string | undefined;
-    inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     disabled?: boolean | undefined;
     value?: string | undefined;
     autoComplete?: string | undefined;

package/types/{src/components → components}/GoogleInput/GoogleInput.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="@types/google.maps" />
+/// <reference types="google.maps" />
 import { type ReactNode } from 'react';
 declare const PlaceResult: import("styled-components").StyledComponent<import("components/Text/Text").PolymorphicText, any, {}, never>;
 export declare const getSelectedName: (selected: google.maps.places.PlaceResult) => string | undefined;

package/types/{src/components → components}/IconButton/IconButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type AriaButtonProps } from '@react-aria/button';
 type Size = 'small' | 'large';
 type Variant = 'primary' | 'secondary' | 'danger' | 'inverse';

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

@@ -0,0 +1,31 @@
+import { CalendarDate, Time } from '@internationalized/date';
+export declare const parseUserInput: (input: string) => {
+    date: CalendarDate;
+    time: Time;
+} | null;
+interface DateTimeInputProps {
+    label?: string;
+    name?: string;
+    labelId?: string;
+    inputId?: string;
+    hideLabel?: boolean;
+    boldLabel?: boolean;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    required?: boolean;
+    hideIcon?: boolean;
+    errorMessage?: string;
+    placeholder?: string;
+    tooltipIcon?: string;
+    tooltipContent?: string;
+    onChange?: (value: string) => void;
+    onDateTimeChange?: (date?: CalendarDate, time?: Time) => void;
+    defaultDate?: CalendarDate;
+    defaultTime?: Time;
+    defaultISO?: string;
+    usePortal?: boolean;
+    outsideClickIgnoreSelectors?: string[];
+    closeOnOutsideClick?: boolean;
+}
+export declare function DateTimeInput({ label, name, labelId, inputId, hideLabel, boldLabel, onChange, isInvalid, isDisabled, required, hideIcon, errorMessage, placeholder, tooltipIcon, tooltipContent, onDateTimeChange, defaultDate, defaultTime, defaultISO, usePortal, outsideClickIgnoreSelectors, closeOnOutsideClick, ...props }: DateTimeInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/Input/DateTimeInput/index.d.ts

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

package/types/{src/components → components}/Input/InlineEdit/InlineEdit.d.ts

@@ -1,10 +1,6 @@
 import { type ButtonPropsV2 } from 'components/ButtonV2/ButtonV2';
 import type { ReactNode } from 'react';
-/**
- * TODO:
- *  - Get escape and enter keys canceling/saving (difficult because we have to take into account the component API we've put together for where we add that code)
- */
-export declare const EditButtonRight: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("components/Button/Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const EditButtonRight: import("styled-components").StyledComponent<import("components/ButtonV2/ButtonV2").PolymorphicButton, any, {}, never>;
 export interface InlineEditProps extends ButtonPropsV2 {
     'data-id'?: string;
     children: ReactNode;

package/types/{src/components → components}/Paginator/Paginator.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type ButtonProps } from '../../components';
 type PaginatorButtonProps = ButtonProps & {
     label: string;

package/types/{src/components → components}/Popover/Popover.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 export type { PopoverCloseProps, PopoverContentProps, } from '@radix-ui/react-popover';
 export declare function PopoverContent({ children, forceMount, ...props }: PopoverPrimitive.PopoverContentProps): import("react/jsx-runtime").JSX.Element;

package/types/{src/components → components}/Portal/Portal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type PortalProps = {
     /**
      * ID of the target portal container. Appends a new portal to document body if not provided.

package/types/{src/components → components}/RadioGroup/RadioGroup.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 export declare const RadioGroupRadio: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<RadioGroupPrimitive.RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare const RadioGroupIndicator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<RadioGroupPrimitive.RadioGroupIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;

package/types/{src/components → components}/Search/Search.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type AriaSearchFieldProps } from '@react-aria/searchfield';
 export declare const Search: import("react").ForwardRefExoticComponent<{
     boldLabel?: boolean | undefined;

package/types/{src/components → components}/Switch/Switch.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 export type { SwitchProps } from '@radix-ui/react-switch';
 export declare const Switch: import("react").ForwardRefExoticComponent<SwitchPrimitive.SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;

package/types/{src/components → components}/Tooltip/Tooltip.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 export type { TooltipContentProps, TooltipProps, } from '@radix-ui/react-tooltip';
 declare function Content({ children, ...props }: TooltipPrimitive.TooltipContentProps): import("react/jsx-runtime").JSX.Element;

package/types/{src/components → components}/index.d.ts

@@ -28,6 +28,7 @@ export * from './Input/NumberInput/NumberInput';
 export * from './Input/TextInput/TextInput';
 export * from './Input/TimeInput/TimeInput';
 export * from './Input/DateInput/DateInput';
+export * from './Input/DateTimeInput/DateTimeInput';
 export * from './Label/Label';
 export * from './Modal';
 export * from './LabeledText';
@@ -40,7 +41,6 @@ export * from './Panel/Panel';
 export * from './Popover/Popover';
 export * from './RadioGroup/RadioGroup';
 export * from './Search/Search';
-export * from './SearchableSelect';
 export * from './SingleSelect/SingleSelect';
 export * from './Skeleton';
 export * from './Stack/Stack';

package/types/src/components/SearchableSelect/SearchableSelect.d.ts

@@ -1,26 +0,0 @@
-import { type AriaTextFieldProps } from '@react-types/textfield';
-import * as React from 'react';
-interface SearchableSelectProps<T> extends Omit<AriaTextFieldProps, 'onChange' | 'value' | 'onSelect'> {
-    label?: string;
-    tooltipContent?: React.ReactNode;
-    placeholder?: string;
-    items: T[];
-    isLoading?: boolean;
-    onSearch: (query: string) => void;
-    onSelect: (item: T | null) => void;
-    getItemKey: (item: T) => string | number;
-    getItemLabel: (item: T) => string;
-    renderItem?: (item: T) => React.ReactNode;
-    selectedItem?: T | null;
-    errorMessage?: string;
-    boldLabel?: boolean;
-    inputValue?: string;
-    onInputChange?: (value: string) => void;
-    usePortal?: boolean;
-    isInvalid?: boolean;
-    required?: boolean;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-}
-export default function SearchableSelect<T>(props: SearchableSelectProps<T>): import("react/jsx-runtime").JSX.Element;
-export {};

package/types/src/components/SearchableSelect/SearchableSelect.test.d.ts

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

package/types/src/components/SearchableSelect/index.d.ts

@@ -1 +0,0 @@
-export { default as SearchableSelect } from './SearchableSelect';

package/types/vitest.config.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vite").UserConfig;
-export default _default;