feat: refactoring

CODEOWNERS

@@ -1,12 +1,13 @@
 * @amje @ValeraS @korvin89
+/src/components/AdaptiveTabs @artemipanchuk
 /src/components/DefinitionList @Raubzeug
 /src/components/FilePreview @KirillDyachkovskiy
 /src/components/FormRow @ogonkov
 /src/components/HelpPopover @Raubzeug
+/src/components/OnboardingMenu @nikita-jpg
 /src/components/PlaceholderContainer @Marginy605
 /src/components/PromoSheet @Avol-V
 /src/components/SharePopover @niktverd
 /src/components/StoreBadge @NikitaCG
 /src/components/Stories @darkgenius
-/src/components/AdaptiveTabs @artemipanchuk
-/src/components/OnboardingMenu @nikita-jpg
+

src/components/OnboardingMenu/README.md

@@ -5,47 +5,45 @@ A component for managing [onboarding presets](https://github.com/gravity-ui/onbo
 ## Props
 
 ```ts
-type OnboardingMenu = {
-    /** title of onboarding menu */
-    title: React.ReactNode;
-    /** number of presets passed. Changes the progress bar */
-    progress: number;
-    /** icon of onboarding menu */
-    icon?: IconData;
-
-    /** the default component is expand or collapsed */
-    defaultExpanded: boolean;
-    /** menu items*/
-    children?: React.ReactNode;
-
-    collapseButtonText?: string;
-    completeButtonText?: string;
-    className?: string;
-
-    onExpand?: (expanded: boolean) => void;
-    onCompleteClick: (event: React.MouseEvent) => void;
-    onCollapseClick?: (event: React.MouseEvent) => void;
+type OnboardingMenuProps = {
+  /** title of onboarding menu */
+  title: React.ReactNode;
+  /** number of presets passed. Changes the progress bar */
+  progress: number;
+  /** icon of onboarding menu */
+  icon?: IconData;
+
+  /** the default component is expand or collapsed */
+  defaultExpanded: boolean;
+  /** menu items*/
+  children?: React.ReactNode;
+
+  collapseButtonText?: string;
+  completeButtonText?: string;
+  className?: string;
+
+  onExpand?: (expanded: boolean) => void;
+  onCompleteClick: (event: React.MouseEvent) => void;
+  onCollapseClick?: (event: React.MouseEvent) => void;
 };
 
-type OnboardingMenu.ItemProps = {
-    title: string;
-    /** affects the item icon */
-    status?: 'completed' | 'pending';
-    children?: React.ReactNode;
-    buttons?: React.ReactNode;
-    /** usually the last element does not need a divider, then you need to pass false */
-    hasDivider?: boolean;
-    loading?: boolean;
+type OnboardingMenuItemProps = {
+  title: string;
+  /** affects the item icon */
+  status?: 'completed' | 'pending';
+  children?: React.ReactNode;
+  buttons?: React.ReactNode;
+  /** usually the last element does not need a divider, then you need to pass false */
+  hasDivider?: boolean;
+  loading?: boolean;
 };
 
-type OnboardingMenu.ItemImage = {
-    src: string;
-    alt: string;
+type OnboardingMenuItemImageProps = {
+  src: string;
+  alt: string;
 };
 
-type OnboardingMenu.ItemText = {
-    src: string;
-    alt: string;
+type OnboardingMenuItemTextProps = {
+  text: string;
 };
-
 ```

src/components/index.ts

@@ -10,6 +10,7 @@ export * from './InfiniteScroll';
 export * from './ItemSelector';
 export * from './Notification';
 export * from './Notifications';
+export * from './OnboardingMenu';
 export * from './PasswordInput';
 export * from './PlaceholderContainer';
 export * from './PromoSheet';
@@ -18,4 +19,3 @@ export * from './SharePopover';
 export * from './StoreBadge';
 export * from './Stories';
 export * from './StoriesGroup';
-export * from './OnboardingMenu';