feat(plasma-web, plasma-b2c): Added isDragScrollDisabled property to …

…control panel
salute-developers · Dec 27, 2023 · 4a98dfe · 4a98dfe
1 parent df6463f
commit 4a98dfe
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/packages/plasma-b2c/src/components/Carousel/Carousel.stories.tsx b/packages/plasma-b2c/src/components/Carousel/Carousel.stories.tsx
@@ -21,6 +21,9 @@ const meta: Meta<typeof Carousel> = {
                 type: 'inline-radio',
             },
         },
+        isDragScrollDisabled: {
+            control: 'boolean',
+        },
         ...disableProps([
             'onScroll',
             'index',
@@ -88,7 +91,7 @@ const defaultCarouselStyle = { margin: '0 -0.5rem' };
 
 const defaultCarouselItemStyle = { width: 550, padding: '0 0.5rem' };
 
-const StoryDefault = ({ align }: { align: alignType }) => {
+const StoryDefault = ({ align, isDragScrollDisabled }: { align: alignType; isDragScrollDisabled: boolean }) => {
     const [index, setIndex] = useState(0);
 
     const changeIndexDown = useCallback(() => {
@@ -107,6 +110,7 @@ const StoryDefault = ({ align }: { align: alignType }) => {
                 detectActive
                 onIndexChange={setIndex}
                 scrollAlign={align}
+                isDragScrollDisabled={isDragScrollDisabled}
             >
                 {items.map((item) => (
                     <CarouselItem key={item.id} style={defaultCarouselItemStyle} scrollSnapAlign={align}>
@@ -130,9 +134,10 @@ const StoryDefault = ({ align }: { align: alignType }) => {
     );
 };
 
-export const Default: StoryObj<{ align: alignType }> = {
+export const Default: StoryObj<{ align: alignType; isDragScrollDisabled: boolean }> = {
     args: {
         align: 'center',
+        isDragScrollDisabled: false,
     },
     render: (args) => <StoryDefault {...args} />,
 };
diff --git a/packages/plasma-web/src/components/Carousel/Carousel.stories.tsx b/packages/plasma-web/src/components/Carousel/Carousel.stories.tsx
@@ -51,10 +51,16 @@ const defaultCarouselItemStyle = { width: '20rem', padding: '0 0.5rem' };
 export const Default: StoryObj<CarouselProps> = {
     args: {
         scrollAlign: 'start',
+        isDragScrollDisabled: false,
     },
-    render: ({ scrollAlign }) => {
+    render: ({ scrollAlign, isDragScrollDisabled }) => {
         return (
-            <Carousel index={0} style={defaultCarouselStyle} scrollAlign={scrollAlign}>
+            <Carousel
+                index={0}
+                style={defaultCarouselStyle}
+                scrollAlign={scrollAlign}
+                isDragScrollDisabled={isDragScrollDisabled}
+            >
                 {items.map((item) => (
                     <CarouselItem key={item.id} style={defaultCarouselItemStyle} scrollSnapAlign={scrollAlign}>
                         <CarouselCard