@mapcomponents/react-maplibre 0.1.69 → 0.1.71

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.69",
+	"version": "0.1.71",
 	"main": "index.js",
 	"license": "MIT",
 	"module": "dist/index.esm.js",
@@ -16,7 +16,6 @@
 		"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": {

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,
-});

package/config/env.js

@@ -1,106 +0,0 @@
-'use strict';
-
-const fs = require('fs');
-const path = require('path');
-const paths = require('./paths');
-
-// Make sure that including paths.js after env.js will read .env variables.
-delete require.cache[require.resolve('./paths')];
-
-const NODE_ENV = process.env.NODE_ENV;
-if (!NODE_ENV) {
-  throw new Error(
-    'The NODE_ENV environment variable is required but was not specified.'
-  );
-}
-
-// https://github.com/bkeepers/dotenv#what-other-env-files-can-i-use
-const dotenvFiles = [
-  `${paths.dotenv}.${NODE_ENV}.local`,
-  // Don't include `.env.local` for `test` environment
-  // since normally you expect tests to produce the same
-  // results for everyone
-  NODE_ENV !== 'test' && `${paths.dotenv}.local`,
-  `${paths.dotenv}.${NODE_ENV}`,
-  paths.dotenv,
-].filter(Boolean);
-
-// Load environment variables from .env* files. Suppress warnings using silent
-// if this file is missing. dotenv will never modify any environment variables
-// that have already been set.  Variable expansion is supported in .env files.
-// https://github.com/motdotla/dotenv
-// https://github.com/motdotla/dotenv-expand
-dotenvFiles.forEach(dotenvFile => {
-  if (fs.existsSync(dotenvFile)) {
-    require('dotenv-expand')(
-      require('dotenv').config({
-        path: dotenvFile,
-      })
-    );
-  }
-});
-
-// We support resolving modules according to `NODE_PATH`.
-// This lets you use absolute paths in imports inside large monorepos:
-// https://github.com/facebook/create-react-app/issues/253.
-// It works similar to `NODE_PATH` in Node itself:
-// https://nodejs.org/api/modules.html#modules_loading_from_the_global_folders
-// Note that unlike in Node, only *relative* paths from `NODE_PATH` are honored.
-// Otherwise, we risk importing Node.js core modules into an app instead of webpack shims.
-// https://github.com/facebook/create-react-app/issues/1023#issuecomment-265344421
-// We also resolve them to make sure all tools using them work consistently.
-const appDirectory = fs.realpathSync(process.cwd());
-process.env.NODE_PATH = (process.env.NODE_PATH || '')
-  .split(path.delimiter)
-  .filter(folder => folder && !path.isAbsolute(folder))
-  .map(folder => path.resolve(appDirectory, folder))
-  .join(path.delimiter);
-
-// Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be
-// injected into the application via DefinePlugin in webpack configuration.
-const REACT_APP = /^REACT_APP_/i;
-
-function getClientEnvironment(publicUrl) {
-  const raw = Object.keys(process.env)
-    .filter(key => REACT_APP.test(key))
-    .reduce(
-      (env, key) => {
-        env[key] = process.env[key];
-        return env;
-      },
-      {
-        // Useful for determining whether we’re running in production mode.
-        // Most importantly, it switches React into the correct mode.
-        NODE_ENV: process.env.NODE_ENV || 'development',
-        // Useful for resolving the correct path to static assets in `public`.
-        // For example, <img src={process.env.PUBLIC_URL + '/img/logo.png'} />.
-        // This should only be used as an escape hatch. Normally you would put
-        // images into the `src` and `import` them in code to get their paths.
-        PUBLIC_URL: publicUrl,
-        // We support configuring the sockjs pathname during development.
-        // These settings let a developer run multiple simultaneous projects.
-        // They are used as the connection `hostname`, `pathname` and `port`
-        // in webpackHotDevClient. They are used as the `sockHost`, `sockPath`
-        // and `sockPort` options in webpack-dev-server.
-        WDS_SOCKET_HOST: process.env.WDS_SOCKET_HOST,
-        WDS_SOCKET_PATH: process.env.WDS_SOCKET_PATH,
-        WDS_SOCKET_PORT: process.env.WDS_SOCKET_PORT,
-        // Whether or not react-refresh is enabled.
-        // react-refresh is not 100% stable at this time,
-        // which is why it's disabled by default.
-        // It is defined here so it is available in the webpackHotDevClient.
-        FAST_REFRESH: process.env.FAST_REFRESH !== 'false',
-      }
-    );
-  // Stringify all values so we can feed into webpack DefinePlugin
-  const stringified = {
-    'process.env': Object.keys(raw).reduce((env, key) => {
-      env[key] = JSON.stringify(raw[key]);
-      return env;
-    }, {}),
-  };
-
-  return { raw, stringified };
-}
-
-module.exports = getClientEnvironment;

package/config/jest/babelTransform.js

@@ -1,29 +0,0 @@
-'use strict';
-
-const babelJest = require('babel-jest');
-
-const hasJsxRuntime = (() => {
-  if (process.env.DISABLE_NEW_JSX_TRANSFORM === 'true') {
-    return false;
-  }
-
-  try {
-    require.resolve('react/jsx-runtime');
-    return true;
-  } catch (e) {
-    return false;
-  }
-})();
-
-module.exports = babelJest.createTransformer({
-  presets: [
-    [
-      require.resolve('babel-preset-react-app'),
-      {
-        runtime: hasJsxRuntime ? 'automatic' : 'classic',
-      },
-    ],
-  ],
-  babelrc: false,
-  configFile: false,
-});

package/config/jest/cssTransform.js

@@ -1,14 +0,0 @@
-'use strict';
-
-// This is a custom Jest transformer turning style imports into empty objects.
-// http://facebook.github.io/jest/docs/en/webpack.html
-
-module.exports = {
-  process() {
-    return 'module.exports = {};';
-  },
-  getCacheKey() {
-    // The output is always the same.
-    return 'cssTransform';
-  },
-};