@databiosphere/findable-ui 21.4.0 → 22.0.0

package/src/components/common/ToggleButtonGroup/toggleButtonGroup.stories.tsx

@@ -1,8 +1,7 @@
-import { ComponentMeta, ComponentStory } from "@storybook/react";
-import React from "react";
+import { Meta, StoryObj } from "@storybook/react";
 import { ToggleButtonGroup } from "./toggleButtonGroup";
 
-export default {
+const meta = {
   argTypes: {
     toggleButtons: { table: { disable: true } },
   },
@@ -11,28 +10,29 @@ export default {
     layout: "centered",
   },
   title: "Components/Common/ButtonGroup",
-} as ComponentMeta<typeof ToggleButtonGroup>;
+} satisfies Meta<typeof ToggleButtonGroup>;
 
-const ToggleButtonGroupTemplate: ComponentStory<typeof ToggleButtonGroup> = (
-  args
-) => <ToggleButtonGroup {...args} />;
+export default meta;
 
-export const ToggleButtonGroupStory = ToggleButtonGroupTemplate.bind({});
-ToggleButtonGroupStory.args = {
-  toggleButtons: [
-    {
-      label: "Exact Match (243)",
-      onToggle: (): void => {
-        // onToggle function
+type Story = StoryObj<typeof meta>;
+
+export const ToggleButtonGroupStory: Story = {
+  args: {
+    toggleButtons: [
+      {
+        label: "Exact Match (243)",
+        onToggle: (): void => {
+          // onToggle function
+        },
+        value: "exact-match",
       },
-      value: "exact-match",
-    },
-    {
-      label: "Related (33)",
-      onToggle: (): void => {
-        // onToggle function
+      {
+        label: "Related (33)",
+        onToggle: (): void => {
+          // onToggle function
+        },
+        value: "related-match",
       },
-      value: "related-match",
-    },
-  ],
+    ],
+  },
 };

package/src/styles/common/mui/typography.ts

@@ -9,5 +9,6 @@ export const COLOR: Record<string, TypographyOwnProps["color"]> = {
 export const VARIANT: Record<string, TypographyOwnProps["variant"]> = {
   INHERIT: "inherit",
   TEXT_BODY_400: "text-body-400",
+  TEXT_BODY_400_2_LINES: "text-body-400-2lines",
   TEXT_HEADING_SMALL: "text-heading-small",
 };

package/src/views/DataDictionaryView/dataDictionaryView.tsx

@@ -0,0 +1,9 @@
+import React from "react";
+import { DataDictionary } from "../../components/DataDictionary/dataDictionary";
+import { BaseComponentProps } from "../../components/types";
+
+export const DataDictionaryView = ({
+  className,
+}: BaseComponentProps): JSX.Element => {
+  return <DataDictionary className={className} />;
+};