@mapcomponents/react-maplibre 0.1.66 → 0.1.68

package/.github/workflows/node_version_test.yml

@@ -12,7 +12,7 @@ jobs:
 
     strategy:
       matrix:
-        node-versions: [14.x, 15.x, 16.x]
+        node-versions: [16.x,18.x]
 
     steps:
       - uses: actions/checkout@v2

package/.storybook/main.js

@@ -1,34 +1,40 @@
 module.exports = {
-  stories: ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
-  addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    {
-      name: "@storybook/addon-docs",
-      options: {
-        configureJSX: true,
-      },
-    },
-  ],
-  webpackFinal: async (config, { configType }) => {
-    // split into more chunks
-    config.optimization = {
-      splitChunks: {
-        chunks: "all",
-        minSize: 30 * 1024, // 30KB
-        maxSize: 1024 * 1024, // 1MB
-      },
-    };
-
-    return config;
+  core: {
+    builder: '@storybook/builder-webpack5',
   },
-  typescript: {
-      check: false,
-      checkOptions: {},
-      reactDocgen: 'react-docgen-typescript',
-      reactDocgenTypescriptOptions: {
-        shouldExtractLiteralValuesFromEnum: true,
-        propFilter: (prop) => (prop.parent ? !/node_modules/.test(prop.parent.fileName) : true),
-      },
-    }
+	stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+	addons: [
+  'storybook-source-link',
+		'@storybook/addon-storysource',
+		'@storybook/addon-links',
+		'@storybook/addon-essentials',
+		{
+			name: '@storybook/addon-docs',
+			options: {
+				configureJSX: true,
+			},
+		},
+	],
+  framework: '@storybook/react',
+	webpackFinal: async (config, { configType }) => {
+		// split into more chunks
+		config.optimization = {
+			splitChunks: {
+				chunks: 'all',
+				minSize: 30 * 1024, // 30KB
+				maxSize: 1024 * 1024, // 1MB
+			},
+		};
+
+		return config;
+	},
+	typescript: {
+		check: false,
+		checkOptions: {},
+		reactDocgen: 'react-docgen-typescript',
+		reactDocgenTypescriptOptions: {
+			shouldExtractLiteralValuesFromEnum: true,
+			propFilter: (prop) => (prop.parent ? !/node_modules/.test(prop.parent.fileName) : true),
+		},
+	},
 };

package/.storybook/preview.js

@@ -4,9 +4,30 @@ import { themes } from "@storybook/theming";
 
 import "./style.css";
 
+console.log('ReactDOM.render warning is from storybook still using react 17 to render the UI; The components shown are using 18 thoug. See https://github.com/storybookjs/storybook/issues/17831 for more info. The issue will eventually be resolved by upgrading storybook, once it fully supports React 18');
+
 export const parameters = {
   docs: {
     inlineStories: false,
   },
   actions: { argTypesRegex: "^on[A-Z].*" },
+
+  sourceLinkPrefix: 'https://github.com/mapcomponents/react-map-components-maplibre/blob/main/src/'
 };
+
+export const globalTypes = {
+  theme: {
+    name: 'Theme',
+    title: 'Theme',
+    description: 'Theme for your components',
+    defaultValue: 'light',
+    toolbar: {
+      icon: 'paintbrush',
+      dynamicTitle: true,
+      items: [
+        { value: 'light', left: '☀️', title: 'Light mode' },
+        { value: 'dark', left: '🌙', title: 'Dark mode' },
+      ],
+    },
+  },
+};

package/CHANGELOG.md

@@ -1,6 +1,19 @@
 # Change Log
 
 
+## [v0.1.67] - 2023-01-30
+
+### Changed
+- upgrade storybook to 6.5.x
+- upgrade react to 18.2.0
+- upgrade typescript to 4.9.4
+- add support for node 18.x
+- 474eb8c: migrate MlShareMapState, MlThreeJsLayer to typescript
+
+### Added
+- add missing exports MapLibreGlWrapper, useLayerEvent, useGpx, useLayerHoverPopup, MlWmsLoader
+- add missing typescript definitions to MapLibreGlWrapper
+
 ## [v0.1.66] - 2023-01-23
 
 ### Added