Merge branch 'tooppaaa-fix/removeObjectEntries'

iamhosseindhv · Jun 10, 2020 · 34a7010 · 34a7010
2 parents 07529a6 + ba20e70
commit 34a7010
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 29 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,12 +1,19 @@
 Thanks to all contributers who improved notistack by opening an issue/PR.
 
-### `[email protected].17`
+### `[email protected].18`
 ###### to be published
 * **@pctestjfarz**: Add swipe to dismiss feature [#138](https://github.com/iamhosseindhv/notistack/issues/138) 
 * **@molynerd**: Add support to update content of snackbar in place [#50](https://github.com/iamhosseindhv/notistack/issues/50)
 * **@david-chau**: Allow `asc`, `desc` or custom sort order of snackbars [#160](https://github.com/iamhosseindhv/notistack/issues/160)
 
 
+<br />
+
+### `[email protected]`
+###### June 10, 2020
+* Bug fix and improvments [#277](https://github.com/iamhosseindhv/notistack/issues/277) 
+* Alternative for Object.entries to better support IE 11 compat [#284](https://github.com/iamhosseindhv/notistack/pull/284)
+
 
 <br />
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "notistack",
-    "version": "0.9.16",
+    "version": "0.9.17",
     "description": "Highly customizable notification snackbars (toasts) that can be stacked on top of each other",
     "main": "dist/index.js",
     "module": "dist/notistack.esm.js",

diff --git a/src/SnackbarProvider.tsx b/src/SnackbarProvider.tsx
@@ -279,32 +279,35 @@ class SnackbarProvider extends Component<SnackbarProviderProps, State> {
             ...this.props.iconVariant,
         };
 
-        const snackbars = Object.entries(categ).map(([origin, snacks]) => (
-            <SnackbarContainer
-                key={origin}
-                dense={dense}
-                anchorOrigin={snacks[0].anchorOrigin}
-                className={clsx(
-                    classes.containerRoot,
-                    classes[`containerAnchorOrigin${origin}` as ContainerClassKey],
-                )}
-            >
-                {snacks.map(snack => (
-                    <SnackbarItem
-                        {...props}
-                        key={snack.key}
-                        dense={dense}
-                        snack={snack}
-                        hideIconVariant={hideIconVariant}
-                        iconVariant={iconVariant}
-                        classes={omitContainerKeys(classes)}
-                        onClose={this.handleCloseSnack}
-                        onExited={createChainedFunction([this.handleExitedSnack, this.props.onExited])}
-                        onEntered={createChainedFunction([this.handleEnteredSnack, this.props.onEntered])}
-                    />
-                ))}
-            </SnackbarContainer>
-        ));
+        const snackbars = Object.keys(categ).map((origin) => {
+            const snacks = categ[origin];
+            return (
+                <SnackbarContainer
+                    key={origin}
+                    dense={dense}
+                    anchorOrigin={snacks[0].anchorOrigin}
+                    className={clsx(
+                        classes.containerRoot,
+                        classes[`containerAnchorOrigin${origin}` as ContainerClassKey],
+                    )}
+                >
+                    {snacks.map(snack => (
+                        <SnackbarItem
+                            {...props}
+                            key={snack.key}
+                            dense={dense}
+                            snack={snack}
+                            hideIconVariant={hideIconVariant}
+                            iconVariant={iconVariant}
+                            classes={omitContainerKeys(classes)}
+                            onClose={this.handleCloseSnack}
+                            onExited={createChainedFunction([this.handleExitedSnack, this.props.onExited])}
+                            onEntered={createChainedFunction([this.handleEnteredSnack, this.props.onEntered])}
+                        />
+                    ))}
+                </SnackbarContainer>
+            );
+        });
 
         return (
             <SnackbarContext.Provider value={contextValue}>