openlayers-style-editor 0.1.2 → 0.1.3

package/README.md

@@ -1,22 +1,17 @@
 <p align="center"><img src="https://land-it.github.io/openlayers-style-editor/favicons/android-chrome-192x192.png"></p>
 <h1 align="center">Welcome to <code>openlayers-style-editor</code></h1>
-<p>
-  <a href="https://www.npmjs.com/package/openlayers-style-editor" target="_blank">
-    <img alt="Version" src="https://img.shields.io/npm/v/openlayers-style-editor.svg">
-  </a>
-   <a href="https://www.npmjs.com/package/openlayers-style-editor" target="_blank">
-  <img alt="Downloads" src="https://img.shields.io/npm/dw/openlayers-style-editor">
-  </a>
-  <a href="https://openlayers-style-editor.rajinwonderland.vercel.app" target="_blank">
-    <img alt="Documentation" src="https://img.shields.io/badge/documentation-yes-brightgreen.svg" />
-  </a>
 
-[//]: # (  <a href="#" target="_blank">)
+![](https://img.shields.io/npm/v/openlayers-style-editor.svg)
+![](https://img.shields.io/npm/dw/openlayers-style-editor)
+![](https://img.shields.io/npm/dt/openlayers-style-editor)
+![](https://img.shields.io/github/stars/land-it/openlayers-style-editor)
+![](https://img.shields.io/github/commit-activity/m/land-it/openlayers-style-editor)
+![](https://img.shields.io/github/v/release/land-it/openlayers-style-editor)
 
-[//]: # (    <img alt="License: MIT" src="https://img.shields.io/badge/License-MIT-yellow.svg" />)
-
-[//]: # (  </a>)
-</p>
+![](https://img.shields.io/badge/documentation-yes-brightgreen.svg)
+![](https://img.shields.io/github/issues/land-it/openlayers-style-editor)
+![](https://img.shields.io/github/issues-closed/land-it/openlayers-style-editor)
+![](https://img.shields.io/github/contributors/land-it/openlayers-style-editor)
 
 
 ### ✨ [Demo](https://land-it.github.io/openlayers-style-editor/#/demo)
@@ -74,6 +69,12 @@ yarn add openlayers-style-editor
 
 ## Usage
 
+Firstly it is necessary to import the styles of the package. This can be done by adding the following code snippet to your index/main file.
+
+```tsx
+import 'openlayers-style-editor/dist/openlayers-style-editor.css';
+```
+
 It is possible to enjoy this package by adding the following code snippets to your code.
 
 ```tsx

package/dist/{src/components → components}/categorized.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { ColorRamp } from './rampColors';
-import { PredefinedRenderer, Render, SEAttribute } from '../RendererObjects.ts';
+import { PredefinedRenderer, Render, SEAttribute } from '../rendererUtils';
 interface Props {
     attr: SEAttribute[];
     layerDefaultRenderer: Render;

package/dist/{src/components → components}/geometryEditor.d.ts

@@ -1,5 +1,5 @@
 import { default as React, Dispatch, SetStateAction } from 'react';
-import { SEAttribute, PredefinedRenderer, Render } from '../RendererObjects.ts';
+import { SEAttribute, PredefinedRenderer, Render } from '../rendererUtils';
 import { ColorRamp } from './rampColors.ts';
 interface Props {
     attributes: SEAttribute[];

package/dist/{src/components → components}/graduated.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { SEAttribute, Render } from '../RendererObjects.ts';
+import { SEAttribute, Render } from '../rendererUtils';
 import { ColorRamp } from './rampColors.ts';
 interface GraduatedProps {
     attr: SEAttribute[];

package/dist/{src → components/main}/StyleEditor.d.ts

@@ -1,7 +1,7 @@
 import { Dispatch, SetStateAction } from 'react';
-import { PredefinedRenderer, Render } from './RendererObjects.ts';
+import { PredefinedRenderer, Render } from '../../rendererUtils.ts';
 import { Feature } from 'ol';
-import { ColorRamp } from './components/rampColors.ts';
+import { ColorRamp } from '../rampColors.ts';
 interface Props {
     visible: boolean;
     setVisible: Dispatch<SetStateAction<boolean>>;

package/dist/{src → components/main}/StyleEditorComponent.d.ts

@@ -1,6 +1,6 @@
 import { default as React, Dispatch, SetStateAction } from 'react';
-import { PredefinedRenderer, Render } from './RendererObjects.ts';
-import { ColorRamp } from './components/rampColors.ts';
+import { PredefinedRenderer, Render } from '../../rendererUtils.ts';
+import { ColorRamp } from '../rampColors.ts';
 import { Feature } from 'ol';
 interface Props {
     visible: boolean;

package/dist/{src/components → components}/uniqueSymbol.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Render } from '../RendererObjects.ts';
+import { Render } from '../rendererUtils';
 interface UniqueSymbolProps {
     layerDefaultRenderer: Render;
     layerCurrentRenderer: Render;

package/dist/{src/components → components}/utills.d.ts

@@ -1,3 +1,3 @@
 import { Feature } from 'ol';
-import { SEAttribute } from '../RendererObjects.ts';
+import { SEAttribute } from '../rendererUtils';
 export declare function mapFeaturesToSEAttributes(features: Feature[]): SEAttribute[];

package/dist/i18n.d.ts

@@ -0,0 +1,2 @@
+import { default as i18n } from 'i18next';
+export default i18n;