fix(OnboardingMenu): add re-export and docs (#166)

CODEOWNERS

@@ -1,11 +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/OnboardingMenu.tsx

@@ -83,10 +83,6 @@ const OnboardingMenuParent = ({
                                 className={cnOnboardingMenu('title-icon')}
                             />
                         ) : null}
-
-                        {/* <span>
-                            {title}
-                        </span> */}
                         {title}
                     </button>
                     <Progress

src/components/OnboardingMenu/README.md

@@ -0,0 +1,49 @@
+## OnboardingMenu
+
+A component for managing [onboarding presets](https://github.com/gravity-ui/onboarding) ([storybook](https://preview.gravity-ui.com/components/?path=/story/components-onboardingmenu--default)).
+
+## Props
+
+```ts
+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 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 OnboardingMenuItemImageProps = {
+  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';