call most things smoot-design

mitodl · Jul 1, 2024 · 9818c18 · 9818c18
1 parent d7e1dbb
commit 9818c18
Show file tree

Hide file tree

Showing 24 changed files with 32 additions and 27 deletions.
diff --git a/frontends/mit-open/.storybook/preview.tsx b/frontends/mit-open/.storybook/preview.tsx
@@ -17,10 +17,15 @@ const preview: Preview = {
     options: {
       // @ts-expect-error These have type {import("@storybook/types").IndexEntry}
       // But this function is run in JS and seems not to be compiled.
-      storySort: (a, b) =>
-        a.id === b.id
-          ? 0
-          : a.id.localeCompare(b.id, undefined, { numeric: true }),
+      storySort: ({ id: a }, { id: b }) => {
+        if (a.slice(0, 3) === "old" && b.slice(0, 3) !== "old") {
+          return 1
+        }
+        if (b.slice(0, 3) === "old" && a.slice(0, 3) !== "old") {
+          return -1
+        }
+        return a.localeCompare(b, undefined, { numeric: true })
+      },
     },
   },
   globals: {

diff --git a/frontends/ol-components/src/components/BannerPage/BannerPage.stories.tsx b/frontends/ol-components/src/components/BannerPage/BannerPage.stories.tsx
@@ -7,7 +7,7 @@ const PUBLIC_URL =
   process.env.PUBLIC_URL || process.env.STORYBOOK_PUBLIC_URL || ""
 
 const meta: Meta<typeof BannerPage> = {
-  title: "ol-components/BannerPage",
+  title: "old/BannerPage",
   render: (props) => (
     <BannerPage {...props}>
       <Typography variant="h1">Page content</Typography>

diff --git a/frontends/ol-components/src/components/BasicDialog/BasicDialog.stories.tsx b/frontends/ol-components/src/components/BasicDialog/BasicDialog.stories.tsx
@@ -4,7 +4,7 @@ import { BasicDialog } from "./BasicDialog"
 import Typography from "@mui/material/Typography"
 
 const meta: Meta<typeof BasicDialog> = {
-  title: "ol-components/BasicDialog",
+  title: "smoot-design/BasicDialog",
   render: (props) => (
     <BasicDialog {...props}>
       <Typography variant="h1">Dialog Content</Typography>

diff --git a/frontends/ol-components/src/components/Breadcrumbs/Breadcrumbs.stories.tsx b/frontends/ol-components/src/components/Breadcrumbs/Breadcrumbs.stories.tsx
@@ -5,7 +5,7 @@ import { withRouter } from "storybook-addon-react-router-v6"
 import styled from "@emotion/styled"
 
 const meta: Meta<typeof Breadcrumbs> = {
-  title: "ol-components/Breadcrumbs",
+  title: "smoot-design/Breadcrumbs",
   component: Breadcrumbs,
   decorators: [withRouter],
 }

diff --git a/frontends/ol-components/src/components/Card/Card.stories.tsx b/frontends/ol-components/src/components/Card/Card.stories.tsx
@@ -6,7 +6,7 @@ import { RiMenuAddLine, RiBookmarkLine } from "@remixicon/react"
 import { withRouter } from "storybook-addon-react-router-v6"
 
 const meta: Meta<typeof Card> = {
-  title: "ol-components/Card",
+  title: "smoot-design/Cards/Card",
   argTypes: {
     size: {
       options: ["small", "medium"],

diff --git a/frontends/ol-components/src/components/Carousel/Carousel.stories.tsx b/frontends/ol-components/src/components/Carousel/Carousel.stories.tsx
@@ -26,7 +26,7 @@ const StyledCarousel = styled(Carousel)({
 })
 
 const meta: Meta<typeof Carousel> = {
-  title: "ol-components/Carousel",
+  title: "smoot-design/Carousel",
   render: (props) => (
     <div>
       This carousel:

diff --git a/frontends/ol-components/src/components/Checkbox/Checkbox.stories.tsx b/frontends/ol-components/src/components/Checkbox/Checkbox.stories.tsx
@@ -15,7 +15,7 @@ const StateWrapper = (props: CheckboxProps) => {
 }
 
 const meta: Meta<typeof Checkbox> = {
-  title: "ol-components/Checkbox",
+  title: "smoot-design/Checkbox",
   component: StateWrapper,
   argTypes: {
     onChange: {

diff --git a/frontends/ol-components/src/components/ChoiceBox/ChoiceBox.stories.tsx b/frontends/ol-components/src/components/ChoiceBox/ChoiceBox.stories.tsx
@@ -15,7 +15,7 @@ const StateWrapper = (props: ChoiceBoxProps) => {
 }
 
 const meta: Meta<typeof ChoiceBox> = {
-  title: "ol-components/ChoiceBox",
+  title: "smoot-design/ChoiceBox",
   component: StateWrapper,
   argTypes: {
     type: {

diff --git a/frontends/ol-components/src/components/ChoiceBox/ChoiceBoxFieldCheckbox.stories.tsx b/frontends/ol-components/src/components/ChoiceBox/ChoiceBoxFieldCheckbox.stories.tsx
@@ -52,7 +52,7 @@ const StateWrapper = (props: CheckboxChoiceBoxFieldProps) => {
 }
 
 const meta: Meta<typeof CheckboxChoiceBoxField> = {
-  title: "ol-components/ChoiceBoxField",
+  title: "smoot-design/ChoiceBoxField",
   component: StateWrapper,
 }
 

diff --git a/frontends/ol-components/src/components/ChoiceBox/ChoiceBoxFieldRadio.stories.tsx b/frontends/ol-components/src/components/ChoiceBox/ChoiceBoxFieldRadio.stories.tsx
@@ -44,7 +44,7 @@ const StateWrapper = (props: RadioChoiceBoxFieldProps) => {
 }
 
 const meta: Meta<typeof RadioChoiceBoxField> = {
-  title: "ol-components/ChoiceBoxField",
+  title: "smoot-design/ChoiceBoxField",
   component: StateWrapper,
 }
 

diff --git a/frontends/ol-components/src/components/FormDialog/FormDialog.stories.tsx b/frontends/ol-components/src/components/FormDialog/FormDialog.stories.tsx
@@ -35,7 +35,7 @@ const DialogDemo = (props: FormDialogProps) => {
 }
 
 const meta: Meta<typeof FormDialog> = {
-  title: "ol-components/FormDialog",
+  title: "smoot-design/FormDialog",
   component: DialogDemo,
   argTypes: {
     onReset: {

diff --git a/frontends/ol-components/src/components/LearningResourceCard/LearningResourceCard.stories.tsx b/frontends/ol-components/src/components/LearningResourceCard/LearningResourceCard.stories.tsx
@@ -22,7 +22,7 @@ const LearningResourceCardStyled = styled(LearningResourceCard)`
 `
 
 const meta: Meta<typeof LearningResourceCard> = {
-  title: "ol-components/LearningResourceCard",
+  title: "smoot-design/Cards/LearningResourceCard",
   argTypes: {
     resource: {
       options: ["Loading", "Without Image", ...Object.values(ResourceTypeEnum)],

diff --git a/...ds/ol-components/src/components/LearningResourceCard/LearningResourceListCard.stories.tsx b/...ds/ol-components/src/components/LearningResourceCard/LearningResourceListCard.stories.tsx
@@ -15,7 +15,7 @@ const makeResource: typeof _makeResource = (overrides) => {
 }
 
 const meta: Meta<typeof LearningResourceListCard> = {
-  title: "ol-components/LearningResourceListCard",
+  title: "smoot-design/Cards/LearningResourceListCard",
   argTypes: {
     resource: {
       options: ["Loading", ...Object.values(ResourceTypeEnum)],

diff --git a/...l-components/src/components/LearningResourceExpanded/LearningResourceExpanded.stories.tsx b/...l-components/src/components/LearningResourceExpanded/LearningResourceExpanded.stories.tsx
@@ -18,7 +18,7 @@ const makeResource: typeof _makeResource = (overrides) => {
 }
 
 const meta: Meta<typeof LearningResourceExpanded> = {
-  title: "ol-components/LearningResourceExpanded",
+  title: "smoot-design/LearningResourceExpanded",
   component: LearningResourceExpanded,
   args: {
     imgConfig: {

diff --git a/frontends/ol-components/src/components/LoadingSpinner/LoadingSpinner.stories.tsx b/frontends/ol-components/src/components/LoadingSpinner/LoadingSpinner.stories.tsx
@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from "@storybook/react"
 import { LoadingSpinner } from "./LoadingSpinner"
 
 const meta: Meta<typeof LoadingSpinner> = {
-  title: "ol-components/LoadingSpinner",
+  title: "smoot-design/LoadingSpinner",
   component: LoadingSpinner,
 }
 

diff --git a/frontends/ol-components/src/components/NavDrawer/NavDrawer.stories.tsx b/frontends/ol-components/src/components/NavDrawer/NavDrawer.stories.tsx
@@ -52,7 +52,7 @@ const NavDrawerDemo = () => {
 }
 
 const meta: Meta<typeof NavDrawer> = {
-  title: "ol-components/NavDrawer",
+  title: "smoot-design/NavDrawer",
   component: NavDrawerDemo,
   argTypes: {
     onReset: {

diff --git a/frontends/ol-components/src/components/PlainList/PlainList.stories.tsx b/frontends/ol-components/src/components/PlainList/PlainList.stories.tsx
@@ -8,7 +8,7 @@ const Item = styled.li`
 `
 
 const meta: Meta<typeof PlainList> = {
-  title: "ol-components/PlainList",
+  title: "smoot-design/PlainList",
   render: (args) => {
     return (
       <PlainList {...args}>

diff --git a/frontends/ol-components/src/components/Radio/Radio.stories.tsx b/frontends/ol-components/src/components/Radio/Radio.stories.tsx
@@ -15,7 +15,7 @@ const StateWrapper = (props: RadioProps) => {
 }
 
 const meta: Meta<typeof Radio> = {
-  title: "ol-components/Radio",
+  title: "smoot-design/Radio",
   component: StateWrapper,
   argTypes: {
     onChange: {

diff --git a/frontends/ol-components/src/components/RadioChoiceField/BooleanRadioChoiceField.stories.tsx b/frontends/ol-components/src/components/RadioChoiceField/BooleanRadioChoiceField.stories.tsx
@@ -18,7 +18,7 @@ function StateWrapper(props: BooleanRadioChoiceFieldProps) {
 }
 
 const meta: Meta<typeof BooleanRadioChoiceField> = {
-  title: "ol-components/BooleanRadioChoiceField",
+  title: "~smoot-design/BooleanRadioChoiceField",
   component: StateWrapper,
   argTypes: {
     onChange: {

diff --git a/frontends/ol-components/src/components/RadioChoiceField/RadioChoiceField.stories.tsx b/frontends/ol-components/src/components/RadioChoiceField/RadioChoiceField.stories.tsx
@@ -4,7 +4,7 @@ import { useArgs } from "@storybook/preview-api"
 import { RadioChoiceField, BooleanRadioChoiceField } from "./RadioChoiceField"
 
 const meta: Meta<typeof RadioChoiceField> = {
-  title: "ol-components/RadioChoiceField",
+  title: "smoot-design/RadioChoiceField",
   argTypes: {
     onChange: {
       action: "changed",

diff --git a/frontends/ol-components/src/components/RoutedDrawer/RoutedDrawer.stories.tsx b/frontends/ol-components/src/components/RoutedDrawer/RoutedDrawer.stories.tsx
@@ -16,7 +16,7 @@ const Content = styled.div({
 })
 
 const meta: Meta<typeof RoutedDrawer> = {
-  title: "ol-components/RoutedDrawer",
+  title: "smoot-design/RoutedDrawer",
   decorators: [withRouter],
 }
 

diff --git a/frontends/ol-components/src/components/ShareTooltip/ShareTooltip.stories.tsx b/frontends/ol-components/src/components/ShareTooltip/ShareTooltip.stories.tsx
@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from "@storybook/react"
 import { ShareTooltip } from "./ShareTooltip"
 
 const meta: Meta<typeof ShareTooltip> = {
-  title: "ol-components/ShareTooltip",
+  title: "old/ShareTooltip",
   component: ShareTooltip,
 }
 

diff --git a/frontends/ol-components/src/components/TruncateText/TruncateText.stories.tsx b/frontends/ol-components/src/components/TruncateText/TruncateText.stories.tsx
@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from "@storybook/react"
 import { TruncateText } from "./TruncateText"
 
 const meta: Meta<typeof TruncateText> = {
-  title: "ol-components/TruncateText",
+  title: "smoot-design/TruncateText",
   component: TruncateText,
   argTypes: {
     lineClamp: {

diff --git a/frontends/ol-components/src/stories/Breakpoints.stories.tsx b/frontends/ol-components/src/stories/Breakpoints.stories.tsx
@@ -23,7 +23,7 @@ const BreakpointsDemo = () => {
 }
 
 const meta: Meta<typeof BreakpointsDemo> = {
-  title: "ol-components/Breakpoints",
+  title: "smoot-design/Container Breakpoints",
   component: BreakpointsDemo,
   parameters: {
     viewports: {},