@mapcomponents/react-maplibre 0.1.68 → 0.1.70

package/dist/ui_components/Sidebar.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
-import { PaperProps, SxProps, DrawerProps } from '@mui/material';
+import { PaperProps, DrawerProps } from '@mui/material';
 interface SidebarProps {
     drawerPaperProps?: PaperProps;
     drawerHeaderProps?: Headers;
-    drawerButtonStyle?: SxProps | undefined;
     children?: React.ReactNode;
+    open?: boolean;
+    setOpen?: (val: boolean) => void;
+    name?: string;
 }
-export default function Sidebar({ drawerPaperProps, drawerHeaderProps, drawerButtonStyle, ...props }: SidebarProps & DrawerProps): JSX.Element;
+export default function Sidebar({ drawerPaperProps, drawerHeaderProps, ...props }: SidebarProps & DrawerProps): JSX.Element;
 export {};

package/dist/ui_components/TopToolbar.d.ts

@@ -1,8 +1,9 @@
-/// <reference types="react" />
-import { AppBarProps, ToolbarProps, SxProps } from '@mui/material';
-interface TopToolbarProps extends AppBarProps {
-    toolbarProps?: ToolbarProps;
-    appBarStyle?: SxProps;
+import * as React from 'react';
+export interface TopToolbarProps {
+    children?: React.ReactNode;
+    unmovableButtons?: React.ReactNode;
+    buttons?: React.ReactNode;
+    logo?: React.ReactNode;
 }
-export default function TopToolbar({ toolbarProps, appBarStyle, ...props }: TopToolbarProps): JSX.Element;
-export {};
+declare function TopToolbar(props: TopToolbarProps): JSX.Element;
+export default TopToolbar;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mapcomponents/react-maplibre",
-	"version": "0.1.68",
+	"version": "0.1.70",
 	"main": "index.js",
 	"license": "MIT",
 	"module": "dist/index.esm.js",
@@ -16,26 +16,37 @@
 		"build-storybook": "build-storybook -o docs-build -s public",
 		"storybook-docs": "start-storybook --docs --no-manager-cache",
 		"build-catalogue-meta": "node scripts/build-catalogue-meta.js",
-		"build-catalogue-markdown-docs": "node scripts/build-catalogue-markdown-docs.js",
 		"create-component": "./scripts/create-map-component.sh"
 	},
