docs: include names in storybook sorting so documentation pages are c…

…onsidered
mParticle · Jan 17, 2025 · 7824fc5 · 7824fc5
1 parent fd92a56
commit 7824fc5
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 10 deletions.
diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
@@ -1,17 +1,12 @@
 import type { Preview } from '@storybook/react'
-// import type { IndexEntry } from '@storybook/types'
 
 const preview: Preview = {
   parameters: {
     layout: 'centered',
     options: {
-      // TODO https://mparticle-eng.atlassian.net/browse/UNI-1214
-      // storySort: (a: IndexEntry, b: IndexEntry) => {
-      // console.log('Ordering stories', { a, b })
-      // const order = ['Documentation', 'Cell Types', 'Filters', 'Primary', 'Complex']
-      // return order.indexOf(a[1].name) - order.indexOf(b[1].name)
-      // },
       storySort: {
+        method: 'alphabetical',
+        includeNames: true,
         order: [
           'About',
           ['Introduction', 'Changelog', 'Feedback', 'Component Process'],
@@ -21,7 +16,9 @@ const preview: Preview = {
           [
             'Data Display',
             'Data Entry',
+            ['QueryItem', ['Documentation']],
             'General',
+            ['Button', ['Documentation']],
             'Feedback',
             'Layout',
             'Navigation',

diff --git a/src/components/data-display/Badge/Badge.stories.tsx b/src/components/data-display/Badge/Badge.stories.tsx
@@ -24,7 +24,7 @@ export const DotBadge: Story = {
   },
 }
 
-export const BadgeStatus: Story = {
+export const StatusBadge: Story = {
   argTypes: {
     status: {
       control: 'select',

diff --git a/src/components/data-entry/DatePicker/DatePicker.stories.tsx b/src/components/data-entry/DatePicker/DatePicker.stories.tsx
@@ -62,11 +62,11 @@ type Story = StoryObj<typeof DatePicker>
 
 export const Primary: Story = {}
 
-export const WithDatePickerWithDisabledYears: Story = {
+export const WithDisabledYears: Story = {
   render: () => <DatePickerWithDisabledYears />,
 }
 
-WithDatePickerWithDisabledYears.parameters = {
+WithDisabledYears.parameters = {
   docs: {
     source: {
       code: `