Add threshold arg.

iTwin · May 30, 2024 · a5ce3b3 · a5ce3b3
1 parent e3bf053
commit a5ce3b3
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/docs/storybook/src/preview/ControlWidgetVisibility.stories.tsx b/docs/storybook/src/preview/ControlWidgetVisibility.stories.tsx
@@ -17,6 +17,9 @@ const meta = {
       page: () => <Page />,
     },
   },
+  args: {
+    threshold: 2,
+  },
 } satisfies Meta<typeof PreviewStory>;
 
 export default meta;

diff --git a/docs/storybook/src/preview/ControlWidgetVisibility.tsx b/docs/storybook/src/preview/ControlWidgetVisibility.tsx
@@ -31,13 +31,19 @@ function createProvider(): UiItemsProvider {
   };
 }
 
+interface PreviewStoryProps {
+  /** Threshold of `widgetActionDropdown`. */
+  threshold: number;
+}
+
 /** `enableMaximizedFloatingWidget` and `enableMaximizedPanelWidget` preview features. When enabled the widget will have a "maximize" button. */
-export function PreviewStory() {
+export function PreviewStory({ threshold }: PreviewStoryProps) {
   const provider = createProvider();
   return (
     <PreviewFeaturesProvider
       features={{
         controlWidgetVisibility: true,
+        widgetActionDropdown: { threshold },
       }}
     >
       <AppUiStory

diff --git a/docs/storybook/src/preview/WidgetActionDropdown.tsx b/docs/storybook/src/preview/WidgetActionDropdown.tsx
@@ -28,7 +28,7 @@ function createProvider(): UiItemsProvider {
             },
           },
         }),
-        createWidget(1, {
+        createWidget(2, {
           defaultState: WidgetState.Floating,
         }),
       ];
@@ -46,6 +46,7 @@ export function PreviewStory(props: PreviewStoryProps) {
       features={{
         enableMaximizedFloatingWidget: true,
         horizontalPanelAlignment: true,
+        controlWidgetVisibility: true,
         widgetActionDropdown: { threshold: props.threshold },
       }}
     >