From af0dda72f7a0d04a905d121add800414507642c6 Mon Sep 17 00:00:00 2001 From: jaaaaavier Date: Tue, 31 Mar 2026 14:53:48 +0200 Subject: [PATCH 1/3] feat: restructuration of components --- .../{ => data-display}/avatar/Avatar.tsx | 0 .../avatar/__test__/Avatar.test.tsx | 0 .../__snapshots__/Avatar.test.tsx.snap | 0 .../avatar/components/DefaultAvatar.tsx | 0 .../avatar/components/PictureAvatar.tsx | 0 .../{ => data-display}/avatar/index.ts | 0 .../{ => data-display}/card/Card.tsx | 0 .../card/__test__/Card.test.tsx | 0 .../__test__/__snapshots__/Card.test.tsx.snap | 0 .../{ => data-display}/card/index.ts | 0 .../{ => data-display}/list/List.tsx | 8 +- .../{ => data-display}/list/ListHeader.tsx | 4 +- .../{ => data-display}/list/ListItem.tsx | 8 +- .../list/__test__/List.test.tsx | 0 .../list/__test__/ListHeader.test.tsx | 0 .../list/__test__/ListItem.test.tsx | 0 .../__test__/__snapshots__/List.test.tsx.snap | 0 .../__snapshots__/ListHeader.test.tsx.snap | 0 .../__snapshots__/ListItem.test.tsx.snap | 0 .../{ => data-display}/list/index.ts | 0 .../{ => data-display}/table/Table.tsx | 0 .../table/__test__/Table.test.tsx | 0 .../__snapshots__/Table.test.tsx.snap | 0 .../{ => data-display}/table/index.ts | 0 src/components/{ => feedback}/empty/Empty.tsx | 2 +- .../empty/__test__/Empty.test.tsx | 0 .../__snapshots__/Empty.test.tsx.snap | 0 src/components/{ => feedback}/empty/index.ts | 0 .../{ => feedback}/loader/Loader.tsx | 2 +- .../loader/__test__/Loader.test.tsx | 0 .../__snapshots__/Loader.test.tsx.snap | 0 src/components/{ => feedback}/loader/index.ts | 0 .../skeletonLoader/SkeletonLoader.tsx | 0 .../__test__/SkeletonLoader.test.tsx | 0 .../SkeletonLoader.test.tsx.snap | 0 .../{ => feedback}/skeletonLoader/index.ts | 0 src/components/index.ts | 73 +++++++++++-------- src/components/{ => input}/button/Button.tsx | 2 +- .../button/__test__/Button.test.tsx | 0 .../__snapshots__/Button.test.tsx.snap | 0 src/components/{ => input}/button/index.ts | 0 .../{ => input}/buttonCircle/CircleButton.tsx | 0 .../__test__/CircleButton.test.tsx | 0 .../__snapshots__/CircleButton.test.tsx.snap | 0 .../{ => input}/buttonCircle/index.ts | 0 .../{ => input}/checkbox/Checkbox.tsx | 4 +- .../checkbox/__test__/Checkbox.test.tsx | 0 .../__snapshots__/Checkbox.test.tsx.snap | 0 src/components/{ => input}/checkbox/index.ts | 0 .../{ => input}/copyable/Copyable.tsx | 2 +- .../copyable/__test__/Copyable.test.tsx | 0 .../__snapshots__/Copyable.test.tsx.snap | 0 src/components/{ => input}/copyable/index.ts | 0 src/components/input/{ => input}/Input.tsx | 0 .../input/{ => input}/__test__/Input.test.tsx | 0 .../__snapshots__/Input.test.tsx.snap | 0 src/components/input/{ => input}/index.ts | 0 .../{ => input}/radioButton/RadioButton.tsx | 0 .../radioButton/__test__/RadioButton.test.tsx | 0 .../__snapshots__/RadioButton.test.tsx.snap | 0 .../{ => input}/radioButton/index.ts | 0 .../{ => input}/slider/RangeSlider.tsx | 2 +- .../slider/__test__/RangeSlider.test.tsx | 0 .../__snapshots__/RangeSlider.test.tsx.snap | 0 src/components/{ => input}/slider/index.ts | 0 src/components/{ => input}/switch/Switch.tsx | 0 .../switch/__test__/Switch.test.tsx | 0 .../__snapshots__/Switch.test.tsx.snap | 0 src/components/{ => input}/switch/index.ts | 0 .../{ => input}/textArea/TextArea.tsx | 0 .../textArea/__test__/TextArea.test.tsx | 0 .../__snapshots__/TextArea.test.tsx.snap | 0 src/components/{ => input}/textArea/index.ts | 0 src/components/{ => layout}/header/Header.tsx | 0 .../header/__test__/Header.test.tsx | 0 .../__snapshots__/Header.test.tsx.snap | 0 src/components/{ => layout}/header/index.ts | 0 .../infiniteScroll/InfiniteScroll.tsx | 0 .../__test__/InfiniteScroll.test.tsx | 0 .../InfiniteScroll.test.tsx.snap | 0 .../{ => layout}/infiniteScroll/index.ts | 0 .../breadcrumbs/Breadcrumbs.tsx | 0 .../breadcrumbs/BreadcrumbsItem.tsx | 0 .../breadcrumbs/__test__/Breadcrumbs.test.tsx | 0 .../__test__/BreadcrumbsItem.test.tsx | 0 .../__snapshots__/Breadcrumbs.test.tsx.snap | 0 .../BreadcrumbsItem.test.tsx.snap | 0 .../{ => navigation}/breadcrumbs/index.ts | 0 .../{ => navigation}/dropdown/Dropdown.tsx | 2 +- .../dropdown/__test__/Dropdown.test.tsx | 0 .../__snapshots__/Dropdown.test.tsx.snap | 0 .../{ => navigation}/dropdown/index.ts | 0 src/components/{ => navigation}/menu/Menu.tsx | 2 +- .../menu/__test__/Menu.test.tsx | 0 .../__test__/__snapshots__/Menu.test.tsx.snap | 0 src/components/{ => navigation}/menu/index.ts | 0 .../{ => navigation}/sidenav/Sidenav.tsx | 0 .../sidenav/SidenavHeader.tsx | 0 .../{ => navigation}/sidenav/SidenavItem.tsx | 0 .../sidenav/SidenavOptions.tsx | 0 .../sidenav/SidenavStorage.tsx | 0 .../sidenav/__test__/Sidenav.test.tsx | 0 .../__snapshots__/Sidenav.test.tsx.snap | 0 .../{ => navigation}/sidenav/index.ts | 0 .../suiteLauncher/SuiteLauncher.tsx | 2 +- .../__test__/SuiteLauncher.test.tsx | 0 .../__snapshots__/SuiteLauncher.test.tsx.snap | 0 .../{ => navigation}/suiteLauncher/index.ts | 0 .../{ => overlay}/baseDialog/BaseDialog.tsx | 0 .../baseDialog/__test__/BaseDialog.test.tsx | 0 .../__snapshots__/BaseDialog.test.tsx.snap | 0 .../{ => overlay}/baseDialog/index.ts | 0 .../{ => overlay}/contextMenu/ContextMenu.tsx | 2 +- .../contextMenu/__test__/ContextMenu.test.tsx | 0 .../__snapshots__/ContextMenu.test.tsx.snap | 0 .../{ => overlay}/contextMenu/index.ts | 0 .../{ => overlay}/dialog/Dialog.tsx | 2 +- .../dialog/__test__/Dialog.test.tsx | 0 .../__snapshots__/Dialog.test.tsx.snap | 0 src/components/{ => overlay}/dialog/index.ts | 0 src/components/{ => overlay}/modal/Modal.tsx | 0 .../modal/__test__/Modal.test.tsx | 0 .../__snapshots__/Modal.test.tsx.snap | 0 src/components/{ => overlay}/modal/index.ts | 0 .../modalTransparent/TransparentModal.tsx | 0 .../__test__/TransparentModal.test.tsx | 0 .../TransparentModal.test.tsx.snap | 0 .../{ => overlay}/modalTransparent/index.ts | 0 .../{ => overlay}/popover/Popover.tsx | 0 .../popover/__test__/Popover.test.tsx | 0 .../__snapshots__/Popover.test.tsx.snap | 0 src/components/{ => overlay}/popover/index.ts | 0 .../{ => overlay}/tooltip/Tooltip.tsx | 0 .../tooltip/__test__/Tooltip.test.tsx | 0 .../__snapshots__/Tooltip.test.tsx.snap | 0 src/components/{ => overlay}/tooltip/index.ts | 0 .../components/avatar/Avatar.stories.ts | 2 +- .../baseDialog/BaseDialog.stories.tsx | 2 +- .../breadcrumbs/breadcrumbs.stories.tsx | 2 +- .../components/button/Button.stories.tsx | 2 +- .../buttonCircle/ButtonCircle.stories.tsx | 2 +- src/stories/components/card/Card.stories.tsx | 2 +- .../components/checkbox/Checkbox.stories.tsx | 2 +- .../contextMenu/ContextMenu.stories.tsx | 2 +- .../components/copyable/Copyable.stories.tsx | 2 +- .../components/dialog/Dialog.stories.tsx | 2 +- .../components/dropdown/Dropdown.stories.tsx | 2 +- .../components/empty/Empty.stories.tsx | 2 +- .../components/header/Header.stories.tsx | 2 +- .../infiniteScroll/InfiniteScroll.stories.tsx | 2 +- src/stories/components/input/Input.stories.ts | 2 +- src/stories/components/list/List.stories.tsx | 2 +- .../components/loader/Loader.stories.tsx | 2 +- src/stories/components/menu/Menu.stories.tsx | 2 +- .../components/modal/Modal.stories.tsx | 2 +- .../TransparentModal.stories.tsx | 2 +- .../components/popover/Popover.stories.tsx | 2 +- .../radioButton/RadioButton.stories.ts | 2 +- .../components/sidenav/Sidenav.stories.tsx | 2 +- .../skeletonLoader/SkeletonLoader.stories.tsx | 2 +- .../components/slider/RangeSlider.stories.ts | 2 +- .../components/switch/Switch.stories.ts | 2 +- .../components/table/Table.stories.tsx | 4 +- .../components/textArea/TextArea.stories.tsx | 2 +- .../components/tooltip/Tooltip.stories.tsx | 2 +- tsconfig.json | 32 ++++++++ 166 files changed, 127 insertions(+), 82 deletions(-) rename src/components/{ => data-display}/avatar/Avatar.tsx (100%) rename src/components/{ => data-display}/avatar/__test__/Avatar.test.tsx (100%) rename src/components/{ => data-display}/avatar/__test__/__snapshots__/Avatar.test.tsx.snap (100%) rename src/components/{ => data-display}/avatar/components/DefaultAvatar.tsx (100%) rename src/components/{ => data-display}/avatar/components/PictureAvatar.tsx (100%) rename src/components/{ => data-display}/avatar/index.ts (100%) rename src/components/{ => data-display}/card/Card.tsx (100%) rename src/components/{ => data-display}/card/__test__/Card.test.tsx (100%) rename src/components/{ => data-display}/card/__test__/__snapshots__/Card.test.tsx.snap (100%) rename src/components/{ => data-display}/card/index.ts (100%) rename src/components/{ => data-display}/list/List.tsx (98%) rename src/components/{ => data-display}/list/ListHeader.tsx (96%) rename src/components/{ => data-display}/list/ListItem.tsx (96%) rename src/components/{ => data-display}/list/__test__/List.test.tsx (100%) rename src/components/{ => data-display}/list/__test__/ListHeader.test.tsx (100%) rename src/components/{ => data-display}/list/__test__/ListItem.test.tsx (100%) rename src/components/{ => data-display}/list/__test__/__snapshots__/List.test.tsx.snap (100%) rename src/components/{ => data-display}/list/__test__/__snapshots__/ListHeader.test.tsx.snap (100%) rename src/components/{ => data-display}/list/__test__/__snapshots__/ListItem.test.tsx.snap (100%) rename src/components/{ => data-display}/list/index.ts (100%) rename src/components/{ => data-display}/table/Table.tsx (100%) rename src/components/{ => data-display}/table/__test__/Table.test.tsx (100%) rename src/components/{ => data-display}/table/__test__/__snapshots__/Table.test.tsx.snap (100%) rename src/components/{ => data-display}/table/index.ts (100%) rename src/components/{ => feedback}/empty/Empty.tsx (97%) rename src/components/{ => feedback}/empty/__test__/Empty.test.tsx (100%) rename src/components/{ => feedback}/empty/__test__/__snapshots__/Empty.test.tsx.snap (100%) rename src/components/{ => feedback}/empty/index.ts (100%) rename src/components/{ => feedback}/loader/Loader.tsx (98%) rename src/components/{ => feedback}/loader/__test__/Loader.test.tsx (100%) rename src/components/{ => feedback}/loader/__test__/__snapshots__/Loader.test.tsx.snap (100%) rename src/components/{ => feedback}/loader/index.ts (100%) rename src/components/{ => feedback}/skeletonLoader/SkeletonLoader.tsx (100%) rename src/components/{ => feedback}/skeletonLoader/__test__/SkeletonLoader.test.tsx (100%) rename src/components/{ => feedback}/skeletonLoader/__test__/__snapshots__/SkeletonLoader.test.tsx.snap (100%) rename src/components/{ => feedback}/skeletonLoader/index.ts (100%) rename src/components/{ => input}/button/Button.tsx (99%) rename src/components/{ => input}/button/__test__/Button.test.tsx (100%) rename src/components/{ => input}/button/__test__/__snapshots__/Button.test.tsx.snap (100%) rename src/components/{ => input}/button/index.ts (100%) rename src/components/{ => input}/buttonCircle/CircleButton.tsx (100%) rename src/components/{ => input}/buttonCircle/__test__/CircleButton.test.tsx (100%) rename src/components/{ => input}/buttonCircle/__test__/__snapshots__/CircleButton.test.tsx.snap (100%) rename src/components/{ => input}/buttonCircle/index.ts (100%) rename src/components/{ => input}/checkbox/Checkbox.tsx (96%) rename src/components/{ => input}/checkbox/__test__/Checkbox.test.tsx (100%) rename src/components/{ => input}/checkbox/__test__/__snapshots__/Checkbox.test.tsx.snap (100%) rename src/components/{ => input}/checkbox/index.ts (100%) rename src/components/{ => input}/copyable/Copyable.tsx (97%) rename src/components/{ => input}/copyable/__test__/Copyable.test.tsx (100%) rename src/components/{ => input}/copyable/__test__/__snapshots__/Copyable.test.tsx.snap (100%) rename src/components/{ => input}/copyable/index.ts (100%) rename src/components/input/{ => input}/Input.tsx (100%) rename src/components/input/{ => input}/__test__/Input.test.tsx (100%) rename src/components/input/{ => input}/__test__/__snapshots__/Input.test.tsx.snap (100%) rename src/components/input/{ => input}/index.ts (100%) rename src/components/{ => input}/radioButton/RadioButton.tsx (100%) rename src/components/{ => input}/radioButton/__test__/RadioButton.test.tsx (100%) rename src/components/{ => input}/radioButton/__test__/__snapshots__/RadioButton.test.tsx.snap (100%) rename src/components/{ => input}/radioButton/index.ts (100%) rename src/components/{ => input}/slider/RangeSlider.tsx (98%) rename src/components/{ => input}/slider/__test__/RangeSlider.test.tsx (100%) rename src/components/{ => input}/slider/__test__/__snapshots__/RangeSlider.test.tsx.snap (100%) rename src/components/{ => input}/slider/index.ts (100%) rename src/components/{ => input}/switch/Switch.tsx (100%) rename src/components/{ => input}/switch/__test__/Switch.test.tsx (100%) rename src/components/{ => input}/switch/__test__/__snapshots__/Switch.test.tsx.snap (100%) rename src/components/{ => input}/switch/index.ts (100%) rename src/components/{ => input}/textArea/TextArea.tsx (100%) rename src/components/{ => input}/textArea/__test__/TextArea.test.tsx (100%) rename src/components/{ => input}/textArea/__test__/__snapshots__/TextArea.test.tsx.snap (100%) rename src/components/{ => input}/textArea/index.ts (100%) rename src/components/{ => layout}/header/Header.tsx (100%) rename src/components/{ => layout}/header/__test__/Header.test.tsx (100%) rename src/components/{ => layout}/header/__test__/__snapshots__/Header.test.tsx.snap (100%) rename src/components/{ => layout}/header/index.ts (100%) rename src/components/{ => layout}/infiniteScroll/InfiniteScroll.tsx (100%) rename src/components/{ => layout}/infiniteScroll/__test__/InfiniteScroll.test.tsx (100%) rename src/components/{ => layout}/infiniteScroll/__test__/__snapshots__/InfiniteScroll.test.tsx.snap (100%) rename src/components/{ => layout}/infiniteScroll/index.ts (100%) rename src/components/{ => navigation}/breadcrumbs/Breadcrumbs.tsx (100%) rename src/components/{ => navigation}/breadcrumbs/BreadcrumbsItem.tsx (100%) rename src/components/{ => navigation}/breadcrumbs/__test__/Breadcrumbs.test.tsx (100%) rename src/components/{ => navigation}/breadcrumbs/__test__/BreadcrumbsItem.test.tsx (100%) rename src/components/{ => navigation}/breadcrumbs/__test__/__snapshots__/Breadcrumbs.test.tsx.snap (100%) rename src/components/{ => navigation}/breadcrumbs/__test__/__snapshots__/BreadcrumbsItem.test.tsx.snap (100%) rename src/components/{ => navigation}/breadcrumbs/index.ts (100%) rename src/components/{ => navigation}/dropdown/Dropdown.tsx (98%) rename src/components/{ => navigation}/dropdown/__test__/Dropdown.test.tsx (100%) rename src/components/{ => navigation}/dropdown/__test__/__snapshots__/Dropdown.test.tsx.snap (100%) rename src/components/{ => navigation}/dropdown/index.ts (100%) rename src/components/{ => navigation}/menu/Menu.tsx (99%) rename src/components/{ => navigation}/menu/__test__/Menu.test.tsx (100%) rename src/components/{ => navigation}/menu/__test__/__snapshots__/Menu.test.tsx.snap (100%) rename src/components/{ => navigation}/menu/index.ts (100%) rename src/components/{ => navigation}/sidenav/Sidenav.tsx (100%) rename src/components/{ => navigation}/sidenav/SidenavHeader.tsx (100%) rename src/components/{ => navigation}/sidenav/SidenavItem.tsx (100%) rename src/components/{ => navigation}/sidenav/SidenavOptions.tsx (100%) rename src/components/{ => navigation}/sidenav/SidenavStorage.tsx (100%) rename src/components/{ => navigation}/sidenav/__test__/Sidenav.test.tsx (100%) rename src/components/{ => navigation}/sidenav/__test__/__snapshots__/Sidenav.test.tsx.snap (100%) rename src/components/{ => navigation}/sidenav/index.ts (100%) rename src/components/{ => navigation}/suiteLauncher/SuiteLauncher.tsx (98%) rename src/components/{ => navigation}/suiteLauncher/__test__/SuiteLauncher.test.tsx (100%) rename src/components/{ => navigation}/suiteLauncher/__test__/__snapshots__/SuiteLauncher.test.tsx.snap (100%) rename src/components/{ => navigation}/suiteLauncher/index.ts (100%) rename src/components/{ => overlay}/baseDialog/BaseDialog.tsx (100%) rename src/components/{ => overlay}/baseDialog/__test__/BaseDialog.test.tsx (100%) rename src/components/{ => overlay}/baseDialog/__test__/__snapshots__/BaseDialog.test.tsx.snap (100%) rename src/components/{ => overlay}/baseDialog/index.ts (100%) rename src/components/{ => overlay}/contextMenu/ContextMenu.tsx (97%) rename src/components/{ => overlay}/contextMenu/__test__/ContextMenu.test.tsx (100%) rename src/components/{ => overlay}/contextMenu/__test__/__snapshots__/ContextMenu.test.tsx.snap (100%) rename src/components/{ => overlay}/contextMenu/index.ts (100%) rename src/components/{ => overlay}/dialog/Dialog.tsx (99%) rename src/components/{ => overlay}/dialog/__test__/Dialog.test.tsx (100%) rename src/components/{ => overlay}/dialog/__test__/__snapshots__/Dialog.test.tsx.snap (100%) rename src/components/{ => overlay}/dialog/index.ts (100%) rename src/components/{ => overlay}/modal/Modal.tsx (100%) rename src/components/{ => overlay}/modal/__test__/Modal.test.tsx (100%) rename src/components/{ => overlay}/modal/__test__/__snapshots__/Modal.test.tsx.snap (100%) rename src/components/{ => overlay}/modal/index.ts (100%) rename src/components/{ => overlay}/modalTransparent/TransparentModal.tsx (100%) rename src/components/{ => overlay}/modalTransparent/__test__/TransparentModal.test.tsx (100%) rename src/components/{ => overlay}/modalTransparent/__test__/__snapshots__/TransparentModal.test.tsx.snap (100%) rename src/components/{ => overlay}/modalTransparent/index.ts (100%) rename src/components/{ => overlay}/popover/Popover.tsx (100%) rename src/components/{ => overlay}/popover/__test__/Popover.test.tsx (100%) rename src/components/{ => overlay}/popover/__test__/__snapshots__/Popover.test.tsx.snap (100%) rename src/components/{ => overlay}/popover/index.ts (100%) rename src/components/{ => overlay}/tooltip/Tooltip.tsx (100%) rename src/components/{ => overlay}/tooltip/__test__/Tooltip.test.tsx (100%) rename src/components/{ => overlay}/tooltip/__test__/__snapshots__/Tooltip.test.tsx.snap (100%) rename src/components/{ => overlay}/tooltip/index.ts (100%) diff --git a/src/components/avatar/Avatar.tsx b/src/components/data-display/avatar/Avatar.tsx similarity index 100% rename from src/components/avatar/Avatar.tsx rename to src/components/data-display/avatar/Avatar.tsx diff --git a/src/components/avatar/__test__/Avatar.test.tsx b/src/components/data-display/avatar/__test__/Avatar.test.tsx similarity index 100% rename from src/components/avatar/__test__/Avatar.test.tsx rename to src/components/data-display/avatar/__test__/Avatar.test.tsx diff --git a/src/components/avatar/__test__/__snapshots__/Avatar.test.tsx.snap b/src/components/data-display/avatar/__test__/__snapshots__/Avatar.test.tsx.snap similarity index 100% rename from src/components/avatar/__test__/__snapshots__/Avatar.test.tsx.snap rename to src/components/data-display/avatar/__test__/__snapshots__/Avatar.test.tsx.snap diff --git a/src/components/avatar/components/DefaultAvatar.tsx b/src/components/data-display/avatar/components/DefaultAvatar.tsx similarity index 100% rename from src/components/avatar/components/DefaultAvatar.tsx rename to src/components/data-display/avatar/components/DefaultAvatar.tsx diff --git a/src/components/avatar/components/PictureAvatar.tsx b/src/components/data-display/avatar/components/PictureAvatar.tsx similarity index 100% rename from src/components/avatar/components/PictureAvatar.tsx rename to src/components/data-display/avatar/components/PictureAvatar.tsx diff --git a/src/components/avatar/index.ts b/src/components/data-display/avatar/index.ts similarity index 100% rename from src/components/avatar/index.ts rename to src/components/data-display/avatar/index.ts diff --git a/src/components/card/Card.tsx b/src/components/data-display/card/Card.tsx similarity index 100% rename from src/components/card/Card.tsx rename to src/components/data-display/card/Card.tsx diff --git a/src/components/card/__test__/Card.test.tsx b/src/components/data-display/card/__test__/Card.test.tsx similarity index 100% rename from src/components/card/__test__/Card.test.tsx rename to src/components/data-display/card/__test__/Card.test.tsx diff --git a/src/components/card/__test__/__snapshots__/Card.test.tsx.snap b/src/components/data-display/card/__test__/__snapshots__/Card.test.tsx.snap similarity index 100% rename from src/components/card/__test__/__snapshots__/Card.test.tsx.snap rename to src/components/data-display/card/__test__/__snapshots__/Card.test.tsx.snap diff --git a/src/components/card/index.ts b/src/components/data-display/card/index.ts similarity index 100% rename from src/components/card/index.ts rename to src/components/data-display/card/index.ts diff --git a/src/components/list/List.tsx b/src/components/data-display/list/List.tsx similarity index 98% rename from src/components/list/List.tsx rename to src/components/data-display/list/List.tsx index 8f4d15d..d6c70e4 100644 --- a/src/components/list/List.tsx +++ b/src/components/data-display/list/List.tsx @@ -2,10 +2,10 @@ import _ from 'lodash'; import React, { ReactNode, useEffect, useRef, useState } from 'react'; import ListItem from './ListItem'; import ListHeader, { HeaderProps } from './ListHeader'; -import useHotkeys from '../../hooks/useHotKeys'; -import { SkeletonLoader } from '../skeletonLoader'; -import { InfiniteScroll } from '../infiniteScroll'; -import { MenuItemsType } from '../menu/Menu'; +import useHotkeys from '../../../hooks/useHotKeys'; +import { SkeletonLoader } from '../../feedback/skeletonLoader'; +import { InfiniteScroll } from '../../layout/infiniteScroll'; +import { MenuItemsType } from '../../navigation/menu/Menu'; export interface ListProps { header: HeaderProps[]; diff --git a/src/components/list/ListHeader.tsx b/src/components/data-display/list/ListHeader.tsx similarity index 96% rename from src/components/list/ListHeader.tsx rename to src/components/data-display/list/ListHeader.tsx index 8a5680b..446536b 100644 --- a/src/components/list/ListHeader.tsx +++ b/src/components/data-display/list/ListHeader.tsx @@ -1,6 +1,6 @@ import { ArrowDown, ArrowUp } from '@phosphor-icons/react'; -import Checkbox from '../checkbox/Checkbox'; -import { MenuItemsType } from '../menu/Menu'; +import Checkbox from '../../input/checkbox/Checkbox'; +import { MenuItemsType } from '../../navigation/menu/Menu'; export type HeaderProps = { label: string; diff --git a/src/components/list/ListItem.tsx b/src/components/data-display/list/ListItem.tsx similarity index 96% rename from src/components/list/ListItem.tsx rename to src/components/data-display/list/ListItem.tsx index fd86c07..17257bc 100644 --- a/src/components/list/ListItem.tsx +++ b/src/components/data-display/list/ListItem.tsx @@ -1,9 +1,9 @@ import { LegacyRef, useEffect, useRef, useState } from 'react'; import { DotsThree } from '@phosphor-icons/react'; -import ContextMenu from '../contextMenu/ContextMenu'; -import useHotkeys from '../../hooks/useHotKeys'; -import Checkbox from '../checkbox/Checkbox'; -import { MenuItemsType } from '../menu/Menu'; +import ContextMenu from '../../overlay/contextMenu/ContextMenu'; +import useHotkeys from '../../../hooks/useHotKeys'; +import Checkbox from '../../input/checkbox/Checkbox'; +import { MenuItemsType } from '../../navigation/menu/Menu'; interface ListItemProps { item: T; diff --git a/src/components/list/__test__/List.test.tsx b/src/components/data-display/list/__test__/List.test.tsx similarity index 100% rename from src/components/list/__test__/List.test.tsx rename to src/components/data-display/list/__test__/List.test.tsx diff --git a/src/components/list/__test__/ListHeader.test.tsx b/src/components/data-display/list/__test__/ListHeader.test.tsx similarity index 100% rename from src/components/list/__test__/ListHeader.test.tsx rename to src/components/data-display/list/__test__/ListHeader.test.tsx diff --git a/src/components/list/__test__/ListItem.test.tsx b/src/components/data-display/list/__test__/ListItem.test.tsx similarity index 100% rename from src/components/list/__test__/ListItem.test.tsx rename to src/components/data-display/list/__test__/ListItem.test.tsx diff --git a/src/components/list/__test__/__snapshots__/List.test.tsx.snap b/src/components/data-display/list/__test__/__snapshots__/List.test.tsx.snap similarity index 100% rename from src/components/list/__test__/__snapshots__/List.test.tsx.snap rename to src/components/data-display/list/__test__/__snapshots__/List.test.tsx.snap diff --git a/src/components/list/__test__/__snapshots__/ListHeader.test.tsx.snap b/src/components/data-display/list/__test__/__snapshots__/ListHeader.test.tsx.snap similarity index 100% rename from src/components/list/__test__/__snapshots__/ListHeader.test.tsx.snap rename to src/components/data-display/list/__test__/__snapshots__/ListHeader.test.tsx.snap diff --git a/src/components/list/__test__/__snapshots__/ListItem.test.tsx.snap b/src/components/data-display/list/__test__/__snapshots__/ListItem.test.tsx.snap similarity index 100% rename from src/components/list/__test__/__snapshots__/ListItem.test.tsx.snap rename to src/components/data-display/list/__test__/__snapshots__/ListItem.test.tsx.snap diff --git a/src/components/list/index.ts b/src/components/data-display/list/index.ts similarity index 100% rename from src/components/list/index.ts rename to src/components/data-display/list/index.ts diff --git a/src/components/table/Table.tsx b/src/components/data-display/table/Table.tsx similarity index 100% rename from src/components/table/Table.tsx rename to src/components/data-display/table/Table.tsx diff --git a/src/components/table/__test__/Table.test.tsx b/src/components/data-display/table/__test__/Table.test.tsx similarity index 100% rename from src/components/table/__test__/Table.test.tsx rename to src/components/data-display/table/__test__/Table.test.tsx diff --git a/src/components/table/__test__/__snapshots__/Table.test.tsx.snap b/src/components/data-display/table/__test__/__snapshots__/Table.test.tsx.snap similarity index 100% rename from src/components/table/__test__/__snapshots__/Table.test.tsx.snap rename to src/components/data-display/table/__test__/__snapshots__/Table.test.tsx.snap diff --git a/src/components/table/index.ts b/src/components/data-display/table/index.ts similarity index 100% rename from src/components/table/index.ts rename to src/components/data-display/table/index.ts diff --git a/src/components/empty/Empty.tsx b/src/components/feedback/empty/Empty.tsx similarity index 97% rename from src/components/empty/Empty.tsx rename to src/components/feedback/empty/Empty.tsx index e526ca6..d7c25f0 100644 --- a/src/components/empty/Empty.tsx +++ b/src/components/feedback/empty/Empty.tsx @@ -1,6 +1,6 @@ import { Upload } from '@phosphor-icons/react'; import { ReactNode } from 'react'; -import { Button } from '../button'; +import { Button } from '../../input/button'; export interface EmptyProps { icon: JSX.Element; diff --git a/src/components/empty/__test__/Empty.test.tsx b/src/components/feedback/empty/__test__/Empty.test.tsx similarity index 100% rename from src/components/empty/__test__/Empty.test.tsx rename to src/components/feedback/empty/__test__/Empty.test.tsx diff --git a/src/components/empty/__test__/__snapshots__/Empty.test.tsx.snap b/src/components/feedback/empty/__test__/__snapshots__/Empty.test.tsx.snap similarity index 100% rename from src/components/empty/__test__/__snapshots__/Empty.test.tsx.snap rename to src/components/feedback/empty/__test__/__snapshots__/Empty.test.tsx.snap diff --git a/src/components/empty/index.ts b/src/components/feedback/empty/index.ts similarity index 100% rename from src/components/empty/index.ts rename to src/components/feedback/empty/index.ts diff --git a/src/components/loader/Loader.tsx b/src/components/feedback/loader/Loader.tsx similarity index 98% rename from src/components/loader/Loader.tsx rename to src/components/feedback/loader/Loader.tsx index daf1930..e844c86 100644 --- a/src/components/loader/Loader.tsx +++ b/src/components/feedback/loader/Loader.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import '../../styles/Loader.css'; +import '../../../styles/Loader.css'; export interface LoaderProps { classNameContainer?: string; diff --git a/src/components/loader/__test__/Loader.test.tsx b/src/components/feedback/loader/__test__/Loader.test.tsx similarity index 100% rename from src/components/loader/__test__/Loader.test.tsx rename to src/components/feedback/loader/__test__/Loader.test.tsx diff --git a/src/components/loader/__test__/__snapshots__/Loader.test.tsx.snap b/src/components/feedback/loader/__test__/__snapshots__/Loader.test.tsx.snap similarity index 100% rename from src/components/loader/__test__/__snapshots__/Loader.test.tsx.snap rename to src/components/feedback/loader/__test__/__snapshots__/Loader.test.tsx.snap diff --git a/src/components/loader/index.ts b/src/components/feedback/loader/index.ts similarity index 100% rename from src/components/loader/index.ts rename to src/components/feedback/loader/index.ts diff --git a/src/components/skeletonLoader/SkeletonLoader.tsx b/src/components/feedback/skeletonLoader/SkeletonLoader.tsx similarity index 100% rename from src/components/skeletonLoader/SkeletonLoader.tsx rename to src/components/feedback/skeletonLoader/SkeletonLoader.tsx diff --git a/src/components/skeletonLoader/__test__/SkeletonLoader.test.tsx b/src/components/feedback/skeletonLoader/__test__/SkeletonLoader.test.tsx similarity index 100% rename from src/components/skeletonLoader/__test__/SkeletonLoader.test.tsx rename to src/components/feedback/skeletonLoader/__test__/SkeletonLoader.test.tsx diff --git a/src/components/skeletonLoader/__test__/__snapshots__/SkeletonLoader.test.tsx.snap b/src/components/feedback/skeletonLoader/__test__/__snapshots__/SkeletonLoader.test.tsx.snap similarity index 100% rename from src/components/skeletonLoader/__test__/__snapshots__/SkeletonLoader.test.tsx.snap rename to src/components/feedback/skeletonLoader/__test__/__snapshots__/SkeletonLoader.test.tsx.snap diff --git a/src/components/skeletonLoader/index.ts b/src/components/feedback/skeletonLoader/index.ts similarity index 100% rename from src/components/skeletonLoader/index.ts rename to src/components/feedback/skeletonLoader/index.ts diff --git a/src/components/index.ts b/src/components/index.ts index 899b984..f59d5b1 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -1,31 +1,44 @@ -export * from './avatar'; -export * from './baseDialog'; -export * from './breadcrumbs'; -export * from './button'; -export * from './buttonCircle'; -export * from './card'; -export * from './checkbox'; -export * from './contextMenu'; -export * from './copyable'; -export * from './dialog'; -export * from './dropdown'; -export * from './empty'; -export * from './header'; -export * from './infiniteScroll'; -export * from './input'; -export * from './list'; -export * from './loader'; -export * from './menu'; -export * from './modal'; -export * from './modalTransparent'; -export * from './popover'; -export * from './radioButton'; -export * from './skeletonLoader'; -export * from './slider'; -export * from './suiteLauncher'; -export * from './switch'; -export * from './table/Table'; -export * from './textArea'; -export * from './tooltip'; -export * from './sidenav'; +// data-display +export * from './data-display/avatar'; +export * from './data-display/card'; +export * from './data-display/list'; +export * from './data-display/table/Table'; + +// feedback +export * from './feedback/empty'; +export * from './feedback/loader'; +export * from './feedback/skeletonLoader'; + +// input +export * from './input/button'; +export * from './input/buttonCircle'; +export * from './input/checkbox'; +export * from './input/copyable'; +export * from './input/input'; +export * from './input/radioButton'; +export * from './input/slider'; +export * from './input/switch'; +export * from './input/textArea'; + +// layout +export * from './layout/header'; +export * from './layout/infiniteScroll'; + +// navigation +export * from './navigation/breadcrumbs'; +export * from './navigation/dropdown'; +export * from './navigation/menu'; +export * from './navigation/sidenav'; +export * from './navigation/suiteLauncher'; + +// overlay +export * from './overlay/baseDialog'; +export * from './overlay/contextMenu'; +export * from './overlay/dialog'; +export * from './overlay/modal'; +export * from './overlay/modalTransparent'; +export * from './overlay/popover'; +export * from './overlay/tooltip'; + +// mail export * from './mail'; diff --git a/src/components/button/Button.tsx b/src/components/input/button/Button.tsx similarity index 99% rename from src/components/button/Button.tsx rename to src/components/input/button/Button.tsx index ff5e77d..725df47 100644 --- a/src/components/button/Button.tsx +++ b/src/components/input/button/Button.tsx @@ -1,5 +1,5 @@ import { ReactNode } from 'react'; -import Loader from '../loader/Loader'; +import Loader from '../../feedback/loader/Loader'; export interface ButtonProps { id?: string; diff --git a/src/components/button/__test__/Button.test.tsx b/src/components/input/button/__test__/Button.test.tsx similarity index 100% rename from src/components/button/__test__/Button.test.tsx rename to src/components/input/button/__test__/Button.test.tsx diff --git a/src/components/button/__test__/__snapshots__/Button.test.tsx.snap b/src/components/input/button/__test__/__snapshots__/Button.test.tsx.snap similarity index 100% rename from src/components/button/__test__/__snapshots__/Button.test.tsx.snap rename to src/components/input/button/__test__/__snapshots__/Button.test.tsx.snap diff --git a/src/components/button/index.ts b/src/components/input/button/index.ts similarity index 100% rename from src/components/button/index.ts rename to src/components/input/button/index.ts diff --git a/src/components/buttonCircle/CircleButton.tsx b/src/components/input/buttonCircle/CircleButton.tsx similarity index 100% rename from src/components/buttonCircle/CircleButton.tsx rename to src/components/input/buttonCircle/CircleButton.tsx diff --git a/src/components/buttonCircle/__test__/CircleButton.test.tsx b/src/components/input/buttonCircle/__test__/CircleButton.test.tsx similarity index 100% rename from src/components/buttonCircle/__test__/CircleButton.test.tsx rename to src/components/input/buttonCircle/__test__/CircleButton.test.tsx diff --git a/src/components/buttonCircle/__test__/__snapshots__/CircleButton.test.tsx.snap b/src/components/input/buttonCircle/__test__/__snapshots__/CircleButton.test.tsx.snap similarity index 100% rename from src/components/buttonCircle/__test__/__snapshots__/CircleButton.test.tsx.snap rename to src/components/input/buttonCircle/__test__/__snapshots__/CircleButton.test.tsx.snap diff --git a/src/components/buttonCircle/index.ts b/src/components/input/buttonCircle/index.ts similarity index 100% rename from src/components/buttonCircle/index.ts rename to src/components/input/buttonCircle/index.ts diff --git a/src/components/checkbox/Checkbox.tsx b/src/components/input/checkbox/Checkbox.tsx similarity index 96% rename from src/components/checkbox/Checkbox.tsx rename to src/components/input/checkbox/Checkbox.tsx index 8edcbfa..19aab8e 100644 --- a/src/components/checkbox/Checkbox.tsx +++ b/src/components/input/checkbox/Checkbox.tsx @@ -1,6 +1,6 @@ /// -import Check from '../../assets/icons/check.svg?react'; -import Minus from '../../assets/icons/minus.svg?react'; +import Check from '../../../assets/icons/check.svg?react'; +import Minus from '../../../assets/icons/minus.svg?react'; export interface CheckboxProps { id?: string; diff --git a/src/components/checkbox/__test__/Checkbox.test.tsx b/src/components/input/checkbox/__test__/Checkbox.test.tsx similarity index 100% rename from src/components/checkbox/__test__/Checkbox.test.tsx rename to src/components/input/checkbox/__test__/Checkbox.test.tsx diff --git a/src/components/checkbox/__test__/__snapshots__/Checkbox.test.tsx.snap b/src/components/input/checkbox/__test__/__snapshots__/Checkbox.test.tsx.snap similarity index 100% rename from src/components/checkbox/__test__/__snapshots__/Checkbox.test.tsx.snap rename to src/components/input/checkbox/__test__/__snapshots__/Checkbox.test.tsx.snap diff --git a/src/components/checkbox/index.ts b/src/components/input/checkbox/index.ts similarity index 100% rename from src/components/checkbox/index.ts rename to src/components/input/checkbox/index.ts diff --git a/src/components/copyable/Copyable.tsx b/src/components/input/copyable/Copyable.tsx similarity index 97% rename from src/components/copyable/Copyable.tsx rename to src/components/input/copyable/Copyable.tsx index 578c55b..70289db 100644 --- a/src/components/copyable/Copyable.tsx +++ b/src/components/input/copyable/Copyable.tsx @@ -1,6 +1,6 @@ import { Copy } from '@phosphor-icons/react'; import { useState } from 'react'; -import Tooltip from '../tooltip/Tooltip'; +import Tooltip from '../../overlay/tooltip/Tooltip'; export interface CopyableProps { className?: string; diff --git a/src/components/copyable/__test__/Copyable.test.tsx b/src/components/input/copyable/__test__/Copyable.test.tsx similarity index 100% rename from src/components/copyable/__test__/Copyable.test.tsx rename to src/components/input/copyable/__test__/Copyable.test.tsx diff --git a/src/components/copyable/__test__/__snapshots__/Copyable.test.tsx.snap b/src/components/input/copyable/__test__/__snapshots__/Copyable.test.tsx.snap similarity index 100% rename from src/components/copyable/__test__/__snapshots__/Copyable.test.tsx.snap rename to src/components/input/copyable/__test__/__snapshots__/Copyable.test.tsx.snap diff --git a/src/components/copyable/index.ts b/src/components/input/copyable/index.ts similarity index 100% rename from src/components/copyable/index.ts rename to src/components/input/copyable/index.ts diff --git a/src/components/input/Input.tsx b/src/components/input/input/Input.tsx similarity index 100% rename from src/components/input/Input.tsx rename to src/components/input/input/Input.tsx diff --git a/src/components/input/__test__/Input.test.tsx b/src/components/input/input/__test__/Input.test.tsx similarity index 100% rename from src/components/input/__test__/Input.test.tsx rename to src/components/input/input/__test__/Input.test.tsx diff --git a/src/components/input/__test__/__snapshots__/Input.test.tsx.snap b/src/components/input/input/__test__/__snapshots__/Input.test.tsx.snap similarity index 100% rename from src/components/input/__test__/__snapshots__/Input.test.tsx.snap rename to src/components/input/input/__test__/__snapshots__/Input.test.tsx.snap diff --git a/src/components/input/index.ts b/src/components/input/input/index.ts similarity index 100% rename from src/components/input/index.ts rename to src/components/input/input/index.ts diff --git a/src/components/radioButton/RadioButton.tsx b/src/components/input/radioButton/RadioButton.tsx similarity index 100% rename from src/components/radioButton/RadioButton.tsx rename to src/components/input/radioButton/RadioButton.tsx diff --git a/src/components/radioButton/__test__/RadioButton.test.tsx b/src/components/input/radioButton/__test__/RadioButton.test.tsx similarity index 100% rename from src/components/radioButton/__test__/RadioButton.test.tsx rename to src/components/input/radioButton/__test__/RadioButton.test.tsx diff --git a/src/components/radioButton/__test__/__snapshots__/RadioButton.test.tsx.snap b/src/components/input/radioButton/__test__/__snapshots__/RadioButton.test.tsx.snap similarity index 100% rename from src/components/radioButton/__test__/__snapshots__/RadioButton.test.tsx.snap rename to src/components/input/radioButton/__test__/__snapshots__/RadioButton.test.tsx.snap diff --git a/src/components/radioButton/index.ts b/src/components/input/radioButton/index.ts similarity index 100% rename from src/components/radioButton/index.ts rename to src/components/input/radioButton/index.ts diff --git a/src/components/slider/RangeSlider.tsx b/src/components/input/slider/RangeSlider.tsx similarity index 98% rename from src/components/slider/RangeSlider.tsx rename to src/components/input/slider/RangeSlider.tsx index b294713..c05ca41 100644 --- a/src/components/slider/RangeSlider.tsx +++ b/src/components/input/slider/RangeSlider.tsx @@ -1,5 +1,5 @@ import { ChangeEvent } from 'react'; -import '../../styles/RangeSlider.css'; +import '../../../styles/RangeSlider.css'; export interface RangeSliderProps { value: number; diff --git a/src/components/slider/__test__/RangeSlider.test.tsx b/src/components/input/slider/__test__/RangeSlider.test.tsx similarity index 100% rename from src/components/slider/__test__/RangeSlider.test.tsx rename to src/components/input/slider/__test__/RangeSlider.test.tsx diff --git a/src/components/slider/__test__/__snapshots__/RangeSlider.test.tsx.snap b/src/components/input/slider/__test__/__snapshots__/RangeSlider.test.tsx.snap similarity index 100% rename from src/components/slider/__test__/__snapshots__/RangeSlider.test.tsx.snap rename to src/components/input/slider/__test__/__snapshots__/RangeSlider.test.tsx.snap diff --git a/src/components/slider/index.ts b/src/components/input/slider/index.ts similarity index 100% rename from src/components/slider/index.ts rename to src/components/input/slider/index.ts diff --git a/src/components/switch/Switch.tsx b/src/components/input/switch/Switch.tsx similarity index 100% rename from src/components/switch/Switch.tsx rename to src/components/input/switch/Switch.tsx diff --git a/src/components/switch/__test__/Switch.test.tsx b/src/components/input/switch/__test__/Switch.test.tsx similarity index 100% rename from src/components/switch/__test__/Switch.test.tsx rename to src/components/input/switch/__test__/Switch.test.tsx diff --git a/src/components/switch/__test__/__snapshots__/Switch.test.tsx.snap b/src/components/input/switch/__test__/__snapshots__/Switch.test.tsx.snap similarity index 100% rename from src/components/switch/__test__/__snapshots__/Switch.test.tsx.snap rename to src/components/input/switch/__test__/__snapshots__/Switch.test.tsx.snap diff --git a/src/components/switch/index.ts b/src/components/input/switch/index.ts similarity index 100% rename from src/components/switch/index.ts rename to src/components/input/switch/index.ts diff --git a/src/components/textArea/TextArea.tsx b/src/components/input/textArea/TextArea.tsx similarity index 100% rename from src/components/textArea/TextArea.tsx rename to src/components/input/textArea/TextArea.tsx diff --git a/src/components/textArea/__test__/TextArea.test.tsx b/src/components/input/textArea/__test__/TextArea.test.tsx similarity index 100% rename from src/components/textArea/__test__/TextArea.test.tsx rename to src/components/input/textArea/__test__/TextArea.test.tsx diff --git a/src/components/textArea/__test__/__snapshots__/TextArea.test.tsx.snap b/src/components/input/textArea/__test__/__snapshots__/TextArea.test.tsx.snap similarity index 100% rename from src/components/textArea/__test__/__snapshots__/TextArea.test.tsx.snap rename to src/components/input/textArea/__test__/__snapshots__/TextArea.test.tsx.snap diff --git a/src/components/textArea/index.ts b/src/components/input/textArea/index.ts similarity index 100% rename from src/components/textArea/index.ts rename to src/components/input/textArea/index.ts diff --git a/src/components/header/Header.tsx b/src/components/layout/header/Header.tsx similarity index 100% rename from src/components/header/Header.tsx rename to src/components/layout/header/Header.tsx diff --git a/src/components/header/__test__/Header.test.tsx b/src/components/layout/header/__test__/Header.test.tsx similarity index 100% rename from src/components/header/__test__/Header.test.tsx rename to src/components/layout/header/__test__/Header.test.tsx diff --git a/src/components/header/__test__/__snapshots__/Header.test.tsx.snap b/src/components/layout/header/__test__/__snapshots__/Header.test.tsx.snap similarity index 100% rename from src/components/header/__test__/__snapshots__/Header.test.tsx.snap rename to src/components/layout/header/__test__/__snapshots__/Header.test.tsx.snap diff --git a/src/components/header/index.ts b/src/components/layout/header/index.ts similarity index 100% rename from src/components/header/index.ts rename to src/components/layout/header/index.ts diff --git a/src/components/infiniteScroll/InfiniteScroll.tsx b/src/components/layout/infiniteScroll/InfiniteScroll.tsx similarity index 100% rename from src/components/infiniteScroll/InfiniteScroll.tsx rename to src/components/layout/infiniteScroll/InfiniteScroll.tsx diff --git a/src/components/infiniteScroll/__test__/InfiniteScroll.test.tsx b/src/components/layout/infiniteScroll/__test__/InfiniteScroll.test.tsx similarity index 100% rename from src/components/infiniteScroll/__test__/InfiniteScroll.test.tsx rename to src/components/layout/infiniteScroll/__test__/InfiniteScroll.test.tsx diff --git a/src/components/infiniteScroll/__test__/__snapshots__/InfiniteScroll.test.tsx.snap b/src/components/layout/infiniteScroll/__test__/__snapshots__/InfiniteScroll.test.tsx.snap similarity index 100% rename from src/components/infiniteScroll/__test__/__snapshots__/InfiniteScroll.test.tsx.snap rename to src/components/layout/infiniteScroll/__test__/__snapshots__/InfiniteScroll.test.tsx.snap diff --git a/src/components/infiniteScroll/index.ts b/src/components/layout/infiniteScroll/index.ts similarity index 100% rename from src/components/infiniteScroll/index.ts rename to src/components/layout/infiniteScroll/index.ts diff --git a/src/components/breadcrumbs/Breadcrumbs.tsx b/src/components/navigation/breadcrumbs/Breadcrumbs.tsx similarity index 100% rename from src/components/breadcrumbs/Breadcrumbs.tsx rename to src/components/navigation/breadcrumbs/Breadcrumbs.tsx diff --git a/src/components/breadcrumbs/BreadcrumbsItem.tsx b/src/components/navigation/breadcrumbs/BreadcrumbsItem.tsx similarity index 100% rename from src/components/breadcrumbs/BreadcrumbsItem.tsx rename to src/components/navigation/breadcrumbs/BreadcrumbsItem.tsx diff --git a/src/components/breadcrumbs/__test__/Breadcrumbs.test.tsx b/src/components/navigation/breadcrumbs/__test__/Breadcrumbs.test.tsx similarity index 100% rename from src/components/breadcrumbs/__test__/Breadcrumbs.test.tsx rename to src/components/navigation/breadcrumbs/__test__/Breadcrumbs.test.tsx diff --git a/src/components/breadcrumbs/__test__/BreadcrumbsItem.test.tsx b/src/components/navigation/breadcrumbs/__test__/BreadcrumbsItem.test.tsx similarity index 100% rename from src/components/breadcrumbs/__test__/BreadcrumbsItem.test.tsx rename to src/components/navigation/breadcrumbs/__test__/BreadcrumbsItem.test.tsx diff --git a/src/components/breadcrumbs/__test__/__snapshots__/Breadcrumbs.test.tsx.snap b/src/components/navigation/breadcrumbs/__test__/__snapshots__/Breadcrumbs.test.tsx.snap similarity index 100% rename from src/components/breadcrumbs/__test__/__snapshots__/Breadcrumbs.test.tsx.snap rename to src/components/navigation/breadcrumbs/__test__/__snapshots__/Breadcrumbs.test.tsx.snap diff --git a/src/components/breadcrumbs/__test__/__snapshots__/BreadcrumbsItem.test.tsx.snap b/src/components/navigation/breadcrumbs/__test__/__snapshots__/BreadcrumbsItem.test.tsx.snap similarity index 100% rename from src/components/breadcrumbs/__test__/__snapshots__/BreadcrumbsItem.test.tsx.snap rename to src/components/navigation/breadcrumbs/__test__/__snapshots__/BreadcrumbsItem.test.tsx.snap diff --git a/src/components/breadcrumbs/index.ts b/src/components/navigation/breadcrumbs/index.ts similarity index 100% rename from src/components/breadcrumbs/index.ts rename to src/components/navigation/breadcrumbs/index.ts diff --git a/src/components/dropdown/Dropdown.tsx b/src/components/navigation/dropdown/Dropdown.tsx similarity index 98% rename from src/components/dropdown/Dropdown.tsx rename to src/components/navigation/dropdown/Dropdown.tsx index 9e45483..250d910 100644 --- a/src/components/dropdown/Dropdown.tsx +++ b/src/components/navigation/dropdown/Dropdown.tsx @@ -1,5 +1,5 @@ import { useState, ReactNode, useEffect, useRef } from 'react'; -import { Menu, MenuItemType } from '../'; +import { Menu, MenuItemType } from '../menu'; export type DropdownProps = { children: ReactNode | ((obj: { open: boolean }) => JSX.Element); diff --git a/src/components/dropdown/__test__/Dropdown.test.tsx b/src/components/navigation/dropdown/__test__/Dropdown.test.tsx similarity index 100% rename from src/components/dropdown/__test__/Dropdown.test.tsx rename to src/components/navigation/dropdown/__test__/Dropdown.test.tsx diff --git a/src/components/dropdown/__test__/__snapshots__/Dropdown.test.tsx.snap b/src/components/navigation/dropdown/__test__/__snapshots__/Dropdown.test.tsx.snap similarity index 100% rename from src/components/dropdown/__test__/__snapshots__/Dropdown.test.tsx.snap rename to src/components/navigation/dropdown/__test__/__snapshots__/Dropdown.test.tsx.snap diff --git a/src/components/dropdown/index.ts b/src/components/navigation/dropdown/index.ts similarity index 100% rename from src/components/dropdown/index.ts rename to src/components/navigation/dropdown/index.ts diff --git a/src/components/menu/Menu.tsx b/src/components/navigation/menu/Menu.tsx similarity index 99% rename from src/components/menu/Menu.tsx rename to src/components/navigation/menu/Menu.tsx index 7444507..97f0e67 100644 --- a/src/components/menu/Menu.tsx +++ b/src/components/navigation/menu/Menu.tsx @@ -1,5 +1,5 @@ import { isValidElement, ReactNode, useEffect, useState } from 'react'; -import useHotkeys from '../../hooks/useHotKeys'; +import useHotkeys from '../../../hooks/useHotKeys'; export type MenuItemType = | { separator: true } diff --git a/src/components/menu/__test__/Menu.test.tsx b/src/components/navigation/menu/__test__/Menu.test.tsx similarity index 100% rename from src/components/menu/__test__/Menu.test.tsx rename to src/components/navigation/menu/__test__/Menu.test.tsx diff --git a/src/components/menu/__test__/__snapshots__/Menu.test.tsx.snap b/src/components/navigation/menu/__test__/__snapshots__/Menu.test.tsx.snap similarity index 100% rename from src/components/menu/__test__/__snapshots__/Menu.test.tsx.snap rename to src/components/navigation/menu/__test__/__snapshots__/Menu.test.tsx.snap diff --git a/src/components/menu/index.ts b/src/components/navigation/menu/index.ts similarity index 100% rename from src/components/menu/index.ts rename to src/components/navigation/menu/index.ts diff --git a/src/components/sidenav/Sidenav.tsx b/src/components/navigation/sidenav/Sidenav.tsx similarity index 100% rename from src/components/sidenav/Sidenav.tsx rename to src/components/navigation/sidenav/Sidenav.tsx diff --git a/src/components/sidenav/SidenavHeader.tsx b/src/components/navigation/sidenav/SidenavHeader.tsx similarity index 100% rename from src/components/sidenav/SidenavHeader.tsx rename to src/components/navigation/sidenav/SidenavHeader.tsx diff --git a/src/components/sidenav/SidenavItem.tsx b/src/components/navigation/sidenav/SidenavItem.tsx similarity index 100% rename from src/components/sidenav/SidenavItem.tsx rename to src/components/navigation/sidenav/SidenavItem.tsx diff --git a/src/components/sidenav/SidenavOptions.tsx b/src/components/navigation/sidenav/SidenavOptions.tsx similarity index 100% rename from src/components/sidenav/SidenavOptions.tsx rename to src/components/navigation/sidenav/SidenavOptions.tsx diff --git a/src/components/sidenav/SidenavStorage.tsx b/src/components/navigation/sidenav/SidenavStorage.tsx similarity index 100% rename from src/components/sidenav/SidenavStorage.tsx rename to src/components/navigation/sidenav/SidenavStorage.tsx diff --git a/src/components/sidenav/__test__/Sidenav.test.tsx b/src/components/navigation/sidenav/__test__/Sidenav.test.tsx similarity index 100% rename from src/components/sidenav/__test__/Sidenav.test.tsx rename to src/components/navigation/sidenav/__test__/Sidenav.test.tsx diff --git a/src/components/sidenav/__test__/__snapshots__/Sidenav.test.tsx.snap b/src/components/navigation/sidenav/__test__/__snapshots__/Sidenav.test.tsx.snap similarity index 100% rename from src/components/sidenav/__test__/__snapshots__/Sidenav.test.tsx.snap rename to src/components/navigation/sidenav/__test__/__snapshots__/Sidenav.test.tsx.snap diff --git a/src/components/sidenav/index.ts b/src/components/navigation/sidenav/index.ts similarity index 100% rename from src/components/sidenav/index.ts rename to src/components/navigation/sidenav/index.ts diff --git a/src/components/suiteLauncher/SuiteLauncher.tsx b/src/components/navigation/suiteLauncher/SuiteLauncher.tsx similarity index 98% rename from src/components/suiteLauncher/SuiteLauncher.tsx rename to src/components/navigation/suiteLauncher/SuiteLauncher.tsx index 22e84aa..fbf5888 100644 --- a/src/components/suiteLauncher/SuiteLauncher.tsx +++ b/src/components/navigation/suiteLauncher/SuiteLauncher.tsx @@ -1,6 +1,6 @@ import { DotsNineIcon, LockIcon } from '@phosphor-icons/react'; import { cloneElement, isValidElement } from 'react'; -import { Popover } from '../popover'; +import { Popover } from '../../overlay/popover'; export interface SuiteLauncherProps { className?: string; diff --git a/src/components/suiteLauncher/__test__/SuiteLauncher.test.tsx b/src/components/navigation/suiteLauncher/__test__/SuiteLauncher.test.tsx similarity index 100% rename from src/components/suiteLauncher/__test__/SuiteLauncher.test.tsx rename to src/components/navigation/suiteLauncher/__test__/SuiteLauncher.test.tsx diff --git a/src/components/suiteLauncher/__test__/__snapshots__/SuiteLauncher.test.tsx.snap b/src/components/navigation/suiteLauncher/__test__/__snapshots__/SuiteLauncher.test.tsx.snap similarity index 100% rename from src/components/suiteLauncher/__test__/__snapshots__/SuiteLauncher.test.tsx.snap rename to src/components/navigation/suiteLauncher/__test__/__snapshots__/SuiteLauncher.test.tsx.snap diff --git a/src/components/suiteLauncher/index.ts b/src/components/navigation/suiteLauncher/index.ts similarity index 100% rename from src/components/suiteLauncher/index.ts rename to src/components/navigation/suiteLauncher/index.ts diff --git a/src/components/baseDialog/BaseDialog.tsx b/src/components/overlay/baseDialog/BaseDialog.tsx similarity index 100% rename from src/components/baseDialog/BaseDialog.tsx rename to src/components/overlay/baseDialog/BaseDialog.tsx diff --git a/src/components/baseDialog/__test__/BaseDialog.test.tsx b/src/components/overlay/baseDialog/__test__/BaseDialog.test.tsx similarity index 100% rename from src/components/baseDialog/__test__/BaseDialog.test.tsx rename to src/components/overlay/baseDialog/__test__/BaseDialog.test.tsx diff --git a/src/components/baseDialog/__test__/__snapshots__/BaseDialog.test.tsx.snap b/src/components/overlay/baseDialog/__test__/__snapshots__/BaseDialog.test.tsx.snap similarity index 100% rename from src/components/baseDialog/__test__/__snapshots__/BaseDialog.test.tsx.snap rename to src/components/overlay/baseDialog/__test__/__snapshots__/BaseDialog.test.tsx.snap diff --git a/src/components/baseDialog/index.ts b/src/components/overlay/baseDialog/index.ts similarity index 100% rename from src/components/baseDialog/index.ts rename to src/components/overlay/baseDialog/index.ts diff --git a/src/components/contextMenu/ContextMenu.tsx b/src/components/overlay/contextMenu/ContextMenu.tsx similarity index 97% rename from src/components/contextMenu/ContextMenu.tsx rename to src/components/overlay/contextMenu/ContextMenu.tsx index 774474f..9fa8ead 100644 --- a/src/components/contextMenu/ContextMenu.tsx +++ b/src/components/overlay/contextMenu/ContextMenu.tsx @@ -1,4 +1,4 @@ -import Menu, { MenuItemsType } from '../menu/Menu'; +import Menu, { MenuItemsType } from '../../navigation/menu/Menu'; const MENU_BUTTON_HEIGHT = 40; diff --git a/src/components/contextMenu/__test__/ContextMenu.test.tsx b/src/components/overlay/contextMenu/__test__/ContextMenu.test.tsx similarity index 100% rename from src/components/contextMenu/__test__/ContextMenu.test.tsx rename to src/components/overlay/contextMenu/__test__/ContextMenu.test.tsx diff --git a/src/components/contextMenu/__test__/__snapshots__/ContextMenu.test.tsx.snap b/src/components/overlay/contextMenu/__test__/__snapshots__/ContextMenu.test.tsx.snap similarity index 100% rename from src/components/contextMenu/__test__/__snapshots__/ContextMenu.test.tsx.snap rename to src/components/overlay/contextMenu/__test__/__snapshots__/ContextMenu.test.tsx.snap diff --git a/src/components/contextMenu/index.ts b/src/components/overlay/contextMenu/index.ts similarity index 100% rename from src/components/contextMenu/index.ts rename to src/components/overlay/contextMenu/index.ts diff --git a/src/components/dialog/Dialog.tsx b/src/components/overlay/dialog/Dialog.tsx similarity index 99% rename from src/components/dialog/Dialog.tsx rename to src/components/overlay/dialog/Dialog.tsx index 658f499..0847619 100644 --- a/src/components/dialog/Dialog.tsx +++ b/src/components/overlay/dialog/Dialog.tsx @@ -1,6 +1,6 @@ import { useEffect } from 'react'; import { useState } from 'react'; -import { Button } from '../'; +import { Button } from '../../input/button'; export interface DialogProps { isOpen: boolean; diff --git a/src/components/dialog/__test__/Dialog.test.tsx b/src/components/overlay/dialog/__test__/Dialog.test.tsx similarity index 100% rename from src/components/dialog/__test__/Dialog.test.tsx rename to src/components/overlay/dialog/__test__/Dialog.test.tsx diff --git a/src/components/dialog/__test__/__snapshots__/Dialog.test.tsx.snap b/src/components/overlay/dialog/__test__/__snapshots__/Dialog.test.tsx.snap similarity index 100% rename from src/components/dialog/__test__/__snapshots__/Dialog.test.tsx.snap rename to src/components/overlay/dialog/__test__/__snapshots__/Dialog.test.tsx.snap diff --git a/src/components/dialog/index.ts b/src/components/overlay/dialog/index.ts similarity index 100% rename from src/components/dialog/index.ts rename to src/components/overlay/dialog/index.ts diff --git a/src/components/modal/Modal.tsx b/src/components/overlay/modal/Modal.tsx similarity index 100% rename from src/components/modal/Modal.tsx rename to src/components/overlay/modal/Modal.tsx diff --git a/src/components/modal/__test__/Modal.test.tsx b/src/components/overlay/modal/__test__/Modal.test.tsx similarity index 100% rename from src/components/modal/__test__/Modal.test.tsx rename to src/components/overlay/modal/__test__/Modal.test.tsx diff --git a/src/components/modal/__test__/__snapshots__/Modal.test.tsx.snap b/src/components/overlay/modal/__test__/__snapshots__/Modal.test.tsx.snap similarity index 100% rename from src/components/modal/__test__/__snapshots__/Modal.test.tsx.snap rename to src/components/overlay/modal/__test__/__snapshots__/Modal.test.tsx.snap diff --git a/src/components/modal/index.ts b/src/components/overlay/modal/index.ts similarity index 100% rename from src/components/modal/index.ts rename to src/components/overlay/modal/index.ts diff --git a/src/components/modalTransparent/TransparentModal.tsx b/src/components/overlay/modalTransparent/TransparentModal.tsx similarity index 100% rename from src/components/modalTransparent/TransparentModal.tsx rename to src/components/overlay/modalTransparent/TransparentModal.tsx diff --git a/src/components/modalTransparent/__test__/TransparentModal.test.tsx b/src/components/overlay/modalTransparent/__test__/TransparentModal.test.tsx similarity index 100% rename from src/components/modalTransparent/__test__/TransparentModal.test.tsx rename to src/components/overlay/modalTransparent/__test__/TransparentModal.test.tsx diff --git a/src/components/modalTransparent/__test__/__snapshots__/TransparentModal.test.tsx.snap b/src/components/overlay/modalTransparent/__test__/__snapshots__/TransparentModal.test.tsx.snap similarity index 100% rename from src/components/modalTransparent/__test__/__snapshots__/TransparentModal.test.tsx.snap rename to src/components/overlay/modalTransparent/__test__/__snapshots__/TransparentModal.test.tsx.snap diff --git a/src/components/modalTransparent/index.ts b/src/components/overlay/modalTransparent/index.ts similarity index 100% rename from src/components/modalTransparent/index.ts rename to src/components/overlay/modalTransparent/index.ts diff --git a/src/components/popover/Popover.tsx b/src/components/overlay/popover/Popover.tsx similarity index 100% rename from src/components/popover/Popover.tsx rename to src/components/overlay/popover/Popover.tsx diff --git a/src/components/popover/__test__/Popover.test.tsx b/src/components/overlay/popover/__test__/Popover.test.tsx similarity index 100% rename from src/components/popover/__test__/Popover.test.tsx rename to src/components/overlay/popover/__test__/Popover.test.tsx diff --git a/src/components/popover/__test__/__snapshots__/Popover.test.tsx.snap b/src/components/overlay/popover/__test__/__snapshots__/Popover.test.tsx.snap similarity index 100% rename from src/components/popover/__test__/__snapshots__/Popover.test.tsx.snap rename to src/components/overlay/popover/__test__/__snapshots__/Popover.test.tsx.snap diff --git a/src/components/popover/index.ts b/src/components/overlay/popover/index.ts similarity index 100% rename from src/components/popover/index.ts rename to src/components/overlay/popover/index.ts diff --git a/src/components/tooltip/Tooltip.tsx b/src/components/overlay/tooltip/Tooltip.tsx similarity index 100% rename from src/components/tooltip/Tooltip.tsx rename to src/components/overlay/tooltip/Tooltip.tsx diff --git a/src/components/tooltip/__test__/Tooltip.test.tsx b/src/components/overlay/tooltip/__test__/Tooltip.test.tsx similarity index 100% rename from src/components/tooltip/__test__/Tooltip.test.tsx rename to src/components/overlay/tooltip/__test__/Tooltip.test.tsx diff --git a/src/components/tooltip/__test__/__snapshots__/Tooltip.test.tsx.snap b/src/components/overlay/tooltip/__test__/__snapshots__/Tooltip.test.tsx.snap similarity index 100% rename from src/components/tooltip/__test__/__snapshots__/Tooltip.test.tsx.snap rename to src/components/overlay/tooltip/__test__/__snapshots__/Tooltip.test.tsx.snap diff --git a/src/components/tooltip/index.ts b/src/components/overlay/tooltip/index.ts similarity index 100% rename from src/components/tooltip/index.ts rename to src/components/overlay/tooltip/index.ts diff --git a/src/stories/components/avatar/Avatar.stories.ts b/src/stories/components/avatar/Avatar.stories.ts index b385e8e..6b771df 100644 --- a/src/stories/components/avatar/Avatar.stories.ts +++ b/src/stories/components/avatar/Avatar.stories.ts @@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite'; import { Avatar } from '@/components/avatar'; const meta: Meta = { - title: 'Components/Avatar', + title: 'Data Display/Avatar', component: Avatar, parameters: { layout: 'centered', diff --git a/src/stories/components/baseDialog/BaseDialog.stories.tsx b/src/stories/components/baseDialog/BaseDialog.stories.tsx index 0e966e7..2fab33f 100644 --- a/src/stories/components/baseDialog/BaseDialog.stories.tsx +++ b/src/stories/components/baseDialog/BaseDialog.stories.tsx @@ -9,7 +9,7 @@ const overlay: Decorator = (Story) => ( ); const meta: Meta = { - title: 'Components/BaseDialog', + title: 'Overlay/BaseDialog', component: BaseDialog, parameters: { layout: 'centered', diff --git a/src/stories/components/breadcrumbs/breadcrumbs.stories.tsx b/src/stories/components/breadcrumbs/breadcrumbs.stories.tsx index bbe2bf2..6f54c6a 100644 --- a/src/stories/components/breadcrumbs/breadcrumbs.stories.tsx +++ b/src/stories/components/breadcrumbs/breadcrumbs.stories.tsx @@ -101,7 +101,7 @@ const defaultBreadcrumbsProps: BreadcrumbsProps = { }; const meta: Meta = { - title: 'Components/Breadcrumbs', + title: 'Navigation/Breadcrumbs', component: Breadcrumbs, parameters: { layout: 'centered', diff --git a/src/stories/components/button/Button.stories.tsx b/src/stories/components/button/Button.stories.tsx index 5f19da2..20d1ede 100644 --- a/src/stories/components/button/Button.stories.tsx +++ b/src/stories/components/button/Button.stories.tsx @@ -3,7 +3,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite'; import { fn } from 'storybook/test'; const meta: Meta = { - title: 'Components/Button', + title: 'Input/Button', component: Button, parameters: { layout: 'centered', diff --git a/src/stories/components/buttonCircle/ButtonCircle.stories.tsx b/src/stories/components/buttonCircle/ButtonCircle.stories.tsx index d0b4412..c17c9f0 100644 --- a/src/stories/components/buttonCircle/ButtonCircle.stories.tsx +++ b/src/stories/components/buttonCircle/ButtonCircle.stories.tsx @@ -4,7 +4,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite'; import { useState } from 'react'; const meta = { - title: 'Components/CircleButton', + title: 'Input/CircleButton', component: CircleButton, parameters: { layout: 'centered', diff --git a/src/stories/components/card/Card.stories.tsx b/src/stories/components/card/Card.stories.tsx index 3303f94..aeccdb2 100644 --- a/src/stories/components/card/Card.stories.tsx +++ b/src/stories/components/card/Card.stories.tsx @@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite'; import { Card } from '@/components/card'; const meta: Meta = { - title: 'Components/Card', + title: 'Data Display/Card', component: Card, tags: ['autodocs'], parameters: { diff --git a/src/stories/components/checkbox/Checkbox.stories.tsx b/src/stories/components/checkbox/Checkbox.stories.tsx index 042d4a8..8fef1d7 100644 --- a/src/stories/components/checkbox/Checkbox.stories.tsx +++ b/src/stories/components/checkbox/Checkbox.stories.tsx @@ -15,7 +15,7 @@ const onClick: Decorator = (Story, context) => { }; const meta: Meta = { - title: 'Components/Checkbox', + title: 'Input/Checkbox', component: Checkbox, parameters: { layout: 'centered', diff --git a/src/stories/components/contextMenu/ContextMenu.stories.tsx b/src/stories/components/contextMenu/ContextMenu.stories.tsx index c0bbeb9..e373e74 100644 --- a/src/stories/components/contextMenu/ContextMenu.stories.tsx +++ b/src/stories/components/contextMenu/ContextMenu.stories.tsx @@ -89,7 +89,7 @@ const onOpenDecorator: Decorator = (Story, context) => { }; const meta: Meta = { - title: 'Components/ContextMenu', + title: 'Overlay/ContextMenu', component: ContextMenuWithNotifications, decorators: [onOpenDecorator], tags: ['autodocs'], diff --git a/src/stories/components/copyable/Copyable.stories.tsx b/src/stories/components/copyable/Copyable.stories.tsx index 2645792..819ca03 100644 --- a/src/stories/components/copyable/Copyable.stories.tsx +++ b/src/stories/components/copyable/Copyable.stories.tsx @@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react-vite'; import { Copyable } from '@/components/copyable'; const meta: Meta = { - title: 'Components/Copyable', + title: 'Input/Copyable', component: Copyable, parameters: { layout: 'centered', diff --git a/src/stories/components/dialog/Dialog.stories.tsx b/src/stories/components/dialog/Dialog.stories.tsx index b54be30..6d92a4f 100644 --- a/src/stories/components/dialog/Dialog.stories.tsx +++ b/src/stories/components/dialog/Dialog.stories.tsx @@ -24,7 +24,7 @@ const onCloseDecorator: Decorator = (Story, context) => { }; const meta: Meta = { - title: 'Components/Dialog', + title: 'Overlay/Dialog', component: Dialog, decorators: [onCloseDecorator], tags: ['autodocs'], diff --git a/src/stories/components/dropdown/Dropdown.stories.tsx b/src/stories/components/dropdown/Dropdown.stories.tsx index 6ac853c..45cda39 100644 --- a/src/stories/components/dropdown/Dropdown.stories.tsx +++ b/src/stories/components/dropdown/Dropdown.stories.tsx @@ -3,7 +3,7 @@ import { Dropdown, DropdownProps } from '@/components/dropdown'; import { DotsThree } from '@phosphor-icons/react'; const meta: Meta = { - title: 'Components/Dropdown', + title: 'Navigation/Dropdown', component: Dropdown, parameters: { layout: 'centered', diff --git a/src/stories/components/empty/Empty.stories.tsx b/src/stories/components/empty/Empty.stories.tsx index 66ae76c..db74ec2 100644 --- a/src/stories/components/empty/Empty.stories.tsx +++ b/src/stories/components/empty/Empty.stories.tsx @@ -3,7 +3,7 @@ import { Upload } from '@phosphor-icons/react'; import { Empty } from '@/components/empty'; const meta: Meta = { - title: 'Components/Empty', + title: 'Feedback/Empty', component: Empty, argTypes: { action: { diff --git a/src/stories/components/header/Header.stories.tsx b/src/stories/components/header/Header.stories.tsx index b2713ee..161977f 100644 --- a/src/stories/components/header/Header.stories.tsx +++ b/src/stories/components/header/Header.stories.tsx @@ -4,7 +4,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite'; const IMAGE_SRC = 'https://internxt.com/favicon.ico'; const meta: Meta = { - title: 'Components/Header', + title: 'Layout/Header', component: Header, tags: ['autodocs'], parameters: { diff --git a/src/stories/components/infiniteScroll/InfiniteScroll.stories.tsx b/src/stories/components/infiniteScroll/InfiniteScroll.stories.tsx index e0ae014..7f0eeb9 100644 --- a/src/stories/components/infiniteScroll/InfiniteScroll.stories.tsx +++ b/src/stories/components/infiniteScroll/InfiniteScroll.stories.tsx @@ -3,7 +3,7 @@ import { InfiniteScroll } from '@/components/infiniteScroll'; import { useState } from 'react'; const meta: Meta = { - title: 'Components/InfiniteScroll', + title: 'Layout/InfiniteScroll', component: InfiniteScroll, parameters: { layout: 'centered', diff --git a/src/stories/components/input/Input.stories.ts b/src/stories/components/input/Input.stories.ts index 908624b..fff0472 100644 --- a/src/stories/components/input/Input.stories.ts +++ b/src/stories/components/input/Input.stories.ts @@ -23,7 +23,7 @@ const onChange: Decorator = (Story, context) => { }; const meta: Meta = { - title: 'Components/Input', + title: 'Input/Input', component: Input, parameters: { layout: 'centered', diff --git a/src/stories/components/list/List.stories.tsx b/src/stories/components/list/List.stories.tsx index d0b50bf..2660c54 100644 --- a/src/stories/components/list/List.stories.tsx +++ b/src/stories/components/list/List.stories.tsx @@ -65,7 +65,7 @@ const ListWrapper = (props: ListWrapperProps) => { }; const meta: Meta> = { - title: 'Components/List', + title: 'Data Display/List', component: List, parameters: { layout: 'fullscreen', diff --git a/src/stories/components/loader/Loader.stories.tsx b/src/stories/components/loader/Loader.stories.tsx index d747ab4..ced1a7a 100644 --- a/src/stories/components/loader/Loader.stories.tsx +++ b/src/stories/components/loader/Loader.stories.tsx @@ -8,7 +8,7 @@ const overlay: Decorator = (Story) => ( ); const meta: Meta = { - title: 'Components/Loader', + title: 'Feedback/Loader', component: Loader, parameters: { layout: 'fullscreen', diff --git a/src/stories/components/menu/Menu.stories.tsx b/src/stories/components/menu/Menu.stories.tsx index 15271c7..a8b83f3 100644 --- a/src/stories/components/menu/Menu.stories.tsx +++ b/src/stories/components/menu/Menu.stories.tsx @@ -16,7 +16,7 @@ const withCloseHandler: Decorator = (Story, context) => { }; const meta: Meta = { - title: 'Components/Menu', + title: 'Navigation/Menu', component: Menu, parameters: { layout: 'centered', diff --git a/src/stories/components/modal/Modal.stories.tsx b/src/stories/components/modal/Modal.stories.tsx index a20ae6e..d89a75f 100644 --- a/src/stories/components/modal/Modal.stories.tsx +++ b/src/stories/components/modal/Modal.stories.tsx @@ -24,7 +24,7 @@ const onCloseDecorator: Decorator = (Story, context) => { }; const meta: Meta = { - title: 'Components/Modal', + title: 'Overlay/Modal', component: Modal, decorators: [onCloseDecorator], tags: ['autodocs'], diff --git a/src/stories/components/modalTransparent/TransparentModal.stories.tsx b/src/stories/components/modalTransparent/TransparentModal.stories.tsx index e8d312a..a4dfcb4 100644 --- a/src/stories/components/modalTransparent/TransparentModal.stories.tsx +++ b/src/stories/components/modalTransparent/TransparentModal.stories.tsx @@ -26,7 +26,7 @@ const baseModalStyles = { }; const meta: Meta = { - title: 'Components/TransparentModal', + title: 'Overlay/TransparentModal', component: TransparentModal, decorators: [onCloseDecorator], tags: ['autodocs'], diff --git a/src/stories/components/popover/Popover.stories.tsx b/src/stories/components/popover/Popover.stories.tsx index da5b384..0150ce3 100644 --- a/src/stories/components/popover/Popover.stories.tsx +++ b/src/stories/components/popover/Popover.stories.tsx @@ -4,7 +4,7 @@ import { Button } from '@/components/button'; import { UserCircle } from '@phosphor-icons/react'; const meta: Meta = { - title: 'Components/Popover', + title: 'Overlay/Popover', component: Popover, parameters: { layout: 'centered', diff --git a/src/stories/components/radioButton/RadioButton.stories.ts b/src/stories/components/radioButton/RadioButton.stories.ts index 7914373..411fdb6 100644 --- a/src/stories/components/radioButton/RadioButton.stories.ts +++ b/src/stories/components/radioButton/RadioButton.stories.ts @@ -16,7 +16,7 @@ const onClick: Decorator = (Story, context) => { }; const meta: Meta = { - title: 'Components/Radio Button', + title: 'Input/Radio Button', component: RadioButton, parameters: { layout: 'centered', diff --git a/src/stories/components/sidenav/Sidenav.stories.tsx b/src/stories/components/sidenav/Sidenav.stories.tsx index 2899ce1..643002b 100644 --- a/src/stories/components/sidenav/Sidenav.stories.tsx +++ b/src/stories/components/sidenav/Sidenav.stories.tsx @@ -44,7 +44,7 @@ const SUITE_ARRAY = [ ]; const meta: Meta = { - title: 'Components/Sidenav', + title: 'Navigation/Sidenav', component: Sidenav, parameters: { layout: 'fullscreen', diff --git a/src/stories/components/skeletonLoader/SkeletonLoader.stories.tsx b/src/stories/components/skeletonLoader/SkeletonLoader.stories.tsx index 7d07f02..d11d108 100644 --- a/src/stories/components/skeletonLoader/SkeletonLoader.stories.tsx +++ b/src/stories/components/skeletonLoader/SkeletonLoader.stories.tsx @@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite'; import { SkeletonLoader } from '@/components/skeletonLoader'; const meta: Meta = { - title: 'Components/SkeletonLoader', + title: 'Feedback/SkeletonLoader', component: SkeletonLoader, parameters: { layout: 'centered', diff --git a/src/stories/components/slider/RangeSlider.stories.ts b/src/stories/components/slider/RangeSlider.stories.ts index 71d8513..3a193a7 100644 --- a/src/stories/components/slider/RangeSlider.stories.ts +++ b/src/stories/components/slider/RangeSlider.stories.ts @@ -15,7 +15,7 @@ const onChangeDecorator: Decorator = (Story, context) => { }; const meta: Meta = { - title: 'Components/RangeSlider', + title: 'Input/RangeSlider', component: RangeSlider, parameters: { layout: 'centered', diff --git a/src/stories/components/switch/Switch.stories.ts b/src/stories/components/switch/Switch.stories.ts index d995e19..ab0e191 100644 --- a/src/stories/components/switch/Switch.stories.ts +++ b/src/stories/components/switch/Switch.stories.ts @@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite'; import { SwitchComponent } from '@/components/switch'; const meta: Meta = { - title: 'Components/Switch', + title: 'Input/Switch', component: SwitchComponent, parameters: { layout: 'centered', diff --git a/src/stories/components/table/Table.stories.tsx b/src/stories/components/table/Table.stories.tsx index 6d846fc..9c94441 100644 --- a/src/stories/components/table/Table.stories.tsx +++ b/src/stories/components/table/Table.stories.tsx @@ -1,5 +1,5 @@ import { Meta, StoryObj } from '@storybook/react-vite'; -import { Table, TableHeader, TableRow, TableCell, TableBody } from '../../../components/table/Table'; +import { Table, TableHeader, TableRow, TableCell, TableBody } from '../../../components/data-display/table/Table'; interface ActivityRow { date: string; @@ -38,7 +38,7 @@ const mockData: ActivityRow[] = [ ]; const meta: Meta = { - title: 'Components/Table', + title: 'Data Display/Table', component: Table, }; diff --git a/src/stories/components/textArea/TextArea.stories.tsx b/src/stories/components/textArea/TextArea.stories.tsx index 853bd4e..314ebcc 100644 --- a/src/stories/components/textArea/TextArea.stories.tsx +++ b/src/stories/components/textArea/TextArea.stories.tsx @@ -15,7 +15,7 @@ const onChange: Decorator = (Story, context) => { }; const meta: Meta = { - title: 'Components/TextArea', + title: 'Input/TextArea', component: TextArea, parameters: { layout: 'centered', diff --git a/src/stories/components/tooltip/Tooltip.stories.tsx b/src/stories/components/tooltip/Tooltip.stories.tsx index df0bc8d..cf18fb9 100644 --- a/src/stories/components/tooltip/Tooltip.stories.tsx +++ b/src/stories/components/tooltip/Tooltip.stories.tsx @@ -3,7 +3,7 @@ import { Tooltip } from '@/components/tooltip'; import { Button } from '@/components/button'; const meta: Meta = { - title: 'Components/Tooltip', + title: 'Overlay/Tooltip', component: Tooltip, parameters: { layout: 'centered', diff --git a/tsconfig.json b/tsconfig.json index cfeda16..759f90d 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -2,6 +2,38 @@ "compilerOptions": { "baseUrl": ".", "paths": { + "@/components/avatar": ["./src/components/data-display/avatar"], + "@/components/card": ["./src/components/data-display/card"], + "@/components/list": ["./src/components/data-display/list"], + "@/components/table/Table": ["./src/components/data-display/table/Table"], + "@/components/table": ["./src/components/data-display/table"], + "@/components/empty": ["./src/components/feedback/empty"], + "@/components/loader": ["./src/components/feedback/loader"], + "@/components/skeletonLoader": ["./src/components/feedback/skeletonLoader"], + "@/components/button": ["./src/components/input/button"], + "@/components/buttonCircle": ["./src/components/input/buttonCircle"], + "@/components/checkbox": ["./src/components/input/checkbox"], + "@/components/copyable": ["./src/components/input/copyable"], + "@/components/input": ["./src/components/input/input"], + "@/components/radioButton": ["./src/components/input/radioButton"], + "@/components/slider": ["./src/components/input/slider"], + "@/components/switch": ["./src/components/input/switch"], + "@/components/textArea": ["./src/components/input/textArea"], + "@/components/header": ["./src/components/layout/header"], + "@/components/infiniteScroll": ["./src/components/layout/infiniteScroll"], + "@/components/breadcrumbs/BreadcrumbsItem": ["./src/components/navigation/breadcrumbs/BreadcrumbsItem"], + "@/components/breadcrumbs": ["./src/components/navigation/breadcrumbs"], + "@/components/dropdown": ["./src/components/navigation/dropdown"], + "@/components/menu": ["./src/components/navigation/menu"], + "@/components/sidenav": ["./src/components/navigation/sidenav"], + "@/components/suiteLauncher": ["./src/components/navigation/suiteLauncher"], + "@/components/baseDialog": ["./src/components/overlay/baseDialog"], + "@/components/contextMenu": ["./src/components/overlay/contextMenu"], + "@/components/dialog": ["./src/components/overlay/dialog"], + "@/components/modal": ["./src/components/overlay/modal"], + "@/components/modalTransparent": ["./src/components/overlay/modalTransparent"], + "@/components/popover": ["./src/components/overlay/popover"], + "@/components/tooltip": ["./src/components/overlay/tooltip"], "@/components/*": ["./src/components/*"] }, "target": "ES5", From 811024d4afa48425fb5a9fc22b8e3fb96dd666f8 Mon Sep 17 00:00:00 2001 From: jaaaaavier Date: Tue, 31 Mar 2026 15:25:54 +0200 Subject: [PATCH 2/3] Update SkeletonLoader.test.tsx --- .../feedback/skeletonLoader/__test__/SkeletonLoader.test.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/feedback/skeletonLoader/__test__/SkeletonLoader.test.tsx b/src/components/feedback/skeletonLoader/__test__/SkeletonLoader.test.tsx index a9fc467..a52d8b9 100644 --- a/src/components/feedback/skeletonLoader/__test__/SkeletonLoader.test.tsx +++ b/src/components/feedback/skeletonLoader/__test__/SkeletonLoader.test.tsx @@ -1,7 +1,7 @@ import React from 'react'; import '@testing-library/jest-dom'; import { render, screen } from '@testing-library/react'; -import { SkeletonLoader } from '../../../components/skeletonLoader/'; +import { SkeletonLoader } from '../'; import { expect, describe, it } from 'vitest'; describe('SkeletonLoader', () => { From 6086cd5e3163a98ee6b54f710491b5510d10f25f Mon Sep 17 00:00:00 2001 From: jaaaaavier Date: Wed, 1 Apr 2026 16:14:50 +0200 Subject: [PATCH 3/3] update version --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 94a0153..e86b5ef 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@internxt/ui", - "version": "0.1.12", + "version": "0.1.13", "description": "Library of Internxt components", "repository": { "type": "git",