openlayers-style-editor 0.1.9 → 0.2.0

package/README.md

@@ -1,5 +1,5 @@
 <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>
+<h1 align="center">Welcome to OpenLayers Style Editor</h1>
 
 ![](https://img.shields.io/npm/v/openlayers-style-editor.svg)
 ![](https://img.shields.io/npm/dw/openlayers-style-editor)
@@ -46,7 +46,7 @@ This Style Editor for OpenLayers allows the user to change the style of layers.
 
 - **Unique Symbol:** Allows the user to change the layer's color, opacity, and stroke.
 - **Categorized:** Allows the user to change the layer's color, opacity, and stroke based on the values of an attribute.
-- **Graduated:** Allows the user to change the layer's color, opacity, and stroke based on a numeric attribute and the
+- **Quantitative:** Allows the user to change the layer's color, opacity, and stroke based on a numeric attribute and the
   mode used to group its values. This package has six modes implemented, some of them are implemented using the
   [GeoBuckets](https://www.npmjs.com/package/geobuckets) package. The implemented modes are:
     - Manual
@@ -58,6 +58,8 @@ This Style Editor for OpenLayers allows the user to change the style of layers.
 
 A detailed explanation of each mode can be found [here](https://resources.arcgis.com/en/help/main/10.2/index.html#//00s50000001r000000).
 
+- **Based on Rules:** Allows the user to change the layer's color, opacity, and stroke based on rules defined by the user. Each rule is composed by a name, a filter, and a renderer. The filter is a logical expression that defines which features will be styled with the renderer of the rule.
+
 ## Installation
 
 Depending on the installed package provider, this package can be installed with one of the following commands.
@@ -134,8 +136,7 @@ const [renderer, setRenderer] = useState<Render>(defaultRender);
 
 ## TODOs
 
-- [ ] Add the condition style type
-- [ ] Add a license
+- [ ] Add more types of renderers, such as heatmap and icon renderers.
 
 ## Show your support
 

package/dist/components/basedOnRules.d.ts

@@ -0,0 +1,18 @@
+import { Render, SEAttribute } from '../rendererUtils';
+import { Feature } from 'ol';
+export interface FilterRule {
+    name: string;
+    filterJson?: string;
+    isElse: boolean;
+    symbol: Render;
+    isAll?: boolean;
+}
+interface Props {
+    setVisible: (e: boolean) => void;
+    features: Feature[];
+    applyRenderer: (renderer: Render) => void;
+    layerCurrentRenderer: Render;
+    attributes: SEAttribute[];
+}
+export declare function BasedOnRules(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/filters/conditionOnFilter.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    parentID: number;
+    id: number;
+    deleteF: (id: number) => void;
+}
+export declare const ConditionOnFilter: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/filters/expressionOnFilter.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    id: number;
+}
+export declare const ExpressionOnFilter: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/filters/filterWidget.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch, SetStateAction } from 'react';
+import { FilterRule } from '../basedOnRules.tsx';
+interface Props {
+    visible: boolean;
+    setVisible: Dispatch<SetStateAction<boolean>>;
+    filter: FilterRule | undefined;
+    setFilter: (filter: FilterRule) => void;
+    canBeElse: boolean;
+}
+export declare const FilterWidget: (props: Props) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/filters/filterWidgetContext.d.ts

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react';
+import { SEAttribute } from '../../rendererUtils.ts';
+interface FilterWidgetI {
+    title: string;
+    expressionSet: {
+        id: number;
+        conditions: number[];
+        expression: {
+            conditions: {
+                op: string;
+                attribute: string;
+                value: string;
+            }[];
+            isAll: boolean | undefined;
+        };
+    }[];
+    expressionsComponents: number[];
+    attributes: SEAttribute[];
+}
+export type FilterWidgetContextType = {
+    queryWidget: FilterWidgetI;
+    setTitle: (value: string) => void;
+    setExpressionSet: (value: {
+        id: number;
+        conditions: number[];
+        expression: {
+            conditions: {
+                op: string;
+                attribute: string;
+                value: string;
+            }[];
+            isAll: boolean | undefined;
+        };
+    }[]) => void;
+    setExpressionsComponents: (value: number[]) => void;
+    setAttributes: (value: SEAttribute[]) => void;
+    reset: () => void;
+    addAttributes: (atts: SEAttribute[]) => void;
+};
+export declare const FilterWidgetContext: import('react').Context<FilterWidgetContextType | null>;
+interface ProviderProps {
+    children: ReactNode;
+    attributes: SEAttribute[];
+}
+export declare function FilterWidgetContextProvider({ children, attributes }: ProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/geometryEditor.d.ts

@@ -1,6 +1,7 @@
 import { default as React, Dispatch, SetStateAction } from 'react';
-import { SEAttribute, PredefinedRenderer, Render } from '../rendererUtils';
+import { PredefinedRenderer, Render, SEAttribute } from '../rendererUtils';
 import { ColorRamp } from './rampColors.ts';
+import { Feature } from 'ol';
 interface Props {
     attributes: SEAttribute[];
     visible: boolean;
@@ -12,6 +13,7 @@ interface Props {
     moreRamps?: ColorRamp[];
     predefinedStyles: PredefinedRenderer[];
     numbersLocale: string;
+    features: Feature[];
 }
 export declare const GeometryEditor: React.FC<Props>;
 export {};

package/dist/components/graduated.d.ts

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

package/dist/components/uniqueSymbolComponent.d.ts

@@ -0,0 +1,13 @@
+import { Color } from 'ol/color';
+import { FlatStyle } from 'ol/style/flat';
+interface Props {
+    currentStyle?: FlatStyle | null;
+    color: Color | undefined;
+    setColor: (e: Color) => void;
+    borderColor: Color | undefined;
+    setBorderColor: (e: Color) => void;
+    borderThickness: number | undefined;
+    setBorderThickness: (e: number) => void;
+}
+export declare function UniqueSymbolComponent(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};