@theroutingcompany/components 0.0.18-alpha.4 → 0.0.18-alpha.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.18-alpha.4",
+  "version": "0.0.18-alpha.6",
   "description": "The Routing Company Components",
   "main": "./dist/trc-components.umd.js",
   "module": "./dist/trc-components.es.js",
@@ -23,7 +23,7 @@
   "scripts": {
     "prepublish": "npm run build",
     "format": "prettier ./dist/**/*.{js,css,scss} --write --no-config",
-    "clean": "rimraf ./dist ./types", 
+    "clean": "rimraf ./dist ./types",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "lint": "eslint --cache src",
@@ -40,11 +40,11 @@
     "@internationalized/date": "3.1.0",
     "@material-ui/icons": "^4.11.3",
     "@radix-ui/react-accessible-icon": "^1.0.2",
-    "csstype": "^3.1.1",
     "@radix-ui/react-alert-dialog": "^1.0.3",
     "@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",
@@ -91,17 +91,18 @@
     "@react-types/select": "3.7.0",
     "@tanstack/react-table": "^8.7.9",
     "@theroutingcompany/design-tokens": "^0.0.3",
-    "@types/react": "^18.0.28",
+    "@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",
-    "csstype": "^3.1.1"
+    "react-is": "^18.2.0"
   },
   "devDependencies": {
     "@babel/core": "^7.21.0",

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

@@ -5,6 +5,7 @@ export * from './Breadcrumbs/Breadcrumbs';
 export * from './Button/Button';
 export * from './Button/ButtonBase';
 export * from './Checkbox/Checkbox';
+export * from './DropdownMenu/DropdownMenu';
 export * from './Dialog/Dialog';
 export * from './Flex/Flex';
 export * from './Fieldset/Fieldset';

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 {};