react-spatial 1.2.3-beta.2 → 1.2.3-beta.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-spatial",
   "description": "Components to build React map apps.",
-  "version": "1.2.3-beta.2",
+  "version": "1.2.3-beta.3",
   "license": "MIT",
   "dependencies": {
     "@geops/geops-ui": "0.1.13",
@@ -98,7 +98,7 @@
   "scripts": {
     "esbuild": "esbuild src/*.js src/**/*.js src/**/**/*.js src/**/**/**/*.js --target=chrome100 --outdir=build/ --loader:.js=jsx --sourcemap=external",
     "buble": "buble --no modules,asyncAwait -i src -o build --objectAssign Object.assign --sourcemap",
-    "build": "yarn esbuild && find build -type f -name '*.test.*' -delete && rm -rf build/styleguidist && cp package.json README.md LICENSE build && cp -rf src/images build",
+    "build": "yarn esbuild && find build -type f -name '*.test.*' -delete && rm -rf build/styleguidist && cp package.json README.md LICENSE build && cp -rf src/images build && cp -rf src/themes build",
     "coverage": "yarn test --coverage --coverageDirectory=coverage",
     "cp": "generact --root src/components",
     "doc": "styleguidist build",

package/themes/README.md

@@ -0,0 +1,26 @@
+# Themes
+
+We are NOT a CSS library so we provide some default CSS helpers to help you start but feel free to use your own technology bootstrap or JSS or styled-compoennts.
+
+## How to use
+
+We provide a set of CSS variables and classes to help you start using `react-spatial` .
+To use it just import the `index.scss` file of the `default` theme in your application:
+
+```js
+import 'react-spatial/themes/default/index.scss';
+```
+
+If you want to override variables just import the `default/variables.css` and the default CSS files you want, there is one CSS file by component.
+
+## Create a new theme
+
+Just add a folder with an `index.scss` file.
+
+Some rules must be followed:
+
+- no positionning css for container.
+- no size information without using CSS variable.
+- use `display: flex` for container when possible.
+
+Of course those rules must be adapted depending on the component.

package/Projections.js

@@ -1,33 +0,0 @@
-const projections = {
-  "EPSG:3857": {
-    projectionExtent: [
-      -200375083428e-4,
-      -200375083428e-4,
-      200375083428e-4,
-      200375083428e-4
-    ],
-    resolutions: [
-      156543.033928,
-      78271.516964,
-      39135.758482,
-      19567.879241,
-      9783.9396205,
-      4891.96981025,
-      2445.98490513,
-      1222.99245256,
-      611.496226281,
-      305.748113141,
-      152.87405657,
-      76.4370282852,
-      38.2185141426,
-      19.1092570713,
-      9.55462853565,
-      4.77731426782,
-      2.38865713391,
-      1.19432856696,
-      0.597164283478,
-      0.298582141739
-    ]
-  }
-};
-export default projections;

package/Projections.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/Projections.js"],
-  "sourcesContent": ["const projections = {\n  'EPSG:3857': {\n    projectionExtent: [\n      -20037508.3428, -20037508.3428, 20037508.3428, 20037508.3428,\n    ],\n    resolutions: [\n      156543.033928, 78271.516964, 39135.758482, 19567.879241, 9783.9396205,\n      4891.96981025, 2445.98490513, 1222.99245256, 611.496226281, 305.748113141,\n      152.87405657, 76.4370282852, 38.2185141426, 19.1092570713, 9.55462853565,\n      4.77731426782, 2.38865713391, 1.19432856696, 0.597164283478,\n      0.298582141739,\n    ],\n  },\n};\n\nexport default projections;\n"],
-  "mappings": "AAAA,MAAM,cAAc;AAAA,EAClB,aAAa;AAAA,IACX,kBAAkB;AAAA,MAChB;AAAA,MAAgB;AAAA,MAAgB;AAAA,MAAe;AAAA,IACjD;AAAA,IACA,aAAa;AAAA,MACX;AAAA,MAAe;AAAA,MAAc;AAAA,MAAc;AAAA,MAAc;AAAA,MACzD;AAAA,MAAe;AAAA,MAAe;AAAA,MAAe;AAAA,MAAe;AAAA,MAC5D;AAAA,MAAc;AAAA,MAAe;AAAA,MAAe;AAAA,MAAe;AAAA,MAC3D;AAAA,MAAe;AAAA,MAAe;AAAA,MAAe;AAAA,MAC7C;AAAA,IACF;AAAA,EACF;AACF;AAEA,eAAe;",
-  "names": []
-}