chore: type naming and order

kadena-community · Aug 11, 2023 · ea61a1a · ea61a1a
1 parent 4bd1bc0
commit ea61a1a
Show file tree

Hide file tree

Showing 7 changed files with 36 additions and 19 deletions.
diff --git a/packages/libs/react-ui/src/components/NavFooter/NavFooter.tsx b/packages/libs/react-ui/src/components/NavFooter/NavFooter.tsx
@@ -4,12 +4,12 @@ import { INavFooterPanelProps } from './NavFooterPanel';
 import { darkThemeClass } from '@theme/vars.css';
 import React, { FC, FunctionComponentElement } from 'react';
 
-export interface INavFooterContainerProps {
+export interface INavFooterRootProps {
   children: FunctionComponentElement<INavFooterPanelProps>[];
   darkMode?: boolean;
 }
 
-export const NavFooterContainer: FC<INavFooterContainerProps> = ({
+export const NavFooterContainer: FC<INavFooterRootProps> = ({
   children,
   darkMode = false,
 }) => {

diff --git a/packages/libs/react-ui/src/components/NavFooter/index.ts b/packages/libs/react-ui/src/components/NavFooter/index.ts
@@ -1,4 +1,4 @@
-import type { INavFooterContainerProps } from './NavFooter';
+import type { INavFooterRootProps } from './NavFooter';
 import { NavFooterContainer } from './NavFooter';
 import type { INavFooterIconButtonProps } from './NavFooterIconButton';
 import { NavFooterIconButton } from './NavFooterIconButton';
@@ -10,14 +10,14 @@ import { NavFooterPanel } from './NavFooterPanel';
 import { FC } from 'react';
 
 export {
-  INavFooterContainerProps,
+  INavFooterRootProps,
   INavFooterIconButtonProps,
   INavFooterLinkProps,
   INavFooterPanelProps,
 };
 
 export interface INavFooterProps {
-  Root: FC<INavFooterContainerProps>;
+  Root: FC<INavFooterRootProps>;
   Panel: FC<INavFooterPanelProps>;
   Link: FC<INavFooterLinkProps>;
   IconButton: FC<INavFooterIconButtonProps>;

diff --git a/packages/libs/react-ui/src/components/NavHeader/NavHeader.stories.tsx b/packages/libs/react-ui/src/components/NavHeader/NavHeader.stories.tsx
@@ -1,4 +1,4 @@
-import type { INavHeaderContainerProps, INavItems } from './NavHeader';
+import type { INavHeaderRootProps, INavItems } from './NavHeader';
 import { NavHeader } from './';
 
 import { logoVariants } from '@components/BrandLogo';
@@ -30,7 +30,7 @@ type StoryProps = {
   renderSampleContent: boolean;
   useCustomNavigation: boolean;
   customNavigation: INavItems;
-} & INavHeaderContainerProps;
+} & INavHeaderRootProps;
 
 const meta: Meta<StoryProps> = {
   title: 'Navigation/NavHeader',

diff --git a/packages/libs/react-ui/src/components/NavHeader/NavHeader.tsx b/packages/libs/react-ui/src/components/NavHeader/NavHeader.tsx
@@ -15,15 +15,15 @@ export interface INavItem {
 }
 export type INavItems = INavItem[];
 
-export interface INavHeaderContainerProps {
+export interface INavHeaderRootProps {
   brand?: LogoVariant;
   children?: FunctionComponentElement<
     INavHeaderNavigationProps | INavHeaderContentProps
   >[];
   items?: INavItems;
 }
 
-export const NavHeaderContainer: FC<INavHeaderContainerProps> = ({
+export const NavHeaderContainer: FC<INavHeaderRootProps> = ({
   brand = logoVariants[0],
   children,
 }) => {

diff --git a/packages/libs/react-ui/src/components/NavHeader/index.ts b/packages/libs/react-ui/src/components/NavHeader/index.ts
@@ -1,4 +1,4 @@
-import type { INavHeaderContainerProps } from './NavHeader';
+import type { INavHeaderRootProps } from './NavHeader';
 import { NavHeaderContainer } from './NavHeader';
 import type { INavHeaderContentProps } from './NavHeaderContent';
 import { NavHeaderContent } from './NavHeaderContent';
@@ -9,8 +9,15 @@ import { NavHeaderNavigation } from './NavHeaderNavigation';
 
 import { FC } from 'react';
 
+export {
+  INavHeaderRootProps,
+  INavHeaderContentProps,
+  INavHeaderLinkProps,
+  INavHeaderNavigationProps,
+};
+
 export interface INavHeaderProps {
-  Root: FC<INavHeaderContainerProps>;
+  Root: FC<INavHeaderRootProps>;
   Navigation: FC<INavHeaderNavigationProps>;
   Link: FC<INavHeaderLinkProps>;
   Content: FC<INavHeaderContentProps>;

diff --git a/packages/libs/react-ui/src/components/index.ts b/packages/libs/react-ui/src/components/index.ts
@@ -24,21 +24,27 @@ export type { ITooltipProps } from './Tooltip';
 export type { ITrackerCardProps, ILabelValue } from './TrackerCard/TrackerCard';
 export type { ITreeProps } from './Tree';
 export type {
-  INavFooterContainerProps,
-  INavFooterPanelProps,
   INavFooterIconButtonProps,
   INavFooterLinkProps,
+  INavFooterPanelProps,
+  INavFooterRootProps,
 } from './NavFooter';
 export type {
-  INotificationProps,
+  INavHeaderContentProps,
+  INavHeaderLinkProps,
+  INavHeaderNavigationProps,
+  INavHeaderRootProps,
+} from './NavHeader';
+export type {
   INotificationActionsProps,
+  INotificationProps,
 } from './Notification';
 export type {
   ITableProps,
   ITBodyProps,
   ITdProps,
-  IThProps,
   ITHeadProps,
+  IThProps,
   ITrProps,
 } from './Table';
 export type {

diff --git a/packages/libs/react-ui/src/index.ts b/packages/libs/react-ui/src/index.ts
@@ -24,12 +24,17 @@ export type {
   INavFooterIconButtonProps,
   INavFooterLinkProps,
   INavFooterPanelProps,
-  INavFooterContainerProps,
+  INavFooterRootProps,
+  INavHeaderContentProps,
+  INavHeaderLinkProps,
+  INavHeaderNavigationProps,
+  INavHeaderRootProps,
   INotificationActionsProps,
   INotificationProps,
   InputWrapperStatus,
   IOptionProps,
   IPaginationProps,
+  IProfileCardProps,
   IProgressBarProps,
   ISelectProps,
   IStackProps,
@@ -48,7 +53,6 @@ export type {
   ITrackerCardProps,
   ITreeProps,
   ITrProps,
-  IProfileCardProps,
 } from './components';
 
 export {
@@ -58,6 +62,7 @@ export {
   Button,
   Card,
   ContentHeader,
+  Divider,
   GradientText,
   Grid,
   Heading,
@@ -74,6 +79,7 @@ export {
   Option,
   Pagination,
   ProductIcon,
+  ProfileCard,
   ProgressBar,
   Select,
   Stack,
@@ -87,8 +93,6 @@ export {
   TrackerCard,
   Tree,
   useModal,
-  Divider,
-  ProfileCard,
 } from './components';
 
 export { breakpoints } from './styles';