fix: comment out useArgs for future implementation

rdkcentral · Sep 13, 2024 · b735568 · b735568
1 parent 8aab429
commit b735568
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 30 deletions.
diff --git a/packages/@lightningjs/ui-components/src/components/ListItem/ListItemSlider.stories.js b/packages/@lightningjs/ui-components/src/components/ListItem/ListItemSlider.stories.js
@@ -20,7 +20,8 @@ import lng from '@lightningjs/core';
 import { default as ListItemSliderComponent } from './ListItemSlider';
 import { createModeControl, generateSubStory } from '../../docs/utils';
 import { Basic as SliderStory } from '../Slider/Slider.stories';
-import { useArgs } from '@storybook/manager-api';
+// TODO: Re-implement after figuring out how to in Storybook 8; worked in 7.
+// import { useArgs } from '@storybook/manager-api';
 
 /**
  * A ListItem component with slider functionality
@@ -31,23 +32,23 @@ export default {
 };
 
 export const ListItemSlider = () => {
-  const [{ value }, updateArgs] = useArgs();
+  // const [{ value }, updateArgs] = useArgs();
   return class ListItemSlider extends lng.Component {
     static _template() {
       return {
         ListItemSlider: {
-          type: ListItemSliderComponent,
-          value: value,
-          signals: {
-            onSliderChange: true
-          }
+          type: ListItemSliderComponent
+          // value: value,
+          // signals: {
+          //   onSliderChange: true
+          // }
         }
       };
     }
     // update arg control when value changes
-    onSliderChange(value) {
-      updateArgs({ value });
-    }
+    // onSliderChange(value) {
+    //   updateArgs({ value });
+    // }
   };
 };
 

diff --git a/packages/@lightningjs/ui-components/src/components/Slider/Slider.stories.js b/packages/@lightningjs/ui-components/src/components/Slider/Slider.stories.js
@@ -20,30 +20,31 @@ import lng from '@lightningjs/core';
 import { createModeControl } from '../../docs/utils';
 import TextBox from '../TextBox';
 import Slider from '.';
-import { useArgs } from '@storybook/manager-api';
+// TODO: Re-implement after figuring out how to in Storybook 8; worked in 7.
+// import { useArgs } from '@storybook/manager-api';
 
 export default {
   title: 'Components/Slider/Slider'
 };
 
 export const Basic = () => {
-  const [{ value }, updateArgs] = useArgs();
+  // const [{ value }, updateArgs] = useArgs();
   return class Basic extends lng.Component {
     static _template() {
       return {
         Slider: {
-          type: Slider,
-          value: value,
-          signals: {
-            onChange: true
-          }
+          type: Slider
+          // value: value,
+          // signals: {
+          //   onChange: true
+          // }
         }
       };
     }
     // update arg control when value changes
-    onChange(value) {
-      updateArgs({ value });
-    }
+    // onChange(value) {
+    //   updateArgs({ value });
+    // }
   };
 };
 

diff --git a/packages/@lightningjs/ui-components/src/components/Slider/SliderLarge.stories.js b/packages/@lightningjs/ui-components/src/components/Slider/SliderLarge.stories.js
@@ -20,30 +20,31 @@ import lng from '@lightningjs/core';
 import Slider from './SliderLarge';
 import { createModeControl } from '../../docs/utils';
 import TextBox from '../TextBox';
-import { useArgs } from '@storybook/manager-api';
+// TODO: Re-implement after figuring out how to in Storybook 8; worked in 7.
+// import { useArgs } from '@storybook/manager-api';
 
 export default {
   title: 'Components/Slider/SliderLarge'
 };
 
 export const Basic = () => {
-  const [{ value }, updateArgs] = useArgs();
+  // const [{ value }, updateArgs] = useArgs();
   return class Basic extends lng.Component {
     static _template() {
       return {
         Slider: {
-          type: Slider,
-          value: value,
-          signals: {
-            onChange: true
-          }
+          type: Slider
+          // value: value,
+          // signals: {
+          //   onChange: true
+          // }
         }
       };
     }
     // update arg control when value changes
-    onChange(value) {
-      updateArgs({ value });
-    }
+    // onChange(value) {
+    //   updateArgs({ value });
+    // }
   };
 };