@theroutingcompany/components 0.0.28 → 0.0.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.28",
+  "version": "0.0.29",
   "description": "The Routing Company Components",
   "main": "./dist/trc-components.umd.js",
   "module": "./dist/trc-components.es.js",
@@ -102,7 +102,7 @@
     "@types/styled-system": "^5.1.16",
     "@react-types/select": "^3.8.1",
     "@tanstack/react-table": "^8.9.1",
-    "@theroutingcompany/design-tokens": "^0.0.5",
+    "@theroutingcompany/design-tokens": "^0.0.6",
     "@styled-system/prop-types": "^5.1.2",
     "@styled-system/props": "^5.1.5",
     "csstype": "^3.1.2",

package/types/components/Connect/Connect.d.ts

@@ -1,12 +1,10 @@
-import type React from 'react';
+import React from 'react';
 export type ConnectProps = {
     children?: React.ReactNode;
     left?: React.ReactNode;
     right?: React.ReactNode;
     fullWidth?: boolean;
+    tabIndex?: number;
 };
-declare function Connect(props: ConnectProps): JSX.Element;
-declare namespace Connect {
-    var displayName: string;
-}
+declare const Connect: React.ForwardRefExoticComponent<ConnectProps & React.RefAttributes<HTMLDivElement>>;
 export default Connect;

package/types/components/Flex/Flex.d.ts

@@ -1,11 +1,13 @@
-import { type BoxProps } from 'components/Box/Box';
+import type { BoxProps } from 'components/Box/Box';
 import type { ReactNode } from 'react';
 export type FlexProps = {
     'data-id'?: string;
     children?: ReactNode;
+    tabIndex?: number;
 } & BoxProps;
-export declare function Flex(props: FlexProps): JSX.Element;
-export declare namespace Flex {
-    var displayName: string;
-}
+export declare const Flex: import("react").ForwardRefExoticComponent<{
+    'data-id'?: string | undefined;
+    children?: ReactNode;
+    tabIndex?: number | undefined;
+} & BoxProps & import("react").RefAttributes<HTMLDivElement>>;
 export default Flex;

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

@@ -1,6 +1,9 @@
 import { type ButtonPropsV2 } from 'components/ButtonV2/ButtonV2';
-import { type TODOFIXME } from 'helpers';
 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 interface InlineEditProps extends ButtonPropsV2 {
     'data-id'?: string;
@@ -10,12 +13,13 @@ export interface InlineEditProps extends ButtonPropsV2 {
     placeholder?: string;
     hideIcon?: boolean;
     p?: string;
-    onChange: TODOFIXME;
-    onToggle?: TODOFIXME;
+    onChange: () => void;
+    onToggle?: (toggled: any) => void;
+    onCancel?: () => void;
     disabled?: boolean;
     valid?: boolean;
 }
 export declare const InlineEdit: {
-    ({ children, placeholder, value, editValue, hideIcon, p, onChange, onToggle, disabled, valid, ...rest }: InlineEditProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, placeholder, value, editValue, hideIcon, p, onChange, onToggle, onCancel, disabled, valid, ...rest }: InlineEditProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/types/utils/index.d.ts

@@ -0,0 +1 @@
+export declare const handleOutsideClick: (event: MouseEvent, ref: React.RefObject<HTMLDivElement>, close: () => void) => void;