feat(Stories): add props to reset story index on close (#333)

Author: Marginy605

src/components/Stories/README.md

@@ -4,16 +4,17 @@ Component for displaying stories. It looks like a carousel in a modal with given
 
 ### PropTypes
 
-| Property            | Type            | Required | Default | Description                                      |
-| :------------------ | :-------------- | :------- | :------ | :----------------------------------------------- |
-| open                | `Boolean`       | ✓        |         | Visibility flag                                  |
-| items               | `StoriesItem[]` | ✓        |         | List of stories to display                       |
-| initialStoryIndex   | `Number`        |          | 0       | Index of the first story to be displayed         |
-| onClose             | `Function`      |          |         | Action on close                                  |
-| onPreviousClick     | `Function`      |          |         | Action when switching to previous story          |
-| onNextClick         | `Function`      |          |         | Action when switching to next story              |
-| disableOutsideClick | `Boolean`       |          | true    | If `true`, do not close stories on click outside |
-| className           | `string`        |          |         | Stories modal class                              |
+| Property               | Type            | Required | Default | Description                                       |
+| :--------------------- | :-------------- | :------- | :------ | :------------------------------------------------ |
+| open                   | `Boolean`       | ✓        |         | Visibility flag                                   |
+| items                  | `StoriesItem[]` | ✓        |         | List of stories to display                        |
+| initialStoryIndex      | `Number`        |          | 0       | Index of the first story to be displayed          |
+| resetStoryIndexOnClose | `Boolean`       |          | false   | If `true`, reset story index to initialStoryIndex |
+| onClose                | `Function`      |          |         | Action on close                                   |
+| onPreviousClick        | `Function`      |          |         | Action when switching to previous story           |
+| onNextClick            | `Function`      |          |         | Action when switching to next story               |
+| disableOutsideClick    | `Boolean`       |          | true    | If `true`, do not close stories on click outside  |
+| className              | `string`        |          |         | Stories modal class                               |
 
 ### StoriesItem object
 

src/components/Stories/Stories.tsx

@@ -26,6 +26,7 @@ export interface StoriesProps {
     disableOutsideClick?: boolean;
     className?: string;
     syncInTabsKey?: string;
+    resetStoryIndexOnClose?: boolean;
 }
 
 export function Stories({
@@ -38,14 +39,18 @@ export function Stories({
     disableOutsideClick = true,
     className,
     syncInTabsKey,
+    resetStoryIndexOnClose,
 }: StoriesProps) {
     const [storyIndex, setStoryIndex] = React.useState(initialStoryIndex);
 
     const handleClose = React.useCallback<NonNullable<StoriesProps['onClose']>>(
         (event, reason) => {
+            if (resetStoryIndexOnClose) {
+                setStoryIndex(initialStoryIndex);
+            }
             onClose?.(event, reason);
         },
-        [onClose],
+        [onClose, setStoryIndex, initialStoryIndex, resetStoryIndexOnClose],
     );
 
     const {callback: closeWithLS} = useSyncWithLS<NonNullable<StoriesProps['onClose']>>({