@node-core/ui-components 1.0.1-6cb8b0a0c75c24f5ccc84bb07a1ea9b4b810abd2 → 1.0.1-6ce9ac9c19dbcf93f5af658cca3784484762d8a3

package/Common/ProgressionSidebar/index.stories.tsx

@@ -1,79 +0,0 @@
-import type { Meta as MetaObj, StoryObj } from '@storybook/react';
-
-import ProgressionSidebar from '#ui/Common/ProgressionSidebar';
-
-type Story = StoryObj<typeof ProgressionSidebar>;
-type Meta = MetaObj<typeof ProgressionSidebar>;
-
-export const Default: Story = {
-  args: {
-    groups: [
-      {
-        groupName: 'Getting Started',
-        items: [
-          {
-            label: 'Introduction to Node.js',
-            link: '/',
-          },
-          {
-            label: 'How to install Node.js',
-            link: '/how-to-install-nodejs',
-          },
-          {
-            label: 'How much JavaScript do you need to know to use Node.js?',
-            link: '/how-much-javascript-do-you-need-to-know-to-use-nodejs',
-          },
-          {
-            label: 'Differences between Node.js and the Browser',
-            link: '/differences-between-nodejs-and-the-browser',
-          },
-          {
-            label: 'The V8 JavaScript Engine',
-            link: '/the-v8-javascript-engine',
-          },
-          {
-            label: 'An introduction to the npm package manager',
-            link: '/an-introduction-to-the-npm-package-manager',
-          },
-        ],
-      },
-      {
-        groupName: 'Asynchronous Work',
-        items: [
-          {
-            label: 'Asynchronous flow control',
-            link: '/asynchronous-flow-control',
-          },
-          {
-            label: 'Overview of Blocking vs Non-Blocking',
-            link: '/overview-of-blocking-vs-non-blocking',
-          },
-        ],
-      },
-      {
-        groupName: 'Manipulating Files',
-        items: [
-          {
-            label: 'Node.js file stats',
-            link: '/nodejs-file-stats',
-          },
-          {
-            label: 'Node.js File Paths',
-            link: '/nodejs-file-paths',
-          },
-        ],
-      },
-      {
-        groupName: 'Single item',
-        items: [
-          {
-            label: 'Item',
-            link: '/item',
-          },
-        ],
-      },
-    ],
-  },
-};
-
-export default { component: ProgressionSidebar } as Meta;

package/Common/ProgressionSidebar/index.tsx

@@ -1,59 +0,0 @@
-'use client';
-
-import { useRef, type ComponentProps, type FC } from 'react';
-
-import ProgressionSidebarGroup from '#ui/Common/ProgressionSidebar/ProgressionSidebarGroup';
-import Select from '#ui/Common/Select';
-import type { LinkLike } from '#ui/types';
-
-import styles from './index.module.css';
-
-type ProgressionSidebarProps = {
-  groups: Array<ComponentProps<typeof ProgressionSidebarGroup>>;
-  pathname?: string;
-  title: string;
-  onSelect: (value: string) => void;
-  as?: LinkLike;
-};
-
-const ProgressionSidebar: FC<ProgressionSidebarProps> = ({
-  groups,
-  pathname,
-  title,
-  onSelect,
-  as,
-}) => {
-  const ref = useRef<HTMLElement>(null);
-  const selectItems = groups.map(({ items, groupName }) => ({
-    label: groupName,
-    items: items.map(({ label, link }) => ({ value: link, label })),
-  }));
-
-  const currentItem = selectItems
-    .map(item => item.items)
-    .flat()
-    .find(item => pathname === item.value);
-
-  return (
-    <nav className={styles.wrapper} ref={ref}>
-      <Select
-        label={title}
-        onChange={onSelect}
-        values={selectItems}
-        defaultValue={currentItem?.value}
-      />
-
-      {groups.map(({ groupName, items }) => (
-        <ProgressionSidebarGroup
-          key={groupName.toString()}
-          groupName={groupName}
-          items={items}
-          as={as}
-          pathname={pathname}
-        />
-      ))}
-    </nav>
-  );
-};
-
-export default ProgressionSidebar;