@map-colonies/react-components 3.15.1 → 4.0.2

package/package.json

@@ -1,103 +1,73 @@
 {
   "name": "@map-colonies/react-components",
-  "version": "3.15.1",
-  "module": "dist/index.js",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "bugs": {
-    "url": "https://github.com/MapColonies/shared-components/issues"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/MapColonies/shared-components.git"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
+  "version": "4.0.2",
+  "main": "./dist/@map-colonies/react-components.umd.js",
+  "module": "./dist/@map-colonies/react-components.es.js",
+  "types": "./dist/index.d.ts",
   "license": "MIT",
+  "scripts": {
+    "dev": "vite",
+    "clean": "rimraf dist",
+    "transpileTS": "tsc --project ./tsconfig-build.json",
+    "build": "yarn run clean && yarn printTSVersion && yarn transpileTS && vite build",
+    "printTSVersion": "echo TS $(tsc -v)",
+    "postbuild": "copyfiles -u 2 -e \"**/*.ts\" -e \"**/*.tsx\" \"src/components/**/*\" dist",
+    "prepack": "yarn build",
+    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "copyassets:all": "yarn run copyassets:md-font && yarn run copyassets:cesium",
+    "copyassets:cesium": "copyfiles -u 5 \"../../node_modules/cesium/Build/Cesium/**/*\" \"./public\"",
+    "copyassets:md-font": "copyfiles -u 5 \"../../node_modules/material-design-icons/iconfont/*\" \"./public/fonts/material-icons\"",
+    "storybook": "yarn clean && yarn run copyassets:all && start-storybook -p 9010",
+    "build-storybook": "build-storybook && yarn run copyassets:md-font"
+  },
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@here/quantized-mesh-decoder": "^1.2.8",
-    "@map-colonies/react-core": "^3.3.4",
+    "@map-colonies/react-core": "^4.0.1",
     "@material-ui/core": "^4.11.0",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/pickers": "^3.2.10",
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.3.2",
-    "@testing-library/user-event": "^7.1.2",
     "@turf/bbox": "^6.0.1",
     "@turf/bbox-polygon": "^6.0.1",
     "@turf/boolean-point-in-polygon": "^6.5.0",
     "@turf/helpers": "^6.1.4",
     "@turf/rewind": "^5.1.5",
-    "@types/geojson": "^7946.0.7",
-    "@types/jest": "^24.0.0",
-    "@types/node": "^12.0.0",
-    "@types/ol": "^6.3.1",
-    "@types/react": "^16.9.0",
-    "@types/react-dom": "^16.9.0",
-    "@types/textarea-caret": "^3.0.1",
-    "babel-loader": "8.0.4",
-    "cesium": "1.84.0",
+    "cesium": "1.103.0",
     "chonky": "^2.3.2",
     "chonky-icon-fontawesome": "^2.3.2",
     "copy-webpack-plugin": "^6.3.1",
     "copyfiles": "2.3.0",
     "cross-env": "7.0.2",
     "date-fns": "^2.14.0",
+    "geojson": "^0.5.0",
     "get-input-selection": "^1.1.4",
     "lodash": "^4.17.20",
     "ol": "^6.4.3",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "react-scripts": "^4.0.1",
-    "resium": "^1.13.1",
+    "resium": "^1.16.1",
     "rimraf": "3.0.2",
-    "textarea-caret": "^3.1.0",
-    "typescript": "4.2.2"
-  },
-  "scripts": {
-    "start": "react-scripts start",
-    "build": "npx rimraf dist && tsc --project tsbuildconfig.json && yarn run copyassets:components",
-    "test": "react-scripts test",
-    "test:nowatch": "react-scripts test --coverage --watchAll=false --reporters='default' --reporters='jest-html-reporters'",
-    "eject": "react-scripts eject",
-    "postbuild": "copyfiles -u 2 -e \"**/*.ts\" -e \"**/*.tsx\" \"src/lib/**/*\" dist",
-    "copyassets:all": "yarn run copyassets:cesium",
-    "copyassets:cesium": "copyfiles -u 5 \"../../node_modules/cesium/Build/Cesium/**/*\" \"storybook-static\"",
-    "copyassets:components": "copyfiles -u 1 \"./public/assets/**/*\" \"dist\"",
-    "storybook": "yarn run copyassets:all && start-storybook -p 9010 -s public,\"storybook-static\"",
-    "storybook-https": "yarn run copyassets:all && start-storybook --ssl-cert ~/example.crt --ssl-key ~/example.key --https -p 9010 -s public,\"storybook-static\"",
-    "build-storybook": "build-storybook -s public",
-    "eslint-check": "npx eslint . --ext .ts,.tsx"
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
+    "textarea-caret": "^3.1.0"
   },
   "devDependencies": {
+    "@storybook/addon-essentials": "6.5.16",
+    "@storybook/addon-storysource": "6.5.16",
+    "@storybook/addons": "6.5.16",
+    "@storybook/builder-vite": "0.4.2",
+    "@storybook/react": "6.5.16",
+    "@storybook/theming": "6.5.16",
     "@types/enzyme": "^3.10.5",
-    "@types/enzyme-adapter-react-16": "^1.0.6",
+    "@types/geojson": "^7946.0.10",
     "@types/lodash": "^4.14.165",
-    "@types/react-test-renderer": "^16.9.2",
+    "@types/ol": "^6.3.1",
+    "@types/textarea-caret": "^3.0.1",
     "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.2",
     "jest-enzyme": "^7.1.2",
-    "react-test-renderer": "^16.13.1"
+    "storybook": "6.5.16",
+    "typescript": "4.9.5",
+    "vite-plugin-cesium": "1.2.22"
   },
-  "gitHead": "cb8b1ee909c0d1650e255d163b52ef6fcb436cba",
-  "jest": {
-    "coverageReporters": [
-      "text",
-      "html"
-    ]
-  }
+  "files": [
+    "dist"
+  ],
+  "gitHead": "2ec0cb9f03b289e39379cc805adc4711a60b5777"
 }

