Restructure Storybook

tremorlabs · Nov 5, 2023 · 7e2b41e · 7e2b41e
1 parent ffb8d87
commit 7e2b41e
Show file tree

Hide file tree

Showing 44 changed files with 44 additions and 44 deletions.
diff --git a/src/stories/chart-elements/AreaChart.stories.tsx b/src/stories/chart-elements/AreaChart.stories.tsx
@@ -15,7 +15,7 @@ import {
 import { valueFormatter } from "./helpers/utils";
 
 const meta: Meta<typeof AreaChart> = {
-  title: "Components/Chart/AreaChart",
+  title: "Visualizations/Chart/AreaChart",
   component: AreaChart,
   args: { categories: ["Sales", "Successful Payments"], index: "month", data, className: "h-72" },
   // parameters: { layout: "centered" },

diff --git a/src/stories/chart-elements/BarChart.stories.tsx b/src/stories/chart-elements/BarChart.stories.tsx
@@ -13,7 +13,7 @@ import {
 } from "./helpers/testData";
 
 const meta: Meta<typeof BarChart> = {
-  title: "Components/Chart/BarChart",
+  title: "Visualizations/Chart/BarChart",
   component: BarChart,
   args: { categories: ["Sales", "Successful Payments"], index: "month", data, className: "h-72" },
   // parameters: { layout: "centered" },

diff --git a/src/stories/chart-elements/DonutChart.stories.tsx b/src/stories/chart-elements/DonutChart.stories.tsx
@@ -12,7 +12,7 @@ import {
 } from "stories/chart-elements/helpers/testData";
 
 const meta: Meta<typeof DonutChart> = {
-  title: "Components/Chart/DonutChart",
+  title: "Visualizations/Chart/DonutChart",
   component: DonutChart,
   args: { category: "sales", index: "city", data },
   // parameters: { layout: "centered" },

diff --git a/src/stories/chart-elements/LineChart.stories.tsx b/src/stories/chart-elements/LineChart.stories.tsx
@@ -15,7 +15,7 @@ import {
 import { valueFormatter } from "./helpers/utils";
 
 const meta: Meta<typeof LineChart> = {
-  title: "Components/Chart/LineChart",
+  title: "Visualizations/Chart/LineChart",
   component: LineChart,
   args: { categories: ["Sales", "Successful Payments"], index: "month", data, className: "h-72" },
   // parameters: { layout: "centered" },

diff --git a/src/stories/chart-elements/ScatterChart.stories.tsx b/src/stories/chart-elements/ScatterChart.stories.tsx
@@ -11,7 +11,7 @@ import {
 } from "./helpers/testDataScatterChart";
 
 const meta: Meta<typeof ScatterChart> = {
-  title: "Components/Chart/ScatterChart",
+  title: "Visualizations/Chart/ScatterChart",
   component: ScatterChart,
   args: { x: "x", y: "y", size: "z", category: "location", data, className: "h-72" },
   // parameters: { layout: "centered" },

diff --git a/src/stories/icon-elements/Badge.stories.tsx b/src/stories/icon-elements/Badge.stories.tsx
@@ -8,7 +8,7 @@ import { ArrowUpIcon } from "assets";
 import { Badge, Grid } from "components";
 
 const meta: Meta<typeof Badge> = {
-  title: "Components/Icon/Badge",
+  title: "UI/Icon/Badge",
   component: Badge,
   args: {
     children: "Live",

diff --git a/src/stories/icon-elements/BadgeDelta.stories.tsx b/src/stories/icon-elements/BadgeDelta.stories.tsx
@@ -7,7 +7,7 @@ import { DeltaTypes as InputDeltaTypes, Sizes as InputSizes } from "lib/constant
 import { BadgeDelta, Grid } from "components";
 
 const meta: Meta<typeof BadgeDelta> = {
-  title: "Components/Icon/BadgeDelta",
+  title: "UI/Icon/BadgeDelta",
   component: BadgeDelta,
   args: {
     children: "12.5%",

diff --git a/src/stories/icon-elements/Icon.stories.tsx b/src/stories/icon-elements/Icon.stories.tsx
@@ -11,7 +11,7 @@ import { IconVariants } from "components/icon-elements/Icon/Icon";
 import Icon from "components/icon-elements/Icon/Icon";
 
 const meta: Meta<typeof Icon> = {
-  title: "Components/Icon/Icon",
+  title: "UI/Icon/Icon",
   component: Icon,
   args: {
     icon: ArrowUpIcon,

diff --git a/src/stories/input-elements/Button.stories.tsx b/src/stories/input-elements/Button.stories.tsx
@@ -6,7 +6,7 @@ import { Button, Grid } from "components";
 import { BaseColors, Sizes as InputSizes } from "lib/constants";
 
 const meta: Meta<typeof Button> = {
-  title: "Components/Input/Button",
+  title: "UI/Input/Button",
   component: Button,
 };
 

diff --git a/src/stories/input-elements/DatePicker.stories.tsx b/src/stories/input-elements/DatePicker.stories.tsx
@@ -6,7 +6,7 @@ import { Button, DatePicker } from "components";
 import { fr } from "date-fns/locale";
 
 const meta: Meta<typeof DatePicker> = {
-  title: "Components/Input/DatePicker",
+  title: "UI/Input/DatePicker",
   component: DatePicker,
 };
 

diff --git a/src/stories/input-elements/DateRangePicker.stories.tsx b/src/stories/input-elements/DateRangePicker.stories.tsx
@@ -7,7 +7,7 @@ import { fr } from "date-fns/locale";
 import { dateRangePickerData } from "stories/input-elements/helpers/testData";
 
 const meta: Meta<typeof DateRangePicker> = {
-  title: "Components/Input/DateRangePicker",
+  title: "UI/Input/DateRangePicker",
   component: DateRangePicker,
   decorators: [(Story) => <Story />],
 };

diff --git a/src/stories/input-elements/MultiSelect.stories.tsx b/src/stories/input-elements/MultiSelect.stories.tsx
@@ -6,7 +6,7 @@ import { SimpleMultiSelect, SimpleMultiSelectControlled } from "./helpers/Simple
 import { CalendarIcon } from "assets";
 
 const meta: Meta<typeof MultiSelect> = {
-  title: "Components/Input/MultiSelect",
+  title: "UI/Input/MultiSelect",
   component: MultiSelect,
 };
 

diff --git a/src/stories/input-elements/NumberInput.stories.tsx b/src/stories/input-elements/NumberInput.stories.tsx
@@ -5,7 +5,7 @@ import { NumberInput } from "components";
 import { SimpleNumberInput, SimpleNumberInputControlled } from "./helpers/SimpleNumberInput";
 
 const meta: Meta<typeof NumberInput> = {
-  title: "Components/Input/NumberInput",
+  title: "UI/Input/NumberInput",
   component: NumberInput,
 };
 

diff --git a/src/stories/input-elements/SearchSelect.stories.tsx b/src/stories/input-elements/SearchSelect.stories.tsx
@@ -6,7 +6,7 @@ import { SimpleSearchSelect, SimpleSearchSelectControlled } from "./helpers/Simp
 import { CalendarIcon } from "assets";
 
 const meta: Meta<typeof SearchSelect> = {
-  title: "Components/Input/SearchSelect",
+  title: "UI/Input/SearchSelect",
   component: SearchSelect,
 };
 

diff --git a/src/stories/input-elements/Select.stories.tsx b/src/stories/input-elements/Select.stories.tsx
@@ -6,7 +6,7 @@ import { SimpleSelect, SimpleSelectControlled } from "./helpers/SimpleSelect";
 import { CalendarIcon } from "assets";
 
 const meta: Meta<typeof Select> = {
-  title: "Components/Input/Select",
+  title: "UI/Input/Select",
   component: Select,
 };
 

diff --git a/src/stories/input-elements/Switch.stories.tsx b/src/stories/input-elements/Switch.stories.tsx
@@ -3,7 +3,7 @@ import { Switch } from "components";
 import { SimpleSwitch, SimpleIdSwitch } from "./helpers/SimpleSwitch";
 
 const meta: Meta<typeof Switch> = {
-  title: "Components/Input/Switch",
+  title: "UI/Input/Switch",
   component: Switch,
 };
 

diff --git a/src/stories/input-elements/TabGroup.stories.tsx b/src/stories/input-elements/TabGroup.stories.tsx
@@ -7,7 +7,7 @@ import { Button, Tab, TabGroup, TabList, TabPanel, TabPanels } from "components"
 import { BaseColors, Color } from "lib";
 
 const meta: Meta<typeof TabGroup> = {
-  title: "Components/Input/TabGroup",
+  title: "UI/Input/TabGroup",
   component: TabGroup,
 };
 

diff --git a/src/stories/input-elements/TextArea.stories.tsx b/src/stories/input-elements/TextArea.stories.tsx
@@ -3,7 +3,7 @@ import { Button, Textarea } from "components";
 import React from "react";
 
 const meta: Meta<typeof Textarea> = {
-  title: "Components/Input/Textarea",
+  title: "UI/Input/Textarea",
   component: Textarea,
 };
 

diff --git a/src/stories/input-elements/TextInput.stories.tsx b/src/stories/input-elements/TextInput.stories.tsx
@@ -5,7 +5,7 @@ import { TextInput } from "components";
 import { SimpleTextInput } from "./helpers/SimpleTextInput";
 
 const meta: Meta<typeof TextInput> = {
-  title: "Components/Input/TextInput",
+  title: "UI/Input/TextInput",
   component: TextInput,
 };
 

diff --git a/src/stories/layout-elements/Accordion.stories.tsx b/src/stories/layout-elements/Accordion.stories.tsx
@@ -4,7 +4,7 @@ import { Accordion } from "components";
 import { SimpleAccordion } from "./helpers/SimpleAccordion";
 
 const meta: Meta<typeof Accordion> = {
-  title: "Components/Layout/Accordion",
+  title: "UI/Layout/Accordion",
   component: Accordion,
 };
 

diff --git a/src/stories/layout-elements/AccordionList.stories.tsx b/src/stories/layout-elements/AccordionList.stories.tsx
@@ -6,7 +6,7 @@ import { AccordionList } from "components";
 import { SimpleAccordion, SimpleAccordionList } from "./helpers/SimpleAccordion";
 
 const meta: Meta<typeof AccordionList> = {
-  title: "Components/Layout/AccordionList",
+  title: "UI/Layout/AccordionList",
   component: AccordionList,
 };
 

diff --git a/src/stories/layout-elements/Card.stories.tsx b/src/stories/layout-elements/Card.stories.tsx
@@ -7,7 +7,7 @@ import { SimpleCard } from "./helpers/SimpleCard";
 import type { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Card> = {
-  title: "Components/Layout/Card",
+  title: "UI/Layout/Card",
   component: Card,
 };
 

diff --git a/src/stories/layout-elements/Divider.stories.tsx b/src/stories/layout-elements/Divider.stories.tsx
@@ -6,7 +6,7 @@ import { Divider } from "components";
 import { SimpleCard } from "stories/layout-elements/helpers/SimpleCard";
 
 const meta: Meta<typeof Divider> = {
-  title: "Components/Layout/Divider",
+  title: "UI/Layout/Divider",
   component: Divider,
 };
 

diff --git a/src/stories/layout-elements/Flex.stories.tsx b/src/stories/layout-elements/Flex.stories.tsx
@@ -7,7 +7,7 @@ import { SimpleCard } from "stories/layout-elements/helpers/SimpleCard";
 import { SimpleText } from "stories/layout-elements/helpers/SimpleText";
 
 const meta: Meta<typeof Flex> = {
-  title: "Components/Layout/Flex",
+  title: "UI/Layout/Flex",
   component: Flex,
 };
 

diff --git a/src/stories/layout-elements/Grid.stories.tsx b/src/stories/layout-elements/Grid.stories.tsx
@@ -7,7 +7,7 @@ import { SimpleCard } from "./helpers/SimpleCard";
 import { SimpleText } from "./helpers/SimpleText";
 
 const meta: Meta<typeof Grid> = {
-  title: "Components/Layout/Grid",
+  title: "UI/Layout/Grid",
   component: Grid,
 };
 

diff --git a/src/stories/list-elements/List.stories.tsx b/src/stories/list-elements/List.stories.tsx
@@ -4,7 +4,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { List, ListItem } from "components";
 
 const meta: Meta<typeof List> = {
-  title: "Components/List/List",
+  title: "UI/List/List",
   component: List,
 };
 

diff --git a/src/stories/list-elements/Table.stories.tsx b/src/stories/list-elements/Table.stories.tsx
@@ -16,7 +16,7 @@ import BadgeDelta from "components/icon-elements/BadgeDelta/BadgeDelta";
 import { DeltaType } from "lib";
 
 const meta: Meta<typeof Table> = {
-  title: "Components/List/Table",
+  title: "UI/List/Table",
   component: Table,
 };
 

diff --git a/src/stories/spark-elements/SparkAreaChart.stories.tsx b/src/stories/spark-elements/SparkAreaChart.stories.tsx
@@ -12,7 +12,7 @@ import { SparkAreaChart } from "components/spark-elements";
 import ExampleCard from "./helpers/ExampleCard";
 
 const meta: Meta<typeof SparkAreaChart> = {
-  title: "Components/Chart/SparkAreaChart",
+  title: "Visualizations/Chart/SparkAreaChart",
   component: SparkAreaChart,
   args: {
     categories: ["Sales", "Successful Payments"],

diff --git a/src/stories/spark-elements/SparkBarChart.stories.tsx b/src/stories/spark-elements/SparkBarChart.stories.tsx
@@ -12,7 +12,7 @@ import { SparkBarChart } from "components/spark-elements";
 import ExampleCard from "./helpers/ExampleCard";
 
 const meta: Meta<typeof SparkBarChart> = {
-  title: "Components/Chart/SparkBarChart",
+  title: "Visualizations/Chart/SparkBarChart",
   component: SparkBarChart,
   args: {
     categories: ["Sales", "Successful Payments"],

diff --git a/src/stories/spark-elements/SparkLineChart.stories.tsx b/src/stories/spark-elements/SparkLineChart.stories.tsx
@@ -12,7 +12,7 @@ import { SparkLineChart } from "components/spark-elements";
 import ExampleCard from "./helpers/ExampleCard";
 
 const meta: Meta<typeof SparkLineChart> = {
-  title: "Components/Chart/SparkLineChart",
+  title: "Visualizations/Chart/SparkLineChart",
   component: SparkLineChart,
   args: {
     categories: ["Sales", "Successful Payments"],

diff --git a/src/stories/text-elements/Callout.stories.tsx b/src/stories/text-elements/Callout.stories.tsx
@@ -7,7 +7,7 @@ import { Callout } from "components";
 import { BaseColors } from "lib/constants";
 
 const meta: Meta<typeof Callout> = {
-  title: "Components/Text/Callout",
+  title: "UI/Text/Callout",
   component: Callout,
 };
 

diff --git a/src/stories/text-elements/Legend.stories.tsx b/src/stories/text-elements/Legend.stories.tsx
@@ -4,7 +4,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { Legend } from "components";
 
 const meta: Meta<typeof Legend> = {
-  title: "Components/Text/Legend",
+  title: "UI/Text/Legend",
   component: Legend,
   args: {
     categories: [

diff --git a/src/stories/text-elements/Metric.stories.tsx b/src/stories/text-elements/Metric.stories.tsx
@@ -5,7 +5,7 @@ import { Metric } from "components";
 import { BaseColors } from "lib/constants";
 
 const meta: Meta<typeof Metric> = {
-  title: "Components/Text/Metric",
+  title: "UI/Text/Metric",
   component: Metric,
 };
 

diff --git a/src/stories/text-elements/Subtitle.stories.tsx b/src/stories/text-elements/Subtitle.stories.tsx
@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import Subtitle from "components/text-elements/Subtitle/Subtitle";
 
 const meta: Meta<typeof Subtitle> = {
-  title: "Components/Text/Subtitle",
+  title: "UI/Text/Subtitle",
   component: Subtitle,
 };
 

diff --git a/src/stories/text-elements/Text.stories.tsx b/src/stories/text-elements/Text.stories.tsx
@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { Text } from "components";
 
 const meta: Meta<typeof Text> = {
-  title: "Components/Text/Text",
+  title: "UI/Text/Text",
   component: Text,
   args: {
     children:

diff --git a/src/stories/text-elements/TextElements.stories.tsx b/src/stories/text-elements/TextElements.stories.tsx
@@ -5,7 +5,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { Bold, Italic, Text, Title } from "components";
 
 const meta: Meta<typeof Title> = {
-  title: "Components/Text/TextElements",
+  title: "UI/Text/TextElements",
   component: Title,
 };
 

diff --git a/src/stories/text-elements/Title.stories.tsx b/src/stories/text-elements/Title.stories.tsx
@@ -5,7 +5,7 @@ import { Meta, StoryObj } from "@storybook/react";
 import { Title } from "components";
 
 const meta: Meta<typeof Title> = {
-  title: "Components/Text/Title",
+  title: "UI/Text/Title",
   component: Title,
 };
 

diff --git a/src/stories/vis-elements/BarList.stories.tsx b/src/stories/vis-elements/BarList.stories.tsx
@@ -8,7 +8,7 @@ import { BarListProps } from "components/vis-elements/BarList/BarList";
 import { BaseColors } from "lib";
 
 const meta: Meta<typeof BarList> = {
-  title: "Components/Vis/BarList",
+  title: "Visualizations/Vis/BarList",
   component: BarList,
 };
 

diff --git a/src/stories/vis-elements/CategoryBar.stories.tsx b/src/stories/vis-elements/CategoryBar.stories.tsx
@@ -4,7 +4,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import CategoryBar from "components/vis-elements/CategoryBar/CategoryBar";
 
 const meta: Meta<typeof CategoryBar> = {
-  title: "Components/Vis/CategoryBar",
+  title: "Visualizations/Vis/CategoryBar",
   component: CategoryBar,
   render: (args) => <CategoryBar {...args} />,
 };

diff --git a/src/stories/vis-elements/DeltaBar.stories.tsx b/src/stories/vis-elements/DeltaBar.stories.tsx
@@ -4,7 +4,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { DeltaBar } from "components";
 
 const meta: Meta<typeof DeltaBar> = {
-  title: "Components/Vis/DeltaBar",
+  title: "Visualizations/Vis/DeltaBar",
   component: DeltaBar,
   render: (args) => <DeltaBar {...args} />,
 };

diff --git a/src/stories/vis-elements/MarkerBar.stories.tsx b/src/stories/vis-elements/MarkerBar.stories.tsx
@@ -5,7 +5,7 @@ import MarkerBar from "components/vis-elements/MarkerBar/MarkerBar";
 import { BaseColors } from "lib/constants";
 
 const meta: Meta<typeof MarkerBar> = {
-  title: "Components/Vis/MarkerBar",
+  title: "Visualizations/Vis/MarkerBar",
   component: MarkerBar,
   render: (args) => <MarkerBar {...args} />,
 };

diff --git a/src/stories/vis-elements/ProgressBar.stories.tsx b/src/stories/vis-elements/ProgressBar.stories.tsx
@@ -7,7 +7,7 @@ import { ProgressBar } from "components";
 import { BaseColors } from "lib/constants";
 
 const meta: Meta<typeof ProgressBar> = {
-  title: "Components/Vis/ProgressBar",
+  title: "Visualizations/Vis/ProgressBar",
   component: ProgressBar,
   render: (args) => <ProgressBar {...args} />,
 };

diff --git a/src/stories/vis-elements/ProgressCircle.stories.tsx b/src/stories/vis-elements/ProgressCircle.stories.tsx
@@ -5,7 +5,7 @@ import { ProgressCircle } from "components";
 import { BaseColors, Sizes } from "lib/constants";
 
 const meta: Meta<typeof ProgressCircle> = {
-  title: "Components/Vis/ProgressCircle",
+  title: "Visualizations/Vis/ProgressCircle",
   component: ProgressCircle,
   render: (args) => <ProgressCircle {...args} />,
 };

diff --git a/src/stories/vis-elements/Tracker.stories.tsx b/src/stories/vis-elements/Tracker.stories.tsx
@@ -5,7 +5,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { Tracker } from "components";
 
 const meta: Meta<typeof Tracker> = {
-  title: "Components/Vis/Tracker",
+  title: "Visualizations/Vis/Tracker",
   component: Tracker,
   args: {
     data: [