@opalkelly/frontpanel-react-components 0.1.0 → 0.2.0

package/src/primitives/RangeSlider/RangeSlider.stories.tsx

@@ -9,6 +9,8 @@ import React from "react";
 
 import type { Meta, StoryObj } from "@storybook/react";
 
+import { fn } from "@storybook/test";
+
 import withApplication from "../../stories/decorators/Application.decorator";
 
 import RangeSlider from "./RangeSlider";
@@ -71,6 +73,8 @@ export const Primary: Story = {
         showThumbLabel: true,
         disabled: false,
         label: { text: "RangeSlider" },
-        tooltip: "Set value within range"
+        tooltip: "Set value within range",
+        onValueChange: fn(),
+        onValueCommit: fn()
     }
 };

package/src/primitives/SelectEntry/SelectEntry.stories.tsx

@@ -9,6 +9,8 @@ import React from "react";
 
 import type { Meta, StoryObj } from "@storybook/react";
 
+import { fn } from "@storybook/test";
+
 import { useArgs } from "@storybook/preview-api";
 
 import withApplication from "../../stories/decorators/Application.decorator";
@@ -81,6 +83,8 @@ export const Primary: Story = {
             horizontalPosition: "left"
         },
         size: 1,
-        tooltip: "Select an item from the list"
+        tooltip: "Select an item from the list",
+        onValueChange: fn(),
+        onOpenChange: fn()
     }
 };

package/src/primitives/Toggle/Toggle.stories.tsx

@@ -9,6 +9,8 @@ import React from "react";
 
 import type { Meta, StoryObj } from "@storybook/react";
 
+import { fn } from "@storybook/test";
+
 import Toggle from "./Toggle";
 
 import { ToggleState } from "../../core";
@@ -56,6 +58,8 @@ export const Primary: Story = {
         state: ToggleState.Off,
         // Optional Properties
         disabled: false,
-        size: 1
+        size: 1,
+        tooltip: "Toggle tooltip",
+        onToggleStateChanged: fn()
     }
 };

package/src/primitives/ToggleSwitch/ToggleSwitch.stories.tsx

@@ -9,6 +9,8 @@ import React from "react";
 
 import type { Meta, StoryObj } from "@storybook/react";
 
+import { fn } from "@storybook/test";
+
 import { useArgs } from "@storybook/preview-api";
 
 import withApplication from "../../stories/decorators/Application.decorator";
@@ -67,7 +69,8 @@ const ComponentTemplate: Story = {
         // Optional Properties
         disabled: false,
         size: 1,
-        tooltip: "Toggle switch tooltip"
+        tooltip: "Toggle switch tooltip",
+        onToggleStateChanged: fn()
     }
 };