@theroutingcompany/components 0.0.98 → 0.0.99-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.98",
+  "version": "0.0.99-alpha.0",
   "description": "The Routing Company Components",
   "main": "./dist/trc-components.umd.js",
   "module": "./dist/trc-components.es.js",
@@ -107,10 +107,11 @@
     "@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-alpha.0",
     "@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",
@@ -138,6 +139,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/FormControl/FormControl.d.ts

@@ -60,11 +60,15 @@ export declare const TextAreaFormControl: import("react").ForwardRefExoticCompon
     maxLength?: number | undefined;
     minLength?: number | undefined;
     readOnly?: boolean | undefined;
-    required?: unknown;
+    required?: boolean | undefined;
     description?: ReactNode;
     onFocusChange?: ((isFocused: boolean) => void) | undefined;
     excludeFromTabOrder?: boolean | undefined;
+    validationState?: import("@react-types/shared").ValidationState | undefined;
+    isInvalid?: boolean | undefined;
     errorMessage?: ReactNode | ((v: import("@react-types/shared").ValidationResult) => ReactNode);
+    validationBehavior?: "aria" | "native" | undefined;
+    validate?: ((value: unknown) => true | import("@react-types/shared").ValidationError | null | undefined) | undefined;
 } & import("components/Input/InputBase").InputBaseProps & {
     rows?: number | undefined;
     errorMessage?: ReactNode;

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

@@ -0,0 +1,22 @@
+/// <reference types="google.maps" />
+import { type ReactNode } from 'react';
+declare const GoogleInput: ({ googleApiKey, placeholder, options, defaultValue, onPlaceSelected, disabled, label, labelId, inputId, hideLabel, boldLabel, autoFocus, bounds, strictBounds, ...props }: {
+    googleApiKey: string;
+    placeholder?: string | undefined;
+    options?: Record<string, any> | undefined;
+    defaultValue?: string | undefined;
+    onPlaceSelected?: ((place: google.maps.places.PlaceResult) => void) | undefined;
+    disabled?: boolean | undefined;
+    'data-id'?: string | undefined;
+    label?: ReactNode;
+    boldLabel?: boolean | undefined;
+    hideLabel?: boolean | undefined;
+    labelId?: string | undefined;
+    inputId?: string | undefined;
+    tooltipContent?: React.ReactNode;
+    autoFocus?: boolean | undefined;
+    bounds?: google.maps.LatLngBounds | undefined;
+    strictBounds?: boolean | undefined;
+}) => 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/Search/Search.d.ts

@@ -9,6 +9,6 @@ export declare const Search: import("react").ForwardRefExoticComponent<{
     height?: string | undefined;
 } & Omit<AriaSearchFieldProps, "isDisabled" | "isRequired" | "isReadOnly"> & {
     disabled?: boolean | undefined;
-    required?: unknown;
+    required?: boolean | undefined;
     readOnly?: boolean | undefined;
 } & import("react").RefAttributes<HTMLInputElement>>;

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/InlineEdit/InlineEdit';

package/types/hooks/useOutsideClick.d.ts

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