@theroutingcompany/components 0.0.18-alpha.3 → 0.0.18-alpha.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.18-alpha.3",
+  "version": "0.0.18-alpha.5",
   "description": "The Routing Company Components",
   "main": "./dist/trc-components.umd.js",
   "module": "./dist/trc-components.es.js",
@@ -44,6 +44,7 @@
     "@radix-ui/react-checkbox": "^1.0.3",
     "@radix-ui/react-collapsible": "^1.0.2",
     "@radix-ui/react-dialog": "^1.0.3",
+    "@radix-ui/react-dropdown-menu": "^2.0.4",
     "@radix-ui/react-polymorphic": "^0.0.14",
     "@radix-ui/react-popover": "^1.0.5",
     "@radix-ui/react-radio-group": "^1.1.2",
@@ -90,12 +91,15 @@
     "@react-types/select": "3.7.0",
     "@tanstack/react-table": "^8.7.9",
     "@theroutingcompany/design-tokens": "^0.0.3",
+    "@types/react": "^18.0.0",
+    "csstype": "^3.1.1",
     "styled-components": "^5.3.8"
   },
   "peerDependencies": {
     "@material-ui/icons": "^4.11.3",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
+    "csstype": "^3.1.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0"
@@ -115,7 +119,6 @@
     "@storybook/testing-library": "^0.0.14-next.0",
     "@types/eslint": "^8.21.1",
     "@types/prettier": "^2.7.2",
-    "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
     "@types/react-is": "^17.0.3",
     "@types/styled-components": "^5.1.26",
@@ -123,7 +126,6 @@
     "@typescript-eslint/parser": "^5.54.0",
     "@vitejs/plugin-react": "^3.1.0",
     "chromatic": "^6.17.1",
-    "csstype": "^3.1.1",
     "eslint": "^8.35.0",
     "eslint-config-prettier": "^8.6.0",
     "eslint-plugin-jsx-a11y": "^6.7.1",

package/types/components/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,19 @@
+/// <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 function DropdownMenuContent({ children, forceMount, ...props }: DropdownMenuPrimitive.DropdownMenuContentProps): JSX.Element;
+export declare const DropdownMenu: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps>;
+export declare const DropdownMenuPortal: import("react").FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+export declare const DropdownMenuGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DropdownMenuRadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const DropdownMenuRadioItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const DropdownMenuCheckboxItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const DropdownMenuItemIndicator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
+export declare const DropdownMenuArrow: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuArrowProps & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
+export declare const DropdownMenuLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const DropdownMenuSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const DropdownMenuSub: import("react").FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+export declare const DropdownMenuSubTrigger: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const DropdownMenuSubContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/types/components/FileUpload/FileUpload.d.ts

@@ -4,10 +4,10 @@ export type FileDescription = {
     mime: `${string}/${string}`;
 };
 type DropTargetProps = {
-    file: File | null;
+    file?: File | null | undefined;
     fileTypes: FileDescription[];
     onAddFile: (f: File) => void;
-    onDeleteFile: () => void;
+    onDeleteFile?: (() => void) | undefined;
 };
 export declare const FileUpload: import("react").ForwardRefExoticComponent<DropTargetProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/types/components/IconButton/IconButton.d.ts

@@ -12,7 +12,7 @@ export type StyledIconButtonProps = AriaButtonProps & {
     shape?: Shape;
     disabled?: boolean;
 };
-/** Be sure to add add a `label` prop.
+/** Be sure to add add a `label` prop. Note `aria-label` is already taken care of by the `label` prop.
  * ```jsx
  * <IconButton label="Add new item">
  *   <AddIcon/>

package/types/components/Popover/Popover.d.ts

@@ -1,7 +1,7 @@
 /// <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, ...props }: PopoverPrimitive.PopoverContentProps): JSX.Element;
+export declare function PopoverContent({ children, forceMount, ...props }: PopoverPrimitive.PopoverContentProps): JSX.Element;
 export declare const PopoverClose: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const PopoverCloseCross: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare const Popover: import("react").FC<PopoverPrimitive.PopoverProps>;

package/types/components/index.d.ts

@@ -3,6 +3,7 @@ export * from './AccessibleIcon/AccessibleIcon';
 export * from './Box/Box';
 export * from './Breadcrumbs/Breadcrumbs';
 export * from './Button/Button';
+export * from './Button/ButtonBase';
 export * from './Checkbox/Checkbox';
 export * from './Dialog/Dialog';
 export * from './Flex/Flex';

package/types/helpers/interactionStates.d.ts

@@ -0,0 +1,6 @@
+type DataStates = {
+    isFocusVisible: boolean;
+    isPressed: boolean;
+};
+export declare function getDataState({ isFocusVisible, isPressed }: DataStates): string;
+export {};