Merge pull request #23 from davidcalhoun/bump

initial add of React 18 support

Author: davidcalhoun

.storybook/main.js

@@ -1,49 +1,17 @@
-module.exports = {
-  stories: ['../src/**/*.stories.mdx'],
+/** @type { import('@storybook/react-webpack5').StorybookConfig } */
+const config = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
   addons: [
-    '@storybook/addon-docs',
-    '@storybook/addon-essentials',
-    {
-      name: '@storybook/addon-postcss',
-      options: {
-        styleLoaderOptions: {},
-        cssLoaderOptions: {
-          modules: true,
-          sourceMap: true,
-          importLoaders: 1,
-        },
-        postcssLoaderOptions: {
-          implementation: require('postcss')
-        },
-      },
-    }
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions",
   ],
-  webpackFinal: async (config) => {
-    // Finds and removes the old CSS rule.
-    const cssRuleIndex = config.module.rules.findIndex(rule => rule.test.toString().includes('.css'));
-    if (cssRuleIndex !== -1) {
-      //config.module.rules.splice(cssRuleIndex, 1);
-    }
-
-    //console.log(11, config.module.rules[cssRuleIndex])
-
-    // Tweaks needed for PostCSS and CSS modules.
-    // config.module.rules.push({
-    //   test: /\.css$/,
-    //   use: [
-    //     'style-loader',
-    //     {
-    //       loader: 'css-loader',
-    //       options: {
-    //         modules: true,
-    //         importLoaders: 1
-    //       }
-    //     },
-    //     'postcss-loader'
-    //   ]
-    // });
-
-    // Returns the modified config.
-    return config;
-  }
-};
+  framework: {
+    name: "@storybook/react-webpack5",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+};
+export default config;

.storybook/preview.js

@@ -0,0 +1,14 @@
+/** @type { import('@storybook/react').Preview } */
+const preview = {
+  parameters: {
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+  },
+};
+
+export default preview;

.travis.yml

@@ -1,5 +1,4 @@
 # react-hover-slideshow
-[![Build Status](https://travis-ci.org/davidcalhoun/react-hover-slideshow.svg?branch=master)](https://travis-ci.org/davidcalhoun/react-hover-slideshow)
 [![Downloads][downloads-image]][npm-url]
 
 Iterates through an image slideshow based on cursor/touch position.