package/.env

@@ -1 +0,0 @@
-SKIP_PREFLIGHT_CHECK = true

package/.eslintignore

@@ -1,2 +0,0 @@
-dist/*
-storybook-static/*

package/.storybook/main.js

@@ -1,13 +0,0 @@
-module.exports = {
-  stories: ['../src/**/*.stories.tsx'],
-  addons: [
-    '@storybook/preset-create-react-app',
-    '@storybook/addon-storysource',
-    '@storybook/addon-actions',
-    '@storybook/addon-knobs',
-    '@storybook/addon-docs',
-    '@storybook/addon-controls',
-    '@storybook/addon-links',
-    'storybook-dark-mode',
-  ],
-};

package/.storybook/manager.js

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

package/.storybook/preview-head.html

@@ -1,21 +0,0 @@
-<style>
-    #story--map--basic {
-      height: 300px;
-      position: relative;
-    }
-    #story--map--with-drawer {
-      height: 300px;
-      position: relative;
-    }
-</style>
-
-<link rel="stylesheet" href="/Cesium/Widgets/widgets.css" />
-<script src="/Cesium/Cesium.js"></script>
-
-<script>
-  window.addEventListener('DOMContentLoaded', (event) => {
-    if(window.location.href.indexOf('cesium-map--localized-map') > 0){
-      document.body.dir='rtl';
-    }
-  });
-</script>

package/.storybook/preview.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import { addParameters, addDecorator } from '@storybook/react';
-import { ThemeProvider, Themes } from '@map-colonies/react-core';
-import { themes } from '@storybook/theming';
-import { useDarkMode } from 'storybook-dark-mode';
-import '@map-colonies/react-core/dist/rmwc/styles';
-
-addParameters({
-  docs: {
-    theme: themes.dark,
-  },
-});
-
-addDecorator((story) => {
-  const prefersDarkMode = useDarkMode();
-  const theme = prefersDarkMode ? Themes.darkTheme : Themes.lightTheme;
-  return <ThemeProvider options={theme}>{story()}</ThemeProvider>;
-});

package/.storybook/theme.js

@@ -1,9 +0,0 @@
-import { create } from '@storybook/theming';
-import logo from '../../../public/assets/logo.png';
-
-export default create({
-  base: 'light',
-
-  brandTitle: 'Map Colonies-Catalog',
-  brandImage: logo,
-});