@theroutingcompany/components 0.0.71-alpha.6 → 0.0.71-alpha.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.71-alpha.6",
+  "version": "0.0.71-alpha.8",
   "description": "The Routing Company Components",
   "main": "./dist/trc-components.umd.js",
   "module": "./dist/trc-components.es.js",

package/types/components/Drawer/Drawer.d.ts

@@ -26,9 +26,6 @@ declare const Drawer: ForwardRefExoticComponent<DrawerProps> & {
     Header: typeof Header;
 };
 export default Drawer;
-/**
- * Reusable hook to be used with the Drawer component
- */
 type UseDrawerProps = {
     initialOpen?: boolean;
     triggerToggle?: boolean;

package/types/components/Modal/Modal.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { type ForwardRefExoticComponent, type ReactNode } from 'react';
 import { type MaxWidthProps } from 'styled-system';
 import { type PortalProps } from '../Portal';
 import Content from './Content';
@@ -11,7 +11,7 @@ export declare const dialogWidths: {
 };
 export type DialogWidth = keyof typeof dialogWidths;
 export type ModalProps = {
-    children?: React.ReactNode;
+    children?: ReactNode;
     className?: string;
     closeOnEscape?: boolean;
     closeOnOutsideClick?: boolean;
@@ -21,9 +21,36 @@ export type ModalProps = {
     size?: 'small' | 'medium' | 'large';
     maxWidth?: string;
 } & MaxWidthProps;
-declare const Modal: React.ForwardRefExoticComponent<ModalProps> & {
+declare const Modal: ForwardRefExoticComponent<ModalProps> & {
     Header: typeof Header;
     Content: typeof Content;
     Footer: typeof Footer;
 };
 export default Modal;
+export type UseModalProps = {
+    initialOpen?: boolean;
+    id?: string;
+};
+export type UseModalState = {
+    isOpen: boolean;
+    toggleModal: () => void;
+    openModal: () => void;
+    closeModal: () => void;
+    getActivatorProps: (additionalProps?: {
+        [k: string]: unknown;
+    }) => {
+        'aria-controls': UseModalProps['id'];
+        onClick: () => void;
+        [key: string]: unknown;
+    };
+    getModalProps: (props?: {
+        [k: string]: unknown;
+    }) => {
+        id: UseModalProps['id'];
+        onClose: () => void;
+        open: boolean;
+        [key: string]: unknown;
+    };
+};
+declare const useModal: ({ initialOpen, id, }?: UseModalProps) => UseModalState;
+export { useModal };

package/types/hooks/useModal.d.ts

@@ -1,7 +0,0 @@
-declare function useModal({ initialOpen, id }?: {
-    initialOpen?: boolean | undefined;
-    id?: string | undefined;
-}): {
-    isOpen: boolean;
-};
-export default useModal;