chore: Export all components to allow usage without dot-notation (#146)

CHANGELOG.md

@@ -17,6 +17,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 -   Update minor and patch dependencies
 -   Update `@testing-library/react` to v15
 -   Adjusted active and hover start styling on `AssetTransfer` module component
+-   Export all components to allow usage without dot-notation
 
 ## [1.0.22] - 2024-04-12
 

src/core/components/dataList/index.ts

@@ -4,16 +4,16 @@ import { DataListItem } from './dataListItem';
 import { DataListPagination } from './dataListPagination';
 import { DataListRoot } from './dataListRoot';
 
-export type { IDataListContainerProps, IDataListContainerState } from './dataListContainer';
-export type { IDataListFilterProps, IDataListFilterSortItem } from './dataListFilter';
-export type { IDataListItemProps } from './dataListItem';
-export type { IDataListPaginationProps } from './dataListPagination';
-export type { DataListState, IDataListRootProps } from './dataListRoot';
-
 export const DataList = {
     Root: DataListRoot,
     Filter: DataListFilter,
     Container: DataListContainer,
     Item: DataListItem,
     Pagination: DataListPagination,
 };
+
+export * from './dataListContainer';
+export * from './dataListFilter';
+export * from './dataListItem';
+export * from './dataListPagination';
+export * from './dataListRoot';

src/core/components/dialogs/dialog/index.ts

@@ -10,7 +10,7 @@ export const Dialog = {
     Root: DialogRoot,
 };
 
-export { type IDialogContentProps } from './dialogContent';
-export { type IDialogFooterAction, type IDialogFooterProps } from './dialogFooter';
-export { type IDialogHeaderProps } from './dialogHeader';
-export { type IDialogRootProps } from './dialogRoot';
+export * from './dialogContent';
+export * from './dialogFooter';
+export * from './dialogHeader';
+export * from './dialogRoot';

src/core/components/dialogs/dialogAlert/index.ts

@@ -10,7 +10,7 @@ export const DialogAlert = {
     Root: DialogAlertRoot,
 };
 
-export { type IDialogAlertContentProps } from './dialogAlertContent';
-export { type IDialogAlertFooterAction, type IDialogAlertFooterProps } from './dialogAlertFooter';
-export { type IDialogAlertHeaderProps } from './dialogAlertHeader';
-export { type DialogAlertVariant, type IDialogAlertRootProps } from './dialogAlertRoot';
+export * from './dialogAlertContent';
+export * from './dialogAlertFooter';
+export * from './dialogAlertHeader';
+export * from './dialogAlertRoot';

src/core/components/dropdown/dropdownContainer.stories.tsx → src/core/components/dropdown/dropdownContainer/dropdownContainer.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { useState } from 'react';
-import { Dropdown, type IDropdownContainerProps } from './index';
+import { Dropdown, type IDropdownContainerProps } from '../index';
 
 const meta: Meta<typeof Dropdown.Container> = {
     title: 'Core/Components/Dropdown/Dropdown.Container',

src/core/components/dropdown/dropdownContainer.test.tsx → src/core/components/dropdown/dropdownContainer/dropdownContainer.test.tsx

@@ -1,8 +1,8 @@
 import { render, screen } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
-import { IconType } from '../icon';
+import { IconType } from '../../icon';
+import { DropdownItem } from '../dropdownItem/dropdownItem';
 import { DropdownContainer, type IDropdownContainerProps } from './dropdownContainer';
-import { DropdownItem } from './dropdownItem';
 
 describe('<Dropdown.Container /> component', () => {
     const createTestComponent = (props?: Partial<IDropdownContainerProps>) => {

src/core/components/dropdown/dropdownContainer.tsx → src/core/components/dropdown/dropdownContainer/dropdownContainer.tsx

@@ -1,8 +1,8 @@
 import * as RadixDropdown from '@radix-ui/react-dropdown-menu';
 import classNames from 'classnames';
 import { useEffect, useState, type ReactNode } from 'react';
-import { Button, type IButtonProps } from '../button';
-import { IconType } from '../icon';
+import { Button, type IButtonProps } from '../../button';
+import { IconType } from '../../icon';
 
 export interface IDropdownContainerProps extends RadixDropdown.DropdownMenuProps {
     /**

src/core/components/dropdown/dropdownContainer/index.css

@@ -0,0 +1,4 @@
+:root {
+  /* Z-index property of the content insdie the dropdown container */
+  --ods-dropdown-container-content-z-index: auto;
+}

src/core/components/dropdown/dropdownContainer/index.ts

@@ -0,0 +1 @@
+export { DropdownContainer, type IDropdownContainerProps } from './dropdownContainer';

src/core/components/dropdown/dropdownItem.stories.tsx → src/core/components/dropdown/dropdownItem/dropdownItem.stories.tsx

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Dropdown, type IDropdownItemProps } from './index';
+import { Dropdown, type IDropdownItemProps } from '../index';
 
 const meta: Meta<typeof Dropdown.Item> = {
     title: 'Core/Components/Dropdown/Dropdown.Item',

src/core/components/dropdown/dropdownItem.test.tsx → src/core/components/dropdown/dropdownItem/dropdownItem.test.tsx

@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react';
-import { IconType } from '../icon';
-import { DropdownContainer } from './dropdownContainer';
+import { IconType } from '../../icon';
+import { DropdownContainer } from '../dropdownContainer/dropdownContainer';
 import { DropdownItem, type IDropdownItemProps } from './dropdownItem';
 
 describe('<Dropdown.Item /> component', () => {

src/core/components/dropdown/dropdownItem.tsx → src/core/components/dropdown/dropdownItem/dropdownItem.tsx

@@ -1,7 +1,7 @@
 import * as RadixDropdown from '@radix-ui/react-dropdown-menu';
 import classNames from 'classnames';
 import React from 'react';
-import { Icon, IconType } from '../icon';
+import { Icon, IconType } from '../../icon';
 
 export interface IDropdownItemProps extends Omit<RadixDropdown.DropdownMenuItemProps, 'asChild'> {
     /**

src/core/components/dropdown/dropdownItem/index.ts

@@ -0,0 +1 @@
+export { DropdownItem, type IDropdownItemProps } from './dropdownItem';

src/core/components/dropdown/index.css

@@ -1,4 +1 @@
-:root {
-  /* Z-index property of the content insdie the dropdown container */
-  --ods-dropdown-container-content-z-index: auto;
-}
+@import "./dropdownContainer";

src/core/components/dropdown/index.ts

@@ -1,10 +1,10 @@
 import { DropdownContainer } from './dropdownContainer';
 import { DropdownItem } from './dropdownItem';
 
-export type { IDropdownContainerProps } from './dropdownContainer';
-export type { IDropdownItemProps } from './dropdownItem';
-
 export const Dropdown = {
     Container: DropdownContainer,
     Item: DropdownItem,
 };
+
+export * from './dropdownContainer';
+export * from './dropdownItem';

src/modules/components/asset/assetDataListItem/index.ts

@@ -4,4 +4,4 @@ export const AssetDataListItem = {
     Structure: AssetDataListItemStructure,
 };
 
-export type { IAssetDataListItemStructureProps } from './assetDataListItemStructure';
+export * from './assetDataListItemStructure';

src/modules/components/dao/daoDataListItem/index.ts

@@ -4,4 +4,4 @@ export const DaoDataListItem = {
     Structure: DaoDataListItemStructure,
 };
 
-export type { IDaoDataListItemStructureProps } from './daoDataListItemStructure';
+export * from './daoDataListItemStructure';

src/modules/components/member/memberDataListItem/index.ts

@@ -4,4 +4,4 @@ export const MemberDataListItem = {
     Structure: MemberDataListItemStructure,
 };
 
-export type { IMemberDataListItemProps } from './memberDataListItemStructure';
+export * from './memberDataListItemStructure';

src/modules/components/proposal/proposalDataListItem/index.ts

@@ -1,13 +1,7 @@
-import { ProposalDataListItemStructure as Structure } from './proposalDataListItemStructure';
+import { ProposalDataListItemStructure } from './proposalDataListItemStructure';
 
 export const ProposalDataListItem = {
-    Structure,
+    Structure: ProposalDataListItemStructure,
 };
 
-export type {
-    IApprovalThresholdResult,
-    IMajorityVotingResult,
-    IProposalDataListItemStructureProps,
-    ProposalStatus,
-    ProposalType,
-} from './proposalDataListItemStructure';
+export * from './proposalDataListItemStructure';

src/modules/components/transaction/transactionDataListItem/index.ts

@@ -1,11 +1,7 @@
-import { TransactionDataListItemStructure as Structure } from './transactionDataListItemStructure';
+import { TransactionDataListItemStructure } from './transactionDataListItemStructure';
 
 export const TransactionDataListItem = {
-    Structure,
+    Structure: TransactionDataListItemStructure,
 };
 
-export {
-    TransactionStatus,
-    TransactionType,
-    type ITransactionDataListItemProps,
-} from './transactionDataListItemStructure';
+export * from './transactionDataListItemStructure';