-	"dependencies": {},
+	"dependencies": {
+		"@emotion/css": "^11.10.5",
+		"@emotion/react": "^11.10.5",
+		"@emotion/styled": "^11.10.5",
+		"@mapbox/mapbox-gl-draw": "^1.4.0",
+		"@mapbox/mapbox-gl-sync-move": "^0.3.1",
+		"@mui/icons-material": "^5.11.0",
+		"@mui/material": "^5.11.7",
+		"@mui/styles": "^5.11.7",
+		"@turf/turf": "^6.5.0",
+		"d3": "^7.8.2",
+		"jspdf": "^2.5.1",
+		"maplibre-gl": "^2.4.0",
+		"mui-color": "^2.0.0-beta.2",
+		"react-moveable": "^0.46.1",
+		"three": "^0.149.0",
+		"traverse": "^0.6.7",
+		"uuid": "^9.0.0",
+		"wms-capabilities": "^0.6.0",
+		"xmldom": "^0.6.0"
+	},
 	"peerDependencies": {},
 	"devDependencies": {
 		"@babel/preset-react": "^7.18.6",
 		"@bahmutov/cy-rollup": "^2.0.0",
 		"@cypress/react": "^7.0.2",
 		"@cypress/webpack-preprocessor": "^5.16.1",
-		"@emotion/css": "11.10.5",
-		"@emotion/react": "11.10.5",
-		"@emotion/styled": "11.10.5",
 		"@fontsource/material-icons": "^4.5.4",
 		"@fontsource/roboto": "^4.5.8",
-		"@mapbox/mapbox-gl-draw": "^1.3.0",
-		"@mapbox/mapbox-gl-sync-move": "0.3.0",
-		"@mui/icons-material": "5.11.0",
-		"@mui/material": "5.11.6",
-		"@mui/styles": "5.11.2",
 		"@rollup/plugin-babel": "^6.0.3",
 		"@rollup/plugin-commonjs": "^24.0.1",
 		"@rollup/plugin-url": "^8.0.1",
@@ -53,7 +64,6 @@
 		"@storybook/theming": "^6.5.16",
 		"@svgr/rollup": "^6.5.1",
 		"@testing-library/react": "^13.4.0",
-		"@turf/turf": "^6.5.0",
 		"@types/enzyme": "^3.10.12",
 		"@types/expect": "^24.3.0",
 		"@types/jest": "^29.4.0",
@@ -73,7 +83,6 @@
 		"babel-plugin-styled-components": "^2.0.7",
 		"babel-preset-react-app": "^10.0.1",
 		"cypress": "^12.4.1",
-		"d3": "^7.8.2",
 		"enzyme": "^3.11.0",
 		"eslint": "^8.32.0",
 		"eslint-config-prettier": "^8.6.0",
@@ -85,9 +94,6 @@
 		"jest-enzyme": "^7.1.2",
 		"jest-resolve": "26.6.0",
 		"jest-watch-typeahead": "0.6.1",
-		"jspdf": "^2.5.1",
-		"maplibre-gl": "^2.4.0",
-		"mui-color": "^2.0.0-beta.2",
 		"node-fetch": "^3.3.0",
 		"postcss": "^8.4.21",
 		"prettier": "2.8.3",
@@ -97,7 +103,6 @@
 		"react-dom": "^18.2.0",
 		"react-draggable": "^4.4.5",
 		"react-i18next": "^12.1.4",
-		"react-moveable": "^0.45.1",
 		"rollup": "^2.70.1",
 		"rollup-plugin-delete": "^2.0.0",
 		"rollup-plugin-import-css": "^3.0.3",
@@ -105,11 +110,8 @@
 		"rollup-plugin-typescript2": "^0.31.2",
 		"showdown": "^2.1.0",
 		"storybook-source-link": "^2.0.4",
-		"three": "^0.149.0",
 		"ts-jest": "^29.0.5",
 		"typescript": "^4.9.4",
-		"uuid": "^9.0.0",
-		"wms-capabilities": "^0.6.0",
 		"xmldom": "^0.6.0"
 	},
 	"jest": {

package/.babelrc

@@ -1,22 +0,0 @@
-{
-  "plugins": [
-    "@babel/plugin-transform-typescript",
-    "babel-plugin-styled-components",
-    [
-      "inline-react-svg",
-      {
-        "svgo": {
-          "plugins": [
-            {
-              "name": "preset-default",
-              "params": {
-                "overrides": { "mergePaths": false }
-              }
-            }
-          ]
-        }
-      }
-    ]
-  ],
-	"presets": ["@babel/preset-env", "@babel/preset-react", "@babel/preset-typescript"]
-}

package/.editorconfig

@@ -1,19 +0,0 @@
-# EditorConfig is awesome: https://editorconfig.org/
-
-# top-most EditorConfig file
-root = true
-
-[*.md]
-trim_trailing_whitespace = false
-
-[*.js]
-trim_trailing_whitespace = true
-
-# Unix-style newlines with a newline ending every file
-[*]
-indent_style = tab
-indent_size = 2
-end_of_line = lf
-charset = utf-8
-insert_final_newline = true
-max_line_length = 100

package/.eslintignore

@@ -1,12 +0,0 @@
-.cache
-.github
-.storybook
-.vscode
-coverage
-dist
-docs
-docs-build
-js-docs
-node_modules
-storybook-static
-scripts

package/.eslintrc.js

@@ -1,30 +0,0 @@
-module.exports = {
-	env: {
-		browser: true,
-		node: true,
-		es2021: true,
-	},
-	extends: [
-		'eslint:recommended',
-		'plugin:react/recommended',
-		'plugin:@typescript-eslint/recommended',
-		'prettier',
-	],
-	overrides: [],
-	parser: '@typescript-eslint/parser',
-	parserOptions: {
-		ecmaVersion: 'latest',
-		sourceType: 'module',
-	},
-	plugins: ['react', '@typescript-eslint'],
-	rules: {
-		'react/prop-types': 'off',
-		// empty functions can sometimes be set intentionally. e.g. with useRef/useState, if we want an empty function first
-		'@typescript-eslint/no-empty-function': 'off',
-	},
-	settings: {
-		react: {
-			version: 'detect',
-		},
-	},
-};

package/.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,41 +0,0 @@
----
-name: "🐛 Bug Report"
-about: Report a reproducible bug.
-title: 'Bug: '
-labels: 'Status: Unconfirmed'
-
----
-
-<!--
-  Please provide a clear and concise description of what the bug is. Include
-  screenshots if needed. Please test using the latest version of the relevant
-  @mapcomponents/react-maplibre package to make sure your issue has not already been fixed.
--->
-
-@mapcomponents/react-maplibre version:
-
-## Steps To Reproduce
-
-1.
-2.
-
-<!--
-  Your bug will get fixed much faster if we can run your code and it doesn't
-  have dependencies other than react-map-components-maplibre. Issues without reproduction steps or
-  code examples may be immediately closed as not actionable.
--->
-
-Link to code example:
-
-<!--
-  Please provide a CodeSandbox (https://codesandbox.io/s/new), a link to a
-  repository on GitHub, or provide a minimal code example that reproduces the
-  problem. You may provide a screenshot of the application if you think it is
-  relevant to your bug report. Here are some tips for providing a minimal
-  example: https://stackoverflow.com/help/mcve.
--->
-
-## The current behavior
-
-
-## The expected behavior

package/.github/ISSUE_TEMPLATE/feature_request.md

@@ -1,22 +0,0 @@
----
-name: "💕 Feature request"
-about: Suggest a new idea for @mapcomponents/react-maplibre.
-title: 'Feature: '
-labels: 'Status: needs print'
-Assignees: ''
----
-
-<!--
-  Please provide a clear and concise description of what the feature does.
--->
-
-
-@mapcomponents/react-maplibre version:
-
-## Feature description
-
-
-## Example
-
-
-## Summary

package/.github/workflows/check-catalogue-metadata-schema.yml

@@ -1,19 +0,0 @@
-name: catalogue-meta-schema-check
-on:
-  push:
-    branches:
-      - "main"
-  pull_request:
-
-jobs:
-  check-catalogue-meta-schema:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout 🛎️
-        uses: actions/checkout@v2.3.1
-        with:
-          persist-credentials: false
-      - name: Install and build 🔧
-        run: | # Install packages and build the catalogue meta.json file for schema checks only
-          yarn
-          yarn build-catalogue-meta

package/.github/workflows/check-formatting.yml

@@ -1,46 +0,0 @@
-name: formatting-check
-on:
-  push:
-    branches:
-      - "main"
-  pull_request:
-
-jobs:
-  check_formatting:
-    runs-on: ubuntu-latest
-
-    strategy:
-      matrix:
-        node-versions: [16.x]
-
-    steps:
-      - uses: actions/checkout@v2
-
-      - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v2
-        with:
-          node-version: ${{ matrix.node-version }}
-
-      - name: Node cache
-        id: yarn-cache
-        uses: actions/cache@v2
-        with:
-          path: "**/node_modules"
-          key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
-
-      - name: Install dependencies
-        if: steps.yarn-cache.outputs.cache-hit != 'true'
-        run: yarn install
-
-      - id: files
-        uses: jitterbit/get-changed-files@v1
-        with:
-          format: csv
-
-      - name: Run scoped actions
-        uses: DukeManh/scoped-actions@v1
-        with:
-          files: ${{ steps.files.outputs.added_modified}}
-          eslintTarget: "**/*.{jsx,tsx,ts,js}"
-          s0: "yarn run eslint"
-          s1: "yarn run prettier --check"

package/.github/workflows/node_version_test.yml

@@ -1,26 +0,0 @@
-name: tests
-on:
-  push:
-    branches:
-      - main
-  pull_request:
-    branches:
-      - main
-jobs:
-  test:
-    runs-on: ubuntu-latest
-
-    strategy:
-      matrix:
-        node-versions: [16.x,18.x]
-
-    steps:
-      - uses: actions/checkout@v2
-      - name: Use Node.js ${{ matrix.node-version }}
-      # Setup .npmrc file to publish to npm
-        uses: actions/setup-node@v2
-        with:
-          node-version: ${{ matrix.node-version }}
-      - run: yarn
-      - run: yarn test:noninteractive
-      - run: yarn build

package/.github/workflows/publish.yml

@@ -1,21 +0,0 @@
-name: Publish node.js Package
-on:
-  push:
-    tags:        
-      - v*
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      # Setup .npmrc file to publish to npm
-      - uses: actions/setup-node@v2
-        with:
-          node-version: '16.x'
-          registry-url: 'https://registry.npmjs.org'
-      - run: yarn
-      - run: yarn build
-      - run: yarn test:noninteractive
-      - run: yarn publish
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/.github/workflows/storybook.yml

@@ -1,28 +0,0 @@
-name: Build and deploy storybook 
-on:
-  push:
-    branches:
-      - main
-jobs:
-  build-and-deploy:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout 🛎️
-        uses: actions/checkout@v2.3.1
-        with:
-          persist-credentials: false
-      - name: Install and build 🔧
-        run: | # Install packages and build the Storybook files
-          yarn
-          yarn build-catalogue-meta
-          yarn build-catalogue-markdown-docs
-          yarn build-storybook
-          npx sb extract ./docs-build ./docs-build/stories.json
-      - name: Deploy 🚀
-        uses: JamesIves/github-pages-deploy-action@3.6.2
-        with:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          BRANCH: main # The branch the action should deploy to.
-          FOLDER: docs-build # The folder that the build-storybook script generates files.
-          CLEAN: true # Automatically remove deleted files from the deploy branch
-          TARGET_FOLDER: docs # The folder that we serve our Storybook files from

package/.prettierignore

@@ -1,11 +0,0 @@
-.cache
-.github
-.storybook
-.vscode
-coverage
-dist
-docs
-docs-build
-js-docs
-node_modules
-storybook-static

package/.prettierrc.json

@@ -1,6 +0,0 @@
-{
-  "printWidth": 100,
-  "singleQuote": true,
-  "trailingComma": "es5",
-  "useTabs": true
-}

package/.storybook/.babelrc

@@ -1,26 +0,0 @@
-{
-  "plugins": [
-    "@babel/plugin-transform-typescript",
-    "babel-plugin-styled-components",
-    [
-      "inline-react-svg",
-      {
-        "svgo": {
-          "plugins": [
-            {
-              "name": "preset-default",
-              "params": {
-                "overrides": { "mergePaths": false }
-              }
-            }
-          ]
-        }
-      }
-    ]
-  ],
-  "presets": [
-    "@babel/preset-env",
-    "@babel/preset-typescript",
-    "@babel/preset-react"
-  ]
-}

package/.storybook/main.js

@@ -1,40 +0,0 @@
-module.exports = {
-  core: {
-    builder: '@storybook/builder-webpack5',
-  },
-	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/manager.js

@@ -1,6 +0,0 @@
-import { addons } from "@storybook/addons";
-import wheregroupTheme from "./wheregroupTheme";
-
-addons.setConfig({
-  theme: wheregroupTheme,
-});

package/.storybook/preview.js

@@ -1,33 +0,0 @@
-import React from "react";
-
-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/.storybook/style.css

@@ -1,15 +0,0 @@
-.docs-story > div:first-child{
-  z-index:0;
-}
-
-.docs-story > div > div:first-child, .innerZoomElementWrapper, .innerZoomElementWrapper > div:first-child, .innerZoomElementWrapper > div:first-child > div:first-child{
-
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-.innerZoomElementWrapper > div > div > div:first-child{
-  height: 100% !important;
-}

package/.storybook/wheregroupTheme.js

@@ -1,9 +0,0 @@
-import { create } from "@storybook/theming";
-import logo from "./mapcomponents_logo.png";
-
-export default create({
-  base: "light",
-  brandTitle: "WhereGroup GmbH",
-  brandUrl: "https://wheregroup.com",
-  brandImage: logo,
-});