@theroutingcompany/components 0.0.101 → 0.0.103

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.101",
+  "version": "0.0.103",
   "description": "The Routing Company Components",
   "main": "./dist/trc-components.umd.js",
   "module": "./dist/trc-components.es.js",
@@ -77,7 +77,7 @@
     "@react-aria/listbox": "^3.9.1",
     "@react-aria/menu": "^3.9.1",
     "@react-aria/numberfield": "^3.5.1",
-    "@react-aria/overlays": "^3.14.1",
+    "@react-aria/overlays": "^3.23.1",
     "@react-aria/progress": "^3.4.2",
     "@react-aria/radio": "^3.6.1",
     "@react-aria/searchfield": "^3.5.2",
@@ -107,14 +107,16 @@
     "@styled-system/prop-types": "^5.1.2",
     "@styled-system/props": "^5.1.5",
     "@tanstack/react-table": "^8.9.1",
-    "@theroutingcompany/design-tokens": "^0.0.9",
+    "@theroutingcompany/design-tokens": "0.0.14",
     "@types/styled-system": "^5.1.16",
     "csstype": "^3.1.2",
     "react-focus-lock": "^2.9.4",
+    "react-google-autocomplete": "^2.7.3",
     "react-scrolllock": "^5.0.1",
     "react-transition-group": "^4.4.5",
     "styled-components": "^5.3.9",
-    "styled-system": "^5.1.5"
+    "styled-system": "^5.1.5",
+    "usehooks-ts": "^3.1.0"
   },
   "peerDependencies": {
     "@material-ui/icons": "^4.11.3",
@@ -138,6 +140,7 @@
     "@storybook/react-vite": "^7.0.3",
     "@storybook/testing-library": "^0.1.0",
     "@types/eslint": "^8.37.0",
+    "@types/google.maps": "^3.55.11",
     "@types/prettier": "^2.7.2",
     "@types/react": "^18.0.34",
     "@types/react-dom": "^18.0.11",

package/types/components/Accordion/Accordion.d.ts

@@ -1,6 +1,6 @@
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { AccordionItemProps } from '@radix-ui/react-accordion';
-import { CSSProperties, type ReactNode } from 'react';
+import { type AccordionItemProps } from '@radix-ui/react-accordion';
+import { type CSSProperties, type ReactNode } from 'react';
 export declare const SectionTitle: import("styled-components").StyledComponent<"span", any, {}, never>;
 export interface SectionHeaderProps extends AccordionPrimitive.AccordionHeaderProps {
     children: ReactNode;

package/types/components/BoxPopover/BoxPopover.d.ts

@@ -11,5 +11,6 @@ interface BoxPopoverProps extends Omit<AriaPopoverProps, 'popoverRef'> {
 export declare function BoxPopover(props: Omit<BoxPopoverProps, 'triggerRef'> & {
     targetRef: React.RefObject<HTMLElement>;
     disableFocusManagement?: boolean;
+    className?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/GoogleInput/GoogleInput.d.ts

@@ -0,0 +1,36 @@
+/// <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;
+export type GoogleInputProps = {
+    googleApiKey: string;
+    placeholder?: string;
+    options?: Omit<google.maps.places.AutocompletionRequest, 'input'>;
+    libraries?: string[];
+    googleMapsScriptBaseUrl?: string;
+    debounce?: number;
+    defaultValue?: string;
+    value?: string;
+    onChange?: (value: google.maps.places.PlaceResult) => void;
+    disabled?: boolean;
+    isInvalid?: boolean;
+    id?: string;
+    'data-id'?: string;
+    label?: ReactNode;
+    boldLabel?: boolean;
+    hideLabel?: boolean;
+    labelId?: string;
+    inputId?: string;
+    tooltipContent?: React.ReactNode;
+    autoFocus?: boolean;
+    errorMessage?: string;
+    extraMenuActions?: {
+        label: ReactNode;
+        id: string;
+        onClick: () => void;
+    }[];
+    showExtraActionsWithResults?: boolean;
+};
+declare const GoogleInput: ({ googleApiKey, placeholder, options, libraries, googleMapsScriptBaseUrl, debounce, defaultValue, value, onChange, disabled, isInvalid, label, labelId, inputId, hideLabel, boldLabel, autoFocus, extraMenuActions, showExtraActionsWithResults, ...props }: GoogleInputProps) => import("react/jsx-runtime").JSX.Element;
+export default GoogleInput;
+export { GoogleInput };

package/types/components/GoogleInput/index.d.ts

@@ -0,0 +1 @@
+export * from './GoogleInput';

package/types/components/MultiSelect/MultiSelect.d.ts

@@ -1,7 +1,7 @@
 import type { CollectionChildren } from '@react-types/shared';
 import React from 'react';
 import { useMultiSelectState } from './useMultiSelectState';
-export { Item as MultiSelectItem, Section as MultiSelectSection, } from '@react-stately/collections';
+export { Item as MultiSelectItem, Section as MultiSelectSection } from '@react-stately/collections';
 export type OptionItem = {
     children?: never;
     id: string;

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

@@ -1,8 +1,8 @@
 import type { AriaSelectProps } from '@react-types/select';
 import type { CollectionChildren } from '@react-types/shared';
 import * as React from 'react';
+export { Item as SingleSelectItem, Section as SingleSelectSection } from '@react-stately/collections';
 export { CollectionChildren as SingleSelectChildren };
-export { Item as SingleSelectItem, Section as SingleSelectSection, } from '@react-stately/collections';
 type SingleSelectProps<T> = Omit<AriaSelectProps<T>, 'children'> & {
     placeholder?: string;
     tooltipIcon?: string;

package/types/components/index.d.ts

@@ -18,6 +18,7 @@ export * from './DropdownMenu/DropdownMenu';
 export * from './Fieldset/Fieldset';
 export * from './FileUpload/FileUpload';
 export * from './Flex/Flex';
+export * from './GoogleInput';
 export * from './FormControl/FormControl';
 export * from './IconButton/IconButton';
 export * from './Input/InputBase';

package/types/hooks/index.d.ts

@@ -1,3 +1,3 @@
 export * from './useWindowEvent';
-export * from './useOutsideClick';
+export * from './useOnEscapeKey';
 export * from './usePrevious';

package/types/hooks/useOnEscapeKey.d.ts

@@ -0,0 +1,2 @@
+declare const useOnEscapeKey: (handler: () => void) => void;
+export default useOnEscapeKey;

package/types/hooks/useOutsideClick.d.ts

@@ -1 +0,0 @@
-export declare const useOutsideClick: (ref: React.RefObject<HTMLElement>, onOutsideClick: () => void) => void;