@theroutingcompany/components 0.0.138 → 0.0.139-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.138",
+  "version": "0.0.139-alpha.1",
   "description": "The Routing Company Components",
   "main": "./dist/trc-components.umd.js",
   "module": "./dist/trc-components.es.js",
@@ -40,7 +40,10 @@
     "start": "vite build --watch",
     "build:types": "tsc --incremental",
     "build:components": "vite build",
-    "build": "npm run clean && npm run build:components && npm run build:types"
+    "build": "npm run clean && npm run build:components && npm run build:types",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest --coverage"
   },
   "sideEffects": false,
   "license": "UNLICENSED",
@@ -132,6 +135,10 @@
     "@rollup/plugin-node-resolve": "^15.0.2",
     "@rollup/plugin-typescript": "^11.1.0",
     "@storybook/addon-a11y": "^7.0.3",
+    "@testing-library/jest-dom": "^6.1.5",
+    "@testing-library/react": "^14.1.2",
+    "@testing-library/user-event": "^14.5.1",
+    "@types/jest": "^29.5.11",
     "@storybook/addon-actions": "^7.0.3",
     "@storybook/addon-essentials": "^7.0.3",
     "@storybook/addon-interactions": "^7.0.3",
@@ -171,6 +178,9 @@
     "type-fest": "^3.6.1",
     "typescript": "^5.0.4",
     "vite": "^4.2.1",
-    "vite-tsconfig-paths": "^4.1.0"
+    "vite-tsconfig-paths": "^4.1.0",
+    "vitest": "^1.1.0",
+    "@vitest/ui": "^1.1.0",
+    "jsdom": "^23.0.1"
   }
 }

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

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

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

@@ -1,4 +1,3 @@
-/// <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/{components → src/components}/ButtonMenu/ButtonMenu.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <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/{components → src/components}/Checkbox/Checkbox.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <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/{components → src/components}/FileUpload/FileUpload.d.ts

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

package/types/{components → src/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?: "search" | "text" | (string & {}) | "tel" | "url" | "email" | "password" | undefined;
+    type?: "text" | (string & {}) | "search" | "tel" | "url" | "email" | "password" | undefined;
     'aria-activedescendant'?: string | undefined;
-    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-autocomplete'?: "none" | "list" | "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?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     disabled?: boolean | undefined;
     value?: string | undefined;
     autoComplete?: string | undefined;

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

@@ -1,4 +1,4 @@
-/// <reference types="google.maps" />
+/// <reference types="@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/{components → src/components}/IconButton/IconButton.d.ts

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

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

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

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

@@ -1,4 +1,3 @@
-/// <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/{components → src/components}/Portal/Portal.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <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/{components → src/components}/Search/Search.d.ts

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

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

@@ -0,0 +1,21 @@
+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;
+    selectedItem?: T | null;
+    errorMessage?: string;
+    boldLabel?: boolean;
+    inputValue?: string;
+    onInputChange?: (value: string) => void;
+    usePortal?: boolean;
+}
+export default function SearchableSelect<T>(props: SearchableSelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <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/{components → src/components}/Tooltip/Tooltip.d.ts

@@ -1,4 +1,3 @@
-/// <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/{components → src/components}/index.d.ts

@@ -40,6 +40,7 @@ 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/test/setup.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/types/vitest.config.d.ts

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